@protobase/ui 0.1.6 → 0.2.0

package/dist/chat/chat-thread.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/chat/chat-thread.tsx
+/** The scrolling list of a chat's messages, kept at the newest one as messages arrive. */
+const ChatThread = ({ children, empty, length }) => {
+	const list = useRef(null);
+	useEffect(() => {
+		const element = list.current;
+		if (element) element.scrollTop = element.scrollHeight;
+	}, [length]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: list,
+		role: "log",
+		"aria-live": "polite",
+		className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4",
+		children: length === 0 && empty ? /* @__PURE__ */ jsx("div", {
+			className: "m-auto max-w-60 text-center text-[13px] text-muted-foreground",
+			children: empty
+		}) : children
+	});
+};
+//#endregion
+export { ChatThread };

package/dist/chat/composer.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from "react";
+//#region src/chat/composer.d.ts
+export type ComposerProps = {
+  onSend?: (text: string) => void;
+  /** The other side is still answering: the text can be written but not sent. */
+  busy?: boolean;
+  placeholder?: string;
+  inputRef?: Ref<HTMLInputElement>;
+};
+/** The text box under a chat. Enter or the button sends the trimmed text and clears the box. */
+export declare const Composer: ({ onSend, busy, placeholder, inputRef }: ComposerProps) => import("react").JSX.Element;
+//#endregion

package/dist/{assistant-dock → chat}/composer.js

@@ -3,12 +3,13 @@ import { Button } from "../primitives/button.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SendHorizontal } from "lucide-react";
-//#region src/assistant-dock/composer.tsx
-const Composer = ({ onSend, replying, placeholder, inputRef }) => {
+//#region src/chat/composer.tsx
+/** The text box under a chat. Enter or the button sends the trimmed text and clears the box. */
+const Composer = ({ onSend, busy, placeholder, inputRef }) => {
 	const [text, setText] = useState("");
 	const message = text.trim();
 	const send = () => {
-		if (!message || replying) return;
+		if (!message || busy) return;
 		onSend?.(message);
 		setText("");
 	};
@@ -30,7 +31,7 @@ const Composer = ({ onSend, replying, placeholder, inputRef }) => {
 			variant: "primary",
 			className: "w-8 px-0",
 			"aria-label": "Send",
-			disabled: !message || replying,
+			disabled: !message || busy,
 			children: /* @__PURE__ */ jsx(SendHorizontal, { className: "size-4" })
 		})]
 	});

package/dist/chat/index.d.ts

@@ -0,0 +1,4 @@
+import { ChatMessage } from "./chat-message.js";
+import { ChatThread, ChatThreadProps } from "./chat-thread.js";
+import { Composer, ComposerProps } from "./composer.js";
+export { ChatMessage, ChatThread, type ChatThreadProps, Composer, type ComposerProps };

package/dist/compact-table/compact-table.d.ts

@@ -0,0 +1,13 @@
+//#region src/compact-table/compact-table.d.ts
+export type CompactTableProps = {
+  columns: string[];
+  rows: unknown[][];
+  /** Above the table, in monospace: what the rows are, such as the query that read them. */
+  caption?: string;
+  /** The rows stop at a limit. */
+  truncated?: boolean;
+  className?: string;
+};
+/** A small read-only table of raw values with a row count, for narrow places such as a side panel. */
+export declare const CompactTable: ({ columns, rows, caption, truncated, className }: CompactTableProps) => import("react").JSX.Element;
+//#endregion

package/dist/compact-table/compact-table.js

