@data-club/ai-hub 0.0.1

package/dist/components/DataClubAIHubLogin/index.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * `<DataClubAIHubLogin />` — the built-in login screen.
+ *
+ * Auto-rendered by `<DataClubAIHub />` (and `AIHub.AuthGate`) when no
+ * valid session token is present. Per §7.2.1 + §7.3 + §8.5, this screen
+ * is **library-owned** — there is no escape hatch in v1 to substitute a
+ * custom React component. Wrappers brand it via `productName` /
+ * `usernamePlaceholder` props, `texts` for localization, the BEM class
+ * contract, and CSS custom properties on `.data-club-ai-hub`.
+ *
+ * Behavior summary:
+ *
+ * - Submit → `useAIHubAuth().login(username, password)`.
+ * - On success with `mustChangePassword === false` → fires `onLoggedIn(user)`.
+ *   `AIHub.AuthGate` listens to `mustChangePassword` and routes to the
+ *   forced-change screen automatically; this component does not navigate
+ *   on its own.
+ * - On failure → shows the `error_message` banner above the form; inputs
+ *   stay editable.
+ * - No "Forgot password?" link, no "Sign up" link — per v1 spec; the
+ *   `forgot_password_note` is plain helper text.
+ *
+ * @see SPECIFICATIONS.md §7.2.1 — `<DataClubAIHubLogin />` props
+ * @see SPECIFICATIONS.md §8.5  — login flow + initial-password handling
+ * @see ui-sketches/01-login.md — visual contract for every region
+ */
+import { useState } from "react";
+import { useAIHubAuth } from "../../context/useAIHubAuth.js";
+import { AIHubRequestError } from "../../client/AIHubClient.js";
+import { resolveAIHubTexts } from "../../auth/texts.js";
+import { PasswordInput } from "../internal/PasswordInput.js";
+/**
+ * Default BEM class names. Stable, kebab-case, scoped under
+ * `data-club-ai-hub__login`. Wrappers override individual entries via
+ * the `classNames` prop.
+ */
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__login",
+    card: "data-club-ai-hub__login-card",
+    title: "data-club-ai-hub__login-card__title",
+    errorBanner: "data-club-ai-hub__login-card__error",
+    form: "data-club-ai-hub__login-card__form",
+    fieldGroup: "data-club-ai-hub__login-card__field",
+    fieldLabel: "data-club-ai-hub__login-card__label",
+    textInput: "data-club-ai-hub__login-card__input",
+    passwordWrapper: "data-club-ai-hub__login-card__password",
+    passwordInput: "data-club-ai-hub__login-card__input data-club-ai-hub__login-card__input--password",
+    passwordToggle: "data-club-ai-hub__login-card__toggle",
+    submitButton: "data-club-ai-hub__login-card__submit",
+    spinner: "data-club-ai-hub__spinner",
+    forgotNote: "data-club-ai-hub__login-card__forgot",
+});
+/**
+ * Renders the login card.
+ *
+ * Always reads auth state from the nearest `<AIHubProvider>` — there is no
+ * "controlled" mode where a parent supplies the username / password / submit
+ * handler.
+ *
+ * @param props - see `DataClubAIHubLoginProps`.
+ * @returns the rendered card.
+ */
+export function DataClubAIHubLogin(props) {
+    const auth = useAIHubAuth();
+    const classes = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const texts = resolveAIHubTexts(props.texts).login;
+    const productName = props.productName ?? "ai-hub";
+    const [username, setUsername] = useState("");
+    const [password, setPassword] = useState("");
+    const [submitting, setSubmitting] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (submitting)
+            return;
+        if (username.length === 0 || password.length === 0)
+            return;
+        setSubmitting(true);
+        setErrorMessage(null);
+        try {
+            const result = await auth.login(username, password);
+            // AuthGate watches `mustChangePassword` to switch screens — this
+            // component just notifies the parent when the login was definitive.
+            // Reading the user from `result` (not from `auth.user`) avoids the
+            // stale-closure pitfall: the surrounding `auth` snapshot was taken
+            // before `setUser` re-rendered the provider, so `auth.user` here is
+            // still null.
+            if (!result.mustChangePassword && props.onLoggedIn) {
+                props.onLoggedIn(result.user);
+            }
+        }
+        catch (err) {
+            if (err instanceof AIHubRequestError) {
+                // Map the wire error code to a localized banner.
+                if (err.code === "unauthorized" || err.status === 401) {
+                    setErrorMessage(texts.invalidCredentialsError);
+                }
+                else if (err.code === "network") {
+                    setErrorMessage(texts.networkError);
+                }
+                else {
+                    // Fall back to the server's message — it's safe to surface per §9.
+                    setErrorMessage(err.message || texts.invalidCredentialsError);
+                }
+            }
+            else {
+                setErrorMessage(texts.networkError);
+            }
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const submitDisabled = submitting || username.length === 0 || password.length === 0;
+    const rootClass = props.className !== undefined
+        ? `${classes.root} ${props.className}`
+        : classes.root;
+    return (_jsx("div", { className: rootClass, "data-testid": "login-root", children: _jsxs("div", { className: classes.card, role: "form", "aria-labelledby": "dc-aih-login-title", children: [_jsx("h1", { id: "dc-aih-login-title", className: classes.title, children: productName }), errorMessage !== null ? (_jsx("div", { className: classes.errorBanner, role: "alert", "aria-live": "polite", "data-testid": "login-error", children: errorMessage })) : null, _jsxs("form", { className: classes.form, onSubmit: handleSubmit, noValidate: true, children: [_jsxs("div", { className: classes.fieldGroup, children: [_jsx("label", { htmlFor: "dc-aih-login-username", className: classes.fieldLabel, children: texts.usernameLabel }), _jsx("input", { id: "dc-aih-login-username", type: "text", name: "username", autoComplete: "username", value: username, onChange: (e) => setUsername(e.target.value), ...(props.usernamePlaceholder
+                                        ? { placeholder: props.usernamePlaceholder }
+                                        : {}), disabled: submitting, required: true, autoFocus: true, className: classes.textInput })] }), _jsxs("div", { className: classes.fieldGroup, children: [_jsx("label", { htmlFor: "dc-aih-login-password", className: classes.fieldLabel, children: texts.passwordLabel }), _jsx(PasswordInput, { id: "dc-aih-login-password", value: password, onChange: setPassword, name: "password", autoComplete: "current-password", disabled: submitting, required: true, showAriaLabel: texts.showPasswordAriaLabel, hideAriaLabel: texts.hidePasswordAriaLabel, wrapperClassName: classes.passwordWrapper, inputClassName: classes.passwordInput, toggleClassName: classes.passwordToggle, testId: "login-password-field" })] }), _jsx("button", { type: "submit", className: classes.submitButton, disabled: submitDisabled, "data-testid": "login-submit", children: submitting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: classes.spinner, "aria-hidden": "true" }), texts.signingInButton] })) : (texts.signInButton) })] }), _jsx("p", { className: classes.forgotNote, "data-testid": "login-forgot-note", children: texts.forgotPasswordNote })] }) }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,57 @@
+/**
+ * `<EffortControl />` — the per-message reasoning-effort dropdown.
+ *
+ * Mirrors Letta's ADE enum exactly: `None | Minimal | Low | Medium | High |
+ * Extra High` (snake-cased on the wire — `extra_high`). **`None` is the
+ * off state** for reasoning; there is no separate thinking/reasoning
+ * toggle. Per-message: the user changes effort, the next `sendMessage`
+ * picks it up, and the value sticks until the user changes it again
+ * (within the session — `setEffort` lives on the provider).
+ *
+ * Renders nothing when `effortControlVisible === false` upstream
+ * (server toggle wins over the React prop per §8.4). The component
+ * accepts the resolved boolean as an explicit prop so the predicate
+ * isn't re-derived at every render site.
+ *
+ * Exported under `AIHub.EffortControl`.
+ *
+ * @see SPECIFICATIONS.md §7.4 — reasoning effort
+ * @see ui-sketches/03-chat.md — effort_control
+ */
+import { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+import type { AIHubEffort } from "../../client/AIHubClient.js";
+/** BEM class names emitted by `<EffortControl />`. */
+export interface EffortControlClassNames {
+    /** The label-wrapping container. */
+    root: string;
+    /** The label text. */
+    label: string;
+    /** The select element. */
+    select: string;
+}
+/**
+ * Ordered list of every effort value — used by the renderer + by tests
+ * that want to assert the dropdown's option set without re-deriving the
+ * order.
+ */
+export declare const EFFORT_VALUES: ReadonlyArray<AIHubEffort>;
+/** Props for `<EffortControl />`. */
+export interface EffortControlProps {
+    /** Disable the control (e.g. while a turn is streaming). Default false. */
+    disabled?: boolean;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<EffortControlClassNames>;
+}
+/**
+ * Renders the effort dropdown.
+ *
+ * @param props - see `EffortControlProps`.
+ * @returns the rendered dropdown.
+ */
+export declare function EffortControl(props: EffortControlProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EffortControl/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,sDAAsD;AACtD,MAAM,WAAW,uBAAuB;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB;AAQD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,WAAW,CAOnD,CAAC;AA6BH,qCAAqC;AACrC,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,CA+BlE"}

package/dist/components/EffortControl/index.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<EffortControl />` — the per-message reasoning-effort dropdown.
+ *
+ * Mirrors Letta's ADE enum exactly: `None | Minimal | Low | Medium | High |
+ * Extra High` (snake-cased on the wire — `extra_high`). **`None` is the
+ * off state** for reasoning; there is no separate thinking/reasoning
+ * toggle. Per-message: the user changes effort, the next `sendMessage`
+ * picks it up, and the value sticks until the user changes it again
+ * (within the session — `setEffort` lives on the provider).
+ *
+ * Renders nothing when `effortControlVisible === false` upstream
+ * (server toggle wins over the React prop per §8.4). The component
+ * accepts the resolved boolean as an explicit prop so the predicate
+ * isn't re-derived at every render site.
+ *
+ * Exported under `AIHub.EffortControl`.
+ *
+ * @see SPECIFICATIONS.md §7.4 — reasoning effort
+ * @see ui-sketches/03-chat.md — effort_control
+ */
+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__effort-control",
+    label: "data-club-ai-hub__effort-control__label",
+    select: "data-club-ai-hub__effort-control__select",
+});
+/**
+ * Ordered list of every effort value — used by the renderer + by tests
+ * that want to assert the dropdown's option set without re-deriving the
+ * order.
+ */
+export const EFFORT_VALUES = Object.freeze([
+    "none",
+    "minimal",
+    "low",
+    "medium",
+    "high",
+    "extra_high",
+]);
+/**
+ * Resolves the i18n label for a given effort value.
+ *
+ * @param value - the effort enum value.
+ * @param texts - resolved chat texts.
+ * @returns the display label.
+ */
+function labelForEffort(value, texts) {
+    switch (value) {
+        case "none":
+            return texts.effortNone;
+        case "minimal":
+            return texts.effortMinimal;
+        case "low":
+            return texts.effortLow;
+        case "medium":
+            return texts.effortMedium;
+        case "high":
+            return texts.effortHigh;
+        case "extra_high":
+            return texts.effortExtraHigh;
+    }
+}
+/**
+ * Renders the effort dropdown.
+ *
+ * @param props - see `EffortControlProps`.
+ * @returns the rendered dropdown.
+ */
+export function EffortControl(props) {
+    const { effort, setEffort } = useAIHub();
+    const texts = resolveAIHubTexts(props.texts);
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const rootClass = props.className
+        ? `${cls.root} ${props.className}`
+        : cls.root;
+    function handleChange(e) {
+        setEffort(e.target.value);
+    }
+    return (_jsxs("label", { className: rootClass, "data-testid": "effort-control", children: [_jsx("span", { className: cls.label, children: texts.chat.effortLabel }), _jsx("select", { className: cls.select, value: effort, onChange: handleChange, disabled: props.disabled, "data-testid": "effort-control-select", "aria-label": texts.chat.effortLabel, children: EFFORT_VALUES.map((value) => (_jsx("option", { value: value, children: labelForEffort(value, texts.chat) }, value))) })] }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EffortControl/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EACL,iBAAiB,GAGlB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAYrD,MAAM,mBAAmB,GAA4B,MAAM,CAAC,MAAM,CAAC;IACjE,IAAI,EAAE,kCAAkC;IACxC,KAAK,EAAE,yCAAyC;IAChD,MAAM,EAAE,0CAA0C;CACnD,CAA4B,CAAC;AAE9B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAA+B,MAAM,CAAC,MAAM,CAAC;IACrE,MAAM;IACN,SAAS;IACT,KAAK;IACL,QAAQ;IACR,MAAM;IACN,YAAY;CACb,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,SAAS,cAAc,CACrB,KAAkB,EAClB,KAAyB;IAEzB,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,UAAU,CAAC;QAC1B,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,aAAa,CAAC;QAC7B,KAAK,KAAK;YACR,OAAO,KAAK,CAAC,SAAS,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,YAAY,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,UAAU,CAAC;QAC1B,KAAK,YAAY;YACf,OAAO,KAAK,CAAC,eAAe,CAAC;IACjC,CAAC;AACH,CAAC;AAcD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IACzC,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;IAEb,SAAS,YAAY,CAAC,CAAiC;QACrD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAoB,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,iBAAO,SAAS,EAAE,SAAS,iBAAc,gBAAgB,aACvD,eAAM,SAAS,EAAE,GAAG,CAAC,KAAK,YAAG,KAAK,CAAC,IAAI,CAAC,WAAW,GAAQ,EAC3D,iBACE,SAAS,EAAE,GAAG,CAAC,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,iBACZ,uBAAuB,gBACvB,KAAK,CAAC,IAAI,CAAC,WAAW,YAEjC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,iBAAoB,KAAK,EAAE,KAAK,YAC7B,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IADvB,KAAK,CAET,CACV,CAAC,GACK,IACH,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,63 @@
+/**
+ * `<Layout />` — the flex container holding the sessions panel beside the
+ * main column.
+ *
+ * The default monolith puts the sessions panel on the left at 25% width;
+ * Tier 3 wrappers use this primitive directly to flip the position
+ * (`panelPosition="right"`) or to drop the panel entirely.
+ *
+ * Exported under `AIHub.Layout`.
+ *
+ * @see SPECIFICATIONS.md §7.1 — exports
+ * @see SPECIFICATIONS.md §7.9 — Tier-3 composition
+ * @see ui-sketches/03-chat.md — sessions_panel + main_column
+ */
+import { type ReactNode } from "react";
+/**
+ * BEM class names emitted by `<Layout />`. The class names react to the
+ * `panelPosition` prop via a single modifier on the root.
+ */
+export interface LayoutClassNames {
+    /** Outer flex container. */
+    root: string;
+    /** Modifier appended when `panelPosition === "left"` (default). */
+    rootPanelLeft: string;
+    /** Modifier appended when `panelPosition === "right"`. */
+    rootPanelRight: string;
+}
+/**
+ * Props for `<Layout />`.
+ */
+export interface LayoutProps {
+    /**
+     * Which side the sessions panel sits on. Defaults to `"left"`.
+     * `<DataClubAIHub />` forwards its `sessionsPanelPosition` prop here.
+     */
+    panelPosition?: "left" | "right";
+    /**
+     * Sessions panel width in percent. Defaults to `25`. Layout only uses
+     * this for the CSS custom property `--dc-aih-sessions-panel-width`;
+     * the panel itself reads it.
+     */
+    panelWidthPercent?: number;
+    /** Extra className merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<LayoutClassNames>;
+    /**
+     * Children — typically `<SessionsPanel />` and `<MainColumn />` in
+     * either order; this primitive trusts the caller to put them in DOM
+     * order. The `panelPosition` modifier flips the visual order via
+     * `flex-direction: row-reverse` in CSS, so the sessions panel is
+     * always rendered first in the DOM regardless.
+     */
+    children: ReactNode;
+}
+/**
+ * Renders the layout container.
+ *
+ * @param props - see `LayoutProps`.
+ * @returns the rendered layout.
+ */
+export declare function Layout(props: LayoutProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,aAAa,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,cAAc,EAAE,MAAM,CAAC;CACxB;AAQD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACvC;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,CAoBpD"}

package/dist/components/Layout/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `<Layout />` — the flex container holding the sessions panel beside the
+ * main column.
+ *
+ * The default monolith puts the sessions panel on the left at 25% width;
+ * Tier 3 wrappers use this primitive directly to flip the position
+ * (`panelPosition="right"`) or to drop the panel entirely.
+ *
+ * Exported under `AIHub.Layout`.
+ *
+ * @see SPECIFICATIONS.md §7.1 — exports
+ * @see SPECIFICATIONS.md §7.9 — Tier-3 composition
+ * @see ui-sketches/03-chat.md — sessions_panel + main_column
+ */
+import {} from "react";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__layout",
+    rootPanelLeft: "data-club-ai-hub__layout--panel-left",
+    rootPanelRight: "data-club-ai-hub__layout--panel-right",
+});
+/**
+ * Renders the layout container.
+ *
+ * @param props - see `LayoutProps`.
+ * @returns the rendered layout.
+ */
+export function Layout(props) {
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const position = props.panelPosition ?? "left";
+    const widthPercent = props.panelWidthPercent ?? 25;
+    const rootClasses = [
+        cls.root,
+        position === "right" ? cls.rootPanelRight : cls.rootPanelLeft,
+        props.className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const style = {
+        // Custom property consumed by the sessions panel.
+        ["--dc-aih-sessions-panel-width"]: `${widthPercent}%`,
+    };
+    return (_jsx("div", { className: rootClasses, "data-testid": "layout", style: style, children: props.children }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAsC,MAAM,OAAO,CAAC;AAe3D,MAAM,mBAAmB,GAAqB,MAAM,CAAC,MAAM,CAAC;IAC1D,IAAI,EAAE,0BAA0B;IAChC,aAAa,EAAE,sCAAsC;IACrD,cAAc,EAAE,uCAAuC;CACxD,CAAqB,CAAC;AA+BvB;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,GAAG,GAAG,EAAE,GAAG,mBAAmB,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,IAAI,MAAM,CAAC;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,iBAAiB,IAAI,EAAE,CAAC;IACnD,MAAM,WAAW,GAAG;QAClB,GAAG,CAAC,IAAI;QACR,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa;QAC7D,KAAK,CAAC,SAAS;KAChB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,KAAK,GAAkB;QAC3B,kDAAkD;QAClD,CAAC,+BAAsD,CAAC,EAAE,GAAG,YAAY,GAAG;KAC5D,CAAC;IACnB,OAAO,CACL,cAAK,SAAS,EAAE,WAAW,iBAAc,QAAQ,EAAC,KAAK,EAAE,KAAK,YAC3D,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,69 @@
+/**
+ * `<MainColumn />` — the right side of the chat layout: chat header on
+ * top, scrollable message list in the middle, input area on the bottom.
+ *
+ * Step 10 mounts `<TurnStatusIndicator />` in the chat header to the right
+ * of the agent display name (gated by `showTurnStatus`, which the
+ * upstream §8.4 resolver passes in as a boolean prop). The
+ * `customHeaderContent` slot remains the wrapper-owned right-side slot
+ * (rendered after the turn-status indicator).
+ *
+ * Exported under `AIHub.MainColumn`.
+ *
+ * @see SPECIFICATIONS.md §7.1 — exports
+ * @see ui-sketches/03-chat.md — main_column + chat_header
+ */
+import { type ReactNode } from "react";
+import { type AIHubTexts, type DeepPartial } from "../../auth/texts.js";
+/**
+ * BEM class names emitted by `<MainColumn />`.
+ */
+export interface MainColumnClassNames {
+    /** Outer column. */
+    root: string;
+    /** Chat header strip at the top. */
+    header: string;
+    /** Back-to-agents-picker link. */
+    back: string;
+    /** Agent display-name text. */
+    title: string;
+    /** Wrapper for slot content on the right side of the header. */
+    extras: string;
+    /** Children container (messages + input live here). */
+    body: string;
+}
+/**
+ * Props for `<MainColumn />`.
+ */
+export interface MainColumnProps {
+    /**
+     * Whether the back link to the agents picker is shown. Controlled by
+     * `<DataClubAIHub />`'s `showAgentsPicker` prop (the monolith hides
+     * the link in single-agent embeds). Defaults to true.
+     */
+    showBackToAgents?: boolean;
+    /**
+     * Whether to mount the turn-status indicator in the chat header.
+     * Receives the resolved §8.4 flag stack (server toggle > prop >
+     * default). Defaults to true.
+     */
+    showTurnStatus?: boolean;
+    /** Slot rendered on the right side of the chat header. */
+    customHeaderContent?: ReactNode;
+    /** The children — `<MessageList />` + `<MessageInput />` (or whatever). */
+    children: ReactNode;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<MainColumnClassNames>;
+    /** Wrapper-supplied i18n. */
+    texts?: DeepPartial<AIHubTexts>;
+}
+/**
+ * Renders the main column.
+ *
+ * @param props - see `MainColumnProps`.
+ * @returns the rendered column.
+ */
+export declare function MainColumn(props: MainColumnProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MainColumn/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAK7B;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAWD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CA0C5D"}

package/dist/components/MainColumn/index.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<MainColumn />` — the right side of the chat layout: chat header on
+ * top, scrollable message list in the middle, input area on the bottom.
+ *
+ * Step 10 mounts `<TurnStatusIndicator />` in the chat header to the right
+ * of the agent display name (gated by `showTurnStatus`, which the
+ * upstream §8.4 resolver passes in as a boolean prop). The
+ * `customHeaderContent` slot remains the wrapper-owned right-side slot
+ * (rendered after the turn-status indicator).
+ *
+ * Exported under `AIHub.MainColumn`.
+ *
+ * @see SPECIFICATIONS.md §7.1 — exports
+ * @see ui-sketches/03-chat.md — main_column + chat_header
+ */
+import { useMemo } from "react";
+import { resolveAIHubTexts, } from "../../auth/texts.js";
+import { useAIHub } from "../../context/useAIHub.js";
+import { TurnStatusIndicator } from "../TurnStatusIndicator/index.js";
+const DEFAULT_CLASS_NAMES = Object.freeze({
+    root: "data-club-ai-hub__main-column",
+    header: "data-club-ai-hub__chat-header",
+    back: "data-club-ai-hub__chat-header__back",
+    title: "data-club-ai-hub__chat-header__title",
+    extras: "data-club-ai-hub__chat-header__extras",
+    body: "data-club-ai-hub__main-column__body",
+});
+/**
+ * Renders the main column.
+ *
+ * @param props - see `MainColumnProps`.
+ * @returns the rendered column.
+ */
+export function MainColumn(props) {
+    const { agents, activeAgentId, setActiveAgent } = useAIHub();
+    const texts = resolveAIHubTexts(props.texts);
+    const cls = { ...DEFAULT_CLASS_NAMES, ...(props.classNames ?? {}) };
+    const showBack = props.showBackToAgents ?? true;
+    const showTurnStatus = props.showTurnStatus ?? true;
+    const activeAgent = useMemo(() => agents.find((a) => a.id === activeAgentId) ?? null, [agents, activeAgentId]);
+    const rootClass = props.className
+        ? `${cls.root} ${props.className}`
+        : cls.root;
+    return (_jsxs("section", { className: rootClass, "data-testid": "main-column", children: [_jsxs("header", { className: cls.header, "data-testid": "chat-header", children: [showBack ? (_jsx("button", { type: "button", className: cls.back, onClick: () => setActiveAgent(null), "data-testid": "chat-header-back", children: texts.chat.backToAgentsLink })) : null, _jsx("h2", { className: cls.title, "data-testid": "chat-header-title", children: activeAgent?.display_name ?? "" }), showTurnStatus ? _jsx(TurnStatusIndicator, {}) : null, props.customHeaderContent ? (_jsx("div", { className: cls.extras, "data-testid": "chat-header-extras", children: props.customHeaderContent })) : null] }), _jsx("div", { className: cls.body, children: props.children })] }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MainColumn/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEhD,OAAO,EACL,iBAAiB,GAGlB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAoBtE,MAAM,mBAAmB,GAAyB,MAAM,CAAC,MAAM,CAAC;IAC9D,IAAI,EAAE,+BAA+B;IACrC,MAAM,EAAE,+BAA+B;IACvC,IAAI,EAAE,qCAAqC;IAC3C,KAAK,EAAE,sCAAsC;IAC7C,MAAM,EAAE,uCAAuC;IAC/C,IAAI,EAAE,qCAAqC;CAC5C,CAAyB,CAAC;AA8B3B;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7D,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,QAAQ,GAAG,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC;IAEpD,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,IAAI,IAAI,EACxD,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,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;IAEb,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,iBAAc,aAAa,aACtD,kBAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,iBAAc,aAAa,aACrD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,CAAC,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,iBACvB,kBAAkB,YAE7B,KAAK,CAAC,IAAI,CAAC,gBAAgB,GACrB,CACV,CAAC,CAAC,CAAC,IAAI,EACR,aAAI,SAAS,EAAE,GAAG,CAAC,KAAK,iBAAc,mBAAmB,YACtD,WAAW,EAAE,YAAY,IAAI,EAAE,GAC7B,EACJ,cAAc,CAAC,CAAC,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC/C,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,GAAG,CAAC,MAAM,iBAAc,oBAAoB,YACzD,KAAK,CAAC,mBAAmB,GACtB,CACP,CAAC,CAAC,CAAC,IAAI,IACD,EACT,cAAK,SAAS,EAAE,GAAG,CAAC,IAAI,YAAG,KAAK,CAAC,QAAQ,GAAO,IACxC,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,66 @@
+import type { ReactNode } from "react";
+/**
+ * BEM class names emitted by `<MarkdownRenderer />`.
+ *
+ * Every element a markdown document can produce gets a stable class so
+ * per-customer wrappers can override individual pieces (e.g. brand the
+ * table border without touching the surrounding bubble).
+ */
+export interface MarkdownRendererClassNames {
+    /** Wrapper around the rendered markdown tree. */
+    root: string;
+    /** `<p>` paragraph. */
+    paragraph: string;
+    /** `<h1>` — `<h6>` headings. */
+    heading: string;
+    /** `<ul>` unordered list. */
+    ul: string;
+    /** `<ol>` ordered list. */
+    ol: string;
+    /** `<li>` list item. */
+    li: string;
+    /** `<a>` link. */
+    link: string;
+    /** `<blockquote>`. */
+    blockquote: string;
+    /** `<hr>` horizontal rule. */
+    hr: string;
+    /** Inline `<code>` (within a paragraph). */
+    inlineCode: string;
+    /** Fenced code block — the `<pre>` wrapper. */
+    codeBlock: string;
+    /** Wrapping `<div>` around `<table>` (horizontal-scroll container). */
+    tableWrapper: string;
+    /** The `<table>` itself. */
+    table: string;
+    /** `<thead>`. */
+    thead: string;
+    /** `<tbody>`. */
+    tbody: string;
+    /** `<tr>`. */
+    tr: string;
+    /** `<th>` header cell. */
+    th: string;
+    /** `<td>` body cell. */
+    td: string;
+}
+/**
+ * Props for `<MarkdownRenderer />`.
+ */
+export interface MarkdownRendererProps {
+    /** Raw markdown source. Empty / whitespace-only input renders nothing. */
+    content: string;
+    /** Extra class merged onto the root. */
+    className?: string;
+    /** Per-element class overrides. */
+    classNames?: Partial<MarkdownRendererClassNames>;
+}
+/**
+ * Render markdown source as the body of an assistant message.
+ *
+ * @param props - see `MarkdownRendererProps`.
+ * @returns the rendered markdown tree, or `null` if `content` is
+ *   whitespace-only.
+ */
+export declare function MarkdownRenderer(props: MarkdownRendererProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkdownRenderer/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,YAAY,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ;AAuBD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;CAClD;AA0HD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAkBxE"}