@calliopelabs/ui 0.14.0 → 0.18.0

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+export declare const badgeVariants: (props?: ({
+    variant?: "neutral" | "outline" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+}
+/**
+ * A small count or label. Not a status: a state with a meaning (running,
+ * failed) is a StatusBadge, whose colours never follow the accent. A badge
+ * that is only a number needs words for a screen reader, so give it an
+ * `aria-label` ("3 unread") or put the noun beside it.
+ */
+export declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;

package/dist/primitives/Badge.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn.js";
+export const badgeVariants = cva("inline-flex h-5 w-fit min-w-5 shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-1.5 text-xs font-medium whitespace-nowrap tabular-nums [&>svg]:pointer-events-none [&>svg]:size-3", {
+    variants: {
+        variant: {
+            /** Quiet: a count beside a label, a kind ("folder", "beta"). */
+            neutral: "border-transparent bg-secondary text-secondary-foreground",
+            /** The accent: a new count that wants attention. */
+            primary: "border-transparent bg-primary text-primary-foreground",
+            /** A hairline only, for dense rows. */
+            outline: "border-border bg-transparent text-muted-foreground",
+        },
+    },
+    defaultVariants: { variant: "neutral" },
+});
+/**
+ * A small count or label. Not a status: a state with a meaning (running,
+ * failed) is a StatusBadge, whose colours never follow the accent. A badge
+ * that is only a number needs words for a screen reader, so give it an
+ * `aria-label` ("3 unread") or put the noun beside it.
+ */
+export function Badge({ className, variant, ...props }) {
+    return (_jsx("span", { "data-slot": "badge", "data-variant": variant ?? "neutral", className: cn(badgeVariants({ variant }), className), ...props }));
+}

package/dist/primitives/ContextMenu.d.ts

@@ -0,0 +1,18 @@
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import type * as React from "react";
+/**
+ * The right-click (and Shift+F10, and the context-menu key) menu. Every
+ * action in it must also be reachable another way: a toolbar button, a row
+ * menu or a shortcut, since touch and many keyboard users never open it.
+ */
+export declare function ContextMenu(props: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
+export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
+export declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
+export declare function ContextMenuGroup(props: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
+export declare function ContextMenuItem({ className, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+export declare function ContextMenuLabel({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label>): React.JSX.Element;
+export declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;

package/dist/primitives/ContextMenu.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/**
+ * The right-click (and Shift+F10, and the context-menu key) menu. Every
+ * action in it must also be reachable another way: a toolbar button, a row
+ * menu or a shortcut, since touch and many keyboard users never open it.
+ */
+export function ContextMenu(props) {
+    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+export function ContextMenuTrigger(props) {
+    return _jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+export function ContextMenuContent({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-40 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-cui-fade-in", className), ...props }) }));
+}
+export function ContextMenuGroup(props) {
+    return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+export function ContextMenuItem({ className, variant = "default", ...props }) {
+    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-variant": variant, className: cn("relative flex cursor-default items-center gap-1.5 rounded-lg px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-[variant=destructive]:text-danger-fg data-[variant=destructive]:focus:bg-danger/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+export function ContextMenuLabel({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Label, { "data-slot": "context-menu-label", className: cn("px-1.5 py-1 text-xs font-medium text-muted-foreground", className), ...props }));
+}
+export function ContextMenuSeparator({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export function ContextMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "context-menu-shortcut", "aria-hidden": true, className: cn("ml-auto pl-4 font-mono text-xs text-muted-foreground", className), ...props }));
+}

package/dist/primitives/Menubar.d.ts

@@ -0,0 +1,21 @@
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import type * as React from "react";
+/**
+ * A desktop-style menu bar (File, Edit, View) with the ARIA menubar pattern:
+ * one tab stop, Left and Right move between menus, Down or Enter opens one,
+ * and an open menu follows the pointer and the arrows to its neighbours.
+ * Tools with an IDE layout use it through the workbench's `MenuBar`.
+ */
+export declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): React.JSX.Element;
+export declare function MenubarMenu(props: React.ComponentProps<typeof MenubarPrimitive.Menu>): React.JSX.Element;
+export declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): React.JSX.Element;
+export declare function MenubarContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): React.JSX.Element;
+export declare function MenubarGroup(props: React.ComponentProps<typeof MenubarPrimitive.Group>): React.JSX.Element;
+export declare function MenubarItem({ className, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+export declare function MenubarCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): React.JSX.Element;
+export declare function MenubarLabel({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label>): React.JSX.Element;
+export declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): React.JSX.Element;
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;

package/dist/primitives/Menubar.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/**
+ * A desktop-style menu bar (File, Edit, View) with the ARIA menubar pattern:
+ * one tab stop, Left and Right move between menus, Down or Enter opens one,
+ * and an open menu follows the pointer and the arrows to its neighbours.
+ * Tools with an IDE layout use it through the workbench's `MenuBar`.
+ */
+export function Menubar({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("flex items-center gap-0.5", className), ...props }));
+}
+export function MenubarMenu(props) {
+    return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+export function MenubarTrigger({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("flex items-center rounded-lg px-2 py-0.5 text-xs text-muted-foreground outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props }));
+}
+export function MenubarContent({ className, align = "start", sideOffset = 4, ...props }) {
+    return (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, sideOffset: sideOffset, className: cn("z-50 max-h-(--radix-menubar-content-available-height) min-w-48 origin-(--radix-menubar-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-cui-fade-in", className), ...props }) }));
+}
+export function MenubarGroup(props) {
+    return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+const itemClass = "relative flex cursor-default items-center gap-1.5 rounded-lg px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export function MenubarItem({ className, variant = "default", ...props }) {
+    return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-variant": variant, className: cn(itemClass, "data-[variant=destructive]:text-danger-fg data-[variant=destructive]:focus:bg-danger/10", className), ...props }));
+}
+export function MenubarCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn(itemClass, "pr-8", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { "aria-hidden": true }) }) }), children] }));
+}
+export function MenubarLabel({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", className: cn("px-1.5 py-1 text-xs font-medium text-muted-foreground", className), ...props }));
+}
+export function MenubarSeparator({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export function MenubarShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "menubar-shortcut", "aria-hidden": true, className: cn("ml-auto pl-4 font-mono text-xs text-muted-foreground", className), ...props }));
+}

