@data-club/ai-hub 0.0.1

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

@@ -0,0 +1,94 @@
+/**
+ * `<ReasoningView />` — collapsible reasoning block inside an assistant
+ * bubble.
+ *
+ * Default-collapsed (the spec calls this out — reasoning is for "I want
+ * to inspect this" UX, not "I want to read it inline by default").
+ * Header shows the duration when known; body is rendered in monospace.
+ *
+ * Step 10 only renders reasoning when:
+ *
+ * - the turn was sent with a non-`none` effort (i.e. the assistant
+ *   actually produced a reasoning block), AND
+ * - `reasoningVisible` (resolved) is true.
+ *
+ * The decision about whether reasoning is *present* lives upstream in
+ * `MessageList` — this primitive just renders whatever block content +
+ * timing it's given.
+ *
+ * Exported under `AIHub.ReasoningView` (re-exported via the namespace).
+ *
+ * @see SPECIFICATIONS.md §7.3 — showReasoning prop
+ * @see ui-sketches/03-chat.md — reasoning_block --collapsed / --expanded
+ */
+import { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+/** BEM class names emitted by `<ReasoningView />`. */
+export interface ReasoningViewClassNames {
+    /** Outer block. */
+    root: string;
+    /** Modifier — `--collapsed`. */
+    rootCollapsed: string;
+    /** Modifier — `--expanded`. */
+    rootExpanded: string;
+    /** Header element (always present). */
+    header: string;
+    /** Title text inside the header. */
+    title: string;
+    /** Expand/collapse toggle button. */
+    toggle: string;
+    /** Body element (only mounted when expanded). */
+    body: string;
+}
+/** Props for `<ReasoningView />`. */
+export interface ReasoningViewProps {
+    /** The reasoning text (possibly empty while deltas are still arriving). */
+    content: string;
+    /** Wall-clock duration in seconds, when known. */
+    durationSeconds?: number;
+    /**
+     * When true, the block is still streaming — placeholder text is
+     * shown instead of an empty body and the duration is omitted.
+     */
+    streaming?: boolean;
+    /**
+     * Override the initial expanded state. Default false (collapsed). When
+     * `streaming` is true the initial state is also false — the user opts
+     * in to watch the reasoning live.
+     *
+     * Ignored when `expanded` is passed (controlled mode).
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controlled expanded state. When set, `<ReasoningView />` defers all
+     * expand/collapse decisions to the parent — `onToggle` fires on toggle
+     * clicks and the parent decides whether the next render should pass
+     * `true` or `false`. Used by `<MessageList />` to enforce the
+     * accordion + auto-expand-while-streaming rules across all blocks in
+     * the conversation. When omitted, the component falls back to internal
+     * `useState` for backward compatibility (the original uncontrolled
+     * behavior, default-collapsed with a per-instance toggle).
+     */
+    expanded?: boolean;
+    /**
+     * Toggle handler for the controlled mode. Fires when the user clicks
+     * the expand/collapse button. The parent inspects its own accordion
+     * state to compute the next `expanded` prop. Ignored in uncontrolled
+     * mode (the internal `useState` toggles itself).
+     */
+    onToggle?: () => void;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<ReasoningViewClassNames>;
+}
+/**
+ * Renders the reasoning block.
+ *
+ * @param props - see `ReasoningViewProps`.
+ * @returns the rendered block.
+ */
+export declare function ReasoningView(props: ReasoningViewProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ReasoningView/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,sDAAsD;AACtD,MAAM,WAAW,uBAAuB;IACtC,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;CACd;AAYD,qCAAqC;AACrC,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,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;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAuElE"}

package/dist/components/ReasoningView/index.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<ReasoningView />` — collapsible reasoning block inside an assistant
+ * bubble.
+ *
+ * Default-collapsed (the spec calls this out — reasoning is for "I want
+ * to inspect this" UX, not "I want to read it inline by default").
+ * Header shows the duration when known; body is rendered in monospace.
+ *
+ * Step 10 only renders reasoning when:
+ *
+ * - the turn was sent with a non-`none` effort (i.e. the assistant
+ *   actually produced a reasoning block), AND
+ * - `reasoningVisible` (resolved) is true.
+ *
+ * The decision about whether reasoning is *present* lives upstream in
+ * `MessageList` — this primitive just renders whatever block content +
+ * timing it's given.
+ *
+ * Exported under `AIHub.ReasoningView` (re-exported via the namespace).
+ *
+ * @see SPECIFICATIONS.md §7.3 — showReasoning prop
+ * @see ui-sketches/03-chat.md — reasoning_block --collapsed / --expanded
+ */
+import { useState } from "react";
+import { resolveAIHubTexts, } from "../../auth/texts.js";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__reasoning-block",
+    rootCollapsed: "data-club-ai-hub__reasoning-block--collapsed",
+    rootExpanded: "data-club-ai-hub__reasoning-block--expanded",
+    header: "data-club-ai-hub__reasoning-block__header",
+    title: "data-club-ai-hub__reasoning-block__title",
+    toggle: "data-club-ai-hub__reasoning-block__toggle",
+    body: "data-club-ai-hub__reasoning-block__body",
+});
+/**
+ * Renders the reasoning block.
+ *
+ * @param props - see `ReasoningViewProps`.
+ * @returns the rendered block.
+ */
+export function ReasoningView(props) {
+    const texts = resolveAIHubTexts(props.texts);
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const [uncontrolledExpanded, setUncontrolledExpanded] = useState(props.defaultExpanded ?? false);
+    const isControlled = props.expanded !== undefined;
+    const expanded = isControlled ? props.expanded : uncontrolledExpanded;
+    const handleToggle = isControlled
+        ? props.onToggle ?? (() => { })
+        : () => setUncontrolledExpanded((e) => !e);
+    const seconds = props.durationSeconds ?? 0;
+    // Pick the WITH-duration template only when we actually have a
+    // duration to show. Historical bubbles (loaded via `getSessionMessages`)
+    // don't carry a duration today, so they render the no-duration variant
+    // ("🧠 Reasoning") rather than the awkward "🧠 Reasoning  (…s)" we'd
+    // get from running the placeholder substitution against zero.
+    const hasDuration = seconds > 0;
+    let headerText;
+    if (hasDuration) {
+        const template = expanded
+            ? texts.chat.reasoningExpandedHeader
+            : texts.chat.reasoningCollapsedHeader;
+        headerText = template.replace("{seconds}", seconds.toFixed(1));
+    }
+    else {
+        headerText = expanded
+            ? texts.chat.reasoningExpandedHeaderNoDuration
+            : texts.chat.reasoningCollapsedHeaderNoDuration;
+    }
+    const rootClass = [
+        cls.root,
+        expanded ? cls.rootExpanded : cls.rootCollapsed,
+        props.className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("div", { className: rootClass, "data-testid": "reasoning-view", "data-expanded": expanded ? "true" : "false", children: [_jsxs("div", { className: cls.header, children: [_jsx("span", { className: cls.title, children: headerText }), _jsx("button", { type: "button", className: cls.toggle, onClick: handleToggle, "aria-expanded": expanded, "aria-label": expanded
+                            ? texts.chat.reasoningCollapseAriaLabel
+                            : texts.chat.reasoningExpandAriaLabel, "data-testid": "reasoning-view-toggle", children: expanded ? "▼" : "▶" })] }), expanded ? (_jsx("div", { className: cls.body, "data-testid": "reasoning-view-body", children: props.streaming && props.content.trim().length === 0
+                    ? texts.chat.reasoningThinkingPlaceholder
+                    : props.content })) : null] }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,54 @@
+/**
+ * `<ScrollToPresentButton />` — floating "↓ Jump to latest" button that
+ * appears when the user has scrolled away from the bottom of the
+ * message list during a running turn.
+ *
+ * The §10.4 predicate is `status === "running" && userScrolledAwayFromBottom`.
+ * The `status` half is computed via `chatAffordances`; the
+ * `userScrolledAwayFromBottom` half is local to the message list. This
+ * primitive accepts both as props so the predicate logic stays out of
+ * the primitive (which would otherwise need to reach into a scroll
+ * ref it doesn't own).
+ *
+ * Rendering also requires `scrollToPresentVisible` (server toggle ∧
+ * React prop) — the parent does that AND-merge upstream before
+ * passing `visible` here.
+ *
+ * Exported under `AIHub.ScrollToPresentButton`.
+ *
+ * @see SPECIFICATIONS.md §10.4 — scroll-to-present predicate
+ * @see ui-sketches/03-chat.md — scroll_to_present_button
+ */
+import { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+/** BEM class names emitted by `<ScrollToPresentButton />`. */
+export interface ScrollToPresentButtonClassNames {
+    /** Outer button element. */
+    root: string;
+}
+/** Props for `<ScrollToPresentButton />`. */
+export interface ScrollToPresentButtonProps {
+    /**
+     * Whether to render. Caller computes the predicate via
+     * `chatAffordances(state).scrollToPresentVisible &&
+     * userScrolledAwayFromBottom && scrollToPresentVisibleFlag`.
+     * Passing `false` returns `null`.
+     */
+    visible: boolean;
+    /** Click handler — typically scrolls the message list container. */
+    onClick: () => void;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<ScrollToPresentButtonClassNames>;
+}
+/**
+ * Renders the button.
+ *
+ * @param props - see `ScrollToPresentButtonProps`.
+ * @returns the rendered button, or `null` when hidden.
+ */
+export declare function ScrollToPresentButton(props: ScrollToPresentButtonProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollToPresentButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,8DAA8D;AAC9D,MAAM,WAAW,+BAA+B;IAC9C,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,6CAA6C;AAC7C,MAAM,WAAW,0BAA0B;IACzC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,oEAAoE;IACpE,OAAO,EAAE,MAAM,IAAI,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,+BAA+B,CAAC,CAAC;CACvD;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,SAAS,CAiBX"}

package/dist/components/ScrollToPresentButton/index.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `<ScrollToPresentButton />` — floating "↓ Jump to latest" button that
+ * appears when the user has scrolled away from the bottom of the
+ * message list during a running turn.
+ *
+ * The §10.4 predicate is `status === "running" && userScrolledAwayFromBottom`.
+ * The `status` half is computed via `chatAffordances`; the
+ * `userScrolledAwayFromBottom` half is local to the message list. This
+ * primitive accepts both as props so the predicate logic stays out of
+ * the primitive (which would otherwise need to reach into a scroll
+ * ref it doesn't own).
+ *
+ * Rendering also requires `scrollToPresentVisible` (server toggle ∧
+ * React prop) — the parent does that AND-merge upstream before
+ * passing `visible` here.
+ *
+ * Exported under `AIHub.ScrollToPresentButton`.
+ *
+ * @see SPECIFICATIONS.md §10.4 — scroll-to-present predicate
+ * @see ui-sketches/03-chat.md — scroll_to_present_button
+ */
+import {} from "react";
+import { resolveAIHubTexts, } from "../../auth/texts.js";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__scroll-to-present-button",
+});
+/**
+ * Renders the button.
+ *
+ * @param props - see `ScrollToPresentButtonProps`.
+ * @returns the rendered button, or `null` when hidden.
+ */
+export function ScrollToPresentButton(props) {
+    if (!props.visible)
+        return null;
+    const texts = resolveAIHubTexts(props.texts);
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const rootClass = props.className
+        ? `${cls.root} ${props.className}`
+        : cls.root;
+    return (_jsx("button", { type: "button", className: rootClass, onClick: props.onClick, "data-testid": "scroll-to-present-button", children: texts.chat.scrollToPresentButton }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScrollToPresentButton/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,iBAAiB,GAGlB,MAAM,qBAAqB,CAAC;AAQ7B,MAAM,mBAAmB,GAAoC,MAAM,CAAC,MAAM,CAAC;IACzE,IAAI,EAAE,4CAA4C;CACnD,CAAoC,CAAC;AAqBtC;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAAiC;IAEjC,IAAI,CAAC,KAAK,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,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;QAC/B,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE;QAClC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACb,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,iBACV,0BAA0B,YAErC,KAAK,CAAC,IAAI,CAAC,qBAAqB,GAC1B,CACV,CAAC;AACJ,CAAC"}

package/dist/components/SessionsPanel/SessionTitleModal.d.ts

@@ -0,0 +1,79 @@
+/**
+ * `<SessionTitleModal />` — the modal used for both new-session creation
+ * and edit-title flow on existing sessions.
+ *
+ * Single text input ("Chat title"), `[Cancel]` / `[Create]` (new) or
+ * `[Cancel]` / `[Save]` (edit). Title is required and 1..80 chars —
+ * validated client-side before submit (the server's Zod schema enforces
+ * the same bounds for defense-in-depth).
+ *
+ * The modal is uncontrolled state-wise — `onSubmit` resolves with the
+ * server's returned `Session` on success; the caller (`SessionsPanel`)
+ * decides whether to close. We close on a successful submit by tying
+ * `open` back to the parent's state.
+ *
+ * @see SPECIFICATIONS.md §6.3.1 — sessions
+ * @see ui-sketches/03-chat.md — new_session_modal / edit_session_title_modal
+ */
+import { type ReactNode } from "react";
+import type { AIHubChatTexts } from "../../auth/texts.js";
+/**
+ * BEM class names emitted by `<SessionTitleModal />`. Shared with the
+ * generic-modal styles in the default stylesheet so admin / settings
+ * modals layered in Steps 11+ can reuse them.
+ */
+export interface SessionTitleModalClassNames {
+    /** Overlay backdrop. */
+    overlay: string;
+    /** The modal card. */
+    modal: string;
+    /** Title bar. */
+    title: string;
+    /** Form. */
+    form: string;
+    /** Field group (label + input). */
+    fieldGroup: string;
+    /** Field label. */
+    fieldLabel: string;
+    /** Text input. */
+    input: string;
+    /** Inline-validation error under the input. */
+    fieldError: string;
+    /** Button row at the bottom of the modal. */
+    actions: string;
+    /** Cancel button. */
+    cancelButton: string;
+    /** Submit button. */
+    submitButton: string;
+}
+/**
+ * Props for `<SessionTitleModal />`.
+ */
+export interface SessionTitleModalProps {
+    /** Discriminates the title + submit-button label. */
+    mode: "create" | "edit";
+    /** Pre-filled value for edit-mode; empty string for create-mode. */
+    initialTitle?: string;
+    /** Whether the modal is currently visible. */
+    open: boolean;
+    /** Called when the user dismisses without saving. */
+    onCancel: () => void;
+    /**
+     * Submission handler. Should `await` the server call and throw on
+     * failure — the modal renders the error inline and stays open.
+     */
+    onSubmit: (title: string) => Promise<void>;
+    /** Resolved chat texts. */
+    texts: AIHubChatTexts;
+    /** Per-element class overrides. */
+    classNames?: Partial<SessionTitleModalClassNames>;
+}
+/**
+ * Renders the modal. Validates the input client-side and surfaces server
+ * errors inline.
+ *
+ * @param props - see `SessionTitleModalProps`.
+ * @returns the rendered modal, or `null` when `open === false`.
+ */
+export declare function SessionTitleModal(props: SessionTitleModalProps): ReactNode;
+//# sourceMappingURL=SessionTitleModal.d.ts.map

package/dist/components/SessionsPanel/SessionTitleModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTitleModal.d.ts","sourceRoot":"","sources":["../../../src/components/SessionsPanel/SessionTitleModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAmBD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,qDAAqD;IACrD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,2BAA2B;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;CACnD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CAsJ1E"}

package/dist/components/SessionsPanel/SessionTitleModal.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<SessionTitleModal />` — the modal used for both new-session creation
+ * and edit-title flow on existing sessions.
+ *
+ * Single text input ("Chat title"), `[Cancel]` / `[Create]` (new) or
+ * `[Cancel]` / `[Save]` (edit). Title is required and 1..80 chars —
+ * validated client-side before submit (the server's Zod schema enforces
+ * the same bounds for defense-in-depth).
+ *
+ * The modal is uncontrolled state-wise — `onSubmit` resolves with the
+ * server's returned `Session` on success; the caller (`SessionsPanel`)
+ * decides whether to close. We close on a successful submit by tying
+ * `open` back to the parent's state.
+ *
+ * @see SPECIFICATIONS.md §6.3.1 — sessions
+ * @see ui-sketches/03-chat.md — new_session_modal / edit_session_title_modal
+ */
+import { useEffect, useRef, useState, } from "react";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    overlay: "data-club-ai-hub__modal-overlay",
+    modal: "data-club-ai-hub__modal",
+    title: "data-club-ai-hub__modal__title",
+    form: "data-club-ai-hub__modal__form",
+    fieldGroup: "data-club-ai-hub__modal__field",
+    fieldLabel: "data-club-ai-hub__modal__label",
+    input: "data-club-ai-hub__modal__input",
+    fieldError: "data-club-ai-hub__modal__field-error",
+    actions: "data-club-ai-hub__modal__actions",
+    cancelButton: "data-club-ai-hub__modal__cancel",
+    submitButton: "data-club-ai-hub__modal__confirm",
+});
+/** The maximum title length enforced both server- and client-side. */
+const TITLE_MAX = 80;
+/**
+ * Renders the modal. Validates the input client-side and surfaces server
+ * errors inline.
+ *
+ * @param props - see `SessionTitleModalProps`.
+ * @returns the rendered modal, or `null` when `open === false`.
+ */
+export function SessionTitleModal(props) {
+    const { mode, initialTitle = "", open, onCancel, onSubmit, texts, } = props;
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const [title, setTitle] = useState(initialTitle);
+    const [validationError, setValidationError] = useState(null);
+    const [serverError, setServerError] = useState(null);
+    const [submitting, setSubmitting] = useState(false);
+    const inputRef = useRef(null);
+    // Re-seed on open / initialTitle change so reopening for a different
+    // session doesn't carry stale text.
+    useEffect(() => {
+        if (open) {
+            setTitle(initialTitle);
+            setValidationError(null);
+            setServerError(null);
+            setSubmitting(false);
+            // Defer focus to next tick so the input is mounted.
+            queueMicrotask(() => inputRef.current?.focus());
+        }
+    }, [open, initialTitle]);
+    if (!open)
+        return null;
+    const trimmed = title.trim();
+    const isEmpty = trimmed.length === 0;
+    const tooLong = trimmed.length > TITLE_MAX;
+    const submitDisabled = isEmpty || tooLong || submitting;
+    function handleSubmit(e) {
+        e.preventDefault();
+        if (isEmpty) {
+            setValidationError(texts.sessionTitleRequiredError);
+            return;
+        }
+        if (tooLong) {
+            setValidationError(texts.sessionTitleTooLongError);
+            return;
+        }
+        setValidationError(null);
+        setServerError(null);
+        setSubmitting(true);
+        onSubmit(trimmed)
+            .catch((err) => {
+            const msg = err instanceof Error ? err.message : String(err);
+            setServerError(msg || texts.genericRequestError);
+        })
+            .finally(() => setSubmitting(false));
+    }
+    const modalTitle = mode === "create"
+        ? texts.newSessionModalTitle
+        : texts.editSessionModalTitle;
+    const submitLabel = mode === "create" ? texts.modalCreateButton : texts.modalSaveButton;
+    return (_jsx("div", { className: cls.overlay, role: "presentation", "data-testid": "session-title-modal-overlay", onClick: (e) => {
+            // Click on the backdrop (not the modal itself) cancels.
+            if (e.target === e.currentTarget && !submitting)
+                onCancel();
+        }, children: _jsxs("div", { className: cls.modal, role: "dialog", "aria-modal": "true", "aria-labelledby": "data-club-ai-hub__session-title-modal__heading", "data-testid": "session-title-modal", "data-mode": mode, children: [_jsx("h2", { id: "data-club-ai-hub__session-title-modal__heading", className: cls.title, children: modalTitle }), _jsxs("form", { className: cls.form, onSubmit: handleSubmit, noValidate: true, children: [_jsxs("div", { className: cls.fieldGroup, children: [_jsx("label", { className: cls.fieldLabel, htmlFor: "session-title-input", children: texts.sessionTitleLabel }), _jsx("input", { id: "session-title-input", ref: inputRef, type: "text", className: cls.input, value: title, onChange: (e) => {
+                                        setTitle(e.target.value);
+                                        if (validationError)
+                                            setValidationError(null);
+                                    }, placeholder: texts.sessionTitlePlaceholder, maxLength: TITLE_MAX + 16 /* let the user paste over, validate on submit */, autoComplete: "off", disabled: submitting, "data-testid": "session-title-input" }), validationError ? (_jsx("p", { className: cls.fieldError, "data-testid": "session-title-validation-error", children: validationError })) : null, serverError ? (_jsx("p", { className: cls.fieldError, "data-testid": "session-title-server-error", children: serverError })) : null] }), _jsxs("div", { className: cls.actions, children: [_jsx("button", { type: "button", className: cls.cancelButton, onClick: onCancel, disabled: submitting, "data-testid": "session-title-cancel", children: texts.modalCancelButton }), _jsx("button", { type: "submit", className: cls.submitButton, disabled: submitDisabled, "data-testid": "session-title-submit", children: submitLabel })] })] })] }) }));
+}
+//# sourceMappingURL=SessionTitleModal.js.map

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

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

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

