@chatcode/cco-better-sidebar 0.18.0-alpha.0

package/lib/types/client/terminal-links.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Terminal URL hyperlinks: xterm's `registerLinkProvider` is fed per-line
+ * link descriptors built from the pty stream, so URLs printed by any tool
+ * become hoverable / clickable spans.
+ *
+ * To stay out of the user's way (a terminal's primary interaction is text
+ * selection, not browsing), a click only activates when the user holds
+ * Ctrl (Win/Linux) or Cmd (mac) — a plain click is left for xterm's
+ * normal selection handling. Only http(s) URLs are dispatched to the
+ * browser; other schemes (`file://`, `mailto:`, `javascript:`, …) are
+ * underlined for visibility but rejected at activation, so a `file://`
+ * URL printed by a tool stays inert instead of being handed to
+ * `window.open`.
+ *
+ * Kept as a pure module (no xterm import) so the regex, the line
+ * scanner, the modifier gate and the scheme guard are unit-testable
+ * without mounting a terminal. `buildTerminalLinks` returns plain-object
+ * descriptors whose shape matches xterm's `ILink` minus the `activate`
+ * callback — the caller attaches `activate` (which closes over the
+ * event modifier check + `openTerminalUrl`) so this module never
+ * imports xterm types.
+ */
+/**
+ * The URL pattern used to scan each terminal line.
+ *
+ * A word boundary (`\b`) guards the leading scheme so `notttps://…` does
+ * not match. The character class excludes ASCII whitespace and the
+ * wrapping punctuation that shells commonly emit around URLs (quotes,
+ * angle brackets, brackets/braces, pipes, backslashes, backticks) so a
+ * URL printed as `"https://example.com"` or `<https://example.com>` does
+ * not drag the wrapping character into the link target.
+ *
+ * Carries the `g` flag so `findTerminalUrlsInLine` can iterate every
+ * match on a line; callers must reset `lastIndex` before reuse (the
+ * helper does this defensively).
+ */
+export declare const TERMINAL_URL_REGEX: RegExp;
+/** A URL match in a terminal line: the text and its 0-based start offset. */
+export interface TerminalUrlMatch {
+    /** 0-based start index of the URL within the line string. */
+    start: number;
+    /** The matched URL text. */
+    text: string;
+}
+/**
+ * Find every http(s) URL in a line of terminal text, in source order
+ * with 0-based start offsets. A link provider maps these to buffer
+ * ranges for xterm's `registerLinkProvider`.
+ *
+ * Trailing unmatched closing parens are trimmed from each match (see
+ * {@link trimUnbalancedTrailingParens}), so a URL wrapped in parens by
+ * a shell opens without the trailing `)`, while Wikipedia-style URLs
+ * with balanced parens stay intact.
+ *
+ * Resets the regex's `lastIndex` before and after the scan so a
+ * previous partial iteration can't desynchronize a later one (the
+ * regex carries the `g` flag and is module-shared).
+ */
+export declare function findTerminalUrlsInLine(line: string): TerminalUrlMatch[];
+/**
+ * A buffer range in xterm's coordinate system. xterm's cell `x` is
+ * 1-based (1..cols) and `y` is the buffer line number; the `end` is
+ * inclusive (the last cell covered by the link). Structurally
+ * compatible with xterm's `IBufferRange` so the caller can pass it
+ * straight through without importing xterm types here.
+ */
+export interface TerminalLinkRange {
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * A link descriptor: a buffer range plus the URL text. The caller
+ * (the link provider in `TerminalView`) attaches the `activate`
+ * callback, which closes over the modifier gate and `openTerminalUrl`.
+ */
+export interface TerminalLinkDescriptor {
+    range: TerminalLinkRange;
+    text: string;
+}
+/**
+ * Build link descriptors for every URL found in a terminal line.
+ *
+ * @param lineText - the line's text (e.g. from
+ *   `IBufferLine.translateToString(true)`).
+ * @param lineNumber - the buffer line number xterm passed to
+ *   `ILinkProvider.provideLinks` (used as the `y` of every range; URLs
+ *   never span wrapped lines because each wrapped row is its own
+ *   buffer line).
+ * @returns descriptors in source order; empty when the line has no URL.
+ */
+export declare function buildTerminalLinks(lineText: string, lineNumber: number): TerminalLinkDescriptor[];
+/**
+ * Decide whether a click on a terminal link should activate (open the URL).
+ *
+ * Mirrors what every modern terminal does (Windows Terminal, iTerm2, the
+ * VSCode integrated terminal): a plain click stays a text-selection
+ * gesture, and only Ctrl (Win/Linux) or Cmd (mac) hands the URL to the
+ * browser. The modifier is read off the activating `MouseEvent`, not
+ * tracked separately, so a key-up between hover and click never
+ * desynchronizes the gate.
+ */
+export declare function shouldActivateTerminalLink(event: MouseEvent): boolean;
+/**
+ * Open a URL matched in the terminal, with a scheme guard so a printed
+ * `file://` or anything that slipped past the regex cannot reach
+ * `window.open`. The URL is constructed via `new URL(...)` which throws
+ * on malformed input; the catch makes the function total so the xterm
+ * handler never throws into the terminal's event loop.
+ *
+ * @returns `true` when the URL was dispatched to `window.open`, `false`
+ *   when it was rejected (bad URL, disallowed scheme, no `window`).
+ */
+export declare function openTerminalUrl(uri: string): boolean;

package/lib/types/client/theme.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Live theme access for surfaces that cannot consume the token colors
+ * directly — xterm's palette and CodeMirror's theme extensions need concrete
+ * values, but the app's scheme flips at runtime (ui-layout's ThemePresenter
+ * projects prefers-color-scheme and the user's choice onto
+ * body[data-ds-dark-theme] and html { color-scheme }). This module reads the
+ * resolved scheme and token values, and notifies subscribers on flips, so
+ * the terminal and the editor re-theme in place instead of freezing in the
+ * scheme they happened to be created under.
+ */
+/** Whether the app shell resolved to the dark scheme.
+ *
+ * The presenter sets `html { color-scheme }` together with the body palette
+ * attribute, so a set color-scheme means the decision is authoritative (an
+ * absent attribute is then LIGHT even when the OS prefers dark — the user
+ * chose light). Before the presenter has run, fall back to the OS media
+ * query as the best guess.
+ */
+export declare function isDarkScheme(): boolean;
+/** One token's computed value on <body> ('' while the theme has not applied). */
+export declare function tokenValue(name: string): string;
+/** The alpha channel of a computed CSS color, or null when the format is
+ *  not parseable (named colors, `color()`… — treated as opaque). Handles
+ *  the shapes getComputedStyle actually returns: the rgb()/rgba() and
+ *  hsl()/hsla() function forms (comma or space syntax, with or without the
+ *  `/ alpha` slot) and the #rgb/#rgba/#rrggbb/#rrggbbaa hex family. */
+export declare function colorAlpha(color: string): number | null;
+/**
+ * A token value that actually PAINTS something — the guard for text
+ * surfaces (issue #90). Skin systems routinely set global tokens to
+ * `transparent` (glass skins) or translucent glass values (`rgba(…,0.16–0.7)`,
+ * e.g. the dsh-web-ui skins) — both are truthy strings, so callers using
+ * `|| fallback` never fire and the terminal/editor goes see-through over
+ * the skin's backdrop. This returns '' for visually inert values (unset
+ * keywords, transparent, and any color below the opacity floor) so the
+ * caller's fallback chain engages; effectively opaque values pass through.
+ */
+export declare function effectiveTokenValue(name: string): string;
+/**
+ * Subscribe to color-scheme flips (the presenter toggles the body
+ * attribute). The callback fires after the attribute changed; re-read the
+ * scheme inside it.
+ * @returns the disposer.
+ */
+export declare function subscribeColorScheme(callback: () => void): () => void;

