@wrongstack/webui 0.299.0 → 0.301.0

package/dist/components/TaskCard.d.ts

@@ -16,7 +16,6 @@ export interface TaskItem {
 export declare const TASK_STATUS_CONFIG: Record<TaskItem['status'], {
     icon: React.ReactNode;
     color: string;
-    label: string;
 }>;
 export declare const PRIORITY_BADGE: Record<TaskItem['priority'], string>;
 export declare const TYPE_BADGE: Record<TaskItem['type'], string>;

package/dist/components/TaskRiskPanel.d.ts

@@ -1,12 +1,19 @@
 import type { KanbanBoard, KanbanEvent, KanbanTask } from '@wrongstack/kanban';
 export type TaskRiskSeverity = 'critical' | 'warning' | 'info';
+/**
+ * A finding carries i18n KEYS, not prose: `analyzeTaskRisk` is a pure function
+ * used outside React (KanbanColumnView calls it for badge counts), so it must
+ * not depend on a translator. The panel resolves the keys at render time and
+ * feeds `detailParams` into the interpolation.
+ */
 export interface TaskRiskFinding {
     id: string;
     severity: TaskRiskSeverity;
     category: 'operational' | 'audit';
-    title: string;
-    detail: string;
-    remediation: string;
+    titleKey: string;
+    detailKey: string;
+    detailParams?: Record<string, string | number>;
+    remediationKey: string;
 }
 export interface TaskRiskAssessment {
     score: number;

package/dist/components/TechStackView/shared.d.ts

@@ -6,7 +6,7 @@
 import type { ComponentType } from 'react';
 import type { TechStackCoverage, TechStackDependency, TechStackFinding, TechStackFindingSeverity } from '@/stores';
 export interface StatusMeta {
-    readonly label: string;
+    readonly labelKey: string;
     /** Full literal class strings. */
     readonly badge: string;
     readonly dot: string;
@@ -25,8 +25,11 @@ export interface StatusMeta {
 export declare const STATUS_META: Record<string, StatusMeta>;
 export declare function statusMeta(status: string): StatusMeta;
 export interface EcosystemMeta {
-    /** Human-readable display name for the ecosystem. */
-    readonly label: string;
+    /** Human-readable display name — a proper noun (npm, Python, Rust…), so it
+     *  is NOT translated. The unknown-ecosystem fallback uses `labelKey`. */
+    readonly label?: string | undefined;
+    /** i18n key, set only where the label is real display copy. */
+    readonly labelKey?: string | undefined;
     /** Optional lucide-react icon component for visual identification. */
     readonly icon?: ComponentType<{
         className?: string;
@@ -41,6 +44,8 @@ export interface EcosystemMeta {
  * for the UI to display a human-readable label.
  */
 export declare const ECOSYSTEM_META: Record<string, EcosystemMeta>;
+/** Display name for an ecosystem: proper noun as-is, fallback via the catalog. */
+export declare function ecosystemLabel(ecosystem: string, t: (key: string) => string): string;
 export declare function ecosystemMeta(ecosystem: string): EcosystemMeta;
 /**
  * Renders the ecosystem icon if one is registered, or nothing.
@@ -55,15 +60,15 @@ export declare function EcosystemIcon({ ecosystem, className, }: {
 export declare function needsAttention(dep: TechStackDependency): boolean;
 export declare const SEVERITY_ORDER: readonly TechStackFindingSeverity[];
 export declare const SEVERITY_META: Record<TechStackFindingSeverity, {
-    label: string;
+    labelKey: string;
     badge: string;
 }>;
 export declare const ACTION_LABELS: Record<string, string>;
 export interface CoverageMeta {
-    readonly label: string;
+    readonly labelKey: string;
     readonly badge: string;
     /** Short inline text for the dependency row subtitle (e.g. "limited", "best-effort"). */
-    readonly note: string | undefined;
+    readonly noteKey: string | undefined;
 }
 export declare const COVERAGE_META: Record<TechStackCoverage, CoverageMeta>;
 /** Lookup helper that returns the FALLBACK for unknown coverage strings. */

package/dist/components/ThemeProvider.d.ts

@@ -1,15 +1,20 @@
+import { type PaletteId } from '@/lib/palettes';
 import type React from 'react';
 type Theme = 'light' | 'dark' | 'system';
 interface ThemeProviderProps {
     children: React.ReactNode;
     defaultTheme?: Theme | undefined;
     storageKey?: string | undefined;
+    defaultPalette?: PaletteId | undefined;
+    paletteStorageKey?: string | undefined;
 }
 interface ThemeProviderState {
     theme: Theme;
     setTheme: (theme: Theme) => void;
+    palette: PaletteId;
+    setPalette: (palette: PaletteId) => void;
 }
-export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): React.JSX.Element;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, defaultPalette, paletteStorageKey, }: ThemeProviderProps): React.JSX.Element;
 export declare function useTheme(): ThemeProviderState;
 export {};
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/agent-roster-data.d.ts

@@ -54,7 +54,8 @@ export type RosterTab = 'live' | 'catalog' | 'learning' | 'customize';
 interface TabDef {
     id: RosterTab;
     icon: React.ReactNode;
-    label: string;
+    /** i18n key resolved at render time — this module is hook-free by design. */
+    labelKey: string;
 }
 export declare const TABS: TabDef[];
 export declare const KNOWN_ROLES: RosterAgentEntry[];

package/dist/components/index.d.ts

@@ -27,7 +27,6 @@ export { TaskBoard, type TaskItem } from './TaskBoard';
 export { ContextBar, ContextFillBar } from './ContextBar';
 export { ContextBreakdownModal } from './ContextBreakdownModal';
 export { ContextDashboard } from './ContextDashboard';
-export { AgentsPage } from './AgentsPage';
 export { SetupScreen } from './SetupScreen';
 export { RefinePanel } from './RefinePanel';
 export { QueuePanel } from './QueuePanel';

package/dist/hooks/useWebSocket.d.ts

@@ -1,5 +1,5 @@
-import type { ProviderCustomModelWire } from '@/types';
 import type { WrongStackWebSocketClient, WSSendOptions } from '@/lib/ws-client';
+import type { ProviderCustomModelWire } from '@/types';
 /**
  * Mounts the WebSocket connection and installs event handlers.
  * Call this from App.tsx (top of the tree) and nowhere else.
@@ -20,7 +20,15 @@ export declare function useWebSocketBootstrap(): void;
  */
 export declare function useWebSocket(): {
     client: WrongStackWebSocketClient;
-    sendMessage: (content: string, images?: import('@/types').WSUserMessageImage[]) => string | null;
+    sendMessage: (content: string, images?: import('@/types').WSUserMessageImage[], freshContext?: boolean) => string | null;
+    adviseTopic: (prompt: string) => Promise<import("@/types").SessionScopedPayload & {
+        requestId: string;
+        suggestNewContext: boolean;
+        confidence: number;
+        reason: string;
+        nextTopic?: string | undefined;
+        source: 'explicit' | 'model' | 'cache' | 'local';
+    }>;
     sendAbort: () => void;
     sendMailboxMessage: (opts: Parameters<(opts: import("@/lib/ws-client").WSMailboxSendOptions) => string>[0]) => string;
     sendConfirm: (id: string, decision: 'yes' | 'no' | 'always' | 'deny') => void;

package/dist/hooks/ws-handlers/files-mailbox-handlers.d.ts

@@ -10,6 +10,7 @@ export declare function handleMailboxMessages(msg: WSServerMessage): void;
 export declare function handleMailboxAgents(msg: WSServerMessage): void;
 export declare function handleMailboxReceived(msg: WSServerMessage): void;
 export declare function handleMailboxAgentRegistered(_msg: WSServerMessage): void;
+export declare function handleMailboxAgentDeregistered(msg: WSServerMessage): void;
 export declare function handleMailboxCleared(_msg: WSServerMessage): void;
 export declare function handleMailboxPurged(_msg: WSServerMessage): void;
 export declare function handleMailboxCompacted(msg: WSServerMessage): void;

package/dist/hooks/ws-handlers/misc-handlers.d.ts

@@ -7,6 +7,19 @@ export declare function handleGoalUpdated(msg: WSServerMessage): void;
 export declare function handlePrefsUpdated(msg: WSServerMessage): void;
 export declare function handleBrainStatus(msg: WSServerMessage): void;
 export declare function handleBrainAnswer(msg: WSServerMessage): void;
+/**
+ * Council seat votes are NOT buffered here: the council log store already
+ * tracks each panel's seats per request id (deduped by seat id, retained as
+ * whole panels in its ring buffer). `brain.council_vote` fires once per seat
+ * and `brain.council_resolved` once per panel, both from inside
+ * `council.decide()`. Both reached the browser and were dropped on the
+ * floor, so the most expensive Brain tier — one provider call per seat — was
+ * completely invisible in the UI. The resolved handler reads the panel's
+ * seats back from the store, so vote eviction is per-panel (per-request): a
+ * live panel's seats can never be dropped by other requests' vote traffic
+ * (the old global 50-vote buffer could). Whole panels still age out of the
+ * store's ring buffer, which is the intended log retention.
+ */
 export declare function handleBrainEvent(msg: WSServerMessage): void;
 export declare function handleMemoryEvent(msg: WSServerMessage): void;
 export declare function handleCollabEvent(msg: WSServerMessage): void;

package/dist/hooks/ws-handlers/session-handlers.d.ts

@@ -11,6 +11,7 @@ export declare function handleIterationLimitReached(msg: WSServerMessage): void;
 export declare function handleProviderRetry(msg: WSServerMessage): void;
 export declare function handleProviderError(msg: WSServerMessage): void;
 export declare function handleProviderFallback(msg: WSServerMessage): void;
+export declare function handleProviderFallbackPending(msg: WSServerMessage): void;
 export declare function handleProviderStatusChanged(msg: WSServerMessage): void;
 export declare function handleProviderStatusSnapshot(msg: WSServerMessage): void;
 export declare function handleProviderActiveBlocked(msg: WSServerMessage): void;

package/dist/index.css

@@ -1007,6 +1007,36 @@
   --desk-floor: hsl(var(--foreground) / 0.035);
   --desk-aura: hsl(var(--muted-foreground) / 0.044);
 }
+.dark .agent-office__lane {
+  --desk-wall: hsl(var(--info) / 0.16);
+  --desk-floor: hsl(var(--warning) / 0.16);
+  --desk-aura: hsl(var(--warning) / 0.14);
+}
+.dark .agent-office__lane.is-desk-mint {
+  --desk-wall: hsl(var(--success) / 0.18);
+  --desk-floor: hsl(var(--info) / 0.14);
+  --desk-aura: hsl(var(--success) / 0.16);
+}
+.dark .agent-office__lane.is-desk-ocean {
+  --desk-wall: hsl(var(--info) / 0.2);
+  --desk-floor: hsl(var(--primary) / 0.14);
+  --desk-aura: hsl(var(--info) / 0.16);
+}
+.dark .agent-office__lane.is-desk-plum {
+  --desk-wall: hsl(var(--primary) / 0.18);
+  --desk-floor: hsl(var(--warning) / 0.14);
+  --desk-aura: hsl(var(--primary) / 0.16);
+}
+.dark .agent-office__lane.is-desk-rose {
+  --desk-wall: hsl(var(--destructive) / 0.16);
+  --desk-floor: hsl(var(--warning) / 0.14);
+  --desk-aura: hsl(var(--destructive) / 0.14);
+}
+.dark .agent-office__lane.is-desk-graphite {
+  --desk-wall: hsl(var(--muted-foreground) / 0.14);
+  --desk-floor: hsl(var(--foreground) / 0.1);
+  --desk-aura: hsl(var(--muted-foreground) / 0.12);
+}
 .agent-office__lane:hover {
   transform: translateY(-1px);
   box-shadow: 0 13px 34px hsl(var(--shadow-color) / 0.1);
@@ -2443,6 +2473,38 @@ button.agent-office__parcel:hover {
   background: hsl(var(--primary) / 0.09);
   border-color: hsl(var(--primary) / 0.24);
 }
+.dark .agent-office__tool-glyph {
+  border-color: hsl(var(--border));
+  color: hsl(var(--muted-foreground));
+  background: hsl(var(--muted) / 0.82);
+}
+.dark .agent-office__tool-glyph.is-read,
+.dark .agent-office__tool-glyph.is-web {
+  border-color: hsl(var(--info) / 0.38);
+  color: hsl(var(--info));
+  background: hsl(var(--info) / 0.18);
+}
+.dark .agent-office__tool-glyph.is-write,
+.dark .agent-office__tool-glyph.is-edit {
+  border-color: hsl(var(--warning) / 0.38);
+  color: hsl(var(--warning));
+  background: hsl(var(--warning) / 0.18);
+}
+.dark .agent-office__tool-glyph.is-terminal {
+  border-color: hsl(var(--success) / 0.38);
+  color: hsl(var(--success));
+  background: hsl(var(--success) / 0.18);
+}
+.dark .agent-office__tool-glyph.is-search,
+.dark .agent-office__tool-glyph.is-memory {
+  border-color: hsl(var(--primary) / 0.38);
+  color: hsl(var(--primary));
+  background: hsl(var(--primary) / 0.17);
+}
+.dark .agent-office__monitor .agent-office__tool-glyph {
+  border: 0;
+  background: transparent;
+}
 .agent-office__tool-glyph.is-active::after {
   position: absolute;
   inset: -4px;

package/dist/index.html

@@ -5,38 +5,39 @@
     <link rel="icon" type="image/svg+xml" href="/wrongstack.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>WrongStack WebUI</title>
-    <script type="module" crossorigin src="/assets/index-DHdO0CRE.js"></script>
+    <script type="module" crossorigin src="/assets/index-CtpViiZy.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-QTnfLwEv.js">
     <link rel="modulepreload" crossorigin href="/assets/monaco-BLUV5g0U.js">
     <link rel="modulepreload" crossorigin href="/assets/markdown-sSmz-Ua_.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-BuarzSSb.js">
     <link rel="modulepreload" crossorigin href="/assets/utils-B-9lSDIn.js">
-    <link rel="modulepreload" crossorigin href="/assets/chat-store-CtOyUCdF.js">
-    <link rel="modulepreload" crossorigin href="/assets/ui-store-BsBnjO3w.js">
-    <link rel="modulepreload" crossorigin href="/assets/activity-BQ0zqkw2.js">
-    <link rel="modulepreload" crossorigin href="/assets/chat-DLn1hY01.js">
+    <link rel="modulepreload" crossorigin href="/assets/chat-store-DbxFVDwi.js">
+    <link rel="modulepreload" crossorigin href="/assets/activity-nVmsmqAI.js">
+    <link rel="modulepreload" crossorigin href="/assets/chat-CdiY7G6Z.js">
     <link rel="modulepreload" crossorigin href="/assets/commandPalette-DpaemFux.js">
-    <link rel="modulepreload" crossorigin href="/assets/common-BfVFjVhf.js">
-    <link rel="modulepreload" crossorigin href="/assets/settings-BHtFy8EG.js">
+    <link rel="modulepreload" crossorigin href="/assets/common-COVxQ0FV.js">
+    <link rel="modulepreload" crossorigin href="/assets/settings-zIY9-ivF.js">
     <link rel="modulepreload" crossorigin href="/assets/setup-BFcmn89w.js">
     <link rel="modulepreload" crossorigin href="/assets/toasts-BL_8kH4B.js">
-    <link rel="modulepreload" crossorigin href="/assets/i18n-B0hsnanh.js">
-    <link rel="modulepreload" crossorigin href="/assets/session-store-b2KGFwkX.js">
-    <link rel="modulepreload" crossorigin href="/assets/ws-client-DqFoX4jJ.js">
+    <link rel="modulepreload" crossorigin href="/assets/i18n-COgumVF5.js">
+    <link rel="modulepreload" crossorigin href="/assets/session-store-Df7_hhe9.js">
+    <link rel="modulepreload" crossorigin href="/assets/ws-client-TTMa0XaT.js">
     <link rel="modulepreload" crossorigin href="/assets/codemap-activity-store-DQfjo7-j.js">
-    <link rel="modulepreload" crossorigin href="/assets/mailbox-store-D8TvJsuk.js">
-    <link rel="modulepreload" crossorigin href="/assets/stores-BptlyD_v.js">
-    <link rel="modulepreload" crossorigin href="/assets/view-navigation-DxfiZrXS.js">
+    <link rel="modulepreload" crossorigin href="/assets/mailbox-store-C1mzoSqJ.js">
+    <link rel="modulepreload" crossorigin href="/assets/ui-store-CE4-TlwB.js">
+    <link rel="modulepreload" crossorigin href="/assets/stores-ChEnUmic.js">
+    <link rel="modulepreload" crossorigin href="/assets/view-navigation-DIDEcp4V.js">
     <link rel="modulepreload" crossorigin href="/assets/codemap-index-store-COStDU-8.js">
-    <link rel="modulepreload" crossorigin href="/assets/Toaster-CJI70aa-.js">
-    <link rel="modulepreload" crossorigin href="/assets/useWebSocket-Bc4S0N4r.js">
+    <link rel="modulepreload" crossorigin href="/assets/Toaster-CgQA9256.js">
+    <link rel="modulepreload" crossorigin href="/assets/useWebSocket-_gk4MRJz.js">
     <link rel="modulepreload" crossorigin href="/assets/dialog-ftgTihmF.js">
     <link rel="modulepreload" crossorigin href="/assets/button-Dcy288Mc.js">
     <link rel="modulepreload" crossorigin href="/assets/input-fo9-BPBC.js">
-    <link rel="modulepreload" crossorigin href="/assets/ModelPicker-DvNLZzkm.js">
+    <link rel="modulepreload" crossorigin href="/assets/ConfirmModal-ndS17YwF.js">
+    <link rel="modulepreload" crossorigin href="/assets/ModelPicker-BbBZuQwR.js">
     <link rel="stylesheet" crossorigin href="/assets/monaco-Bowa0-zp.css">
     <link rel="stylesheet" crossorigin href="/assets/vendor-BMdWcCR4.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-DKrFQ76m.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-fIsq43fR.css">
   </head>
   <body>
     <div id="root"></div>