@@ -0,0 +1,49 @@
+import { cn } from "../lib/cn.js";
+import { formatCell } from "./format-cell.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/compact-table/compact-table.tsx
+/** A small read-only table of raw values with a row count, for narrow places such as a side panel. */
+const CompactTable = ({ columns, rows, caption, truncated, className }) => /* @__PURE__ */ jsxs("section", {
+	"aria-label": caption ?? "Table",
+	className: cn("shrink-0 overflow-hidden rounded-lg border border-border-strong bg-background shadow-sm", className),
+	children: [
+		caption && /* @__PURE__ */ jsx("code", {
+			className: "block whitespace-pre-wrap break-words bg-surface px-3 py-2 font-mono text-[11px] text-foreground",
+			children: caption
+		}),
+		rows.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: "px-3 py-2 text-xs text-muted-foreground",
+			children: "No rows."
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "max-h-64 overflow-auto",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "w-full border-collapse text-left text-[11px]",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "sticky top-0 bg-background",
+					children: /* @__PURE__ */ jsx("tr", { children: columns.map((column) => /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						className: "border-b border-border px-2 py-1 font-semibold whitespace-nowrap",
+						children: column
+					}, column)) })
+				}), /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsx("tr", {
+					className: "border-b border-border last:border-b-0",
+					children: row.map((value, column) => /* @__PURE__ */ jsx("td", {
+						className: cn("px-2 py-1 whitespace-nowrap", value === null && "text-faint-foreground"),
+						children: formatCell(value)
+					}, column))
+				}, index)) })]
+			})
+		}),
+		/* @__PURE__ */ jsxs("footer", {
+			className: "border-t border-border px-3 py-1.5 text-[11px] text-muted-foreground",
+			children: [
+				rows.length,
+				" ",
+				rows.length === 1 ? "row" : "rows",
+				truncated && ", cut off at the limit"
+			]
+		})
+	]
+});
+//#endregion
+export { CompactTable };

package/dist/compact-table/format-cell.js

@@ -0,0 +1,9 @@
+//#region src/compact-table/format-cell.ts
+/** A cell as text: `null` stays visible, objects and arrays as JSON. */
+const formatCell = (value) => {
+	if (value === null || value === void 0) return "null";
+	if (typeof value === "object") return JSON.stringify(value);
+	return String(value);
+};
+//#endregion
+export { formatCell };

package/dist/data/meta-data.d.ts

@@ -10,5 +10,9 @@ export type MetaData = {
   pages: Record<string, PageModel>;
   permissions: Record<string, ResourcePermissions>;
   userMenu?: UserMenuModel;
+  /** The assistant backend, when the app has one and the user has the admin or ai role. */
+  assistant?: {
+    url: string;
+  };
 };
 //#endregion

package/dist/data/use-meta.js

@@ -26,7 +26,8 @@ const useMeta = () => {
 				views: Object.fromEntries(result.meta.views.map((model) => [model.resource, model])),
 				pages: Object.fromEntries((result.meta.pages ?? []).map((model) => [model.name, model])),
 				permissions: result.meta.permissions ?? {},
-				...result.meta.userMenu && { userMenu: result.meta.userMenu }
+				...result.meta.userMenu && { userMenu: result.meta.userMenu },
+				...result.meta.assistant && { assistant: result.meta.assistant }
 			};
 		}
 	});

package/dist/diff-view/diff-view.d.ts

@@ -0,0 +1,13 @@
+//#region src/diff-view/diff-view.d.ts
+export type DiffViewProps = {
+  /** Lines starting with `+` were added, with `-` removed; anything else is context. */
+  source: string;
+  /** The number of the first line. */
+  start?: number;
+  /** Shown above the lines with the counts of added and removed ones. */
+  path?: string;
+  className?: string;
+};
+/** Changed lines of one file, numbered, with added and removed lines marked. */
+export declare const DiffView: ({ source, start, path, className }: DiffViewProps) => import("react").JSX.Element;
+//#endregion

package/dist/diff-view/diff-view.js