package/lib/types/client/titlebar-strip.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The title-bar strip resolution chain — the ONE place that decides how
+ * many pixels the sidebar yields at the top. Standard signals first, then
+ * the user's chosen scheme; never a per-shell branch:
+ *
+ *   0. `web` scheme — EXPLICIT "ChatCode CLI Web": never adapt, not even
+ *      standard WCO geometry (the user declares the plain web UI).
+ *   1. Window Controls Overlay real geometry (standard API, authoritative
+ *      when present — even 0, e.g. the overlay is hidden while maximized).
+ *   2. The `dsh-desktop-titlebar-inset` URL contract parameter (a shell
+ *      declares the exact pixels it reserves).
+ *   3. The active shell preset's strip (scheme `preset` — opt-in data).
+ *   4. The legacy manual `titleBarStripPx` (scheme `custom`).
+ *   5. 0 — plain-browser semantics, nothing modified.
+ *
+ * The result drives `--dsh-title-bar-strip` + `body[data-dsh-title-bar-compat]`
+ * exactly like the legacy boolean did; only the VALUE source changed.
+ */
+import type { DesktopEnv } from './desktop-env.ts';
+import type { TitleBarScheme } from '../prefs-shared.ts';
+import type { WcoSnapshot } from './wco.ts';
+import { type ShellPreset } from './shell-presets.ts';
+export declare function computeTitleBarStrip(env: DesktopEnv, wco: WcoSnapshot, scheme: TitleBarScheme, preset: ShellPreset | undefined, customStripPx: number): number;

package/lib/types/client/ui-tweaks/appicons.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Official app icons for the 打开项目 menu — JetBrains product marks are
+ * the full-color SVGs from resources.jetbrains.com (gradient ids namespaced
+ * per icon so several can coexist on one page), VS Code from simple-icons,
+ * Explorer a filled Windows-yellow folder. Sizing lives in CSS.
+ * @module dsh-ui-tweaks/client/appicons
+ */
+/** target key -> inline SVG markup (trusted build-time constants). */
+export declare const APP_ICONS: {
+    explorer: string;
+    vscode: string;
+    idea: string;
+    goland: string;
+    webstorm: string;
+    pycharm: string;
+};

package/lib/types/client/ui-tweaks/archive.d.ts

@@ -0,0 +1,42 @@
+/**
+ * dsh-ui-tweaks — Archive manager (browser half).
+ *
+ * Renders the "归档" settings section (shown in the Settings dialog; usable
+ * when the `archiveManagerEnabled` toggle in 界面调整 is on — otherwise it
+ * shows an invite card with a one-click enable). The section lists every
+ * archived session — enriched from the framework `useSessions` /
+ * `useWorkspaces` feeds — with per-row actions and batch actions that go
+ * through the same-origin archive route (`/_dsh/ui-tweaks/archive`):
+ *
+ * - **恢复** (Restore): remove the session from the archive set — its log and
+ *   workspace slot are kept, so the conversation reappears in the normal
+ *   sidebar list.
+ * - **删除** (Delete): PERMANENTLY delete the session — the server removes its
+ *   durable log, workspace accounting, archive-set entry and caches; the list
+ *   then refreshes so the row (and the session itself) disappear.
+ * - **全部恢复 / 全部删除**: the same actions for every archived session.
+ *
+ * Live (open/running) sessions are refused by the server; the client maps the
+ * `session-live` error code to localized copy.
+ * @module dsh-ui-tweaks/client/archive
+ */
+import type { ISessions, SessionListState } from '@deepseek-ai/dsh-api-session-controller/client';
+import type { WorkspaceSnapshot } from '@deepseek-ai/dsh-api-workspace-controller/client';
+import type { SnapshotSelectorHook } from '@deepseek-ai/dsh-client-ui-slots';
+import type { SettingsClient } from './index.tsx';
+/** Locale keys the Archive manager reads off the `ui-tweaks` dictionary. */
+type ArchiveLabelKey = 'archiveNav' | 'archiveTitle' | 'archiveEmpty' | 'archiveRestore' | 'archiveRestoring' | 'archiveDelete' | 'archiveDeleteAll' | 'archiveRestoreAll' | 'archiveCount' | 'archiveUnavailable' | 'archiveLiveError' | 'archiveDisabledHint' | 'archiveEnable' | 'archiveRestored' | 'unavailable';
+type Translate = (key: ArchiveLabelKey) => string;
+export declare const ARCHIVE_CSS = "\n.dut-arc{display:grid;gap:12px;max-width:680px;padding:6px 2px 36px}\n.dut-arc-head{display:flex;align-items:center;gap:10px;padding:14px 16px 0}\n.dut-arc-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--dsw-alias-label-primary)}\n.dut-arc-count{font-size:11.5px;color:var(--dsw-alias-label-secondary);padding:2px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1)}\n.dut-arc-spacer{flex:1}\n.dut-arc-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}\n.dut-arc-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.dut-arc-btn:disabled{opacity:.5;cursor:default}\n.dut-arc-btn.dut-arc-del:hover{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}\n.dut-arc-btn.dut-arc-confirm{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 55%,transparent);color:var(--dsw-alias-state-error-primary);font-weight:600}\n.dut-arc-body{display:grid;gap:2px;margin-top:4px}\n.dut-arc-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px}\n.dut-arc-row:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.dut-arc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:none;padding:0;cursor:default;color:var(--dsw-alias-label-primary);font:inherit}\n.dut-arc-title{font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n.dut-arc-sub{font-size:11.5px;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}\n.dut-arc-empty{padding:32px 16px;text-align:center;font-size:12.5px;color:var(--dsw-alias-label-secondary)}\n.dut-arc-alert{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}\n.dut-arc-off{padding:20px 16px;display:grid;gap:12px}\n.dut-arc-off p{margin:0;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}\n";
+/** Install the Archive stylesheet once (idempotent); returns the disposer. */
+export declare function installArchiveStyles(): () => void;
+export interface ArchiveSectionProps {
+    controller: SettingsClient;
+    t: Translate;
+    sessionsService: ISessions;
+    /** Framework standard feeds: session list + workspace archive set. */
+    useSessions: SnapshotSelectorHook<SessionListState>;
+    useWorkspaces: SnapshotSelectorHook<WorkspaceSnapshot>;
+}
+export declare function ArchiveSection({ controller, t, sessionsService, useSessions, useWorkspaces }: ArchiveSectionProps): import("react").JSX.Element;
+export {};

package/lib/types/client/ui-tweaks/branding.d.ts

