storme/nexusAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

summary system backend implementation

Browse Source
This commit is contained in:
Storme-bit
2026-04-19 06:50:24 -07:00
parent 15c1bec609
commit 2769f436fa
10 changed files with 210 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
packages/chat-client/src/components/Sidebar.jsx
View File

@@ -126,7 +126,7 @@ export default function Sidebar({
{/* Header */}
<div className="panel-header" style={{ justifyContent: 'space-between', padding: '0 12px 0 16px' }}>
<span className="text-base" style={{ fontWeight: 500, color: 'var(--text-secondary)' }}>NexusAI</span>
<span className="text-base" style={{ fontWeight: 1000, color: 'var(--text-secondary)' }}>NexusAI</span>
<button className="btn-icon" onClick={onToggle}>◀</button>
</div>
@@ -166,8 +166,8 @@ export default function Sidebar({
padding: '10px',
borderRadius: 'var(--radius-md)',
border: '1px dashed var(--border)',
color: 'var(--text-muted)',
fontSize: '12px',
color: 'var(--text-sb-hdr)',
fontSize: '13px',
textAlign: 'center',
}}>
No projects yet
@@ -226,11 +226,17 @@ export default function Sidebar({
display: 'flex', alignItems: 'center', gap: '6px',
padding: '6px 16px 2px',
}}>
<div style={{
width: '6px', height: '6px', borderRadius: '50%', flexShrink: 0,
background: project?.colour ?? 'var(--accent)',
}} />
<span className="text-xs text-muted truncate">
<span className=" text-muted truncate"
style={{
fontSize: '12px',
textTransform: 'uppercase',
fontWeight: '500',
textAlign: 'center',
borderRadius: 'var(--radius-md)',
border: `1px solid ${project.colour ?? 'var(--border)'}`,
padding: '2px 2px',
width: '100%'
}}>
{project?.name ?? 'Project'}
</span>
</div>
@@ -246,7 +252,7 @@ export default function Sidebar({
<>
{Object.keys(grouped).length > 0 && (
<div style={{ padding: '6px 16px 2px' }}>
<span className="text-xs text-muted">Other</span>
<span className=" text-muted " style={{fontSize: '12px', textTransform: 'uppercase', fontWeight: '500', textAlign: 'center',}}>Other</span>
</div>
)}
{unassigned.map(session => (
@@ -334,14 +340,14 @@ function SectionHeader({ label, isOpen, onToggle }) {
className="btn-reset label-upper"
style={{
width: '100%', padding: '8px 16px',
display: 'flex', alignItems: 'center', justifyContent: 'space-between',
color: 'var(--text-muted)',
display: 'flex', alignItems: 'center', justifyContent: 'center',
color: 'var(--text-sb-hdr)',
}}
onMouseEnter={e => e.currentTarget.style.color = 'var(--text-secondary)'}
onMouseLeave={e => e.currentTarget.style.color = 'var(--text-muted)'}
>
<span>{label}</span>
<span style={{ fontSize: '10px' }}>{isOpen ? '▾' : '▸'}</span>
<span style={{ fontSize: '13px' }}>{isOpen ? '▾' : '▸'}</span>
</button>
);
}
@@ -357,6 +363,9 @@ function SessionRow({ session, isActive, isHovered, onHover, onSelect, onRename,
background: isActive || isHovered ? 'var(--bg-elevated)' : 'transparent',
borderLeft: isActive ? '2px solid var(--accent)' : '2px solid transparent',
transition: 'background 0.1s',
overflow: 'hidden',
width: '100%',
boxSizing: 'border-box',
}}
>
<button
@@ -365,7 +374,9 @@ function SessionRow({ session, isActive, isHovered, onHover, onSelect, onRename,
style={{
flex: 1, padding: '8px 16px',
paddingRight: isHovered && !session.isNew ? '4px' : '16px',
textAlign: 'left', minWidth: 0,
textAlign: 'left',
minWidth: 0,
overflow: 'hidden',
}}
>
<span className="text-base truncate" style={{
@@ -380,14 +391,22 @@ function SessionRow({ session, isActive, isHovered, onHover, onSelect, onRename,
)}
</button>
{isHovered && !session.isNew && (
<div className="flex items-center flex-shrink" style={{ gap: '2px', paddingRight: '8px' }}>
<button className="btn-icon" title="Rename" onClick={onRename}
style={{ padding: '2px 4px', fontSize: '12px' }}>✎</button>
<button className="btn-icon" title="Delete" onClick={onDelete}
style={{ padding: '2px 4px', fontSize: '12px', color: '#ff6b6b' }}>✕</button>
</div>
)}
<div
style={{
display: 'flex', alignItems: 'center',
gap: '2px',
paddingRight: isHovered && !session.isNew ? '8px' : '0px',
flexShrink: 0,
width: isHovered && !session.isNew ? '44px' : '0px',
overflow: 'hidden',
transition: 'width 0.1s ease',
}}
>
<button className="btn-icon" title="Rename" onClick={onRename}
style={{ padding: '2px 4px', fontSize: '12px' }}>✎</button>
<button className="btn-icon" title="Delete" onClick={onDelete}
style={{ padding: '2px 4px', fontSize: '12px', color: '#ff6b6b' }}>✕</button>
</div>
</div>
);
}