@@ -0,0 +1,62 @@
+import { cn } from "../lib/cn.js";
+import { diffStats, parseDiff } from "./diff.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileCode2 } from "lucide-react";
+//#region src/diff-view/diff-view.tsx
+const row = {
+	add: "bg-success-soft text-success-text",
+	del: "bg-danger-soft text-danger-text",
+	ctx: "text-muted-foreground"
+};
+const marker = {
+	add: "+",
+	del: "−",
+	ctx: ""
+};
+/** Changed lines of one file, numbered, with added and removed lines marked. */
+const DiffView = ({ source, start, path, className }) => {
+	const lines = parseDiff(source, start);
+	const stats = diffStats(lines);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("overflow-hidden", className),
+		children: [path && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 border-b border-border bg-surface px-3 py-1.5",
+			children: [
+				/* @__PURE__ */ jsx(FileCode2, { className: "size-3.5 text-muted-foreground" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate font-mono text-[11px] text-foreground",
+					children: path
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "text-[11px] font-medium text-success-text",
+					children: ["+", stats.added]
+				}),
+				stats.removed > 0 && /* @__PURE__ */ jsxs("span", {
+					className: "text-[11px] font-medium text-danger-text",
+					children: ["−", stats.removed]
+				})
+			]
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "overflow-x-auto bg-background py-1 font-mono text-[11px] leading-[18px]",
+			children: lines.map((line, index) => /* @__PURE__ */ jsxs("div", {
+				className: cn("flex", row[line.kind]),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "w-8 shrink-0 select-none pr-2 text-right opacity-60",
+						children: line.newNo ?? line.oldNo
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "w-3 shrink-0 select-none",
+						children: marker[line.kind]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 whitespace-pre-wrap break-words pr-3",
+						children: line.text
+					})
+				]
+			}, index))
+		})]
+	});
+};
+//#endregion
+export { DiffView };

package/dist/diff-view/diff.d.ts

@@ -0,0 +1,13 @@
+//#region src/diff-view/diff.d.ts
+export type DiffLine = {
+  kind: 'add' | 'del' | 'ctx';
+  text: string;
+  oldNo?: number;
+  newNo?: number;
+};
+export declare const parseDiff: (source: string, start?: number) => DiffLine[];
+export declare const diffStats: (lines: DiffLine[]) => {
+  added: number;
+  removed: number;
+};
+//#endregion

package/dist/diff-view/diff.js

@@ -0,0 +1,29 @@
+//#region src/diff-view/diff.ts
+const parseDiff = (source, start = 1) => {
+	let oldNo = start;
+	let newNo = start;
+	return source.split("\n").map((raw) => {
+		if (raw.startsWith("+")) return {
+			kind: "add",
+			text: raw.slice(1),
+			newNo: newNo++
+		};
+		if (raw.startsWith("-")) return {
+			kind: "del",
+			text: raw.slice(1),
+			oldNo: oldNo++
+		};
+		return {
+			kind: "ctx",
+			text: raw.startsWith(" ") ? raw.slice(1) : raw,
+			oldNo: oldNo++,
+			newNo: newNo++
+		};
+	});
+};
+const diffStats = (lines) => ({
+	added: lines.filter((line) => line.kind === "add").length,
+	removed: lines.filter((line) => line.kind === "del").length
+});
+//#endregion
+export { diffStats, parseDiff };

package/dist/index.d.ts

@@ -9,6 +9,23 @@ import { useRecord } from "./data/use-record.js";
 import { useFacets, useHistogram, useSeries } from "./data/use-aggregates.js";
 import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { LayoutRecord, useLayoutRecord } from "./app/pages/record-scope.js";
-import { DockItem, JobResult, Plan, PlanSize, QueryResult } from "./assistant-dock/model.js";
+import { useApiToken } from "./auth/use-api-token.js";
 import { AssistantDock, AssistantDockProps } from "./assistant-dock/assistant-dock.js";