package/dist/primitives/ScrollArea.d.ts

@@ -0,0 +1,16 @@
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import type * as React from "react";
+export interface ScrollAreaProps extends React.ComponentProps<typeof ScrollAreaPrimitive.Root> {
+    /**
+     * Names the scrolling region. Given, the viewport is a focusable region so
+     * a keyboard can scroll it; leave it out when the content has its own
+     * focusable items (a list of links, a tree).
+     */
+    label?: string;
+    /** Which bars to draw. Defaults to vertical. */
+    orientation?: "vertical" | "horizontal" | "both";
+    viewportClassName?: string;
+}
+/** A scrolling box with thin, token-coloured bars that look the same on every platform. */
+export declare function ScrollArea({ className, viewportClassName, children, label, orientation, ...props }: ScrollAreaProps): React.JSX.Element;
+export declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;

package/dist/primitives/ScrollArea.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/** A scrolling box with thin, token-coloured bars that look the same on every platform. */
+export function ScrollArea({ className, viewportClassName, children, label, orientation = "vertical", ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: cn("size-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring/50", viewportClassName), ...(label ? { role: "region", "aria-label": label, tabIndex: 0 } : {}), children: children }), orientation !== "horizontal" && _jsx(ScrollBar, { orientation: "vertical" }), orientation !== "vertical" && _jsx(ScrollBar, { orientation: "horizontal" }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+export function ScrollBar({ className, orientation = "vertical", ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2 border-l border-l-transparent", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border hover:bg-muted-foreground/60" }) }));
+}

