mirror of
https://github.com/NanmiCoder/cc-haha
synced 2026-07-17 13:13:35 +08:00
b811ffb8f1
Expose a workspace inspector for desktop sessions so users can browse the active project, preview files, inspect session-derived changes, and review diffs even when the work directory is not a git repository. Constraint: The workspace view must work for temporary and non-git project directories. Rejected: Rely only on git status | non-git sessions would lose the changed-files surface. Confidence: medium Scope-risk: moderate Directive: Keep undo semantics separate from workspace browsing; checkpoint-backed rewind should remain the source of truth for rollback. Tested: bun test src/server/__tests__/sessions.test.ts src/server/__tests__/workspace-service.test.ts Tested: cd desktop && bun run test -- src/components/workspace/WorkspacePanel.test.tsx src/stores/workspacePanelStore.test.ts Tested: cd desktop && bun run lint Tested: git diff --check Not-tested: Full desktop packaged app build after this commit
36 lines
1.9 KiB
TypeScript
36 lines
1.9 KiB
TypeScript
type Props = {
|
|
workDir?: string | null
|
|
repoName?: string | null
|
|
branch?: string | null
|
|
compact?: boolean
|
|
}
|
|
|
|
export function ProjectContextChip({ workDir, repoName, branch, compact = false }: Props) {
|
|
const label = branch ? (repoName || workDir?.split('/').pop() || '') : (workDir?.split('/').pop() || repoName || '')
|
|
|
|
if (!label) return null
|
|
|
|
return (
|
|
<div
|
|
className={`inline-flex max-w-full items-center rounded-full border border-[var(--color-border)] bg-[var(--color-surface-container-lowest)] text-[var(--color-text-secondary)] ${
|
|
compact ? 'gap-1.5 px-3 py-1.5 text-xs' : 'gap-2 px-4 py-2 text-sm'
|
|
}`}
|
|
>
|
|
{branch ? (
|
|
<svg width={compact ? 15 : 18} height={compact ? 15 : 18} viewBox="0 0 16 16" fill="currentColor" className="shrink-0 text-[var(--color-text-secondary)]">
|
|
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
|
|
</svg>
|
|
) : (
|
|
<span className={`material-symbols-outlined text-[var(--color-text-secondary)] ${compact ? 'text-[15px]' : 'text-[18px]'}`}>folder</span>
|
|
)}
|
|
<span className="truncate font-medium text-[var(--color-text-primary)]">{label}</span>
|
|
{branch ? (
|
|
<>
|
|
<span className="text-[var(--color-text-tertiary)]">|</span>
|
|
<span className="truncate">{branch}</span>
|
|
</>
|
|
) : null}
|
|
</div>
|
|
)
|
|
}
|