-export { type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, type AppProps, AssistantDock, type AssistantDockProps, type DockItem, type JobResult, type LayoutRecord, type MetaData, type Plan, type PlanSize, type ProjectUi, type QueryResult, defineUi, isConflict, useClient, useFacets, useHistogram, useLayoutRecord, useList, useMeta, useRecord, useSeries, useUpdateRecord };
+import { PartView } from "./assistant-dock/part-view.js";
+import { useAssistant } from "./assistant-dock/use-assistant.js";
+import { useAssistantClient } from "./assistant-dock/use-assistant-client.js";
+import "./assistant-dock/index.js";
+import { ChatMessage } from "./chat/chat-message.js";
+import { ChatThread, ChatThreadProps } from "./chat/chat-thread.js";
+import { Composer, ComposerProps } from "./chat/composer.js";
+import "./chat/index.js";
+import { SidePanel, SidePanelProps } from "./side-panel/side-panel.js";
+import "./side-panel/index.js";
+import { ActionCard, ActionCardProps, CardAction, CardTone } from "./action-card/action-card.js";
+import { FieldList } from "./action-card/field-list.js";
+import "./action-card/index.js";
+import { Step, StepList, StepState } from "./step-list/step-list.js";
+import { DiffView, DiffViewProps } from "./diff-view/diff-view.js";
+import { DiffLine, diffStats, parseDiff } from "./diff-view/diff.js";
+import { CompactTable, CompactTableProps } from "./compact-table/compact-table.js";
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, type AppProps, AssistantDock, type AssistantDockProps, type CardAction, type CardTone, ChatMessage, ChatThread, type ChatThreadProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type DiffLine, DiffView, type DiffViewProps, FieldList, type LayoutRecord, type MetaData, PartView, type ProjectUi, SidePanel, type SidePanelProps, type Step, StepList, type StepState, defineUi, diffStats, isConflict, parseDiff, useApiToken, useAssistant, useAssistantClient, useClient, useFacets, useHistogram, useLayoutRecord, useList, useMeta, useRecord, useSeries, useUpdateRecord };

package/dist/index.js

@@ -1,5 +1,20 @@
 import { ApiProvider, useClient } from "./data/api-provider.js";
+import { useApiToken } from "./auth/use-api-token.js";
 import { useRecord } from "./data/use-record.js";
+import { ChatMessage } from "./chat/chat-message.js";
+import { ChatThread } from "./chat/chat-thread.js";
+import { Composer } from "./chat/composer.js";
+import { SidePanel } from "./side-panel/side-panel.js";
+import { ActionCard } from "./action-card/action-card.js";
+import { FieldList } from "./action-card/field-list.js";
+import { CompactTable } from "./compact-table/compact-table.js";
+import { diffStats, parseDiff } from "./diff-view/diff.js";
+import { DiffView } from "./diff-view/diff-view.js";
+import { StepList } from "./step-list/step-list.js";
+import { PartView } from "./assistant-dock/part-view.js";
+import { AssistantDock } from "./assistant-dock/assistant-dock.js";
+import { useAssistant } from "./assistant-dock/use-assistant.js";
+import { useAssistantClient } from "./assistant-dock/use-assistant-client.js";
 import { useMeta } from "./data/use-meta.js";
 import { useFacets, useHistogram, useSeries } from "./data/use-aggregates.js";
 import { useLayoutRecord } from "./app/pages/record-scope.js";
@@ -7,5 +22,4 @@ import { defineUi } from "./app/pages/project-ui.js";
 import { useList } from "./data/use-list.js";
 import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { App } from "./app/app.js";
-import { AssistantDock } from "./assistant-dock/assistant-dock.js";
-export { ApiProvider, App, AssistantDock, defineUi, isConflict, useClient, useFacets, useHistogram, useLayoutRecord, useList, useMeta, useRecord, useSeries, useUpdateRecord };
+export { ActionCard, ApiProvider, App, AssistantDock, ChatMessage, ChatThread, CompactTable, Composer, DiffView, FieldList, PartView, SidePanel, StepList, defineUi, diffStats, isConflict, parseDiff, useApiToken, useAssistant, useAssistantClient, useClient, useFacets, useHistogram, useLayoutRecord, useList, useMeta, useRecord, useSeries, useUpdateRecord };