package/dist/primitives/Toast.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import type { StatusTone } from "../status/tones.js";
+export interface ToastOptions {
+    /** Replaces the toast with the same id (an upload's progress, then its result). */
+    id?: string;
+    title: string;
+    description?: string;
+    /** A status tone for the dot beside the title. `error` toasts are announced assertively. */
+    tone?: StatusTone;
+    /** One follow-up action ("Undo", "View"). `altText` says how to reach it without the toast. */
+    action?: {
+        label: string;
+        altText: string;
+        onClick: () => void;
+    };
+    /** Milliseconds before it closes itself. Defaults to the provider's (5s); `Infinity` keeps it. */
+    duration?: number;
+}
+export interface ToastApi {
+    /** Shows a toast and returns its id. */
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Defaults to 5000. */
+    duration?: number;
+    className?: string;
+}
+/**
+ * Transient notices, bottom right, on Radix Toast: they pause on hover and
+ * focus, F8 jumps to them, and swiping or Escape closes one. Wrap the app
+ * once and call `useToast().toast(...)` anywhere under it.
+ */
+export declare function ToastProvider({ children, duration, className }: ToastProviderProps): React.JSX.Element;
+/** The toast API of the nearest ToastProvider. Throws outside one, so a missing provider is loud. */
+export declare function useToast(): ToastApi;

package/dist/primitives/Toast.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Toast as ToastPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { useUI } from "../provider/UIProvider.js";
+import { StatusDot } from "../status/StatusDot.js";
+const ToastContext = React.createContext(null);
+/**
+ * Transient notices, bottom right, on Radix Toast: they pause on hover and
+ * focus, F8 jumps to them, and swiping or Escape closes one. Wrap the app
+ * once and call `useToast().toast(...)` anywhere under it.
+ */
+export function ToastProvider({ children, duration = 5000, className }) {
+    const { messages } = useUI();
+    const [toasts, setToasts] = React.useState([]);
+    const counter = React.useRef(0);
+    const api = React.useMemo(() => ({
+        toast: (options) => {
+            const id = options.id ?? `toast-${++counter.current}`;
+            setToasts((list) => {
+                const entry = { ...options, id };
+                return list.some((t) => t.id === id)
+                    ? list.map((t) => (t.id === id ? entry : t))
+                    : [...list, entry];
+            });
+            return id;
+        },
+        dismiss: (id) => setToasts((list) => list.filter((t) => t.id !== id)),
+    }), []);
+    return (_jsx(ToastContext.Provider, { value: api, children: _jsxs(ToastPrimitive.Provider, { duration: duration, label: messages.toast.region, children: [children, toasts.map((t) => (_jsxs(ToastPrimitive.Root, { "data-slot": "toast", "data-tone": t.tone, open: true, duration: t.duration, type: t.tone === "error" ? "foreground" : "background", onOpenChange: (open) => {
+                        if (!open)
+                            api.dismiss(t.id);
+                    }, className: "pointer-events-auto relative flex w-full items-start gap-2.5 rounded-lg bg-popover p-3 pr-9 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-cui-fade-in data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x)", children: [t.tone && _jsx(StatusDot, { tone: t.tone, className: "mt-1.5" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx(ToastPrimitive.Title, { className: "font-medium [overflow-wrap:anywhere]", children: t.title }), t.description && (_jsx(ToastPrimitive.Description, { className: "[overflow-wrap:anywhere] text-muted-foreground", children: t.description })), t.action && (_jsx(ToastPrimitive.Action, { altText: t.action.altText, onClick: t.action.onClick, className: "mt-1 w-fit rounded-lg text-sm font-medium text-primary underline-offset-4 outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring/50", children: t.action.label }))] }), _jsx(ToastPrimitive.Close, { "aria-label": messages.toast.close, className: "absolute top-2 right-2 inline-flex size-6 items-center justify-center rounded-lg text-muted-foreground outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring/50", children: _jsx(XIcon, { className: "size-3.5", "aria-hidden": true }) })] }, t.id))), _jsx(ToastPrimitive.Viewport, { "data-slot": "toast-viewport", className: cn("fixed right-0 bottom-0 z-50 m-0 flex w-full max-w-sm list-none flex-col gap-2 p-4 outline-none", className) })] }) }));
+}
+/** The toast API of the nearest ToastProvider. Throws outside one, so a missing provider is loud. */
+export function useToast() {
+    const api = React.useContext(ToastContext);
+    if (!api)
+        throw new Error("useToast needs a ToastProvider above it");
+    return api;
+}