@@ -0,0 +1,100 @@
+/**
+ * `<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 { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+/**
+ * BEM class names emitted by `<SessionsPanel />`.
+ */
+export interface SessionsPanelClassNames {
+    /** Outer panel container (the column). */
+    root: string;
+    /** Modifier applied when the panel is collapsed. */
+    rootCollapsed: string;
+    /** Optional custom-header slot wrapper at the top of the panel. */
+    customHeader: string;
+    /** "+ New chat" button. */
+    newSessionButton: string;
+    /** Reveal-strip rendered when collapsed. */
+    reveal: string;
+    /** Collapse / expand toggle. */
+    collapseToggle: string;
+    /** Scrollable list region. */
+    list: string;
+    /** Empty-state line ("No chats yet."). */
+    empty: string;
+    /** Loading state. */
+    loading: string;
+    /** A session-list row. */
+    item: string;
+    /** Modifier applied to the currently-selected row. */
+    itemActive: string;
+    /** Modifier applied to archived rows. */
+    itemArchived: string;
+    /** Row title text. */
+    itemTitle: string;
+    /** Row meta (relative timestamp). */
+    itemMeta: string;
+    /** Row hover-action group wrapper. */
+    itemActions: string;
+    /** A single action button (edit / archive / unarchive). */
+    actionButton: string;
+    /** Footer wrapper holding the archived-filter toggle + custom footer. */
+    footer: string;
+    /** Show-archived toggle. */
+    archivedToggle: string;
+    /** Optional custom-footer slot wrapper. */
+    customFooter: string;
+}
+/**
+ * Props for `<SessionsPanel />`.
+ */
+export interface SessionsPanelProps {
+    /** Whether to render the "+ New chat" button. Defaults to true. */
+    showCreateButton?: boolean;
+    /** Whether the panel can be collapsed. Defaults to true. */
+    collapsible?: boolean;
+    /** Top-of-panel slot. */
+    customHeader?: ReactNode;
+    /** Bottom-of-panel slot, rendered above the archived-filter toggle. */
+    customFooter?: ReactNode;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<SessionsPanelClassNames>;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+}
+/**
+ * Renders the sessions panel.
+ *
+ * @param props - see `SessionsPanelProps`.
+ * @returns the rendered panel.
+ */
+export declare function SessionsPanel(props: SessionsPanelProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SessionsPanel/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAM7B;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,YAAY,EAAE,MAAM,CAAC;CACtB;AAwBD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uEAAuE;IACvE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC9C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACjC;AA0BD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAwPlE"}