package/dist/side-panel/index.d.ts

@@ -0,0 +1,2 @@
+import { SidePanel, SidePanelProps } from "./side-panel.js";
+export { SidePanel, type SidePanelProps };

package/dist/side-panel/side-panel.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+//#region src/side-panel/side-panel.d.ts
+export type SidePanelProps = {
+  /** The heading, and the panel's accessible name. */
+  title: string;
+  icon?: ReactNode;
+  /** Short text at the end of the header. */
+  status?: ReactNode;
+  onClose?: () => void;
+  /** Pinned under the content, such as a composer. */
+  footer?: ReactNode;
+  /** The content; it scrolls on its own, so give it `min-h-0 flex-1`. */
+  children: ReactNode;
+};
+/** A full-height panel beside the page, for the shell's `rightPanel`: a header with a close button, content and a footer. */
+export declare const SidePanel: ({ title, icon, status, onClose, footer, children }: SidePanelProps) => import("react").JSX.Element;
+//#endregion

package/dist/side-panel/side-panel.js

@@ -0,0 +1,40 @@
+import { Button } from "../primitives/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+//#region src/side-panel/side-panel.tsx
+/** A full-height panel beside the page, for the shell's `rightPanel`: a header with a close button, content and a footer. */
+const SidePanel = ({ title, icon, status, onClose, footer, children }) => /* @__PURE__ */ jsxs("aside", {
+	"aria-label": title,
+	className: "flex h-full w-[380px] max-w-full shrink-0 flex-col border-l border-border bg-surface",
+	children: [
+		/* @__PURE__ */ jsxs("header", {
+			className: "flex h-12 shrink-0 items-center gap-2 border-b border-border bg-background px-4",
+			children: [
+				icon,
+				/* @__PURE__ */ jsx("h2", {
+					className: "flex-1 text-[13px] font-semibold",
+					children: title
+				}),
+				status && /* @__PURE__ */ jsx("span", {
+					className: "truncate text-xs font-medium text-muted-foreground",
+					children: status
+				}),
+				onClose && /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "w-7 px-0",
+					"aria-label": "Close",
+					onClick: onClose,
+					children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+				})
+			]
+		}),
+		children,
+		footer && /* @__PURE__ */ jsx("footer", {
+			className: "shrink-0 space-y-2 border-t border-border bg-background p-3",
+			children: footer
+		})
+	]
+});
+//#endregion
+export { SidePanel };

package/dist/step-list/step-list.d.ts

@@ -0,0 +1,12 @@
+//#region src/step-list/step-list.d.ts
+export type StepState = 'pending' | 'running' | 'done' | 'failed';
+export type Step = {
+  label: string;
+  state: StepState;
+};
+/** Steps of a longer piece of work, each pending, running, done or failed. */
+export declare const StepList: ({ steps, className }: {
+  steps: Step[];
+  className?: string;
+}) => import("react").JSX.Element;
+//#endregion

package/dist/step-list/step-list.js

