@workerdeck/ui 0.12.0 → 0.13.0

package/build/{SessionPanel-Dy9lQrOV.d.mts → SessionPanel-CZMA44NM.d.mts}

@@ -172,6 +172,17 @@ interface SessionPanelProps {
    * take the menu, or it has nowhere left to go.
    */
   statusSurface?: 'internal' | 'external';
+  /**
+   * Which end of the panel the status bar sits at. Default `top`.
+   *
+   * `bottom` is the editor convention — VS Code's status bar runs along the
+   * foot of the window — and suits a host where the panel *is* the editor area
+   * and the chrome above it already belongs to the app. Placement only; the bar
+   * is the same bar, with the same `⋯` menu in its trailing slot, so this
+   * composes with {@link statusSurface} rather than competing with it (external
+   * still means "there isn't one").
+   */
+  statusPlacement?: 'top' | 'bottom';
   /** Where `panelSurface: 'external'` routes opens. Absent = the affordances
    * (status-bar clicks, `/mcp`) become inert rather than half-working. */
   onOpenPanel?: (panel: SessionSurfacePanel) => void;
@@ -238,6 +249,22 @@ interface SessionPanelProps {
     itemCount: number;
     since?: number;
   };
+  /**
+   * A viewer, not a seat at the session: transcript, status bar and panels as
+   * usual, but no composer and no approval prompts.
+   *
+   * For a surface that is *about* a run rather than in it — the dashboard's job
+   * detail, where the session belongs to the queue and typing into it would be a
+   * second operator arriving mid-run. Deliberately not "disabled controls": a
+   * greyed-out composer says the session is busy, an absent one says this screen
+   * does not drive it. The attach is still live and read paths are untouched,
+   * so the transcript streams and the file tree browses.
+   *
+   * It does **not** claim to be an authorization boundary. Anything holding this
+   * client can still send; what it removes is the affordance, and the honest
+   * enforcement lives on the gateway.
+   */
+  readOnly?: boolean;
   className?: string;
 }
 /** What an embedder needs to *change* a session it doesn't own the attach for. */