@@ -0,0 +1,45 @@
+/**
+ * ChatCode CLI visual identity.
+ *
+ * The host owns its component tree, so this module deliberately uses stable
+ * semantics (roles, composer data attributes and visible labels) instead of
+ * the host's CSS-module hashes.  A small observer reapplies the few DOM
+ * affordances after the host swaps a session or rerenders its sidebar.
+ */
+import type { ReactNode } from 'react';
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface SlotMap {
+        'sidebar.brand.mark': {
+            kind: 'single';
+            scope: 'root';
+            owner: {
+                size: number;
+            };
+        };
+        'sidebar.brand.name': {
+            kind: 'single';
+            scope: 'root';
+            owner: Record<never, never>;
+        };
+    }
+}
+/** Browser URL for the project-owned `assets/logo.svg` file. */
+export declare const PROJECT_LOGO_URL = "/_dsh/ui-tweaks/assets/logo.svg";
+/** Reusable rendering of the packaged project logo. */
+export declare function ProjectLogoIcon({ className }: {
+    className?: string;
+}): ReactNode;
+/** New-session brand-mark slot supplied by the conversation package. */
+export declare function HeroProjectLogo({ size, className }: {
+    size: number;
+    className?: string | undefined;
+}): ReactNode;
+/** Sidebar mark shared by the expanded header and the collapsed rail. */
+export declare function SidebarProjectLogo({ size }: {
+    size: number;
+}): ReactNode;
+/** Expanded-sidebar wordmark supplied through the host's dedicated slot. */
+export declare function SidebarProjectName(): ReactNode;
+export declare const BRANDING_CSS = "\n/* Keep the light-theme type hierarchy in ChatCode's restrained red family,\n   while leaving every surface and interaction state (including workspace /\n   sidebar hover and selected fills, menus, the composer and shadows) owned\n   by the host theme. */\nbody:not([data-ds-dark-theme]){\n  --dsw-alias-label-primary:#301111;\n  --dsw-alias-label-secondary:#754745;\n  --dsw-alias-label-tertiary:#a77471;\n}\n/* Saturated brand red remains exclusive to explicitly marked primary actions. */\nbody:not([data-ds-dark-theme]) .dut-unicom-primary-action{background:linear-gradient(135deg,#9B0B09,#b71916) !important;border-color:#9B0B09 !important;color:#fff !important;box-shadow:0 7px 18px rgba(155,11,9,.24) !important}\nbody:not([data-ds-dark-theme]) .dut-unicom-primary-action:hover{background:linear-gradient(135deg,#b71916,#cf302c) !important;border-color:#b71916 !important;color:#fff !important;box-shadow:0 10px 24px rgba(155,11,9,.30) !important}\nbody:not([data-ds-dark-theme]) .dut-unicom-primary-action:active{transform:translateY(1px);box-shadow:0 4px 11px rgba(155,11,9,.22) !important}\n/* In dark mode, alter only the resting background of primary buttons.  Once\n   hovered, the host owns the complete interaction treatment again. */\nbody[data-ds-dark-theme] .dut-unicom-primary-action:not(:hover){background:#9B0B09 !important}\n.dut-project-logo{display:block;object-fit:contain}\n.dut-left-logo{width:44px !important;height:44px !important}\n.dut-brand-title{font-size:18px !important;font-weight:600 !important}\n.dut-sidebar-logo{width:44px !important;height:44px !important}\n/* The alpha sidebar keeps its slotted identity at 24px and clips the brand\n   button. Give only our expanded identity the full artwork height so the\n   44px knot is not cropped by that host-owned overflow boundary. */\n[class*=\"brandIdentity\"]:has(.dut-sidebar-logo){height:44px !important}\n.dut-sidebar-brand-name{font-size:18px !important;line-height:22px !important;font-weight:600 !important;letter-spacing:0 !important;white-space:nowrap}\n.dut-brand-version{display:none !important}\n.dut-hero-preview{display:none !important}\n.dut-hero-logo{width:60px !important;height:60px !important}\n[class*=\"headline\"]:has(.dut-hero-logo){grid-template-columns:60px auto !important;font-size:26px !important;line-height:34px !important}\n.dut-settings-logo{width:19px;height:19px;object-fit:contain}\n";
+/** Install the brand theme and retain it across host navigation/rerenders. */
+export declare function installBranding(): () => void;

package/lib/types/client/ui-tweaks/cachehit.d.ts

@@ -0,0 +1,41 @@
+/**
+ * dsh-ui-tweaks — precise cache-hit readout (browser half).
+ *
+ * Rewrites the cache-hit figure in the composer stats line under the input
+ * box ("缓存命中 96%" / "Cache hit 96%") to two decimal places ("96.35%").
+ * DSH rounds the share to an integer before display (adding decimals only to
+ * avoid a false 100%); the exact figure needs the raw token buckets, which
+ * this seat reads through the framework's per-session projection hook
+ * (`useProjection('tokenUsage')`) — the same durable whole-log totals the
+ * stock number is computed from.
+ *
+ * - Mounted in `conversation.composer.dock` (the band under the composer card
+ *   that hosts the shipped stats line), registered only while the
+ *   `preciseCacheHitEnabled` toggle is on — off costs nothing. The entry
+ *   renders nothing itself: it is a live reader that patches the stock span's
+ *   text in place, so layout, truncation and tooltip behavior stay DSH's own.
+ * - A MutationObserver re-applies the precise figure whenever React repaints
+ *   the line (token updates, group churn); writes are idempotent — a rewrite
+ *   only happens when the text actually differs — so the loop settles after
+ *   one pass. Toggling off restores the original texts.
+ * @module dsh-ui-tweaks/client/cachehit
+ */
+import type { UseProjection } from '@deepseek-ai/dsh-api-session-controller/client';
+/** Client-side slice of dsh-token-meter's cumulative projection. */
+interface TokenUsageProjection {
+    uncachedInputTokens: number;
+    cacheReadTokens: number;
+    cacheWriteTokens: number;
+}
+declare module '@deepseek-ai/dsh-session-projection/types' {
+    interface SessionProjectionMap {
+        tokenUsage: TokenUsageProjection | undefined;
+    }
+}
+export interface PreciseCacheHitEntryProps {
+    /** Framework seat (PropsRuntime): key-addressed per-session projection reader. */
+    useProjection: UseProjection;
+}
+/** Session-scoped composer-dock seat that keeps the stock cache-hit figure at two decimals. */
+export declare function PreciseCacheHitEntry({ useProjection }: PreciseCacheHitEntryProps): null;
+export {};

package/lib/types/client/ui-tweaks/gitbar.d.ts