@@ -0,0 +1,40 @@
+import { cn } from "../lib/cn.js";
+import { Spinner } from "../primitives/spinner.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Circle, X } from "lucide-react";
+//#region src/step-list/step-list.tsx
+const icons = {
+	pending: /* @__PURE__ */ jsx(Circle, { className: "size-3 text-faint-foreground" }),
+	running: /* @__PURE__ */ jsx(Spinner, { className: "size-3.5 text-primary" }),
+	done: /* @__PURE__ */ jsx(Check, {
+		className: "size-3.5 text-success",
+		strokeWidth: 2.5
+	}),
+	failed: /* @__PURE__ */ jsx(X, {
+		className: "size-3.5 text-danger",
+		strokeWidth: 2.5
+	})
+};
+const tones = {
+	pending: "text-muted-foreground",
+	running: "text-foreground",
+	done: "text-muted-foreground",
+	failed: "text-danger-text"
+};
+/** Steps of a longer piece of work, each pending, running, done or failed. */
+const StepList = ({ steps, className }) => /* @__PURE__ */ jsx("ul", {
+	className: cn("shrink-0 space-y-2", className),
+	children: steps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+		className: "flex items-start gap-2.5 text-[13px]",
+		"data-state": step.state,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
+			children: icons[step.state]
+		}), /* @__PURE__ */ jsx("span", {
+			className: tones[step.state],
+			children: step.label
+		})]
+	}, `${index}-${step.label}`))
+});
+//#endregion
+export { StepList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,9 +38,9 @@
     "react-dom": "^19.3.0",
     "recharts": "^3.10.1",
     "tailwindcss": "^4.3.3",
-    "@protobase/client": "0.1.6",
-    "@protobase/schema": "0.1.6",
-    "@protobase/layout": "0.1.6"
+    "@protobase/client": "0.2.0",
+    "@protobase/layout": "0.2.0",
+    "@protobase/schema": "0.2.0"
   },
   "scripts": {
     "build": "tsdown"

package/dist/assistant-dock/chat-message.js

@@ -1,9 +0,0 @@
-import { cn } from "../lib/cn.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/assistant-dock/chat-message.tsx
-const ChatMessage = ({ from, text }) => /* @__PURE__ */ jsx("div", {
-	className: cn("whitespace-pre-wrap break-words text-[13px]", from === "user" ? "ml-8 self-end rounded-lg rounded-br-sm bg-primary px-3 py-2 text-primary-foreground shadow-sm" : "mr-4 text-foreground"),
-	children: text
-});
-//#endregion
-export { ChatMessage };

package/dist/assistant-dock/dock-item.d.ts

@@ -1,4 +0,0 @@
-import { PlanCardProps } from "./plan-card.js";
-//#region src/assistant-dock/dock-item.d.ts
-export type DockItemHandlers = Pick<PlanCardProps, 'onApprove' | 'onRequestChanges' | 'onCancel' | 'onUpdatePlan'>;
-//#endregion

package/dist/assistant-dock/dock-item.js

@@ -1,37 +0,0 @@
-import { ChatMessage } from "./chat-message.js";
-import { PlanCard } from "./plan-card.js";
-import { ProgressCard } from "./progress-card.js";
-import { QueryCard } from "./query-card.js";
-import { QueueCard } from "./queue-card.js";
-import { ResultCard } from "./result-card.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/assistant-dock/dock-item.tsx
-const DockItemView = ({ item, balance, handlers }) => {
-	switch (item.kind) {
-		case "user":
-		case "assistant": return /* @__PURE__ */ jsx(ChatMessage, {
-			from: item.kind,
-			text: item.text
-		});
-		case "queue": return /* @__PURE__ */ jsx(QueueCard, {
-			taskId: item.taskId,
-			request: item.request,
-			ahead: item.ahead,
-			waitingOnPlan: item.waitingOnPlan,
-			onCancel: handlers.onCancel
-		});
-		case "progress": return /* @__PURE__ */ jsx(ProgressCard, {
-			phase: item.phase,
-			steps: item.steps
-		});
-		case "plan": return /* @__PURE__ */ jsx(PlanCard, {
-			plan: item.plan,
-			balance,
-			...handlers
-		});
-		case "result": return /* @__PURE__ */ jsx(ResultCard, { result: item.result });
-		case "query": return /* @__PURE__ */ jsx(QueryCard, { query: item.query });
-	}
-};
-//#endregion
-export { DockItemView };

package/dist/assistant-dock/model.d.ts

@@ -1,84 +0,0 @@
-import { Step } from "../assistant-panel/content.js";
-//#region src/assistant-dock/model.d.ts
-export type PlanSize = 'S' | 'M' | 'L';
-/** A plan as the planner returned it and central priced it. */
-export type Plan = {
-  taskId: string;
-  /** 1 for the first plan; "Ask for changes" and "Update plan" make the next one. */
-  revision: number;
-  summary: string;
-  steps: Array<{
-    title: string;
-    files?: string[];
-  }>;
-  migrations: Array<{
-    description: string;
-    destructive: boolean;
-  }>;
-  risks: string[];
-  size: PlanSize;
-  /** The quote: what Approve holds. */
-  credits: number;
-  /** The branch moved on GitHub since the plan was made. */
-  outdated: boolean;
-  /** Tasks behind this one in the app's queue, waiting until it is answered. */
-  waiting: number;
-  /** `dropped`: the platform dropped it and refunded the deposit (repository replaced, app archived). */
-  status: 'awaiting' | 'approved' | 'canceled' | 'superseded' | 'dropped';
-};
-export type JobResult = {
-  taskId: string;
-  outcome: 'live' | 'failed' | 'capped';
-  summary: string;
-  commit?: {
-    sha: string;
-    url?: string;
-  };
-  /** The migrations the job applied; they stay live when it fails. */
-  dbChanges: string[];
-  /** A finished change GitHub refused, kept on `protobase/task-<n>`. */
-  keptOnBranch?: string;
-  /** What was charged: the quote when live, 0 otherwise. */
-  credits: number;
-};
-export type QueryResult = {
-  sql: string;
-  columns: string[];
-  rows: unknown[][];
-  truncated: boolean;
-};
-export type DockItem = {
-  kind: 'user';
-  id: string;
-  text: string;
-} | {
-  kind: 'assistant';
-  id: string;
-  text: string;
-} | {
-  kind: 'queue';
-  id: string;
-  taskId: string;
-  request: string;
-  ahead: number;
-  waitingOnPlan: boolean;
-} | {
-  kind: 'progress';
-  id: string;
-  taskId: string;
-  phase: 'planning' | 'running';
-  steps: Step[];
-} | {
-  kind: 'plan';
-  id: string;
-  plan: Plan;
-} | {
-  kind: 'result';
-  id: string;
-  result: JobResult;
-} | {
-  kind: 'query';
-  id: string;
-  query: QueryResult;
-};
-//#endregion

package/dist/assistant-dock/model.js

@@ -1,26 +0,0 @@
-//#region src/assistant-dock/model.ts
-const formatCredits = (credits) => `${credits} ${credits === 1 ? "credit" : "credits"}`;
-/** Approve is offered only on a plan awaiting an answer, and only when the balance covers the quote. */
-const approval = (plan, balance) => {
-	if (plan.status !== "awaiting") return { enabled: false };
-	if (balance < plan.credits) return {
-		enabled: false,
-		reason: `Needs ${formatCredits(plan.credits)}; the balance is ${formatCredits(balance)}.`
-	};
-	return { enabled: true };
-};
-const approveLabel = (plan) => `${plan.outdated ? "Approve anyway" : "Approve"} · ${formatCredits(plan.credits)}`;
-const queueText = (ahead, waitingOnPlan) => {
-	if (waitingOnPlan) return "Waiting for the plan above to be approved or canceled.";
-	if (ahead === 0) return "Next in line.";
-	return `Waiting, ${ahead} ${ahead === 1 ? "task" : "tasks"} ahead.`;
-};
-const waitingText = (waiting) => waiting === 0 ? void 0 : `${waiting} ${waiting === 1 ? "task waits" : "tasks wait"} on this plan.`;
-/** A query cell as text: `null` stays visible, objects and arrays as JSON. */
-const formatCell = (value) => {
-	if (value === null || value === void 0) return "null";
-	if (typeof value === "object") return JSON.stringify(value);
-	return String(value);
-};
-//#endregion
-export { approval, approveLabel, formatCell, formatCredits, queueText, waitingText };