@data-club/ai-hub 0.0.1

package/dist/components/SessionsPanel/index.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * `<SessionsPanel />` — the left-side list of the caller's sessions for
+ * the currently-opened agent.
+ *
+ * Includes:
+ *
+ * - `new_session_button` → opens `SessionTitleModal` in create mode.
+ * - One `session_item` per row with hover-revealed `edit_title_button` +
+ *   `archive_session_button` actions. Edit opens the same modal in
+ *   `edit` mode pre-filled with the row's title. Archive uses a native
+ *   `confirm()` (v1; future polish is a styled modal).
+ * - `archived_filter_toggle` at the bottom of the panel — flipping it
+ *   re-fetches with `include_archived=true`. Archived rows render with
+ *   the `--archived` modifier and their hover-actions swap to an
+ *   Unarchive button.
+ * - Collapsible / resizable variants — Step 9 ships the collapsible
+ *   reveal strip; resizable drag is layout-only and uses a CSS gutter
+ *   the parent layout owns.
+ *
+ * **No delete action exists anywhere on this panel by design** — v1
+ * sessions are archive-only (§6.3.1).
+ *
+ * Exported under `AIHub.SessionsPanel`.
+ *
+ * @see SPECIFICATIONS.md §7.1 — exports
+ * @see SPECIFICATIONS.md §6.3.1 — sessions
+ * @see ui-sketches/03-chat.md — sessions_panel
+ */
+import { useEffect, useMemo, useState } from "react";
+import { resolveAIHubTexts, } from "../../auth/texts.js";
+import { useAIHub } from "../../context/useAIHub.js";
+import { SessionTitleModal } from "./SessionTitleModal.js";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__sessions-panel",
+    rootCollapsed: "data-club-ai-hub__sessions-panel--collapsed",
+    customHeader: "data-club-ai-hub__sessions-panel__custom-header",
+    newSessionButton: "data-club-ai-hub__sessions-panel__new-button",
+    reveal: "data-club-ai-hub__sessions-panel__reveal",
+    collapseToggle: "data-club-ai-hub__sessions-panel__collapse-toggle",
+    list: "data-club-ai-hub__sessions-panel__list",
+    empty: "data-club-ai-hub__sessions-panel__empty",
+    loading: "data-club-ai-hub__sessions-panel__loading",
+    item: "data-club-ai-hub__sessions-panel__item",
+    itemActive: "data-club-ai-hub__sessions-panel__item--active",
+    itemArchived: "data-club-ai-hub__sessions-panel__item--archived",
+    itemTitle: "data-club-ai-hub__sessions-panel__item-title",
+    itemMeta: "data-club-ai-hub__sessions-panel__item-meta",
+    itemActions: "data-club-ai-hub__sessions-panel__item-actions",
+    actionButton: "data-club-ai-hub__sessions-panel__action-button",
+    footer: "data-club-ai-hub__sessions-panel__footer",
+    archivedToggle: "data-club-ai-hub__sessions-panel__archived-toggle",
+    customFooter: "data-club-ai-hub__sessions-panel__custom-footer",
+});
+/**
+ * Formats an ISO-8601 timestamp into a short "N min ago" / "yesterday" /
+ * "N days ago" line. Intentionally minimal — i18n libraries can take this
+ * over later via the `texts.*` map if needed.
+ *
+ * @param iso - ISO timestamp.
+ * @returns the short relative-time string.
+ */
+function formatRelative(iso) {
+    const then = Date.parse(iso);
+    if (Number.isNaN(then))
+        return "";
+    const diffMs = Date.now() - then;
+    const minutes = Math.round(diffMs / 60_000);
+    if (minutes < 1)
+        return "just now";
+    if (minutes === 1)
+        return "1 min ago";
+    if (minutes < 60)
+        return `${minutes} min ago`;
+    const hours = Math.round(minutes / 60);
+    if (hours === 1)
+        return "1 hr ago";
+    if (hours < 24)
+        return `${hours} hr ago`;
+    const days = Math.round(hours / 24);
+    if (days === 1)
+        return "yesterday";
+    return `${days} days ago`;
+}
+/**
+ * Renders the sessions panel.
+ *
+ * @param props - see `SessionsPanelProps`.
+ * @returns the rendered panel.
+ */
+export function SessionsPanel(props) {
+    const { sessions, sessionsLoading, activeSessionId, setActiveSession, createSession, patchSession, includeArchivedSessions, setIncludeArchivedSessions, } = useAIHub();
+    const texts = resolveAIHubTexts(props.texts);
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const showCreate = props.showCreateButton ?? true;
+    const collapsible = props.collapsible ?? true;
+    const [collapsed, setCollapsed] = useState(false);
+    const [modalOpen, setModalOpen] = useState(false);
+    const [editingSessionId, setEditingSessionId] = useState(null);
+    const editingSession = useMemo(() => {
+        if (!editingSessionId)
+            return null;
+        return sessions.find((s) => s.id === editingSessionId) ?? null;
+    }, [editingSessionId, sessions]);
+    // Stale-modal guard: if the row being edited gets archived/removed under
+    // us, close the modal so we don't submit edits against a stale id.
+    useEffect(() => {
+        if (editingSessionId && !editingSession) {
+            setEditingSessionId(null);
+        }
+    }, [editingSessionId, editingSession]);
+    if (collapsed) {
+        return (_jsx("div", { className: `${cls.root} ${cls.rootCollapsed}`, "data-testid": "sessions-panel", "data-collapsed": "true", children: _jsx("button", { type: "button", className: cls.reveal, onClick: () => setCollapsed(false), "aria-label": texts.chat.expandSessionsPanel, "data-testid": "sessions-panel-reveal", children: "\u226B" }) }));
+    }
+    const rootClass = [cls.root, props.className].filter(Boolean).join(" ");
+    async function handleArchive(session) {
+        const prompt = texts.chat.archiveConfirmPrompt.replace("{title}", session.title);
+        // eslint-disable-next-line no-alert
+        if (typeof window !== "undefined" && !window.confirm(prompt)) {
+            return;
+        }
+        try {
+            await patchSession(session.id, { isArchived: true });
+        }
+        catch {
+            /* surfaced via provider's onError; row stays */
+        }
+    }
+    async function handleUnarchive(session) {
+        try {
+            await patchSession(session.id, { isArchived: false });
+        }
+        catch {
+            /* surfaced via provider's onError */
+        }
+    }
+    return (_jsxs("aside", { className: rootClass, "data-testid": "sessions-panel", "aria-label": "Sessions", children: [props.customHeader ? (_jsx("div", { className: cls.customHeader, "data-testid": "sessions-panel-custom-header", children: props.customHeader })) : null, showCreate ? (_jsx("button", { type: "button", className: cls.newSessionButton, onClick: () => {
+                    setEditingSessionId(null);
+                    setModalOpen(true);
+                }, "data-testid": "sessions-panel-new-button", children: texts.chat.newSessionButton })) : null, collapsible ? (_jsx("button", { type: "button", className: cls.collapseToggle, onClick: () => setCollapsed(true), "aria-label": texts.chat.collapseSessionsPanel, "data-testid": "sessions-panel-collapse", children: "\u226A" })) : null, sessionsLoading && sessions.length === 0 ? (_jsx("p", { className: cls.loading, "data-testid": "sessions-panel-loading", children: texts.chat.sessionsLoading })) : null, !sessionsLoading && sessions.length === 0 ? (_jsx("p", { className: cls.empty, "data-testid": "sessions-panel-empty", children: texts.chat.sessionsEmpty })) : null, _jsx("ul", { className: cls.list, "data-testid": "sessions-panel-list", children: sessions.map((session) => {
+                    const isActive = session.id === activeSessionId;
+                    const itemClasses = [
+                        cls.item,
+                        isActive ? cls.itemActive : "",
+                        session.is_archived ? cls.itemArchived : "",
+                    ]
+                        .filter(Boolean)
+                        .join(" ");
+                    const displayTitle = session.title.trim().length > 0
+                        ? session.title
+                        : texts.chat.untitledSessionFallback;
+                    return (_jsxs("li", { className: itemClasses, "data-testid": "session-item", "data-active": isActive ? "true" : "false", "data-archived": session.is_archived ? "true" : "false", "data-session-id": session.id, children: [_jsxs("button", { type: "button", className: cls.itemTitle, onClick: () => setActiveSession(session.id), "data-testid": "session-item-open", children: [_jsx("span", { children: displayTitle }), _jsx("span", { className: cls.itemMeta, children: formatRelative(session.updated_at) })] }), _jsx("div", { className: cls.itemActions, "data-testid": "session-item-actions", children: !session.is_archived ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: cls.actionButton, "aria-label": texts.chat.editSessionTitleAriaLabel, onClick: () => {
+                                                setEditingSessionId(session.id);
+                                                setModalOpen(true);
+                                            }, "data-testid": "session-item-edit", children: "\u270E" }), _jsx("button", { type: "button", className: cls.actionButton, "aria-label": texts.chat.archiveSessionAriaLabel, onClick: () => {
+                                                void handleArchive(session);
+                                            }, "data-testid": "session-item-archive", children: "\uD83D\uDDC4" })] })) : (_jsx("button", { type: "button", className: cls.actionButton, "aria-label": texts.chat.unarchiveSessionAriaLabel, onClick: () => {
+                                        void handleUnarchive(session);
+                                    }, "data-testid": "session-item-unarchive", children: "\u2934" })) })] }, session.id));
+                }) }), _jsxs("div", { className: cls.footer, children: [props.customFooter ? (_jsx("div", { className: cls.customFooter, "data-testid": "sessions-panel-custom-footer", children: props.customFooter })) : null, _jsx("button", { type: "button", className: cls.archivedToggle, onClick: () => setIncludeArchivedSessions(!includeArchivedSessions), "aria-pressed": includeArchivedSessions, "data-testid": "sessions-panel-archived-toggle", children: includeArchivedSessions
+                            ? texts.chat.hideArchivedToggle
+                            : texts.chat.showArchivedToggle })] }), _jsx(SessionTitleModal, { mode: editingSession ? "edit" : "create", open: modalOpen, initialTitle: editingSession?.title ?? "", onCancel: () => {
+                    setModalOpen(false);
+                    setEditingSessionId(null);
+                }, onSubmit: async (title) => {
+                    if (editingSession) {
+                        await patchSession(editingSession.id, { title });
+                    }
+                    else {
+                        await createSession(title);
+                    }
+                    setModalOpen(false);
+                    setEditingSessionId(null);
+                }, texts: texts.chat })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/SessionsPanel/index.js.map

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

