@wrongstack/webui 1.0.19 → 1.0.26

package/dist/assets/{view-navigation-DTs4cSQ6.js → view-navigation-Cvrp_uJm.js}

@@ -1 +1 @@
-import{i as e}from"./mailbox-store-ZQO_Rv6E.js";import{n as t}from"./ui-store-DC3mkswy.js";var n=(()=>{try{if(typeof navigator>`u`)return!1;let e=navigator.userAgentData?.platform??navigator.platform??``;return/mac|iphone|ipad|ipod/i.test(e)}catch{return!1}})(),r=n?`⌘`:`Ctrl`,i=n?`⌥`:`Alt`,a=n?`⇧`:`Shift`;function o(e){switch(e){case`Ctrl`:return r;case`Alt`:return i;case`Shift`:return a;default:return e}}var s={chat:`chat`,agents:`chat`,files:`files`,changes:`changes`,mailbox:`mailbox`,skills:`skill`,design:`design-gallery`},c={chat:`chat`,files:`files`,changes:`changes`,mailbox:`mailbox`,skill:`skills`,"design-gallery":`design`},l={1:`chat`,2:`files`,3:`changes`,4:`mailbox`,5:`skills`,0:`design`},u=Object.entries(l).reduce((e,[t,n])=>(e[n]=`${r}+${t}`,e),{chat:``,agents:``,files:``,changes:``,mailbox:``,skills:``,design:``});function d(e){return s[e]??`chat`}function f(e){return u[e]??``}function p(e){let n=t.getState();n.currentView!==e&&n.setCurrentView(e)}function m(e){let n=t.getState();n.setSidebarOpen(!0),n.selectActivity(e),p(d(e))}function h(e){let n=t.getState();if(!n.sidebarOpen)n.setSidebarOpen(!0),n.selectActivity(e);else if(n.activeActivity===e){n.setSidebarOpen(!1);return}else n.activeActivity===`agents`&&n.setSidebarOpen(!0),n.selectActivity(e);p(d(e))}function g(e){let n=t.getState();if(n.currentView===e){m(`chat`);return}n.setSidebarOpen(!1),p(e)}function _(n){if(n===`intake`){e.getState().setActiveHubTab(`requirements`),g(`sddhub`);return}let r=c[n];if(r){m(r);return}t.getState().setSidebarOpen(!1),p(n)}export{f as a,h as i,_ as n,m as o,g as r,o as s,l as t};
+import{i as e}from"./mailbox-store-DyOOYbni.js";import{n as t}from"./ui-store-DI0iusYZ.js";var n=(()=>{try{if(typeof navigator>`u`)return!1;let e=navigator.userAgentData?.platform??navigator.platform??``;return/mac|iphone|ipad|ipod/i.test(e)}catch{return!1}})(),r=n?`⌘`:`Ctrl`,i=n?`⌥`:`Alt`,a=n?`⇧`:`Shift`;function o(e){switch(e){case`Ctrl`:return r;case`Alt`:return i;case`Shift`:return a;default:return e}}var s={chat:`chat`,agents:`chat`,files:`files`,changes:`changes`,mailbox:`mailbox`,skills:`skill`,design:`design-gallery`},c={chat:`chat`,files:`files`,changes:`changes`,mailbox:`mailbox`,skill:`skills`,"design-gallery":`design`},l={1:`chat`,2:`files`,3:`changes`,4:`mailbox`,5:`skills`,0:`design`},u=Object.entries(l).reduce((e,[t,n])=>(e[n]=`${r}+${t}`,e),{chat:``,agents:``,files:``,changes:``,mailbox:``,skills:``,design:``});function d(e){return s[e]??`chat`}function f(e){return u[e]??``}function p(e){let n=t.getState();n.currentView!==e&&n.setCurrentView(e)}function m(e){let n=t.getState();n.setSidebarOpen(!0),n.selectActivity(e),p(d(e))}function h(e){let n=t.getState();if(!n.sidebarOpen)n.setSidebarOpen(!0),n.selectActivity(e);else if(n.activeActivity===e){n.setSidebarOpen(!1);return}else n.activeActivity===`agents`&&n.setSidebarOpen(!0),n.selectActivity(e);p(d(e))}function g(e){let n=t.getState();if(n.currentView===e){m(`chat`);return}n.setSidebarOpen(!1),p(e)}function _(n){if(n===`intake`){e.getState().setActiveHubTab(`requirements`),g(`sddhub`);return}let r=c[n];if(r){m(r);return}t.getState().setSidebarOpen(!1),p(n)}export{f as a,h as i,_ as n,m as o,g as r,o as s,l as t};

