@silo-code/sdk 0.28.1 → 0.29.0

package/dist/InlineEdit.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { IconButton } from "./IconButton.js";
+import { Input } from "./Input.js";
+import { Textarea } from "./Textarea.js";
+import { Tooltip } from "./Tooltip.js";
+import { inlineEditDisplayClass, inlineEditRowClass, } from "./inline-edit-classes.js";
+import { setActiveInlineEditCancel } from "./inline-edit-controller.js";
+function PencilIcon() {
+    return (_jsx("svg", { width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M11.1 2.4a1.4 1.4 0 0 1 2 2L5.5 12l-2.8.8.8-2.8 7.6-7.6z", stroke: "currentColor", strokeWidth: "1.2", strokeLinejoin: "round" }) }));
+}
+function CheckIcon() {
+    return (_jsx("svg", { width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 8.5l3 3 7-7", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function XIcon() {
+    return (_jsx("svg", { width: "13", height: "13", viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }) }));
+}
+/**
+ * Click-to-edit a value in place — a static display with a pencil affordance
+ * that swaps to a field with explicit ✓ Save / ✗ Cancel buttons. Use it for
+ * values where committing an empty/invalid value would be visibly broken
+ * elsewhere; everything else in a modal should save as you type instead.
+ *
+ * **Escape is two-stage**: the first Esc cancels the edit; the next Esc
+ * closes the modal. The host coordinates this via the SDK's
+ * `setActiveInlineEditCancel` hook — do not add your own Escape handler.
+ *
+ * Styled purely via host-provided `.silo-inline-edit*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <InlineEdit
+ *   value={ws.name}
+ *   onSave={(name) => ctx.workspaces.rename(ws.id, name)}
+ *   validate={validateWorkspaceName}
+ *   aria-label="Rename workspace"
+ * />
+ *
+ * <InlineEdit
+ *   multiline
+ *   value={description}
+ *   onSave={setDescription}
+ *   aria-label="Edit description"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function InlineEdit({ value, onSave, validate, multiline = false, "aria-label": ariaLabel, }) {
+    // null = not editing; a string = the staged edit-mode value.
+    const [draft, setDraft] = useState(null);
+    const [error, setError] = useState(null);
+    const inputRef = useRef(null);
+    const textareaRef = useRef(null);
+    const editing = draft !== null;
+    function cancel() {
+        setDraft(null);
+        setError(null);
+    }
+    function save() {
+        const raw = draft ?? "";
+        const result = validate
+            ? validate(raw)
+            : { ok: true, value: raw.trim() };
+        if (!result.ok) {
+            setError(result.error);
+            return;
+        }
+        if (result.value !== value)
+            onSave(result.value);
+        setDraft(null);
+        setError(null);
+    }
+    useLayoutEffect(() => {
+        if (!editing)
+            return;
+        const el = multiline ? textareaRef.current : inputRef.current;
+        if (!el)
+            return;
+        el.focus();
+        el.select();
+    }, [editing, multiline]);
+    // Register with the host's two-stage Escape yield while editing.
+    useEffect(() => {
+        if (!editing)
+            return;
+        setActiveInlineEditCancel(cancel);
+        return () => setActiveInlineEditCancel(null);
+    }, [editing]);
+    function onFieldKeyDown(e) {
+        if (multiline) {
+            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                save();
+            }
+            return;
+        }
+        if (e.key === "Enter") {
+            e.preventDefault();
+            save();
+        }
+    }
+    if (!editing) {
+        return (_jsx("div", { className: "silo-inline-edit", children: _jsxs("div", { className: inlineEditDisplayClass(multiline), children: [_jsx("span", { className: "silo-inline-edit-value", children: value }), _jsx(Tooltip, { content: "Edit", children: _jsx(IconButton, { size: "sm", "aria-label": ariaLabel, onClick: () => {
+                                setDraft(value);
+                                setError(null);
+                            }, children: _jsx(PencilIcon, {}) }) })] }) }));
+    }
+    return (_jsxs("div", { className: "silo-inline-edit", children: [_jsxs("div", { className: inlineEditRowClass(multiline), children: [multiline ? (_jsx(Textarea, { ref: textareaRef, value: draft ?? "", "aria-label": ariaLabel, onChange: (e) => {
+                            setDraft(e.target.value);
+                            if (error)
+                                setError(null);
+                        }, onKeyDown: onFieldKeyDown, autoCapitalize: "off", autoCorrect: "off", spellCheck: false })) : (_jsx(Input, { ref: inputRef, value: draft ?? "", "aria-label": ariaLabel, onChange: (e) => {
+                            setDraft(e.target.value);
+                            if (error)
+                                setError(null);
+                        }, onKeyDown: onFieldKeyDown, autoCapitalize: "off", autoCorrect: "off", spellCheck: false })), _jsx(Tooltip, { content: "Save", children: _jsx(IconButton, { size: "sm", "aria-label": "Save", onClick: save, children: _jsx(CheckIcon, {}) }) }), _jsx(Tooltip, { content: "Cancel", children: _jsx(IconButton, { size: "sm", "aria-label": "Cancel", onClick: cancel, children: _jsx(XIcon, {}) }) })] }), error && _jsx("span", { className: "silo-inline-edit-error", children: error })] }));
+}
+//# sourceMappingURL=InlineEdit.js.map

package/dist/InlineEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../src/InlineEdit.tsx"],"names":[],"mappings":"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"}

package/dist/Input.d.ts

@@ -0,0 +1,26 @@
+import { type InputHTMLAttributes } from "react";
+/**
+ * The single text-input treatment used across modal content: input-bg,
+ * 6×8px padding, small radius, the shared focus ring.
+ *
+ * Styled purely via host-provided `.silo-input*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Input
+ *   value={name}
+ *   onChange={(e) => setName(e.target.value)}
+ *   placeholder="Workspace name"
+ * />
+ * <Input block />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<{
+    /** Stretch to the container width. */
+    block?: boolean;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK;IAGd,sCAAsC;YAC9B,OAAO;4FAWjB,CAAC"}

package/dist/Input.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { inputClass } from "./input-classes.js";
+/**
+ * The single text-input treatment used across modal content: input-bg,
+ * 6×8px padding, small radius, the shared focus ring.
+ *
+ * Styled purely via host-provided `.silo-input*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Input
+ *   value={name}
+ *   onChange={(e) => setName(e.target.value)}
+ *   placeholder="Workspace name"
+ * />
+ * <Input block />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export const Input = forwardRef(function Input({ block = false, className, ...rest }, ref) {
+    const classes = inputClass(block);
+    return (_jsx("input", { ref: ref, className: className ? `${classes} ${className}` : classes, ...rest }));
+});
+//# sourceMappingURL=Input.js.map

package/dist/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAM7B,SAAS,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACzD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,KACtD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/List.d.ts

@@ -0,0 +1,74 @@
+import { type ReactNode } from "react";
+import { type ListRowTruncate } from "./list-classes.js";
+export type { ListRowTruncate };
+/**
+ * A full-width listbox of selectable rows. One tab stop; ↑/↓ move the focus
+ * ring, Space/Enter select. Pair with {@link ListRow} children.
+ *
+ * Styled purely via the host-provided `.silo-list` class — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <List aria-label="Workspace folders">
+ *   <ListRow
+ *     selected={folder.primary}
+ *     leading={<FolderIcon />}
+ *     trailing={<Badge tone="accent">primary</Badge>}
+ *     onSelect={() => choose(folder)}
+ *   >
+ *     {folder.path}
+ *   </ListRow>
+ * </List>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function List({ "aria-label": ariaLabel, onActivate, children, }: {
+    /** Required — it's a listbox. */
+    "aria-label": string;
+    /** Enter / double-click on a row. */
+    onActivate?: (index: number) => void;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * One row inside a {@link List}. Stretches full-width; long text truncates
+ * (use `truncate="start"` for paths). `trailing` content never shrinks.
+ *
+ * @example
+ * ```tsx
+ * <ListRow
+ *   selected={folder.primary}
+ *   leading={<FolderIcon />}
+ *   trailing={<Badge tone="accent">primary</Badge>}
+ *   truncate="start"
+ *   onSelect={() => choose(folder)}
+ * >
+ *   {folder.path}
+ * </ListRow>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export interface ListRowProps {
+    selected?: boolean;
+    /** Icon slot (dimmed, fixed). */
+    leading?: ReactNode;
+    /** Badge(s) and/or `IconButton size="sm"`(s). */
+    trailing?: ReactNode;
+    /** Default `"end"`. Use `"start"` for paths. */
+    truncate?: ListRowTruncate;
+    /** Click / Space select. */
+    onSelect?: () => void;
+    /** Enter / double-click. */
+    onActivate?: () => void;
+    children?: ReactNode;
+}
+/**
+ * @category Consumer Services
+ * @public
+ */
+export declare function ListRow(props: ListRowProps): import("react").JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/dist/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,eAAe,EAAE,CAAC;AAehC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,IAAI,CAAC,EACnB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,QAAQ,GACT,EAAE;IACD,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAiCA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAgG1C"}

package/dist/List.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, createContext, isValidElement, useContext, } from "react";
+import { useFocusGroup } from "./use-focus-group.js";
+import { listRowDataSelected, listRowNameTruncate, } from "./list-classes.js";
+const ListContext = createContext(null);
+/**
+ * A full-width listbox of selectable rows. One tab stop; ↑/↓ move the focus
+ * ring, Space/Enter select. Pair with {@link ListRow} children.
+ *
+ * Styled purely via the host-provided `.silo-list` class — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <List aria-label="Workspace folders">
+ *   <ListRow
+ *     selected={folder.primary}
+ *     leading={<FolderIcon />}
+ *     trailing={<Badge tone="accent">primary</Badge>}
+ *     onSelect={() => choose(folder)}
+ *   >
+ *     {folder.path}
+ *   </ListRow>
+ * </List>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function List({ "aria-label": ariaLabel, onActivate, children, }) {
+    const rows = Children.toArray(children).filter(isValidElement);
+    const selectedIndex = rows.findIndex((row) => row.props.selected);
+    const group = useFocusGroup({
+        count: rows.length,
+        start: selectedIndex >= 0 ? selectedIndex : 0,
+        // Space/Enter both select (RFC 0016). Enter-only activation is layered
+        // on in ListRow's own keydown after the focus-group handler runs.
+        onActivate: (index) => {
+            rows[index]?.props.onSelect?.();
+        },
+    });
+    return (_jsx(ListContext.Provider, { value: { onActivate }, children: _jsx("div", { role: "listbox", "aria-label": ariaLabel, className: "silo-list", ...group.containerProps, children: rows.map((row, index) => cloneElement(row, {
+                key: row.key ?? index,
+                __listIndex: index,
+                __focusProps: group.getItemProps(index),
+            })) }) }));
+}
+/**
+ * @category Consumer Services
+ * @public
+ */
+export function ListRow(props) {
+    // List injects focus-group props via cloneElement; keep them off the public
+    // signature so they stay out of the generated API reference.
+    const { selected = false, leading, trailing, truncate = "end", onSelect, onActivate, children, __listIndex, __focusProps, } = props;
+    const list = useContext(ListContext);
+    const dataSelected = listRowDataSelected(selected);
+    const truncateAttr = listRowNameTruncate(truncate);
+    const focusProps = __focusProps;
+    const { ref, onKeyDown: focusKeyDown, onFocus, onPointerDown, tabIndex, "data-focus-item": dataFocusItem, "data-focus-visible": dataFocusVisible, } = focusProps ?? {
+        ref: undefined,
+        onKeyDown: undefined,
+        onFocus: undefined,
+        onPointerDown: undefined,
+        tabIndex: -1,
+        "data-focus-item": "",
+        "data-focus-visible": undefined,
+    };
+    function fireActivate() {
+        onActivate?.();
+        if (__listIndex != null)
+            list?.onActivate?.(__listIndex);
+    }
+    const rowProps = {
+        role: "option",
+        "aria-selected": selected,
+        className: "silo-list-row",
+        tabIndex,
+        ref: ref,
+        onFocus,
+        onPointerDown,
+        "data-focus-item": dataFocusItem,
+        ...(dataFocusVisible != null
+            ? { "data-focus-visible": dataFocusVisible }
+            : {}),
+        ...(dataSelected != null ? { "data-selected": dataSelected } : {}),
+        onClick: () => {
+            onSelect?.();
+        },
+        onDoubleClick: () => {
+            fireActivate();
+        },
+        onKeyDown: (e) => {
+            focusKeyDown?.(e);
+            if (e.key === "Enter")
+                fireActivate();
+        },
+    };
+    return (_jsxs("div", { ...rowProps, children: [leading != null && (_jsx("span", { className: "silo-list-row-leading", children: leading })), _jsx("span", { className: "silo-list-row-name", ...(truncateAttr != null ? { "data-truncate": truncateAttr } : {}), children: children }), trailing != null && (_jsx("span", { className: "silo-list-row-trailing", onClick: (e) => {
+                    // Trailing IconButtons own their clicks — don't select the row.
+                    e.stopPropagation();
+                }, children: trailing }))] }));
+}
+//# sourceMappingURL=List.js.map

package/dist/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":"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"}

package/dist/ModalActions.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+/**
+ * The right-aligned footer row for a modal's action buttons — a thin
+ * `.silo-modal-actions` wrapper so every modal's footer lines up without each
+ * caller re-specifying the flex row. Optional `start` slot pins meta text or
+ * a secondary action on the left.
+ *
+ * Styled purely via host-provided `.silo-modal-actions*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <ModalActions>
+ *   <Button onClick={close}>Cancel</Button>
+ *   <Button variant="primary" onClick={save}>Create</Button>
+ * </ModalActions>
+ *
+ * <ModalActions start="6 sessions · 6 procs">
+ *   <Button>Go to Terminal</Button>
+ *   <Button variant="danger">End Task</Button>
+ * </ModalActions>
+ *
+ * <ModalActions
+ *   start={<Button size="sm" onClick={create}>+ Create branch</Button>}
+ * >
+ *   <Button onClick={fetch}>Fetch</Button>
+ * </ModalActions>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function ModalActions({ start, children, }: {
+    /**
+     * Optional left-pinned slot for meta text or a secondary action.
+     */
+    start?: ReactNode;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ModalActions.d.ts.map

package/dist/ModalActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalActions.d.ts","sourceRoot":"","sources":["../src/ModalActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GACT,EAAE;IACD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA"}

package/dist/ModalActions.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The right-aligned footer row for a modal's action buttons — a thin
+ * `.silo-modal-actions` wrapper so every modal's footer lines up without each
+ * caller re-specifying the flex row. Optional `start` slot pins meta text or
+ * a secondary action on the left.
+ *
+ * Styled purely via host-provided `.silo-modal-actions*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <ModalActions>
+ *   <Button onClick={close}>Cancel</Button>
+ *   <Button variant="primary" onClick={save}>Create</Button>
+ * </ModalActions>
+ *
+ * <ModalActions start="6 sessions · 6 procs">
+ *   <Button>Go to Terminal</Button>
+ *   <Button variant="danger">End Task</Button>
+ * </ModalActions>
+ *
+ * <ModalActions
+ *   start={<Button size="sm" onClick={create}>+ Create branch</Button>}
+ * >
+ *   <Button onClick={fetch}>Fetch</Button>
+ * </ModalActions>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function ModalActions({ start, children, }) {
+    return (_jsxs("div", { className: "silo-modal-actions", children: [start != null && start !== false && (_jsx("div", { className: "silo-modal-actions-start", children: start })), children] }));
+}
+//# sourceMappingURL=ModalActions.js.map

package/dist/ModalActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalActions.js","sourceRoot":"","sources":["../src/ModalActions.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GAOT;IACC,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aAChC,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI,CACnC,cAAK,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAO,CACxD,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/RadioGroup.d.ts

@@ -0,0 +1,55 @@
+import { type ReactNode } from "react";
+/**
+ * Stacked option cards — each a full-width click target with a radio dot, a
+ * bold title, and a dim description. Wrap {@link RadioCard} children; the
+ * selected card gets an accent border and a faint accent tint. Native tab
+ * stops per card — no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-radio-card*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={mode} onChange={setMode}>
+ *   <RadioCard
+ *     value="clear"
+ *     title="Clear the finished indicator"
+ *     description="Viewing the terminal acknowledges the run — the green check disappears."
+ *   />
+ *   <RadioCard
+ *     value="keep"
+ *     title="Keep it until the next run"
+ *     description="Viewing changes nothing."
+ *   />
+ * </RadioGroup>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function RadioGroup({ value, onChange, children, }: {
+    value: string;
+    onChange: (value: string) => void;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * One option inside a {@link RadioGroup}. The whole card is the click target.
+ *
+ * @example
+ * ```tsx
+ * <RadioCard
+ *   value="clear"
+ *   title="Clear the finished indicator"
+ *   description="Viewing the terminal acknowledges the run."
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function RadioCard({ value, title, description, }: {
+    value: string;
+    title: string;
+    description?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAMA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAyBA"}

package/dist/RadioGroup.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { radioCardDataSelected } from "./radio-card-classes.js";
+const RadioGroupContext = createContext(null);
+/**
+ * Stacked option cards — each a full-width click target with a radio dot, a
+ * bold title, and a dim description. Wrap {@link RadioCard} children; the
+ * selected card gets an accent border and a faint accent tint. Native tab
+ * stops per card — no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-radio-card*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={mode} onChange={setMode}>
+ *   <RadioCard
+ *     value="clear"
+ *     title="Clear the finished indicator"
+ *     description="Viewing the terminal acknowledges the run — the green check disappears."
+ *   />
+ *   <RadioCard
+ *     value="keep"
+ *     title="Keep it until the next run"
+ *     description="Viewing changes nothing."
+ *   />
+ * </RadioGroup>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function RadioGroup({ value, onChange, children, }) {
+    return (_jsx(RadioGroupContext.Provider, { value: { value, onChange }, children: children }));
+}
+/**
+ * One option inside a {@link RadioGroup}. The whole card is the click target.
+ *
+ * @example
+ * ```tsx
+ * <RadioCard
+ *   value="clear"
+ *   title="Clear the finished indicator"
+ *   description="Viewing the terminal acknowledges the run."
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function RadioCard({ value, title, description, }) {
+    const group = useContext(RadioGroupContext);
+    if (!group) {
+        throw new Error("RadioCard must be used inside a RadioGroup");
+    }
+    const selected = group.value === value;
+    const dataSelected = radioCardDataSelected(selected);
+    return (_jsxs("button", { type: "button", role: "radio", "aria-checked": selected, className: "silo-radio-card", ...(dataSelected != null ? { "data-selected": dataSelected } : {}), onClick: () => group.onChange(value), children: [_jsx("span", { className: "silo-radio-card-dot", "aria-hidden": "true" }), _jsxs("span", { children: [_jsx("span", { className: "silo-radio-card-title", children: title }), description != null && (_jsx("span", { className: "silo-radio-card-desc", children: description }))] })] }));
+}
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,iBAAiB,GAAG,aAAa,CAG7B,IAAI,CAAC,CAAC;AAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,GAKT;IACC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YACnD,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,WAAW,GAKZ;IACC,MAAM,KAAK,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC;IACvC,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACrD,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,QAAQ,EACtB,SAAS,EAAC,iBAAiB,KACvB,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,aAEpC,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,GAAG,EAC3D,2BACE,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,EACrD,WAAW,IAAI,IAAI,IAAI,CACtB,eAAM,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAQ,CAC5D,IACI,IACA,CACV,CAAC;AACJ,CAAC"}

package/dist/SearchInput.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+/**
+ * The filter-as-you-type field: leading search icon, and a clear ✕ that
+ * appears once there's a value (and stays a real tab stop). Pair with
+ * {@link List} for the standard picker pattern.
+ *
+ * Styled purely via host-provided `.silo-search-input*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   value={query}
+ *   onValueChange={setQuery}
+ *   placeholder="Filter branches…"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function SearchInput({ value, onValueChange, placeholder, autoFocus, onClear, }: {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    autoFocus?: boolean;
+    /** Extra hook when ✕ clears the field. */
+    onClear?: () => void;
+}): ReactNode;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,SAAS,CA2BZ"}