@@ -0,0 +1,103 @@
+/**
+ * dsh-ui-tweaks — GitBar (browser half).
+ *
+ * Two compact DSH-native pills that live INSIDE the composer's tool row
+ * (`conversation.input.left` / `.right`), styled to match the input bar's
+ * resident chrome (access mode / model select):
+ *
+ * - **branch** (`conversation.input.left`, right after the access-mode
+ *   control): current branch; opens a popup with local/remote branches and a
+ *   new-branch field.
+ * - **diff** (`conversation.input.right`, just before the model select): ±line
+ *   counts; opens a right slide-over panel with the changed-file list and
+ *   per-file diff (changed hunks by default, whole file on toggle). The panel
+ *   keeps its commit band at the foot, so committing still works from the diff
+ *   view.
+ *
+ * The standalone commit pill (a third pill on its own row above the composer)
+ * is gone — the input area no longer carries a separate GitBar row above the
+ * card, which is what kept it tall.
+ *
+ * All colors ride the DSH theme tokens (`--dsw-alias-*`), so light and dark
+ * both work. Each pill renders nothing when the setting is off, the session
+ * has no cwd, or the directory is not a git repository.
+ * @module dsh-ui-tweaks/client/gitbar
+ */
+import type { ISessions } from '@deepseek-ai/dsh-api-session-controller/client';
+import type { SessionSnapshot } from '@deepseek-ai/dsh-api-session-controller/client';
+import type { SessionId } from '@deepseek-ai/dsh-session/types';
+import type { SettingsClient } from './index.tsx';
+/** Locale keys the GitBar reads off the `ui-tweaks` dictionary. */
+type GitBarLabelKey = 'commitMessage' | 'diffFiles' | 'branchLocal' | 'branchRemote' | 'branchNew' | 'branchNewPlaceholder' | 'branchCreate' | 'diffTitle' | 'diffOnly' | 'diffFull' | 'commitTitle' | 'commitPlaceholder' | 'commitHint' | 'commitWillCommit' | 'commitViewDiff' | 'commitEmpty' | 'commitCancel' | 'commitSubmit' | 'commitSubmitPush' | 'commitBusy' | 'dirty' | 'clean' | 'noChanges' | 'loading' | 'branchDelete' | 'branchDeleteConfirm' | 'includeFile' | 'excludeFile' | 'branchPushRemote' | 'branchRemoteDelete' | 'branchFrom' | 'branchFromHead' | 'branchGraph' | 'branchRefresh' | 'branchCancel' | 'graphTitle' | 'graphColGraph' | 'graphColCommit' | 'graphColSubject' | 'graphColAuthor' | 'graphColDate' | 'openProject' | 'terminal' | 'openExplorer' | 'openVscode' | 'openIdea' | 'openGoland' | 'openWebstorm' | 'openPycharm' | 'termConnecting' | 'termExited' | 'termUnavailable' | 'termLost';
+type Translate = (key: GitBarLabelKey) => string;
+/**
+ * Where git ops resolve their working directory: a real session id, or a
+ * workspace title for the hero/new-session screen (which has no materialized
+ * session yet — the server resolves the picked workspace's path instead).
+ */
+export interface GitTarget {
+    session?: string;
+    ws?: string;
+}
+export declare const GITBAR_CSS = "\n/* DSH does not force border-box globally; normalize it for the whole GitBar\n   subtree (including the body-portaled panels/modal), or widths overflow. */\n.gbar,.gbar *,.gbar-side,.gbar-side *,.gbar-modal-wrap,.gbar-modal-wrap *,.gbar-notice,.gbar-notice *{box-sizing:border-box}\n/* Anchor around each pill inside the composer tool row\n   (conversation.input.left / .right): the branch pill's containing block, so\n   its popup opens from the pill itself. flex:0 1 auto + min-width:0 let the\n   pill compress when the row is squeezed instead of spilling over neighbours. */\n.gbar{position:relative;display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0}\n/* Pills match the input bar's resident chrome (access mode / model select):\n   28px tall, fully-rounded, transparent at rest with a soft hover fill.\n   overflow:hidden clips the pill's content while it compresses. */\n.gbar-pill{\n  display:inline-flex;align-items:center;gap:6px;\n  height:28px;padding:0 8px;min-width:0;overflow:hidden;\n  background:transparent;\n  border:none;\n  border-radius:24px;\n  color:var(--dsw-alias-label-secondary);\n  font:inherit;font-size:13px;font-weight:500;line-height:20px;\n  cursor:pointer;\n  transition:background .15s ease;\n  white-space:nowrap;\n  -webkit-user-select:none;user-select:none;\n}\n.gbar-pill:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-pill:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}\n/* Long branch names ellipsize instead of stretching the row. */\n.gbar-pill .gbar-branch{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:140px}\n/* Icons match the resident access-mode trigger exactly: 14px, full color,\n   no fade, and box-centered (same vertical centre as the access icon). */\n.gbar-pill .gbar-ico{width:14px;height:14px;flex:none;opacity:1}\n.gbar-pill .gbar-caret{font-size:8px;color:var(--dsw-alias-label-tertiary);margin-left:1px}\n.gbar-pill .gbar-dot{width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-warn-primary);flex:none}\n.gbar-pill .gbar-add{color:var(--dsw-alias-state-success-primary);font-weight:600;font-variant-numeric:tabular-nums}\n.gbar-pill .gbar-del{color:var(--dsw-alias-state-error-primary);font-weight:600;font-variant-numeric:tabular-nums}\n.gbar-pill .gbar-meta{color:var(--dsw-alias-label-secondary)}\n.gbar-pill .gbar-hint{color:var(--dsw-alias-label-tertiary);font-weight:400}\n.gbar-pill.gbar-active{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-state-business-primary)}\n.gbar-pill.gbar-active .gbar-hint{color:var(--dsw-alias-state-business-primary)}\n.gbar-pill:disabled{opacity:.5;cursor:default}\n/* The composer tool row is an inline-size container (DSH sets\n   container-type:inline-size on it), so these container queries track the\n   row's actual width. When the stretched diff panel pushes the conversation\n   column and the row tightens \u2014 the same squeeze that makes the resident\n   access / model chrome collapse its labels to icons \u2014 the pills follow suit\n   instead of ever overlapping their neighbours: first drop the \"\u00B7 K \u4E2A\u6587\u4EF6\"\n   meta, then go icon-only (before the row gets narrow enough for the branch\n   name to collide with the access control). */\n@container (max-width: 700px){\n  .gbar-pill .gbar-meta{display:none}\n}\n@container (max-width: 620px){\n  .gbar-pill .gbar-text{display:none}\n  .gbar-pill .gbar-caret{display:none}\n}\n\n/* branch popup \u2014 the chip lives in the session HEADER now, so the menu opens\n   DOWNWARD (top-anchored, small arrow pointing up). Pinned header (current\n   branch + worktree state) and pinned action bar surround a freely scrolling\n   branch list. */\n.gbar-pop{\n  position:absolute;left:0;top:calc(100% + 8px);z-index:120;\n  width:300px;\n  background:var(--dsw-alias-bg-layer-1);\n  border:1px solid var(--dsw-alias-border-l2);border-radius:14px;\n  box-shadow:var(--dsw-shadow-lv2);\n  display:flex;flex-direction:column;overflow:hidden;\n  animation:gpop-down .16s cubic-bezier(.32,.72,0,1);\n}\n.gbar-pop::before{content:\"\";position:absolute;top:-5px;left:22px;width:9px;height:9px;\n  background:var(--dsw-alias-bg-layer-1);border-left:1px solid var(--dsw-alias-border-l2);\n  border-top:1px solid var(--dsw-alias-border-l2);transform:rotate(45deg)}\n@keyframes gpop-down{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}\n.gbar-pop-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-module-platform)}\n.gbar-pop-head .gbar-bicon{width:14px;height:14px;flex:none}\n.gbar-pop-head .gbar-curname{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary)}\n.gbar-pop-head .gbar-curname .gbar-bicon{color:var(--dsw-alias-state-business-primary)}\n.gbar-pop-head .gbar-curname>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.gbar-pop-head .gbar-state{margin-left:auto;flex:none;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}\n.gbar-pop-head .gbar-dot{width:6px;height:6px;border-radius:50%;flex:none}\n.gbar-pop-head .gbar-dot.gbar-dirty{background:var(--dsw-alias-state-warn-primary)}\n.gbar-pop-head .gbar-dot.gbar-clean{background:var(--dsw-alias-state-success-primary)}\n.gbar-pop-body{max-height:min(330px,calc(100vh - 250px));overflow-y:auto;padding:3px 6px 5px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent) transparent}\n.gbar-pop-body::-webkit-scrollbar{width:5px}\n.gbar-pop-body::-webkit-scrollbar-track{background:transparent}\n.gbar-pop-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent);border-radius:4px}\n.gbar-pop .gbar-sec{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);padding:8px 9px 3px}\n.gbar-pop .gbar-sec .gbar-count{margin-left:auto;font-size:10px;font-weight:500;letter-spacing:0;line-height:15px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;padding:0 7px}\n.gbar-pop .gbar-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 9px;font-size:12px;color:var(--dsw-alias-label-tertiary)}\n.gbar-pop .gbar-row{\n  display:flex;align-items:center;gap:8px;width:100%;\n  padding:6px 8px;border:none;border-radius:8px;\n  background:transparent;color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:12.5px;cursor:pointer;text-align:left;\n  transition:background .12s ease;\n}\n.gbar-pop .gbar-row:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-pop .gbar-row.gbar-cur{color:var(--dsw-alias-state-business-primary);font-weight:600}\n.gbar-pop .gbar-row .gbar-bicon{width:13px;height:13px;flex:none;color:var(--dsw-alias-label-tertiary);opacity:.85}\n.gbar-pop .gbar-row.gbar-cur .gbar-bicon{color:var(--dsw-alias-state-business-primary);opacity:1}\n.gbar-pop .gbar-row .gbar-check{margin-left:auto;color:var(--dsw-alias-state-business-primary);font-weight:700}\n.gbar-pop .gbar-row .gbar-rm{flex:none;font-size:10px;line-height:15px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}\n/* branch row wrapper: main switch button + delete button */\n.gbar-pop .gbar-rowwrap{display:flex;align-items:center;gap:2px;border-radius:8px;transition:background .12s ease}\n.gbar-pop .gbar-rowwrap:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-pop .gbar-rowwrap .gbar-row{background:transparent}\n.gbar-pop .gbar-del{\n  flex:none;display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);\n  font:inherit;font-size:10.5px;cursor:pointer;border-radius:7px;margin-right:4px;\n  transition:color .12s ease,background .12s ease;\n}\n.gbar-pop .gbar-del svg{width:13px;height:13px;display:block}\n.gbar-pop .gbar-del:hover{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}\n.gbar-pop .gbar-del.gbar-arm{width:auto;padding:0 8px;color:var(--dsw-alias-state-error-primary);font-weight:600;background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}\n.gbar-pushrow{display:flex;align-items:center;gap:7px;padding:0 8px 7px}\n.gbar-pushrow .gbar-pushlabel{font-size:12px;color:var(--dsw-alias-label-secondary)}\n.gbar-pop .gbar-newrow{display:flex;gap:6px;padding:8px 6px 6px}\n.gbar-pop input{\n  flex:1;min-width:0;height:32px;padding:0 11px;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:9px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:13px;outline:none;\n}\n.gbar-pop input:focus{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-pop input::placeholder{color:var(--dsw-alias-label-tertiary)}\n.gbar-mini{\n  flex:none;height:32px;padding:0 14px;border:none;border-radius:9px;\n  background:var(--dsw-alias-state-business-primary);color:#fff;\n  font:inherit;font-size:13px;font-weight:500;cursor:pointer;\n}\n.gbar-mini:hover{opacity:.92}\n.gbar-mini:disabled{opacity:.5;cursor:default}\n\n/* branch popup action entries (new branch / graph) \u2014 pinned below the\n   scrolling list; the border-top separates it from the body. */\n.gbar-actions{display:flex;gap:6px;padding:8px;border-top:1px solid var(--dsw-alias-border-l1)}\n.gbar-act{\n  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;\n  height:34px;border:none;border-radius:10px;\n  background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;\n}\n.gbar-act:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}\n.gbar-act svg{width:14px;height:14px;opacity:.9;flex:none}\n/* base-branch selector (new-branch dialog) */\n.gbar-baserow{display:flex;align-items:center;gap:7px;padding:0}\n.gbar-baselabel{font-size:12px;color:var(--dsw-alias-label-secondary);flex:none}\n.gbar-base{\n  flex:1;min-width:0;height:32px;padding:0 10px;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:9px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:12.5px;outline:none;cursor:pointer;\n}\n.gbar-base:focus{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-modal input{\n  width:100%;height:38px;padding:0 13px;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:10px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:13.5px;outline:none;\n}\n.gbar-modal input:focus{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-modal input::placeholder{color:var(--dsw-alias-label-tertiary)}\n.gbar-modal .gbar-head{padding-bottom:10px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n/* \"push to remote\" row becomes an inset card so it reads as one option group. */\n.gbar-modal .gbar-pushrow{padding:9px 11px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-2)}\n.gbar-modal .gbar-pushrow .gbar-pushlabel{font-size:12.5px;color:var(--dsw-alias-label-primary)}\n.gbar-x:disabled{opacity:.5;cursor:default}\n/* commit-graph dialog */\n.gbar-modal.gbar-graph-modal{width:min(760px,calc(100vw - 40px));gap:10px}\n/* Refresh sits immediately left of close, both pinned to the right edge: the\n   refresh takes the auto margin (specificity .gbar-x.gbar-refresh beats the\n   .gbar-x override below), close drops it so they stay adjacent. */\n.gbar-modal.gbar-graph-modal .gbar-head .gbar-x.gbar-refresh{margin-left:auto}\n.gbar-modal.gbar-graph-modal .gbar-head .gbar-x{margin-left:0}\n.gbar-modal.gbar-graph-modal .gbar-x svg{width:15px;height:15px;display:block}\n.gbar-graph-empty{padding:28px 12px;text-align:center;font-size:13px;color:var(--dsw-alias-label-tertiary)}\n.gbar-graph-table{display:flex;flex-direction:column;max-height:min(60vh,540px);overflow:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:12px;background:var(--dsw-alias-bg-layer-2)}\n.gbar-graph-row{display:grid;grid-template-columns:62px 1fr 96px 90px;align-items:center;gap:8px;padding:5px 12px;border-bottom:1px solid var(--dsw-alias-border-l1);transition:background .12s ease}\n.gbar-graph-row:last-child{border-bottom:none}\n/* Zebra striping for scanability; the hover rule matches its specificity and\n   comes later in the sheet, so pointing at a row still wins. */\n.gbar-graph-row:not(.gbar-graph-head):nth-child(odd){background:color-mix(in srgb,var(--dsw-alias-bg-module-platform) 35%,transparent)}\n.gbar-graph-row:not(.gbar-graph-head):hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-graph-head{position:sticky;top:0;background:var(--dsw-alias-bg-module-platform);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);z-index:1;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.gbar-c-hash code{font-family:var(--dsw-font-markdown-code-font-family,\"SF Mono\",Consolas,monospace);font-size:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:6px;padding:2px 6px}\n.gbar-c-subject{min-width:0;display:flex;align-items:center;gap:8px}\n.gbar-subject{font-size:12.5px;color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.gbar-refs{flex:none;font-size:10.5px;color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);border-radius:999px;padding:1px 8px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}\n.gbar-c-author{font-size:12px;color:var(--dsw-alias-label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.gbar-c-date{font-size:11.5px;color:var(--dsw-alias-label-tertiary);text-align:right;white-space:nowrap}\n\n/* diff side panel \u2014 fixed on the right; the conversation is pushed left via\n   #root { margin-right } so the panel never overlaps the message column. */\n.gbar-side{\n  position:fixed;right:0;top:0;bottom:0;z-index:80;\n  display:flex;flex-direction:column;overflow:hidden;\n  /* bg-base instead of bg-layer-1: in dark mode layer-1 (#232324) reads gray\n     next to the conversation's base (#151517); base matches it exactly, and in\n     light mode both aliases are #fff so nothing changes. */\n  background:var(--dsw-alias-bg-base);\n  border-left:1px solid var(--dsw-alias-border-l2);\n  box-shadow:var(--dsw-shadow-lv2);\n  animation:gbar-in .18s cubic-bezier(.32,.72,0,1);\n}\n/* drag handle on the panel's left edge */\n.gbar-resize{\n  position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;\n  touch-action:none;\n}\n.gbar-resize::after{\n  content:\"\";position:absolute;left:4px;top:0;bottom:0;width:2px;\n  background:transparent;transition:background .15s ease;\n}\n.gbar-side:hover .gbar-resize::after{background:var(--dsw-alias-border-l2)}\n.gbar-resize:active::after{background:var(--dsw-alias-state-business-primary)}\n@keyframes gbar-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}\n.gbar-side-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--dsw-alias-border-l1)}\n.gbar-side-head .gbar-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.gbar-side-head .gbar-sub{font-size:12px;color:var(--dsw-alias-label-tertiary);flex:none;font-variant-numeric:tabular-nums}\n.gbar-side-head .gbar-sub .gbar-a{color:var(--dsw-alias-state-success-primary)}\n.gbar-side-head .gbar-sub .gbar-d{color:var(--dsw-alias-state-error-primary)}\n.gbar-side-head .gbar-spacer{flex:1}\n.gbar-seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--dsw-alias-bg-module-platform);flex:none}\n.gbar-seg button{border:none;border-radius:8px;padding:4px 10px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;cursor:pointer}\n.gbar-seg button.gbar-on{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv1)}\n.gbar-side-x{border:none;background:transparent;color:var(--dsw-alias-label-tertiary);font-size:15px;cursor:pointer;width:28px;height:28px;border-radius:8px;flex:none}\n.gbar-side-x:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.gbar-side-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}\n/* The three stacked sections (files / diff / commit) are sized by drag: the two\n   neighbours carry an explicit inline height and the diff pane absorbs whatever\n   is left, so a drag can never overflow the panel. The dividing hairlines are\n   painted by the splitters, not by the sections' own borders. */\n.gbar-files{flex:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent) transparent}\n.gbar-files::-webkit-scrollbar{width:5px}\n.gbar-files::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent);border-radius:4px}\n/* horizontal drag splitters between the sections */\n.gbar-vsplit{\n  flex:none;position:relative;height:7px;\n  cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;\n}\n.gbar-vsplit::after{\n  content:\"\";position:absolute;left:0;right:0;top:3px;height:1px;\n  background:var(--dsw-alias-border-l1);transition:background .15s ease,height .15s ease;\n}\n.gbar-vsplit:hover::after{background:var(--dsw-alias-border-l2);height:2px}\n.gbar-vsplit.gbar-dragging::after{background:var(--dsw-alias-state-business-primary);height:2px}\n.gbar-file{\n  display:flex;align-items:center;gap:6px;width:100%;\n  padding:3px 14px;background:transparent;\n}\n.gbar-file .gbar-file-main{\n  flex:1;min-width:0;display:flex;align-items:center;gap:9px;\n  padding:5px 4px;border:none;border-radius:7px;background:transparent;\n  color:var(--dsw-alias-label-primary);font:inherit;font-size:12.5px;cursor:pointer;text-align:left;\n}\n.gbar-file .gbar-file-main:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-file.gbar-on .gbar-file-main{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 9%,transparent);box-shadow:inset 2px 0 0 var(--dsw-alias-state-business-primary)}\n.gbar-file.gbar-excl{opacity:.55}\n.gbar-chk{\n  flex:none;width:16px;height:16px;padding:0;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:5px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-business-primary);\n  font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;\n}\n.gbar-chk:hover{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-chk.gbar-off{color:transparent}\n.gbar-file .gbar-st{\n  flex:none;min-width:17px;height:17px;padding:0 4px;\n  display:inline-flex;align-items:center;justify-content:center;\n  font-weight:700;font-size:10.5px;border-radius:5px;\n}\n.gbar-file .gbar-st.gbar-m{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 13%,transparent)}\n.gbar-file .gbar-st.gbar-a{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 13%,transparent)}\n.gbar-file .gbar-st.gbar-d{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)}\n.gbar-file .gbar-st.gbar-u{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}\n.gbar-file .gbar-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--dsw-font-markdown-code-font-family,\"SF Mono\",Consolas,monospace);font-size:12px}\n/* Directory part dims, filename stays bright \u2014 GitHub-style path rendering. */\n.gbar-file .gbar-path .gbar-dir{color:var(--dsw-alias-label-tertiary)}\n.gbar-file .gbar-nums{flex:none;font-variant-numeric:tabular-nums;font-size:11.5px}\n.gbar-file .gbar-nums .gbar-a{color:var(--dsw-alias-state-success-primary)}\n.gbar-file .gbar-nums .gbar-d{color:var(--dsw-alias-state-error-primary)}\n.gbar-diff{\n  flex:1;min-height:0;overflow:auto;\n  font-family:var(--dsw-font-markdown-code-font-family,\"SF Mono\",Consolas,monospace);font-size:12px;line-height:1.7;padding:8px 0;\n  scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent) transparent;\n}\n.gbar-diff::-webkit-scrollbar{width:5px;height:5px}\n.gbar-diff::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 35%,transparent);border-radius:4px}\n/* Hunk header: a centered pill strip (GitHub-style), gutter numbers hidden but\n   still occupying space so the code column stays aligned. */\n.gbar-diff .gbar-line.gbar-hunk{background:transparent;padding-top:7px;padding-bottom:3px}\n.gbar-diff .gbar-line.gbar-hunk .gbar-ln{visibility:hidden}\n.gbar-diff .gbar-line.gbar-hunk .gbar-code{color:var(--dsw-alias-state-business-primary)}\n.gbar-diff .gbar-line{display:flex;align-items:center;min-height:21px;padding:0 14px 0 0;white-space:pre}\n.gbar-diff .gbar-line .gbar-ln{flex:none;width:34px;text-align:right;padding-right:8px;color:var(--dsw-alias-label-tertiary);font-size:11px;-webkit-user-select:none;user-select:none}\n.gbar-diff .gbar-line .gbar-ln+.gbar-ln{border-right:1px solid var(--dsw-alias-border-l1);margin-right:10px}\n.gbar-diff .gbar-line .gbar-code{flex:1;white-space:pre;color:var(--dsw-alias-label-primary);padding-right:14px}\n.gbar-diff .gbar-line.gbar-add{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 13%,transparent);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--dsw-alias-state-success-primary) 55%,transparent)}\n.gbar-diff .gbar-line.gbar-add .gbar-ln{color:var(--dsw-alias-state-success-primary)}\n.gbar-diff .gbar-line.gbar-del{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--dsw-alias-state-error-primary) 50%,transparent)}\n.gbar-diff .gbar-line.gbar-del .gbar-ln{color:var(--dsw-alias-state-error-primary)}\n.gbar-diff .gbar-line.gbar-ctx .gbar-code{color:var(--dsw-alias-label-secondary)}\n.gbar-diff .gbar-empty{display:flex;align-items:center;justify-content:center;min-height:140px;font-size:12px;color:var(--dsw-alias-label-tertiary)}\n/* The hairline above the foot is drawn by the commit splitter that precedes it. */\n.gbar-side-foot{flex:none;padding:8px 14px;font-size:11.5px;color:var(--dsw-alias-label-tertiary);display:flex;gap:8px;align-items:center}\n.gbar-side-foot .gbar-dot{width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-warn-primary);flex:none}\n/* commit row inside the diff panel \u2014 height is drag-adjustable, so the message\n   field stretches to fill whatever the user gives this section. */\n.gbar-side-commit{flex:none;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:9px 12px;border-top:1px solid var(--dsw-alias-border-l1)}\n.gbar-side-commit .gbar-crow{flex:1;min-height:0;display:flex;align-items:stretch;gap:6px}\n.gbar-side-commit textarea{\n  flex:1;min-width:0;min-height:30px;padding:6px 10px;resize:none;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:8px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:12px;line-height:1.6;outline:none;overflow-y:auto;\n}\n.gbar-side-commit textarea:focus{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-side-commit textarea::placeholder{color:var(--dsw-alias-label-tertiary)}\n.gbar-side-commit .gbar-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:6px}\n.gbar-side-commit .gbar-btn{height:28px;padding:0 12px;font-size:12px;border-radius:8px}\n\n/* commit modal */\n.gbar-modal-wrap{\n  position:fixed;inset:0;z-index:120;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(0,0,0,.35);\n}\n.gbar-modal{\n  width:min(520px,calc(100vw - 40px));max-height:calc(100vh - 48px);overflow:hidden auto;\n  background:var(--dsw-alias-bg-layer-1);\n  border:1px solid var(--dsw-alias-border-l2);border-radius:16px;\n  box-shadow:var(--dsw-shadow-lv2);\n  padding:18px;\n  display:flex;flex-direction:column;gap:12px;\n  animation:gbar-in .18s cubic-bezier(.32,.72,0,1);\n}\n.gbar-modal .gbar-head{display:flex;align-items:center;gap:10px}\n.gbar-modal .gbar-head .gbar-title{font-size:15px;font-weight:600}\n.gbar-modal .gbar-head .gbar-branch{font-size:12px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-module-platform);border-radius:999px;padding:3px 10px}\n.gbar-modal .gbar-head .gbar-x{margin-left:auto;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);font-size:16px;cursor:pointer;width:28px;height:28px;border-radius:8px}\n.gbar-modal .gbar-head .gbar-x:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.gbar-modal textarea{\n  width:100%;min-height:64px;height:auto;max-height:220px;resize:none;\n  overflow-y:auto;scrollbar-width:none;\n  border:1px solid var(--dsw-alias-border-l2);border-radius:12px;\n  background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);\n  font:inherit;font-size:14px;line-height:1.6;padding:10px 14px;outline:none;\n}\n.gbar-modal textarea::-webkit-scrollbar{display:none}\n.gbar-modal textarea:focus{border-color:var(--dsw-alias-state-business-primary)}\n.gbar-modal textarea::placeholder{color:var(--dsw-alias-label-tertiary)}\n.gbar-modal .gbar-hint{font-size:12px;color:var(--dsw-alias-label-tertiary);line-height:1.6}\n.gbar-modal .gbar-files-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);margin-top:2px}\n.gbar-modal .gbar-files-head .gbar-hint{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0}\n.gbar-modal .gbar-files{\n  display:flex;flex-direction:column;gap:1px;max-height:132px;overflow-y:auto;\n  border:1px solid var(--dsw-alias-border-l1);border-radius:10px;\n  background:var(--dsw-alias-bg-layer-2);padding:4px;\n}\n.gbar-modal .gbar-file{\n  display:flex;align-items:center;gap:6px;width:100%;\n  padding:2px 6px;border-radius:7px;background:transparent;\n}\n.gbar-modal .gbar-file .gbar-file-main{\n  padding:4px 4px;font-size:12px;border-radius:6px;\n}\n.gbar-modal .gbar-file .gbar-file-main:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-modal .gbar-file.gbar-on .gbar-file-main{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent)}\n.gbar-modal .gbar-file .gbar-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--dsw-font-markdown-code-font-family,\"SF Mono\",Consolas,monospace);font-size:11.5px}\n.gbar-modal .gbar-file .gbar-goto{flex:none;color:var(--dsw-alias-label-tertiary);font-size:10px}\n.gbar-modal .gbar-file.gbar-on .gbar-goto{color:var(--dsw-alias-state-business-primary)}\n.gbar-modal .gbar-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px;flex-wrap:wrap}\n.gbar-btn{\n  height:34px;padding:0 16px;border:none;border-radius:10px;\n  font:inherit;font-size:13.5px;cursor:pointer;\n  display:inline-flex;align-items:center;gap:6px;\n}\n.gbar-btn.gbar-ghost{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary)}\n.gbar-btn.gbar-ghost:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)}\n.gbar-btn.gbar-soft{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-primary)}\n.gbar-btn.gbar-soft:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 18%,transparent)}\n.gbar-btn.gbar-primary{background:var(--dsw-alias-state-business-primary);color:#fff;font-weight:500}\n.gbar-btn.gbar-primary:hover:not(:disabled){opacity:.92}\n/* Disabled buttons (e.g. while a task is running) must NOT light up on hover \u2014\n   they keep their muted look, though the tooltip hint still shows. */\n.gbar-btn:disabled{opacity:.5;cursor:default}\n.gbar-btn:disabled:hover{opacity:.5}\n.gbar-notice{\n  position:fixed;z-index:150;left:50%;bottom:28px;transform:translateX(-50%);\n  max-width:min(520px,90vw);padding:9px 16px;border-radius:10px;font-size:12.5px;line-height:1.5;\n  box-shadow:var(--dsw-shadow-lv2);animation:gbar-in .18s cubic-bezier(.32,.72,0,1);\n}\n.gbar-notice.gbar-ok{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 16%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-state-success-primary)}\n.gbar-notice.gbar-err{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 14%,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-state-error-primary)}\n.gbar-spin{width:12px;height:12px;border-radius:50%;border:2px solid color-mix(in srgb,var(--dsw-alias-label-tertiary) 30%,transparent);border-top-color:currentColor;animation:gbar-spin .7s linear infinite}\n@keyframes gbar-spin{to{transform:rotate(360deg)}}\n\n/* branch capsule \u2014 the only interactive half of the header seat: 22px tall\n   like the resident agent-preset badge (same 12px type), fully-rounded,\n   quiet fill on hover, active tint while the popup is open. */\n.gbar-chip{position:relative;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;\n  border:none;border-radius:16px;background:transparent;color:var(--dsw-alias-label-secondary);\n  font:inherit;font-size:12px;font-weight:400;line-height:22px;cursor:pointer;white-space:nowrap;\n  -webkit-user-select:none;user-select:none;transition:background .15s ease}\n.gbar-chip:hover,.gbar-chip:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}\n.gbar-chip.gbar-open{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-state-business-primary)}\n.gbar-chip svg{width:14px;height:14px;flex:none;opacity:.9}\n.gbar-chip .gbar-bname{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n/* folder label \u2014 plain context beside the capsule: NO background (not a\n   capsule), not clickable and no hover, so only the branch carries the pill.\n   Same 22px / 12px type as the agent-preset badge beside it, and like that\n   label the folder name stays selectable so it can be copied with the mouse;\n   cursor:auto lets the browser show the text caret over the selectable name,\n   exactly like that label. */\n.gbar-fchip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 2px;\n  color:var(--dsw-alias-label-secondary);\n  font:inherit;font-size:12px;font-weight:400;line-height:22px;white-space:nowrap;\n  -webkit-user-select:text;user-select:text;cursor:auto}\n.gbar-fchip svg{width:14px;height:14px;flex:none;opacity:.9}\n.gbar-fchip .gbar-folder{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n/* wraps the interactive branch capsule so its popup anchors to the capsule,\n   not to the whole folder + branch row */\n.gbar-bwrap{position:relative;display:inline-flex;align-items:center}\n\n/* header utilities row: \u6253\u5F00\u9879\u76EE / \u7EC8\u7AEF / \u5DEE\u5F02 */\n.gbar-hicons{margin-left:auto;display:inline-flex;align-items:center;gap:2px;position:relative}\n/* The three header utility icons are injected into the title row's utilities\n   slot (beside \"Session log\"), but they belong in the view-tabs row (\u5BF9\u8BDD /\n   \u8F68\u8FF9) right below it. The session header is their containing block: anchor\n   them to the right edge, vertically centred on the 16px tab text line that\n   starts under the 32px title row (12px header top padding + 32px title row\n   + 4px tab margin). The 24px button starts exactly at the title row's\n   bottom edge so its hover surface never touches \"Session log\" above. The\n   :has() guard keeps the in-flow position for the rare header without a\n   tablist, and z-index keeps them above the tabs' own stacking context. */\nheader:has([role=\"tablist\"]) .gbar-hicons{\n  position:absolute;\n  top:calc(12px + 32px + 4px + (16px - 24px)/2);\n  right:28px;\n  z-index:2;\n}\n.gbar-hicon{position:relative;width:32px;height:24px;display:inline-flex;align-items:center;justify-content:center;\n  border:none;background:transparent;border-radius:8px;color:var(--dsw-alias-label-secondary);cursor:pointer;\n  transition:background .14s ease,color .14s ease}\n.gbar-hicon:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.gbar-hicon.gbar-on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-primary)}\n.gbar-hicon svg{width:16px;height:16px}\n/* uncommitted-changes dot on the diff icon \u2014 warn-primary, the same color\n   the branch chip / diff footer use for the dirty state */\n.gbar-hicon-dot{position:absolute;top:2.5px;right:2.5px;width:6px;height:6px;border-radius:50%;\n  background:var(--dsw-alias-state-warn-primary);pointer-events:none}\n\n/* \u300C\u6253\u5F00\u9879\u76EE\u300Dmenu \u2014 a flat dropdown opening leftward from the icon group:\n   right edge sits 20px inside the window (the group anchors 28px from the\n   edge, so right:-8px), no bubble tail, compact rows, width fits content */\n.gbar-openmenu{position:absolute;top:calc(100% + 6px);right:-8px;min-width:150px;max-width:260px;width:max-content;z-index:130;\n  background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;\n  box-shadow:var(--dsw-shadow-lv2);padding:4px;text-align:left;animation:gpop-down .16s cubic-bezier(.32,.72,0,1)}\n.gbar-omrow{display:flex;align-items:center;gap:9px;width:100%;padding:5px 8px;border:none;border-radius:7px;\n  background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12.5px;line-height:1.2;cursor:pointer;text-align:left;\n  white-space:nowrap}\n.gbar-omrow:hover{background:var(--dsw-alias-interactive-bg-hover)}\n/* brand app icons (official full-color SVGs) \u2014 fixed slot, sized by CSS */\n.gbar-omrow .gbar-aicon{width:15px;height:15px;flex:none;display:inline-flex}\n.gbar-aicon svg{width:100%;height:100%;display:block}\n\n/* terminal panel body \u2014 follows the app theme surface (tokens live on body,\n   and the panel portal renders inside body, so the var resolves); the xterm\n   viewport is transparent, so this is also the terminal's own backdrop */\n.gbar-term{flex:1;min-height:0;background:var(--dsw-alias-bg-base,#16161b);color:var(--dsw-alias-label-primary,#d6d6dc);cursor:text;\n  font-family:var(--dsw-font-markdown-code-font-family,\"SF Mono\",Consolas,monospace);font-size:12px;line-height:1.75;\n  padding:10px 14px;overflow:auto;scrollbar-width:thin}\n.gbar-term:focus-visible{outline:none}\n.gbar-term .gbar-ps1{color:#7d94ff}\n.gbar-term .gbar-tcmd{color:#ffffff}\n.gbar-term .gbar-tout{white-space:pre-wrap;word-break:break-all;opacity:.88}\n.gbar-term .gbar-tdim{opacity:.45}\n.gbar-term .gbar-terr{color:#ef6b70}\n.gbar-term .gbar-tin{display:flex;align-items:baseline}\n.gbar-term .gbar-tin input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#ffffff;\n  font:inherit;font-size:12px;line-height:1.75;caret-color:#7d94ff;padding:0}\n\n/* xterm host variant \u2014 the emulator fills the body and sizes itself via the\n   fit addon, so the container clips instead of scrolling. */\n.gbar-xterm{padding:4px 6px;overflow:hidden;cursor:normal}\n.gbar-xterm .xterm{height:100%}\n.gbar-xterm .xterm .xterm-viewport{background:transparent !important}\n\n/* fatal terminal error banner (pty unavailable / socket refused) */\n.gbar-term-error{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;display:flex;align-items:center;gap:10px;\n  padding:9px 12px;border-radius:10px;border:1px solid color-mix(in srgb,#ef6b70 45%,transparent);\n  background:var(--dsw-alias-bg-base,#16161b);box-shadow:0 8px 24px rgba(0,0,0,.25)}\n.gbar-term-error-text{flex:1;min-width:0;font-size:12px;color:var(--dsw-alias-label-primary);\n  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.gbar-term-error button{border:1px solid var(--dsw-alias-border-l1);background:transparent;border-radius:7px;\n  color:var(--dsw-alias-label-secondary);width:26px;height:26px;cursor:pointer;flex:none;font-size:13px}\n.gbar-term-error button:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n\n/* half-screen toggle button in side-panel heads */\n.gbar-side-half{border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-tertiary);\n  width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;\n  cursor:pointer;flex:none;transition:background .15s ease,color .15s ease,border-color .15s ease}\n.gbar-side-half:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}\n.gbar-side-half.gbar-on{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);\n  color:var(--dsw-alias-state-business-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 40%,transparent)}\n.gbar-side-half svg{width:15px;height:15px;display:block}\n\n/* hero (new-session) floating chip wrapper */\n.gbar-hero{position:fixed;z-index:110;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px}\n@media (prefers-reduced-motion:reduce){.gbar-side,.gbar-modal,.gbar-notice,.gbar-pop,.gbar-openmenu{animation:none}}\n";
+/** Install the GitBar stylesheet once (idempotent); returns the disposer. */
+export declare function installGitBarStyles(): () => void;
+/**
+ * Fetch a target's status into the shared cache WITHOUT rendering anything.
+ *
+ * The session-header chips mount only after the conversation projection
+ * finishes loading — seconds on large inactive sessions — so their own fetch
+ * would start just as late. This warmup runs from the input dock, which mounts
+ * immediately on session switch: by the time the header chip appears it reads
+ * a warm cache and paints folder+branch instantly.
+ */
+export declare function warmGitStatus(target: GitTarget): void;
+/** Input-dock seat for {@link warmGitStatus}: mounts immediately on session
+ *  switch (long before the session header does) and kicks off the prefetch. */
+export declare function GitWarmup({ sessionId }: {
+    sessionId: SessionId;
+}): null;
+export interface BranchChipProps {
+    /** Framework session kit: the definite current session id. */
+    sessionId: SessionId;
+    /** Injected: the client sessions service (list feed carrying each row's cwd). */
+    sessionsService: ISessions;
+    /** Injected: the ui-tweaks settings store (reads `gitBarEnabled`). */
+    controller: SettingsClient;
+    /** Locale-bound translator for the GitBar labels. */
+    t: Translate;
+}
+export declare function BranchChipEntry({ sessionId, sessionsService, controller, t }: BranchChipProps): import("react").JSX.Element | null;
+export interface DiffPanelProps {
+    /** Framework session kit: the definite current session id. */
+    sessionId: SessionId;
+    /** Framework session kit: live conversation snapshot selector. */
+    useSession: <T>(selector: (snapshot: SessionSnapshot) => T) => T;
+    /** Injected: the ui-tweaks settings store (reads `gitBarEnabled`). */
+    controller: SettingsClient;
+    /** Locale-bound translator for the GitBar labels. */
+    t: Translate;
+    /** Parent closes the panel (icon toggles; outside clicks route here too). */
+    onClose: () => void;
+}
+export declare function DiffPanel({ sessionId, useSession, controller, t, onClose }: DiffPanelProps): import("react").ReactPortal | null;
+export declare function TerminalPanel({ sessionId, controller, t, onClose }: {
+    sessionId: SessionId;
+    controller: SettingsClient;
+    t: Translate;
+    onClose: () => void;
+}): import("react").ReactPortal | null;
+export interface HeaderUtilitiesProps {
+    sessionId: SessionId;
+    useSession: <T>(selector: (snapshot: SessionSnapshot) => T) => T;
+    controller: SettingsClient;
+    t: Translate;
+}
+export declare function HeaderUtilities({ sessionId, useSession, controller, t }: HeaderUtilitiesProps): import("react").JSX.Element | null;
+/**
+ * Mount the hero floating chip: watch for the workspace picker appearing
+ * (hero mounts/unmounts as sessions open and close), keep a fixed-position
+ * React root anchored just left of it, and re-render on settings changes.
+ */
+export declare function installHeroChip(controller: SettingsClient, t: Translate): () => void;
+export {};