@@ -304,6 +331,7 @@ declare function SessionPanel({
   header,
   panelSurface,
   statusSurface,
+  statusPlacement,
   onOpenPanel,
   onVitals,
   transcriptVariant,
@@ -312,8 +340,9 @@ declare function SessionPanel({
   onControls,
   focusComposerOnClick,
   unseen,
+  readOnly,
   className
 }: SessionPanelProps): _$react.JSX.Element;
 //#endregion
 export { permissionModeChoices as _, SessionVitals as a, TranscriptVariant as c, useTranscriptVariant as d, PERMISSION_MODES as f, PermissionModeSelectProps as g, PermissionModeSelect as h, SessionSurfacePanel as i, TranscriptVariantProvider as l, PermissionModeMeta as m, SessionPanel as n, TranscriptDensity as o, PermissionModeChoice as p, SessionPanelProps as r, TranscriptDensityProvider as s, SessionControls as t, useTranscriptDensity as u, permissionModeMeta as v };
-//# sourceMappingURL=SessionPanel-Dy9lQrOV.d.mts.map
+//# sourceMappingURL=SessionPanel-CZMA44NM.d.mts.map

package/build/index.d.mts

@@ -1,5 +1,5 @@
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-ljc3lKpA.mjs";
-import { _ as permissionModeChoices, a as SessionVitals, c as TranscriptVariant, d as useTranscriptVariant, f as PERMISSION_MODES, g as PermissionModeSelectProps, h as PermissionModeSelect, i as SessionSurfacePanel, l as TranscriptVariantProvider, m as PermissionModeMeta, n as SessionPanel, o as TranscriptDensity, p as PermissionModeChoice, r as SessionPanelProps, s as TranscriptDensityProvider, t as SessionControls, u as useTranscriptDensity, v as permissionModeMeta } from "./SessionPanel-Dy9lQrOV.mjs";
+import { _ as permissionModeChoices, a as SessionVitals, c as TranscriptVariant, d as useTranscriptVariant, f as PERMISSION_MODES, g as PermissionModeSelectProps, h as PermissionModeSelect, i as SessionSurfacePanel, l as TranscriptVariantProvider, m as PermissionModeMeta, n as SessionPanel, o as TranscriptDensity, p as PermissionModeChoice, r as SessionPanelProps, s as TranscriptDensityProvider, t as SessionControls, u as useTranscriptDensity, v as permissionModeMeta } from "./SessionPanel-CZMA44NM.mjs";
 import * as _$react from "react";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -22,7 +22,7 @@ import { WorkerDeckClient } from "@workerdeck/client";
 
 //#region src/components/ui/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+  variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
   size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {}
@@ -815,9 +815,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * One chat turn row.
  *
- * `cards`: user messages sit right in a bubble; assistant content is flat,
- * full-width (the AI-chat convention — assistant output is the page, user input
- * is quoted).
+ * `cards`: user messages sit in a bubble, assistant content is flat and
+ * full-width. Both are **left-aligned**: the transcript is a log read top to
+ * bottom, and an editor-shaped host (a full-width session view beside a sessions
+ * rail) has no right edge to anchor to — a bubble drifting right in a 1600px
+ * column separates a prompt from the reply it produced. The bubble alone is
+ * enough to say who spoke.
  *
  * `lines`: both are left-aligned full-width line items behind a gutter glyph —
  * `❯` for what was typed, `●` for what the model said. No bubble: a prompt is
@@ -1144,8 +1147,11 @@ interface StatusBarProps {
   onOpenStatus?: () => void;
   onOpenContext?: () => void;
   onOpenUsage?: () => void;
-  /** Trailing slot — the session-actions menu, in the panel's top-right. */
+  /** Trailing slot — the session-actions menu, at the bar's trailing edge. */
   actions?: ReactNode;
+  /** Which edge the bar sits on, so its separating rule goes on the other side.
+   * Placement is the panel's decision; this only styles it. */
+  placement?: 'top' | 'bottom';
   className?: string;
 }
 declare function StatusBar({
@@ -1156,6 +1162,7 @@ declare function StatusBar({
   onOpenContext,
   onOpenUsage,
   actions,
+  placement,
   className
 }: StatusBarProps): _$react.JSX.Element;
 //#endregion
@@ -1394,8 +1401,37 @@ interface SessionBrowserProps {
   onRename?: (row: SessionRow, title: string) => void;
   /** Rendered when nothing at all exists (as opposed to nothing matching). */
   emptyState?: React.ReactNode;
+  /**
+   * Whether the search + facet bar is shown. Defaults to `true` — a list that
+   * *is* the screen shows its controls.
+   *
+   * A host with somewhere better to put the toggle (a view title bar) passes
+   * `false` and owns the boolean itself, the way the VS Code extension does: the
+   * key lives where the commands do. Two rules come with it, and they are why
+   * this hides only the bar and nothing else — **closing the bar never clears
+   * the filters**, and the subset line below it renders either way, so a list
+   * filtered by a control you can't currently see still says so.
+   */
+  showControls?: boolean;
   className?: string;
 }
+/**
+ * How a list row is drawn, in one place, so `SidebarRow` in `web` matches this
+ * exactly rather than approximating it — the dashboard's other three sidebars
+ * are that component, and a sessions list that hovered differently from the
+ * gateways list beside it would read as a different product.
+ *
+ * Two rules are load-bearing:
+ *
+ * - **Fill means hover, and only hover.** It stays on the row whether or not
+ *   the row is selected, because a selected row still has to answer the
+ *   pointer. Selection gets the gutter instead.
+ * - **`ml-0` on the selected row is not cosmetic.** It hands the accent border
+ *   the 4px the margin was holding, so the text does not shift sideways as a
+ *   row becomes the selected one. The squared left corners are what let the bar
+ *   sit flush against the sidebar edge.
+ */
+declare function rowShapeClass(active: boolean): string;
 declare function SessionBrowser({
   rows,
   config,
@@ -1406,8 +1442,31 @@ declare function SessionBrowser({
   onDelete,
   onRename,
   emptyState,
+  showControls,
   className
 }: SessionBrowserProps): _$react.JSX.Element;
+/**
+ * State as one glyph on the right edge — a ringing bell when it wants a human, a
+ * spinner while it works, a moon when it is only sleeping. Replaces the text
+ * badge: in a sidebar the word costs more room than it earns, and the states
+ * that matter are the two you can recognise without reading.
+ */
+declare function SessionStatusIcon({
+  row
+}: {
+  row: SessionRow;
+}): _$react.JSX.Element;
+//#endregion
+//#region src/components/agent/EngineIcon.d.ts
+declare function EngineIcon({
+  engine,
+  model,
+  className
+}: {
+  engine: string;
+  model?: string;
+  className?: string;
+}): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/SessionEmptyState.d.ts
 interface SessionEmptyStateProps {
@@ -1511,5 +1570,5 @@ declare function toolIcon(toolName: string): LucideIcon;
  */
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
 //# sourceMappingURL=index.d.mts.map