package/dist/components/SystemNotice/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * `<SystemNotice />` — banner rendered above `messages_area` for non-fatal
+ * system events (TPM wait, recovery resumed, exhausted error). Variants:
+ *
+ * - `--tpm-wait` — provider rate-limited; recovery in progress
+ * - `--resumed` — recovery succeeded; usually auto-dismissed after a brief flash
+ * - `--error` — non-recoverable (e.g. `tpm_exhausted`)
+ *
+ * Pure presentational — the parent (`MessageList` in the monolith) decides
+ * which variant to render, what body text to show, and any auto-dismiss
+ * timer. Tier-3 wrappers can use the primitive directly with their own
+ * content too.
+ *
+ * Exported under `AIHub.SystemNotice`.
+ *
+ * @see SPECIFICATIONS.md §9.4 — system_notice events
+ * @see ui-sketches/03-chat.md — system_notice
+ */
+import { type ReactNode } from "react";
+/**
+ * BEM class names emitted by `<SystemNotice />`.
+ */
+export interface SystemNoticeClassNames {
+    /** Outer banner element. */
+    root: string;
+    /** Modifier — `--tpm-wait`. */
+    rootTpmWait: string;
+    /** Modifier — `--resumed`. */
+    rootResumed: string;
+    /** Modifier — `--error`. */
+    rootError: string;
+    /** Icon span. */
+    icon: string;
+    /** Body text span. */
+    body: string;
+    /** Action button (e.g. retry on error variant). */
+    action: string;
+}
+/** Props for `<SystemNotice />`. */
+export interface SystemNoticeProps {
+    /** Variant — controls the modifier class + the default icon. */
+    variant: "tpm-wait" | "resumed" | "error";
+    /** Body text (i18n-supplied). */
+    message: string;
+    /** Override the default icon character for the variant. */
+    icon?: string;
+    /** Optional inline action button. */
+    action?: {
+        /** Button label. */
+        label: string;
+        /** Click handler. */
+        onClick: () => void;
+    };
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<SystemNoticeClassNames>;
+}
+/**
+ * Renders the notice.
+ *
+ * @param props - see `SystemNoticeProps`.
+ * @returns the rendered notice.
+ */
+export declare function SystemNotice(props: SystemNoticeProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SystemNotice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SystemNotice/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC;CAChB;AAYD,oCAAoC;AACpC,MAAM,WAAW,iBAAiB;IAChC,gEAAgE;IAChE,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE;QACP,oBAAoB;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,qBAAqB;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CAC9C;AAyCD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAiChE"}

package/dist/components/SystemNotice/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<SystemNotice />` — banner rendered above `messages_area` for non-fatal
+ * system events (TPM wait, recovery resumed, exhausted error). Variants:
+ *
+ * - `--tpm-wait` — provider rate-limited; recovery in progress
+ * - `--resumed` — recovery succeeded; usually auto-dismissed after a brief flash
+ * - `--error` — non-recoverable (e.g. `tpm_exhausted`)
+ *
+ * Pure presentational — the parent (`MessageList` in the monolith) decides
+ * which variant to render, what body text to show, and any auto-dismiss
+ * timer. Tier-3 wrappers can use the primitive directly with their own
+ * content too.
+ *
+ * Exported under `AIHub.SystemNotice`.
+ *
+ * @see SPECIFICATIONS.md §9.4 — system_notice events
+ * @see ui-sketches/03-chat.md — system_notice
+ */
+import {} from "react";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__system-notice",
+    rootTpmWait: "data-club-ai-hub__system-notice--tpm-wait",
+    rootResumed: "data-club-ai-hub__system-notice--resumed",
+    rootError: "data-club-ai-hub__system-notice--error",
+    icon: "data-club-ai-hub__system-notice__icon",
+    body: "data-club-ai-hub__system-notice__body",
+    action: "data-club-ai-hub__system-notice__action",
+});
+/**
+ * Default icon glyph per variant.
+ */
+function defaultIcon(variant) {
+    switch (variant) {
+        case "tpm-wait":
+            return "⏱";
+        case "resumed":
+            return "✓";
+        case "error":
+            return "⚠";
+    }
+}
+/**
+ * Returns the BEM modifier for the variant.
+ */
+function modifierForVariant(variant, cls) {
+    switch (variant) {
+        case "tpm-wait":
+            return cls.rootTpmWait;
+        case "resumed":
+            return cls.rootResumed;
+        case "error":
+            return cls.rootError;
+    }
+}
+/**
+ * `role` ARIA value per variant. Error gets `alert` so screen readers
+ * announce; wait/resumed get `status` (polite live region).
+ */
+function roleForVariant(variant) {
+    return variant === "error" ? "alert" : "status";
+}
+/**
+ * Renders the notice.
+ *
+ * @param props - see `SystemNoticeProps`.
+ * @returns the rendered notice.
+ */
+export function SystemNotice(props) {
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const icon = props.icon ?? defaultIcon(props.variant);
+    const rootClass = [
+        cls.root,
+        modifierForVariant(props.variant, cls),
+        props.className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("div", { className: rootClass, role: roleForVariant(props.variant), "data-testid": "system-notice", "data-variant": props.variant, children: [_jsx("span", { className: cls.icon, "aria-hidden": "true", children: icon }), _jsx("span", { className: cls.body, children: props.message }), props.action ? (_jsx("button", { type: "button", className: cls.action, onClick: props.action.onClick, "data-testid": "system-notice-action", children: props.action.label })) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/SystemNotice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SystemNotice/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAkB,MAAM,OAAO,CAAC;AAsBvC,MAAM,mBAAmB,GAA2B,MAAM,CAAC,MAAM,CAAC;IAChE,IAAI,EAAE,iCAAiC;IACvC,WAAW,EAAE,2CAA2C;IACxD,WAAW,EAAE,0CAA0C;IACvD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,uCAAuC;IAC7C,IAAI,EAAE,uCAAuC;IAC7C,MAAM,EAAE,yCAAyC;CAClD,CAA2B,CAAC;AAuB7B;;GAEG;AACH,SAAS,WAAW,CAAC,OAAqC;IACxD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,GAAG,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CACzB,OAAqC,EACrC,GAA2B;IAE3B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,GAAG,CAAC,WAAW,CAAC;QACzB,KAAK,SAAS;YACZ,OAAO,GAAG,CAAC,WAAW,CAAC;QACzB,KAAK,OAAO;YACV,OAAO,GAAG,CAAC,SAAS,CAAC;IACzB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,cAAc,CAAC,OAAqC;IAC3D,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,GAAG,GAAG,EAAE,GAAG,mBAAmB,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;IACpE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG;QAChB,GAAG,CAAC,IAAI;QACR,kBAAkB,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC;QACtC,KAAK,CAAC,SAAS;KAChB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,iBACvB,eAAe,kBACb,KAAK,CAAC,OAAO,aAE3B,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,iBAAc,MAAM,YAC1C,IAAI,GACA,EACP,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,YAAG,KAAK,CAAC,OAAO,GAAQ,EAChD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CAAC,MAAM,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,iBACjB,sBAAsB,YAEjC,KAAK,CAAC,MAAM,CAAC,KAAK,GACZ,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ThemeSwitcher/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * `<ThemeSwitcher />` — sun/moon toggle that flips the active theme via
+ * `setTheme` from `useAIHub()`.
+ *
+ * Renders **nothing** when `themeSwitcherEnabled === false` (i.e. the
+ * super_admin has disabled the switcher for this deployment per §7.6) —
+ * not a disabled control, not a hidden control, but absent from the DOM
+ * entirely. That's the contract callers — including `UserMenu` —
+ * depend on: a `ThemeSwitcher` inside a conditional is safe to leave in
+ * place; the primitive self-suppresses.
+ *
+ * Optimistic update: clicking the switcher flips the local `theme`
+ * value immediately and posts `PATCH /auth/me/preferences { theme }`.
+ * On a 409 `theme_switcher_disabled` (server-side switcher disabled
+ * mid-call), the provider's `setTheme` reverts the optimistic state and
+ * surfaces the error via `onError`.
+ *
+ * Exported under `AIHub.ThemeSwitcher`.
+ *
+ * @see SPECIFICATIONS.md §7.6 — theme resolution
+ * @see ui-sketches/00-shell.md — `Theme: Light ↔ Dark` item in user menu
+ */
+import { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+/**
+ * BEM class names emitted by `<ThemeSwitcher />`.
+ */
+export interface ThemeSwitcherClassNames {
+    /** The button element. */
+    root: string;
+    /** Modifier added when the active theme is light. */
+    rootLight: string;
+    /** Modifier added when the active theme is dark. */
+    rootDark: string;
+    /** The icon span. */
+    icon: string;
+    /** The label text span. */
+    label: string;
+}
+/**
+ * Props for `<ThemeSwitcher />`.
+ */
+export interface ThemeSwitcherProps {
+    /** Whether to render a label next to the icon. Default true. */
+    showLabel?: boolean;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<ThemeSwitcherClassNames>;
+    /**
+     * Forwarded to the underlying button — only used by the test harness
+     * + Storybook stories that want to click the switcher without going
+     * through the provider's optimistic-update path.
+     */
+    onClick?: () => void;
+}
+/**
+ * Renders the switcher.
+ *
+ * @param props - see `ThemeSwitcherProps`.
+ * @returns the rendered switcher, or `null` when disabled by config.
+ */
+export declare function ThemeSwitcher(props: ThemeSwitcherProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ThemeSwitcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAqB,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG3F;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAUD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAChC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAwDlE"}

package/dist/components/ThemeSwitcher/index.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<ThemeSwitcher />` — sun/moon toggle that flips the active theme via
+ * `setTheme` from `useAIHub()`.
+ *
+ * Renders **nothing** when `themeSwitcherEnabled === false` (i.e. the
+ * super_admin has disabled the switcher for this deployment per §7.6) —
+ * not a disabled control, not a hidden control, but absent from the DOM
+ * entirely. That's the contract callers — including `UserMenu` —
+ * depend on: a `ThemeSwitcher` inside a conditional is safe to leave in
+ * place; the primitive self-suppresses.
+ *
+ * Optimistic update: clicking the switcher flips the local `theme`
+ * value immediately and posts `PATCH /auth/me/preferences { theme }`.
+ * On a 409 `theme_switcher_disabled` (server-side switcher disabled
+ * mid-call), the provider's `setTheme` reverts the optimistic state and
+ * surfaces the error via `onError`.
+ *
+ * Exported under `AIHub.ThemeSwitcher`.
+ *
+ * @see SPECIFICATIONS.md §7.6 — theme resolution
+ * @see ui-sketches/00-shell.md — `Theme: Light ↔ Dark` item in user menu
+ */
+import {} from "react";
+import { resolveAIHubTexts } from "../../auth/texts.js";
+import { useAIHub } from "../../context/useAIHub.js";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__theme-switcher",
+    rootLight: "data-club-ai-hub__theme-switcher--light",
+    rootDark: "data-club-ai-hub__theme-switcher--dark",
+    icon: "data-club-ai-hub__theme-switcher__icon",
+    label: "data-club-ai-hub__theme-switcher__label",
+});
+/**
+ * Renders the switcher.
+ *
+ * @param props - see `ThemeSwitcherProps`.
+ * @returns the rendered switcher, or `null` when disabled by config.
+ */
+export function ThemeSwitcher(props) {
+    const { theme, setTheme, themeSwitcherEnabled } = useAIHub();
+    const texts = resolveAIHubTexts(props.texts);
+    const chatTexts = texts.chat;
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const showLabel = props.showLabel ?? true;
+    if (!themeSwitcherEnabled)
+        return null;
+    const isDark = theme === "dark";
+    // `aria-checked` reflects "is dark on?" so the switcher is a
+    // 2-state switch (light ↔ dark), which matches sketches/00-shell.md.
+    const ariaLabel = isDark
+        ? chatTexts.themeSwitchToLightAriaLabel
+        : chatTexts.themeSwitchToDarkAriaLabel;
+    const visualLabel = isDark ? chatTexts.themeLightLabel : chatTexts.themeDarkLabel;
+    const icon = isDark ? "☀" : "☾";
+    const next = isDark ? "light" : "dark";
+    const rootClass = [
+        cls.root,
+        isDark ? cls.rootDark : cls.rootLight,
+        props.className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    function handleClick() {
+        if (props.onClick) {
+            props.onClick();
+            return;
+        }
+        void setTheme(next);
+    }
+    return (_jsxs("button", { type: "button", role: "switch", "aria-checked": isDark, "aria-label": ariaLabel, className: rootClass, onClick: handleClick, "data-testid": "theme-switcher", "data-theme-state": theme, children: [_jsx("span", { className: cls.icon, "aria-hidden": "true", children: icon }), showLabel ? (_jsx("span", { className: cls.label, "data-testid": "theme-switcher-label", children: visualLabel })) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/ThemeSwitcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ThemeSwitcher/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAqC,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAkBrD,MAAM,mBAAmB,GAA4B,MAAM,CAAC,MAAM,CAAC;IACjE,IAAI,EAAE,kCAAkC;IACxC,SAAS,EAAE,yCAAyC;IACpD,QAAQ,EAAE,wCAAwC;IAClD,IAAI,EAAE,wCAAwC;IAC9C,KAAK,EAAE,yCAAyC;CACjD,CAA4B,CAAC;AAsB9B;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAmB,KAAK,CAAC,IAAI,CAAC;IAC7C,MAAM,GAAG,GAAG,EAAE,GAAG,mBAAmB,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC;IAE1C,IAAI,CAAC,oBAAoB;QAAE,OAAO,IAAI,CAAC;IAEvC,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC;IAChC,6DAA6D;IAC7D,qEAAqE;IACrE,MAAM,SAAS,GAAG,MAAM;QACtB,CAAC,CAAC,SAAS,CAAC,2BAA2B;QACvC,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC;IACzC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChC,MAAM,IAAI,GAAqB,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzD,MAAM,SAAS,GAAG;QAChB,GAAG,CAAC,IAAI;QACR,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS;QACrC,KAAK,CAAC,SAAS;KAChB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,SAAS,WAAW;QAClB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAED,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,MAAM,gBACR,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,iBACR,gBAAgB,sBACV,KAAK,aAEvB,eAAM,SAAS,EAAE,GAAG,CAAC,IAAI,iBAAc,MAAM,YAC1C,IAAI,GACA,EACN,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAE,GAAG,CAAC,KAAK,iBAAc,sBAAsB,YAC3D,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC"}

package/dist/components/ToolCallView/formatContent.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Default display-side formatter for tool-call input/output text rendered
+ * inside `<ToolCallView />`.
+ *
+ * Tool inputs reach the UI as raw JSON text (assembled from
+ * `tool_call_input_delta` chunks); tool outputs are either a string from
+ * Letta or a `JSON.stringify` of the structured return. In both shapes,
+ * any newline inside a string value is encoded as the two-character
+ * sequence `\n`, which a `<pre>` element renders as the literal text
+ * `\n` instead of an actual line break. Same for `\t` / `\r`. That makes
+ * any multi-line tool payload (file diffs, command output, prompts)
+ * unreadable.
+ *
+ * Strategy:
+ *
+ *   1. Try `JSON.parse(raw)`. If it parses, re-stringify with 2-space
+ *      indent — that pretty-prints the structure.
+ *   2. Whether or not parsing succeeded, replace the whitespace escape
+ *      sequences (`\n`, `\t`, `\r`, including the `\r\n` pair) with
+ *      their literal characters so they render as real layout.
+ *
+ * The output is NOT valid JSON anymore — it's a display form. Other
+ * escapes (`\"`, `\\`, `\uXXXX`) are left alone because they're either
+ * still meaningful for the reader or rare enough that unescaping them
+ * would risk corrupting binary-ish content.
+ *
+ * Implementation projects that need different behavior (e.g. raw view
+ * for debugging) can pass their own `formatContent` to `<ToolCallView />`
+ * or pass identity (`(s) => s`).
+ *
+ * @param raw - the input or output string as carried on
+ *   `AIHubToolCallRecord` / the streaming tool-call accumulator.
+ * @returns the formatted string for display.
+ */
+export declare function formatToolContentForDisplay(raw: string): string;
+//# sourceMappingURL=formatContent.d.ts.map

package/dist/components/ToolCallView/formatContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatContent.d.ts","sourceRoot":"","sources":["../../../src/components/ToolCallView/formatContent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAe/D"}

package/dist/components/ToolCallView/formatContent.js

@@ -0,0 +1,53 @@
+/**
+ * Default display-side formatter for tool-call input/output text rendered
+ * inside `<ToolCallView />`.
+ *
+ * Tool inputs reach the UI as raw JSON text (assembled from
+ * `tool_call_input_delta` chunks); tool outputs are either a string from
+ * Letta or a `JSON.stringify` of the structured return. In both shapes,
+ * any newline inside a string value is encoded as the two-character
+ * sequence `\n`, which a `<pre>` element renders as the literal text
+ * `\n` instead of an actual line break. Same for `\t` / `\r`. That makes
+ * any multi-line tool payload (file diffs, command output, prompts)
+ * unreadable.
+ *
+ * Strategy:
+ *
+ *   1. Try `JSON.parse(raw)`. If it parses, re-stringify with 2-space
+ *      indent — that pretty-prints the structure.
+ *   2. Whether or not parsing succeeded, replace the whitespace escape
+ *      sequences (`\n`, `\t`, `\r`, including the `\r\n` pair) with
+ *      their literal characters so they render as real layout.
+ *
+ * The output is NOT valid JSON anymore — it's a display form. Other
+ * escapes (`\"`, `\\`, `\uXXXX`) are left alone because they're either
+ * still meaningful for the reader or rare enough that unescaping them
+ * would risk corrupting binary-ish content.
+ *
+ * Implementation projects that need different behavior (e.g. raw view
+ * for debugging) can pass their own `formatContent` to `<ToolCallView />`
+ * or pass identity (`(s) => s`).
+ *
+ * @param raw - the input or output string as carried on
+ *   `AIHubToolCallRecord` / the streaming tool-call accumulator.
+ * @returns the formatted string for display.
+ */
+export function formatToolContentForDisplay(raw) {
+    if (raw === "")
+        return raw;
+    let formatted = raw;
+    try {
+        const parsed = JSON.parse(raw);
+        formatted = JSON.stringify(parsed, null, 2);
+    }
+    catch {
+        // Not valid JSON (mid-stream chunk, plain text output, etc.) —
+        // fall through to the escape-sequence unwrap on the raw input.
+    }
+    return formatted
+        .replace(/\\r\\n/g, "\n")
+        .replace(/\\n/g, "\n")
+        .replace(/\\t/g, "\t")
+        .replace(/\\r/g, "\r");
+}
+//# sourceMappingURL=formatContent.js.map

package/dist/components/ToolCallView/formatContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatContent.js","sourceRoot":"","sources":["../../../src/components/ToolCallView/formatContent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,UAAU,2BAA2B,CAAC,GAAW;IACrD,IAAI,GAAG,KAAK,EAAE;QAAE,OAAO,GAAG,CAAC;IAC3B,IAAI,SAAS,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC;QACH,MAAM,MAAM,GAAY,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAAC,MAAM,CAAC;QACP,+DAA+D;QAC/D,+DAA+D;IACjE,CAAC;IACD,OAAO,SAAS;SACb,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC;SACxB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;SACrB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;SACrB,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC3B,CAAC"}