package/dist/primitives/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import type * as React from "react";
+/**
+ * Shares one open delay across the tooltips under it. A Tooltip outside a
+ * provider makes its own, so the provider is optional; an app with many
+ * icon buttons wraps its shell once.
+ */
+export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+/**
+ * A short hint on hover and keyboard focus. It names nothing: an icon-only
+ * control still needs its own `aria-label`; the tooltip repeats it for
+ * sighted pointer users.
+ */
+export declare function Tooltip(props: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+export declare function TooltipTrigger(props: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;

package/dist/primitives/Tooltip.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/**
+ * Shares one open delay across the tooltips under it. A Tooltip outside a
+ * provider makes its own, so the provider is optional; an app with many
+ * icon buttons wraps its shell once.
+ */
+export function TooltipProvider({ delayDuration = 300, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+/**
+ * A short hint on hover and keyboard focus. It names nothing: an icon-only
+ * control still needs its own `aria-label`; the tooltip repeats it for
+ * sighted pointer users.
+ */
+export function Tooltip(props) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+export function TooltipTrigger(props) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+export function TooltipContent({ className, sideOffset = 4, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-foreground px-2 py-1 text-xs text-balance text-background data-[state=delayed-open]:animate-cui-fade-in", className), ...props, children: children }) }));
+}

package/dist/provider/messages.d.ts

@@ -1,6 +1,10 @@
 import type { ProductTheme } from "../appearance/product.js";
 import type { ChatRole, ChatRunStatus, ChatToolCallStatus } from "../chat/model.js";
+import type { CopyFormat as GridCopyFormat, ExportFormat as GridExportFormat } from "../workbench/grid-format.js";
+import type { ColumnType as GridColumnType } from "../workbench/grid-model.js";
+import type { UploadState } from "../workbench/model.js";
 import type { WorkflowQuestionState } from "../workflow/question.js";
+import type { WorkflowRuntimeState } from "../workflow/runtime-controls.js";
 import type { WorkflowAction, WorkflowAvailability, WorkflowScope, WorkflowStatus } from "../workflow/model.js";
 import type { ArtifactStatus, GateStatus, ReviewDecision, ReviewVerdict, RunStageStatus } from "../workflow/run.js";
 import type { WorkflowConnectReason, WorkflowFlowNameProblem, WorkflowNode, WorkflowNodeKind, WorkflowSelector } from "../workflow/definition.js";
@@ -23,6 +27,21 @@ import type { WorkflowReadError } from "../workflow/portable.js";
  * it (plurals, numbers, word order).
  */
 export interface Messages {
+    workflowRuntime: {
+        title: string;
+        state: (state: WorkflowRuntimeState) => string;
+        description: (state: WorkflowRuntimeState) => string;
+        loading: string;
+        empty: string;
+        readOnly: string;
+        pause: string;
+        resume: string;
+        refresh: string;
+        steering: string;
+        steeringHint: string;
+        invalidSteering: string;
+        send: string;
+    };
     workflowQuestion: {
         title: string;
         worker: (worker: string) => string;
@@ -103,6 +122,196 @@ export interface Messages {
     dialog: {
         close: string;
     };
+    workbench: {
+        /** The file browser's name. */
+        files: string;
+        /** The folder tree's name. */
+        folders: string;
+        /** The root directory in the breadcrumb. */
+        root: string;
+        /** The breadcrumb's landmark name. */
+        location: string;
+        /** A listing's accessible name: "Files in reports". */
+        filesIn: (folder: string) => string;
+        view: string;
+        listView: string;
+        gridView: string;
+        name: string;
+        size: string;
+        modified: string;
+        /** Read for a folder's or an unknown size's dash. */
+        noSize: string;
+        loading: string;
+        loadFailed: string;
+        retry: string;
+        /** A tree folder whose children failed to load; activating it retries. */
+        retryFolder: string;
+        empty: string;
+        emptyDescription: string;
+        noFolders: string;
+        itemCount: (count: number) => string;
+        selected: (count: number) => string;
+        /** The overlay while files from the desktop hover over the browser. */
+        dropToUpload: string;
+        dropHere: string;
+        browse: string;
+        maxSize: (size: string) => string;
+        /** The upload list's name. */
+        uploads: string;
+        uploading: (count: number) => string;
+        uploadsDone: string;
+        uploadState: (state: UploadState) => string;
+        cancelUpload: (name: string) => string;
+        dismissUpload: (name: string) => string;
+        previewOf: (name: string) => string;
+        previewLoading: string;
+        previewFailed: string;
+        noPreview: string;
+        closePreview: string;
+        /** A text preview's scrolling region. */
+        contentsOf: (name: string) => string;
+        /** A truncated preview: "Showing 100 of 4,210 rows". */
+        showing: (shown: number, total: number | null) => string;
+        partial: string;
+        /** A CSV column with no header. */
+        column: (index: number) => string;
+        noRows: string;
+        /** The menu bar's name. */
+        menuBar: string;
+        /** The activity bar's name. */
+        activityBar: string;
+        /** The editor tab strip's name. */
+        openEditors: string;
+        /** Spoken after a tab's title when it has unsaved changes. */
+        unsaved: string;
+        closeTab: (title: string) => string;
+        /** The overflow menu that lists every open tab. */
+        allTabs: (count: number) => string;
+        /** A resize handle's name: "Resize Explorer". */
+        resize: (pane: string) => string;
+        maximizePanel: string;
+        restorePanel: string;
+        closePanel: string;
+        /** The status bar's landmark name. */
+        statusBar: string;
+        commandPalette: string;
+        searchCommands: string;
+        noCommands: string;
+        commandsLoading: string;
+        /** The palette's group for entries the person ran lately. */
+        recent: string;
+        keyboardShortcuts: string;
+        keyboardShortcutsDescription: string;
+        /** Spoken between the keys of a chord: "Control plus K". */
+        keyJoin: string;
+        /** The shell's panes, for their resize handles. */
+        sideBar: string;
+        editor: string;
+        panel: string;
+        secondarySideBar: string;
+        /** The grid's name when the host gives none. */
+        gridLabel: string;
+        /** "1,204 rows", or "12 of 1,204 rows" while a filter is on. */
+        gridRows: (shown: number, total: number) => string;
+        gridColumns: (count: number) => string;
+        gridFilter: string;
+        gridClearFilter: string;
+        /** The button that shows hidden columns again. */
+        gridHidden: (count: number) => string;
+        gridSelected: (count: number) => string;
+        gridSelectAll: string;
+        gridExport: string;
+        gridExportScope: (rows: number, columns: number) => string;
+        gridExportFormat: (format: GridExportFormat) => string;
+        gridSortBy: (column: string) => string;
+        gridSortAscending: string;
+        gridSortDescending: string;
+        gridClearSort: string;
+        gridColumnMenu: (column: string) => string;
+        /** Null while no cell of the column is active. */
+        gridFilterByValue: (value: string | null) => string;
+        gridHideColumn: string;
+        gridShowAllColumns: (hidden: number) => string;
+        gridCopyColumnName: string;
+        gridResizeColumn: (column: string) => string;
+        gridType: (type: GridColumnType) => string;
+        gridPrimaryKey: string;
+        gridForeignKey: (references: string | null) => string;
+        gridNullable: string;
+        gridNotNull: string;
+        gridNull: string;
+        gridEmptyText: string;
+        gridBinary: (bytes: number) => string;
+        gridNoRows: string;
+        gridNoMatches: string;
+        gridLoading: string;
+        gridLoadFailed: string;
+        gridCopy: string;
+        gridCopyWithHeaders: string;
+        gridCopyAs: string;
+        gridCopyFormat: (format: GridCopyFormat) => string;
+        gridRowDetail: string;
+        gridCellDetail: string;
+        gridClearSelection: string;
+        /** The statistics bar's name. */
+        gridStatistics: string;
+        gridStat: (stat: "rows" | "nulls" | "distinct" | "min" | "max" | "avg" | "sum") => string;
+        gridNoNumeric: string;
+        /** A result the server capped: total known, or only that more exist. */
+        gridTruncated: (shown: number, total: number | null) => string;
+        gridCharacters: (count: number) => string;
+        gridBytes: (count: number, truncated: boolean) => string;
+        gridDownload: string;
+        gridCopied: string;
+        gridCopyValue: string;
+        gridRowOf: (row: number, total: number) => string;
+        gridPreviousRow: string;
+        gridNextRow: string;
+        gridCopyRow: string;
+        gridAddRow: string;
+        gridDeleteRows: (count: number) => string;
+        gridDuplicateRow: string;
+        gridRevertRow: string;
+        gridEditCell: (column: string) => string;
+        /** Spoken with a changed row's number. */
+        gridRowState: (state: "added" | "modified" | "deleted") => string;
+        /** The pending changes bar's name. */
+        gridPendingChanges: string;
+        gridPendingSummary: (inserts: number, updates: number, deletes: number) => string;
+        gridCommit: string;
+        gridCommitting: string;
+        gridDiscard: string;
+        /** Nothing was written; `row` is the 1-based row the host reported, when it did. */
+        gridCommitFailed: (message: string, row: number | null) => string;
+        gridNoPrimaryKey: string;
+        profileLabel: string;
+        profileSummary: (rows: number, columns: number, nulls: number) => string;
+        profileKind: (kind: "numeric" | "text" | "boolean" | "date" | "null") => string;
+        profileComplete: (share: number) => string;
+        profileMean: string;
+        profileMedian: string;
+        profileTopValues: string;
+        profileNoData: string;
+        /** The client capped what it profiled or charted: "Profiling the first 10,000 of 50,000 rows". */
+        profileCap: (cap: number, fetched: number) => string;
+        chartLabel: string;
+        chartType: string;
+        chartKind: (kind: "bar" | "line" | "area" | "scatter" | "pie") => string;
+        chartX: string;
+        chartY: string;
+        chartPickY: string;
+        chartNoData: string;
+        chartLoading: string;
+        chartLoadFailed: string;
+        chartCap: (cap: number, fetched: number) => string;
+        /** The code editor while Monaco loads. */
+        editorLoading: string;
+    };
+    toast: {
+        /** The notifications region; Radix fills `{hotkey}` with the shortcut that focuses it. */
+        region: string;
+        close: string;
+    };
     confirm: {
         confirm: string;
         cancel: string;
@@ -615,6 +824,14 @@ export interface Messages {
         waitingOnYou: string;
         /** The shortcut as people read it, from the key list ("⌘/", "Ctrl+/"). */
         shortcut: (keys: string) => string;
+        /** A question from the agent that is not a tool call. */
+        interrupt: string;
+        decline: string;
+        back: string;
+        /** Answers an artifact's form review. */
+        sendReview: string;
+        /** The shared state's section. */
+        sharedState: string;
     };
 }
 export declare const defaultMessages: Messages;