package/dist/components/BrowserLivePane.d.ts

@@ -0,0 +1,2 @@
+export declare function BrowserLivePane(): React.ReactElement;
+//# sourceMappingURL=BrowserLivePane.d.ts.map

package/dist/components/ChangesView.d.ts

@@ -2,7 +2,9 @@
  * ChangesView — the main-pane diff surface for the Changes (source-control)
  * activity. The file list lives in the SidePanel (ChangesPanel); selecting a
  * row populates the git-changes store, and this view renders the resolved
- * before/after content through the shared DiffView.
+ * before/after content — as a unified diff that takes line review comments
+ * (ReviewDiff), or Monaco side-by-side in edit mode. The review tray sends
+ * the collected comments to the chat composer as one message.
  */
 export declare function ChangesView({ className }: {
     className?: string;

package/dist/components/ChatInput/chat-input-bars.d.ts

@@ -1,5 +1,5 @@
 import type { useFileReferenceStore } from '@/stores';
-import type { ImageAttachment } from './image-attachments.js';
+import { type ImageAttachment } from './image-attachments.js';
 import type { PasteHintState } from './use-paste-drop.js';
 export declare function PasteHintBar({ pasteHint, onDismiss, t, }: {
     pasteHint: PasteHintState;

package/dist/components/ChatInput/image-attachments.d.ts

@@ -29,16 +29,26 @@ export interface ImageAttachment {
 }
 /** Max images per message — mirrors core's MAX_INCOMING_IMAGES. */
 export declare const MAX_ATTACHED_IMAGES = 8;
+/** Max PDFs per message — mirrors core's MAX_INCOMING_DOCUMENTS. */
+export declare const MAX_ATTACHED_PDFS = 4;
+/** Per-PDF cap — mirrors core's MAX_INCOMING_DOCUMENT_BYTES. A PDF is sent
+ *  as picked: there is nothing to downscale. */
+export declare const MAX_ATTACHED_PDF_BYTES: number;
+export declare const PDF_MEDIA_TYPE = "application/pdf";
+export declare function isPdfFile(file: File): boolean;
+export declare function isPdfAttachment(attachment: {
+    mediaType: string;
+}): boolean;
 /** Hard per-image cap after processing. Mirrors nothing server-side exactly
  *  (the server allows 8 MB) — the tighter client cap keeps multi-image
  *  messages inside the WS payload budget. */
 export declare const MAX_PROCESSED_IMAGE_BYTES: number;
 export declare class ImageAttachmentError extends Error {
     /** i18n key the caller can surface; message is the English fallback. */
-    readonly reason: 'decode_failed' | 'too_large';
+    readonly reason: 'decode_failed' | 'too_large' | 'pdf_too_large' | 'pdf_read_failed';
     constructor(message: string, 
     /** i18n key the caller can surface; message is the English fallback. */
-    reason: 'decode_failed' | 'too_large');
+    reason: 'decode_failed' | 'too_large' | 'pdf_too_large' | 'pdf_read_failed');
 }
 /**
  * Normalize one image file into a pending attachment: decode, downscale to
@@ -47,6 +57,13 @@ export declare class ImageAttachmentError extends Error {
  * can't be decoded or can't be squeezed under the size cap.
  */
 export declare function processImageFile(file: File): Promise<ImageAttachment>;
+/**
+ * A PDF as a pending attachment. It rides the image list (one pipeline
+ * through queue, steer and resend) and the server tells it apart by media
+ * type; the model gets the file or its extracted text depending on whether it
+ * takes PDF input.
+ */
+export declare function processPdfFile(file: File): Promise<ImageAttachment>;
 /** Wire shape sent inside the `user_message` payload (`images` field). */
 interface WireImage {
     data: string;

package/dist/components/ChatInput/skill-mention-picker.d.ts

@@ -0,0 +1,10 @@
+import type { WrongStackWebSocketClient } from '@/lib/ws-client';
+export declare function useSkillMentionPicker(input: string, setInput: (text: string) => void, textarea: React.RefObject<HTMLTextAreaElement | null>, client: WrongStackWebSocketClient | null | undefined, sessionId: string | null | undefined): {
+    open: boolean;
+    popup: import("react").JSX.Element | null;
+    onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
+    setCursor: import("react").Dispatch<import("react").SetStateAction<number>>;
+    listId: string;
+    activeId: string | undefined;
+};
+//# sourceMappingURL=skill-mention-picker.d.ts.map

package/dist/components/ChatInput/slash-routing.d.ts

@@ -16,6 +16,18 @@ type SlashRoutingClientMessage = Extract<WSClientMessage, {
     type: 'autonomy.switch';
 } | {
     type: 'goal.get';
+} | {
+    type: 'goal-state.get';
+} | {
+    type: 'goal-state.set';
+} | {
+    type: 'goal-state.refine';
+} | {
+    type: 'goal-state.pause';
+} | {
+    type: 'goal-state.resume';
+} | {
+    type: 'goal-state.clear';
 } | {
     type: 'mode.switch';
 } | {
@@ -34,6 +46,12 @@ type SlashRoutingClientMessage = Extract<WSClientMessage, {
     type: 'working_dir.set';
 } | {
     type: 'goal.start';
+} | {
+    type: 'goal.load';
+} | {
+    type: 'goal.save';
+} | {
+    type: 'goal.list';
 } | {
     type: 'goal.pause';
 } | {

package/dist/components/ChatInput/use-paste-drop.d.ts

@@ -18,6 +18,9 @@ interface UsePasteDropOptions {
         tooManyImages: (max: number) => string;
         imageProcessFailed: (name: string) => string;
         imageTooLarge: (name: string) => string;
+        tooManyPdfs: (max: number) => string;
+        pdfTooLarge: (name: string, maxMb: number) => string;
+        pdfReadFailed: (name: string) => string;
     };
 }
 export declare function usePasteDrop({ input, textareaRef, setInput, errorText }: UsePasteDropOptions): {

package/dist/components/ChatInput/use-prompt-queue-view.d.ts

@@ -0,0 +1,13 @@
+import type { QueuedItem } from '@/stores/chat-store-types';
+/**
+ * The queue as the chips and the queue panel show it: this lane's local items
+ * (btw notes, and everything on a server without a session queue) followed by
+ * the prompts the server holds for the session. Removing or clearing goes to
+ * whoever owns the item.
+ */
+export declare function usePromptQueueView(): {
+    queue: QueuedItem[];
+    remove: (index: number) => void;
+    clear: () => void;
+};
+//# sourceMappingURL=use-prompt-queue-view.d.ts.map

package/dist/components/ChatView/BackgroundShellStrip.d.ts

@@ -0,0 +1,16 @@
+/**
+ * BackgroundShellStrip — this tab's background shells, above the composer.
+ *
+ * `bash` with `background: true` (and `pwsh` with `run_in_background`) leaves
+ * a process running after the tool returns, and its output goes to a log file
+ * (tools background-log.ts). The strip shows one chip per such process, with
+ * how long it has run; a chip opens the last lines of its output, refreshed
+ * while open, and a Stop button. Subagents are not repeated here: AgentTabs
+ * above the transcript already lists them with live status.
+ *
+ * No steady polling: the list is asked for when the tab connects and after
+ * every shell tool call, and re-asked every few seconds only while a
+ * background shell is running.
+ */
+export declare function BackgroundShellStrip(): React.ReactElement | null;
+//# sourceMappingURL=BackgroundShellStrip.d.ts.map

package/dist/components/ChatView/TerminalStrip.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TerminalStrip — this browser's integrated terminals, above the composer,
+ * while the terminal dock is hidden (hiding it keeps them running). A chip
+ * shows a spinner while its terminal is printing; opening it shows the last
+ * lines, and "Open" brings the dock back on that terminal.
+ */
+export declare function TerminalStrip(): React.ReactElement | null;
+//# sourceMappingURL=TerminalStrip.d.ts.map

package/dist/components/CodeMap.d.ts

@@ -1,15 +1,3 @@
-/**
- * Code Atlas — persistent code tree, dependency canvas, and relation inspector.
- *
- * The explorer never disappears while the user moves package → file → symbol.
- * A graph click opens packages/files; the relation action focuses relationships.
- *
- * Performance notes:
- * - Activity store is subscribed via selectors (not the whole store).
- * - React Flow rebuilds are immediate for structural changes and throttled for
- *   telemetry-only updates (see FLOW_ACTIVITY_THROTTLE_MS).
- * - SMART mode caps canvas nodes; MiniMap is gated by node count.
- */
 import '@xyflow/react/dist/style.css';
 export declare function CodeMap(): React.ReactElement;
 //# sourceMappingURL=CodeMap.d.ts.map

package/dist/components/CustomRosterPanel.d.ts

@@ -29,7 +29,6 @@ export interface ProjectAgentLearnStats {
     sharedLearnedExists?: boolean;
     sharedIdentityExists?: boolean;
 }
-export declare function setCustomRosterWS(ws: WebSocket | null): void;
 interface CustomRosterPanelProps {
     projectRoot?: string;
 }

package/dist/components/GoalPanel.d.ts

@@ -1,7 +1,8 @@
 import type { GoalState } from '@/lib/goal';
 export interface GoalPanelProps {
     goal: GoalState | null;
+    refining?: boolean | undefined;
     className?: string | undefined;
 }
-export declare function GoalPanel({ goal, className }: GoalPanelProps): React.ReactElement | null;
+export declare function GoalPanel({ goal, refining, className, }: GoalPanelProps): React.ReactElement | null;
 //# sourceMappingURL=GoalPanel.d.ts.map

package/dist/components/ImageDiffView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * A changed image in the Changes view: the version at HEAD next to the one in
+ * the working tree, or the two stacked with a slider that fades between them
+ * (onion skin). Each side says its pixel size and file size; an added or
+ * deleted image shows its one side.
+ */
+import type { GitImageDiff } from '@/types/server-message';
+export declare function ImageDiffView({ image, path }: {
+    image: GitImageDiff;
+    path: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ImageDiffView.d.ts.map

package/dist/components/KanbanTaskExecution.d.ts

@@ -0,0 +1,64 @@
+import type { TFunction } from 'i18next';
+export declare function KanbanTaskExecution({ activeTab, board, nextManagedStage, t, currentManagedStage, transitionAction, setTransitionAction, transitionComment, setTransitionComment, transitionAttachmentUrl, setTransitionAttachmentUrl, advanceManagedTask, task, activityEvents, activityPresence, activitySessionId, sessionProvider, sessionModel, runLink, modelCandidates, sendRaw, routingMode, setRoutingMode, model, provider, setModel, setProvider, fallbackProfile, meta, setFallbackProfile, fallbackModels, setFallbackModels, role, setRole, skills, setSkills, tools, setTools, setShowAdvanced, showAdvanced, name, setName, retryPolicy, setRetryPolicy, maxAttempts, setMaxAttempts, costCeilingUsd, setCostCeilingUsd, allowedCapabilities, setAllowedCapabilities, assign, dispatch, boards, targetBoardId, setTargetBoardId, copyTask, transferTask, }: {
+    activeTab: import('./KanbanTaskInspectorChrome.js').TaskInspectorTab;
+    board: import('../../../kanban/dist/types.js').KanbanBoard | null;
+    nextManagedStage: 'backlog' | 'todo' | 'running' | 'review' | 'done' | undefined;
+    t: TFunction<'translation', undefined>;
+    currentManagedStage: import('../../../kanban/dist/types.js').KanbanLifecycleStage | undefined;
+    transitionAction: string;
+    setTransitionAction: React.Dispatch<React.SetStateAction<string>>;
+    transitionComment: string;
+    setTransitionComment: React.Dispatch<React.SetStateAction<string>>;
+    transitionAttachmentUrl: string;
+    setTransitionAttachmentUrl: React.Dispatch<React.SetStateAction<string>>;
+    advanceManagedTask: () => void;
+    task: import('../../../kanban/dist/types.js').KanbanTask;
+    activityEvents: import('../../../kanban/dist/types.js').KanbanEvent[];
+    activityPresence: import('../../../kanban/dist/types.js').KanbanBoardPresence[] | undefined;
+    activitySessionId: string | undefined;
+    sessionProvider: string | undefined;
+    sessionModel: string | undefined;
+    runLink: import('./KanbanRunControls.js').RunLink | null;
+    modelCandidates: import('../hooks/useProviderModels.js').ModelCandidate[];
+    sendRaw: (type: string, payload?: Record<string, unknown> | undefined) => void;
+    routingMode: import('../../../kanban/dist/supervision-types.js').KanbanModelRoutingMode;
+    setRoutingMode: React.Dispatch<React.SetStateAction<import('../../../kanban/dist/supervision-types.js').KanbanModelRoutingMode>>;
+    model: string;
+    provider: string;
+    setModel: React.Dispatch<React.SetStateAction<string>>;
+    setProvider: React.Dispatch<React.SetStateAction<string>>;
+    fallbackProfile: string;
+    meta: ReturnType<typeof import('../hooks/useKanbanMeta.js').useKanbanMeta>;
+    setFallbackProfile: React.Dispatch<React.SetStateAction<string>>;
+    fallbackModels: string[];
+    setFallbackModels: React.Dispatch<React.SetStateAction<string[]>>;
+    role: string;
+    setRole: React.Dispatch<React.SetStateAction<string>>;
+    skills: string[];
+    setSkills: React.Dispatch<React.SetStateAction<string[]>>;
+    tools: string[];
+    setTools: React.Dispatch<React.SetStateAction<string[]>>;
+    setShowAdvanced: React.Dispatch<React.SetStateAction<boolean>>;
+    showAdvanced: boolean;
+    name: string;
+    setName: React.Dispatch<React.SetStateAction<string>>;
+    retryPolicy: NonNullable<import('../../../kanban/dist/task-policy-types.js').KanbanRetryPolicy | undefined>;
+    setRetryPolicy: React.Dispatch<React.SetStateAction<NonNullable<import('../../../kanban/dist/task-policy-types.js').KanbanRetryPolicy | undefined>>>;
+    maxAttempts: string;
+    setMaxAttempts: React.Dispatch<React.SetStateAction<string>>;
+    costCeilingUsd: string;
+    setCostCeilingUsd: React.Dispatch<React.SetStateAction<string>>;
+    allowedCapabilities: string[];
+    setAllowedCapabilities: React.Dispatch<React.SetStateAction<string[]>>;
+    assign: () => void;
+    dispatch: () => void;
+    boards: {
+        id: string;
+        title: string;
+    }[];
+    targetBoardId: string;
+    setTargetBoardId: React.Dispatch<React.SetStateAction<string>>;
+    copyTask: () => void;
+    transferTask: () => void;
+}): false | import("react").JSX.Element;
+//# sourceMappingURL=KanbanTaskExecution.d.ts.map

package/dist/components/KanbanTaskInspector.d.ts

@@ -1,5 +1,5 @@
 import type { KanbanBoard, KanbanBoardPresence, KanbanEvent, KanbanTask } from '@wrongstack/kanban';
-import { type RunLink } from './KanbanRunControls.js';
+import type { RunLink } from './KanbanRunControls.js';
 export declare function KanbanTaskInspector({ boards, board, task, runLink, onClose, onSelectTask, sendKanban, sendRaw, activityEvents, activityPresence, activityLoading, activityError, activitySessionId, refreshActivity, }: {
     boards: Array<{
         id: string;

package/dist/components/MessageBubble/AttachmentGallery.d.ts

@@ -3,7 +3,7 @@ import type { ChatMessageAttachment } from '@/stores/types.js';
  * Thumbnail strip for images attached to a user message. Click toggles a
  * thumbnail between compact and full-size. Attachments rehydrated from
  * localStorage arrive without `dataUrl` (stripped to protect the quota) and
- * degrade to a name/size placeholder chip.
+ * degrade to a name/size placeholder chip. A PDF is always a name chip.
  */
 export declare function AttachmentGallery({ attachments, notRetainedLabel, }: {
     attachments: readonly ChatMessageAttachment[];

package/dist/components/MessageBubble/GeneratedImagePreview.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The pictures an `image_generate` call saved, shown on its tool card without
+ * opening it. The tool's result names the files; each one is loaded from the
+ * project (`files.image`). Click a picture to see it at full size.
+ */
+export declare function GeneratedImagePreview({ result, messageId, }: {
+    result?: string;
+    messageId: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=GeneratedImagePreview.d.ts.map

package/dist/components/OfficeMapCanvas.d.ts

@@ -1,10 +1,3 @@
-/**
- * OfficeMapCanvas — React Flow canvas with real-time office environment visualization.
- *
- * Displays all connected clients (WebUI, TUI, REPL, etc.) as nodes in an office floor plan.
- * Shows live status (mail read, mail sent, idle, active, error) with animated wire connections.
- * Uses viz store for real-time events and fleet store for agent status.
- */
 import '@xyflow/react/dist/style.css';
 export declare function OfficeMapCanvas(): import("react").JSX.Element;
 //# sourceMappingURL=OfficeMapCanvas.d.ts.map

package/dist/components/SessionTabBar/summaries.d.ts

@@ -14,24 +14,28 @@ export declare function slotAccent(slot: number): {
     readonly text: 'text-primary';
     readonly border: 'border-primary';
     readonly soft: 'bg-primary/10';
+    readonly activeBg: 'bg-primary/15';
 } | {
     readonly name: 'info';
     readonly dot: 'bg-info';
     readonly text: 'text-info';
     readonly border: 'border-info';
     readonly soft: 'bg-info/10';
+    readonly activeBg: 'bg-info/15';
 } | {
     readonly name: 'warning';
     readonly dot: 'bg-warning';
     readonly text: 'text-warning';
     readonly border: 'border-warning';
     readonly soft: 'bg-warning/10';
+    readonly activeBg: 'bg-warning/15';
 } | {
     readonly name: 'success';
     readonly dot: 'bg-success';
     readonly text: 'text-success';
     readonly border: 'border-success';
     readonly soft: 'bg-success/10';
+    readonly activeBg: 'bg-success/15';
 };
 /** Live summaries for every open slot, in slot order. */
 export declare function useTabSummaries(titles?: Map<string, string>): TabSummary[];

package/dist/components/SettingsPanel/BrainSection.d.ts

@@ -1,3 +1,3 @@
-import { type ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function BrainSection(): ReactElement;
 //# sourceMappingURL=BrainSection.d.ts.map

package/dist/components/SettingsPanel/JevSection.d.ts

@@ -0,0 +1,4 @@
+export declare function JevSection({ syncPref, }?: {
+    syncPref?: (key: string, value: unknown) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=JevSection.d.ts.map

package/dist/components/SettingsPanel/LimitsSection.d.ts

@@ -0,0 +1,7 @@
+interface LimitsSectionProps {
+    /** Writes the pref locally AND pushes it to the server (see SettingsPanel). */
+    syncPref: (key: string, value: unknown) => void;
+}
+export declare function LimitsSection({ syncPref }: LimitsSectionProps): React.ReactElement;
+export {};
+//# sourceMappingURL=LimitsSection.d.ts.map

package/dist/components/SettingsPanel/MCPSection.d.ts

@@ -1,41 +1,5 @@
 import { type ReactElement } from 'react';
-export interface MCPServer {
-    name: string;
-    transport: string;
-    status: 'stopped' | 'connecting' | 'connected' | 'sleeping' | 'discovering' | 'error';
-    enabled: boolean;
-    description?: string;
-    tools?: string[];
-    error?: string;
-    lastError?: string;
-    pid?: number;
-    lazy?: boolean;
-    command?: string;
-    args?: string[];
-    env?: Record<string, string>;
-    url?: string;
-    health?: {
-        healthState: 'disabled' | 'dormant' | 'connecting' | 'healthy' | 'degraded' | 'failed';
-        consecutiveFailures: number;
-        failures: {
-            transport: number;
-            protocol: number;
-            tool: number;
-        };
-        reconnectCount: number;
-        wakeCount: number;
-        sleepCount: number;
-        restartCount: number;
-        inFlightCalls: number;
-        peakInFlightCalls: number;
-        callLatency: {
-            count: number;
-            lastMs?: number;
-            p50Ms?: number;
-            p95Ms?: number;
-        };
-    };
-}
+export type { MCPServer } from './MCPServerCards.js';
 import type { MCPServerConfig } from './contracts.js';
 export type { MCPServerConfig };
 export declare function MCPSection(): ReactElement;

package/dist/components/SettingsPanel/MCPServerCards.d.ts

@@ -0,0 +1,67 @@
+import type { OfficialServer } from './official-servers';
+/** Non-secret OAuth state pushed by the server for an HTTP MCP endpoint. */
+export type MCPAuthState = 'not_authorized' | 'pending' | 'authorized' | 'expired' | 'reauth_required' | 'failed';
+export interface MCPServer {
+    name: string;
+    transport: string;
+    status: 'stopped' | 'connecting' | 'connected' | 'sleeping' | 'discovering' | 'error';
+    enabled: boolean;
+    description?: string;
+    tools?: string[];
+    error?: string;
+    lastError?: string;
+    pid?: number;
+    lazy?: boolean;
+    command?: string;
+    args?: string[];
+    env?: Record<string, string>;
+    url?: string;
+    health?: {
+        healthState: 'disabled' | 'dormant' | 'connecting' | 'healthy' | 'degraded' | 'failed';
+        consecutiveFailures: number;
+        failures: {
+            transport: number;
+            protocol: number;
+            tool: number;
+        };
+        reconnectCount: number;
+        wakeCount: number;
+        sleepCount: number;
+        restartCount: number;
+        inFlightCalls: number;
+        peakInFlightCalls: number;
+        callLatency: {
+            count: number;
+            lastMs?: number;
+            p50Ms?: number;
+            p95Ms?: number;
+        };
+    };
+}
+/** Map server status to a human-readable label and color */
+export declare function statusInfo(status: MCPServer['status']): {
+    color: string;
+};
+/** Small colored dot for status indication */
+export declare function StatusDot({ status }: {
+    status: MCPServer['status'];
+}): import("react").JSX.Element;
+/** Expandable server card */
+export declare function ServerCard({ server, authState, onWake, onSleep, onDiscover, onEdit, onRemove, onAuthorize, onSignOut, }: {
+    server: MCPServer;
+    authState?: MCPAuthState | undefined;
+    onWake: () => void;
+    onSleep: () => void;
+    onDiscover: () => void;
+    onEdit: () => void;
+    onRemove: () => void;
+    onAuthorize: () => void;
+    onSignOut: () => void;
+}): import("react").JSX.Element;
+/** Official/recommended server card */
+export declare function OfficialServerCard({ server, isAdded, onAdd, }: {
+    server: OfficialServer;
+    isAdded: boolean;
+    onAdd: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MCPServerCards.d.ts.map

package/dist/components/SettingsPanel/MCPServerDialog.d.ts

@@ -0,0 +1,11 @@
+import type { MCPServerConfig } from './contracts.js';
+import type { MCPServer } from './MCPServerCards.js';
+/** Edit/Add Server Dialog */
+export declare function ServerDialog({ open, onOpenChange, server, onSave, prefillConfig, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    server?: MCPServer;
+    prefillConfig?: MCPServerConfig;
+    onSave: (config: MCPServerConfig) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MCPServerDialog.d.ts.map

package/dist/components/SettingsPanel/OAuthLoginSection.d.ts

@@ -2,6 +2,8 @@ import type { WrongStackWebSocketClient } from '@/lib/ws-client';
 /** A saved subscription provider profile as seen by the OAuth section. */
 interface SavedProfileInfo {
     id: string;
+    type?: string | undefined;
+    family?: string | undefined;
     hasActiveKey: boolean;
 }
 interface OAuthLoginSectionProps {

package/dist/components/SettingsPanel/PreferenceControls.d.ts

@@ -1,3 +1,11 @@
+/** Runtime limits use zero for unlimited and accept any nonnegative integer. */
+export declare function PreferenceLimit({ label, hint, value, onChange, unlimitedLabel, }: {
+    label: string;
+    hint: string;
+    value: number;
+    onChange: (value: number) => void;
+    unlimitedLabel: string;
+}): import("react").JSX.Element;
 /** A labeled slider with current value display. */
 export declare function PreferenceSlider({ label, hint, value, min, max, step, onChange, unit, }: {
     label: string;

package/dist/components/SettingsPanel/ProviderSavedProfiles.d.ts

@@ -0,0 +1,50 @@
+import type { TFunction } from 'i18next';
+export declare function ProviderSavedProfiles({ t, savedProviders, savedProviderStats, setShowAddProviderForm, showAddProviderForm, newProviderId, handlePickLocalPreset, setNewProviderId, addProviderNav, newProviderFamily, setNewProviderFamily, newProviderBaseUrl, setNewProviderBaseUrl, newProviderApiKey, setNewProviderApiKey, newProviderModels, setNewProviderModels, handleAddProvider, saving, isLoadingSaved, save, onRemoveProvider, ws, onPickProviderModel, setShowAddKeyForm, showAddKeyForm, onSetActiveKey, onDeleteKey, newKeyLabel, setNewKeyLabel, addKeyNav, showNewKeyValue, newKeyValue, setNewKeyValue, setShowNewKeyValue, handleAddKey, }: {
+    t: TFunction<'translation', undefined>;
+    savedProviders: import('./provider-section-types.js').SavedProvider[];
+    savedProviderStats: {
+        keys: number;
+        activeKeys: number;
+        models: number;
+    };
+    setShowAddProviderForm: React.Dispatch<React.SetStateAction<boolean>>;
+    showAddProviderForm: boolean;
+    newProviderId: string;
+    handlePickLocalPreset: (preset: import('../../../../providers/dist/provider-definitions.js').LocalProviderPresetProjection) => void;
+    setNewProviderId: React.Dispatch<React.SetStateAction<string>>;
+    addProviderNav: {
+        setFieldRef: (index: number) => (el: HTMLElement | null) => void;
+        handleKeyDown: (e: React.KeyboardEvent<Element>, index: number, onEnter?: (() => void) | undefined) => void;
+    };
+    newProviderFamily: string;
+    setNewProviderFamily: React.Dispatch<React.SetStateAction<string>>;
+    newProviderBaseUrl: string;
+    setNewProviderBaseUrl: React.Dispatch<React.SetStateAction<string>>;
+    newProviderApiKey: string;
+    setNewProviderApiKey: React.Dispatch<React.SetStateAction<string>>;
+    newProviderModels: import('../SetupScreen/ModelEditor.js').ModelEntry[];
+    setNewProviderModels: React.Dispatch<React.SetStateAction<import('../SetupScreen/ModelEditor.js').ModelEntry[]>>;
+    handleAddProvider: () => void;
+    saving: boolean;
+    isLoadingSaved: boolean;
+    save: (action: () => void | Promise<boolean | void>, confirmed: () => void) => Promise<void>;
+    onRemoveProvider: (providerId: string) => void | Promise<boolean>;
+    ws: import('../../lib/ws-client.js').WrongStackWebSocketClient;
+    onPickProviderModel: (providerId: string, modelId: string) => void;
+    setShowAddKeyForm: React.Dispatch<React.SetStateAction<string | null>>;
+    showAddKeyForm: string | null;
+    onSetActiveKey: (providerId: string, label: string) => void | Promise<boolean>;
+    onDeleteKey: (providerId: string, label: string) => void | Promise<boolean>;
+    newKeyLabel: string;
+    setNewKeyLabel: React.Dispatch<React.SetStateAction<string>>;
+    addKeyNav: {
+        setFieldRef: (index: number) => (el: HTMLElement | null) => void;
+        handleKeyDown: (e: React.KeyboardEvent<Element>, index: number, onEnter?: (() => void) | undefined) => void;
+    };
+    showNewKeyValue: boolean;
+    newKeyValue: string;
+    setNewKeyValue: React.Dispatch<React.SetStateAction<string>>;
+    setShowNewKeyValue: React.Dispatch<React.SetStateAction<boolean>>;
+    handleAddKey: (providerId: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ProviderSavedProfiles.d.ts.map