@trinityui/design-system 2.11.1 → 2.13.0

package/dist/components/AI/AIChatWelcome.d.ts

@@ -0,0 +1,254 @@
+/**
+ * @fileoverview AIChatWelcome: the AI start screen, shown before the first message.
+ * @module components/AI/AIChatWelcome
+ *
+ * The landing page of an AI chat (the owner's InsightsEDGE concepts, 2026-10-08), in two
+ * variants the owner compares in review:
+ *
+ * - **`'showcase'`** (default; the owner's two concepts combined): a centred greeting ('Hi
+ *   George, how can I help you today?') and subtitle, the composer centred under it, three
+ *   category cards in a row under the composer (a tinted icon tile, the bold title, the question
+ *   as secondary text), and a disclaimer line.
+ * - **`'context'`** (context first): the greeting, the composer with the scope chips on it
+ *   (project, sources, date range), then three sections: "Continue" (recent threads), "New since
+ *   yesterday" (proactive prompts with an action label) and "Try asking" (category chips), and a
+ *   one-line trust note.
+ *
+ * **Layout keys on the container width** (container queries on an inner wrapper, E-19), never
+ * the viewport: from 600px of container (the `regular` container width) the wide layout above;
+ * below it (a docked panel 320 to 599px wide) the docked layout: a smaller greeting, the
+ * sections compressed (context: one "New since yesterday" row and two chips, no "Continue";
+ * showcase: the cards become stacked pill suggestions with a leading arrow) and the composer at
+ * the bottom with the disclaimer under it. Each layout renders its own suggestions, so the DOM
+ * order is the visual order in both (the hidden one is `display: none`, out of the
+ * accessibility tree); the composer is rendered once.
+ *
+ * **Composer.** By default an InsightEngineInput (its own props through `composerProps`; the
+ * text through `inputValue` / `defaultInputValue` / `onInputChange`, and sends through
+ * `onSendMessage`). `composer` replaces it with your node (InsightEnginePanel and InsightEngine
+ * pass their own composer). The field takes focus on mount (`initialFocus`, default 'composer').
+ *
+ * **Suggestions.** Every suggestion, update and chip is a `button`. Choosing one calls
+ * `onSuggestionSelect(prompt, item)`, then sends the prompt (`suggestionBehavior` 'send', the
+ * default, through `onSendMessage`) or puts it in the composer and focuses the field ('fill',
+ * and 'send' without `onSendMessage`). A recent thread calls `onRecentThreadClick`; without it
+ * the "Continue" section does not render (no dead control).
+ *
+ * **Accessibility.** The greeting is a heading (`headingLevel`, default 2; the section headings
+ * one level under it). The suggestion lists are named lists of buttons; scope chips are a named
+ * group (a chip is a button only with `onClick`). Icons are decorative. Text keeps 4.5:1 on the
+ * canvas and the cards, icons 3:1 on their tiles, in light and dark (resolver roles only).
+ * Logical properties throughout, so the layout mirrors right to left.
+ *
+ * **Design.** The canvas is the paper under `ai.gradient.canvas` (white to faint lavender and
+ * pink toward the bottom right; `ai.canvasFill`, with the CSS package's
+ * `--trinity-ai-gradient-canvas`). Tile tints come from existing roles: `ai` (ai.surfaceEmphasis
+ * and ai.primary), `accent` (the status.error pair: the readable coral-red tint), `info`,
+ * `success`, `warning` (their status pairs) and `neutral`.
+ *
+ * @example
+ * ```tsx
+ * import { AIChatWelcome } from '@trinityui/design-system';
+ *
+ * <AIChatWelcome
+ *   userName="George"
+ *   subtitle="Ask anything about your documents or transcripts"
+ *   suggestions={[
+ *     { id: 'ci', title: 'Competitive intelligence', prompt: 'How can we outperform our competitors?', icon: 'award' },
+ *   ]}
+ *   onSendMessage={(text) => send(text)}
+ * />
+ * ```
+ */
+import * as React from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+import { type IconName } from '../Icon';
+import { type HeadingLevel } from '../shared/headingLevel';
+import { type TrinityRootProps, type TrinitySlotProps } from '../shared/rootProps';
+import { type InsightEngineInputProps } from './InsightEngineInput';
+/**
+ * The two start-screen variants the owner compares: `'showcase'` (centred greeting, composer
+ * and category cards) and `'context'` (scope chips on the composer, then Continue, New since
+ * yesterday and Try asking).
+ * @since 2.13.0
+ */
+export type AIChatWelcomeVariant = 'context' | 'showcase';
+/**
+ * The tint of a suggestion's icon tile, from existing roles: `ai` (purple), `accent` (the
+ * coral-red status.error pair), `info` (blue), `success` (green), `warning` (amber) or `neutral`.
+ * @since 2.13.0
+ */
+export type AIChatWelcomeTone = 'ai' | 'accent' | 'info' | 'success' | 'warning' | 'neutral';
+/**
+ * One suggestion: a category card (showcase), a pill (showcase, docked) or a "Try asking" chip
+ * (context).
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeSuggestion {
+    /** A stable id, used as the key. */
+    id: string;
+    /** The category: the card's bold title, the context chip's text. */
+    title: string;
+    /** The question sent (or put in the composer) when the suggestion is chosen. */
+    prompt: string;
+    /** The card's secondary text. Default: the prompt. */
+    description?: string;
+    /** The card's icon (an Icon name). Default: 'sparkles'. */
+    icon?: IconName;
+    /** The icon tile's tint. Default: by position, `ai`, `accent`, `info`, then again. */
+    tone?: AIChatWelcomeTone;
+}
+/**
+ * A recent thread in the "Continue" section (context).
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeThread {
+    /** The thread's id, passed back through `onRecentThreadClick`. */
+    id: string;
+    /** The thread's title (one line, truncated). */
+    title: string;
+    /** When it was last active, already formatted for the reader (for example '2h ago'). */
+    timestamp?: string;
+}
+/**
+ * A proactive prompt in the "New since yesterday" section (context): what changed, and what to
+ * do about it.
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeUpdate {
+    /** A stable id, used as the key. */
+    id: string;
+    /** What changed, for example '3 transcripts added'. */
+    title: string;
+    /** The suggested action, for example 'Summarize what changed'. */
+    actionLabel: string;
+    /** The question sent (or put in the composer) when the update is chosen. */
+    prompt: string;
+}
+/**
+ * A scope chip on the composer (context): what the next question is scoped to.
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeScopeItem {
+    /** A stable id, used as the key. */
+    id: string;
+    /** The scope's name, for example 'Project'. */
+    label: string;
+    /** The current value, for example 'Oncology launch'. */
+    value: string;
+    /** A leading icon (an Icon name). */
+    icon?: IconName;
+    /** Makes the chip a button (for example to open your scope picker). Without it the chip is static. */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Trinity-owned slots of AIChatWelcome (ADR-04 (6)).
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeSlotProps {
+    /** The greeting block (the heading and the subtitle). */
+    header?: TrinitySlotProps<HTMLDivElement>;
+    /** The composer's container (the scope chips and the composer). */
+    composer?: TrinitySlotProps<HTMLDivElement>;
+    /** The suggestions of the wide layout (the cards, or the context sections). */
+    suggestions?: TrinitySlotProps<HTMLDivElement>;
+    /** The disclaimer line. */
+    footer?: TrinitySlotProps<HTMLDivElement>;
+}
+/**
+ * AIChatWelcome's own props.
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeOwnProps {
+    /** The layout and sections. @default 'showcase' */
+    variant?: AIChatWelcomeVariant;
+    /**
+     * The greeting heading. Default: `ai.chatWelcome.greetingWithName` with `userName`, else
+     * `ai.chatWelcome.greeting` ('How can I help you today?').
+     */
+    greeting?: string;
+    /** The user's name for the default greeting ('Hi {name}, how can I help you today?'). */
+    userName?: string;
+    /** A line under the greeting, in secondary text. Nothing renders without it. */
+    subtitle?: string;
+    /** The greeting's heading level; the section headings sit one level under it. @default 2 */
+    headingLevel?: HeadingLevel;
+    /** The suggestions: showcase cards (pills when docked), context "Try asking" chips. */
+    suggestions?: AIChatWelcomeSuggestion[];
+    /**
+     * What choosing a suggestion or an update does after `onSuggestionSelect`: `'send'` sends the
+     * prompt through `onSendMessage` (without it, it fills); `'fill'` puts the prompt in the
+     * composer and focuses the field.
+     * @default 'send'
+     */
+    suggestionBehavior?: 'send' | 'fill';
+    /** Called first when a suggestion or an update is chosen, with its prompt and the item. */
+    onSuggestionSelect?: (prompt: string, item: AIChatWelcomeSuggestion | AIChatWelcomeUpdate) => void;
+    /** The "Continue" section's threads (context; wide layout only). Needs `onRecentThreadClick`. */
+    recentThreads?: AIChatWelcomeThread[];
+    /** Called with the chosen recent thread. Without it the "Continue" section does not render. */
+    onRecentThreadClick?: (thread: AIChatWelcomeThread) => void;
+    /** The "New since yesterday" section's prompts (context; one row when docked). */
+    updates?: AIChatWelcomeUpdate[];
+    /** The scope chips on the composer (context; only the first when docked). */
+    scope?: AIChatWelcomeScopeItem[];
+    /**
+     * The line under the composer. Default: `ai.chatWelcome.disclaimer` (showcase) or
+     * `ai.chatWelcome.trustNote` (context). `null` hides it.
+     */
+    disclaimer?: React.ReactNode;
+    /** Adds the usage guidelines link after the disclaimer. */
+    guidelinesHref?: string;
+    /** The link's text. Default: `ai.chatWelcome.guidelinesLink` ('Usage guidelines'). */
+    guidelinesLabel?: string;
+    /**
+     * Replaces the default composer (an InsightEngineInput). Choosing a suggestion with 'fill'
+     * then calls `onInputChange` (pass the text to your composer) and focuses the first text field
+     * inside it.
+     */
+    composer?: React.ReactNode;
+    /** Props of the default composer, an InsightEngineInput (models, sources, mic, attach, …). */
+    composerProps?: Omit<InsightEngineInputProps, 'value' | 'onChange' | 'onSubmit'>;
+    /** The composer's text, controlled. */
+    inputValue?: string;
+    /** The composer's first text (uncontrolled). @default '' */
+    defaultInputValue?: string;
+    /** Called with the composer's text on every change, and with a filled suggestion's prompt. */
+    onInputChange?: (value: string) => void;
+    /** Called with the trimmed text of a send: the composer's, or a suggestion's with 'send'. */
+    onSendMessage?: (value: string) => void;
+    /**
+     * Where focus goes when the start screen mounts: `'composer'` focuses the composer's field
+     * (on mount, and whenever the value turns to `'composer'`, for example when a closed host
+     * opens); `'none'` leaves focus where it is.
+     * @default 'composer'
+     */
+    initialFocus?: 'composer' | 'none';
+    /** Added to the root's own class names. */
+    className?: string;
+    /** Styles for the root, applied after its own (object, array or function). */
+    sx?: SxProps<Theme>;
+    /** Props for the Trinity-owned slots: `header`, `composer`, `suggestions` and `footer`. */
+    slotProps?: AIChatWelcomeSlotProps;
+}
+/**
+ * Props for AIChatWelcome: its own props, plus the HTML attributes of its root `div` (`id`,
+ * `data-*`, `aria-*`), which reach the root (ADR-04).
+ * @since 2.13.0
+ */
+export interface AIChatWelcomeProps extends AIChatWelcomeOwnProps, TrinityRootProps<HTMLDivElement, AIChatWelcomeOwnProps> {
+}
+/**
+ * The start screen's options inside a host that owns the composer (InsightEnginePanel's and
+ * InsightEngine's `welcome` prop): AIChatWelcome's props without the composer, its text and its
+ * sends, the heading level and the focus, which the host sets.
+ * @since 2.13.0
+ */
+export type AIChatWelcomeOptions = Omit<AIChatWelcomeProps, 'composer' | 'composerProps' | 'inputValue' | 'defaultInputValue' | 'onInputChange' | 'onSendMessage' | 'initialFocus' | 'headingLevel'>;
+/**
+ * AIChatWelcome: the AI start screen, in the `'showcase'` or the `'context'` variant.
+ * @since 2.13.0
+ */
+export declare const AIChatWelcome: React.ForwardRefExoticComponent<AIChatWelcomeProps & React.RefAttributes<HTMLDivElement>>;
+export default AIChatWelcome;
+//# sourceMappingURL=AIChatWelcome.d.ts.map

package/dist/components/AI/AIChatWelcome.d.ts.map

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

package/dist/components/AI/AIClarificationPrompt.d.ts

@@ -0,0 +1,134 @@
+/**
+ * @fileoverview AIClarificationPrompt: a clarifying question the AI asks before it answers, with
+ * options, a free-text "Something else" answer and a typed answer the backend can act on
+ * (master-plan F-15).
+ * @module components/AI/AIClarificationPrompt
+ *
+ * - **Composition.** D's ChoiceChips (native radios or checkboxes in a fieldset whose legend is
+ *   the question; an option's description sits outside its label and is linked through
+ *   `aria-describedby`), a themed MUI TextField for "Something else" (OD-F5 A), an MUI Button, and
+ *   B's `useAsyncAction`, `useFocusOnReplace`, `AsyncOutcomeAlert` and `useAnnounce`.
+ * - **Question.** `question`, else `clarification.question`, else a template by reason
+ *   (`ai.clarificationPrompt.question.*`, with the term; `ambiguousTerm` takes the option count so
+ *   a locale can pick its plural form). Without a term, the generic question.
+ * - **Variants.** `'message'` holds an unnamed `<form>` (not a landmark) with a "Send answer"
+ *   button, so Enter in the text field submits; the submit handler calls `preventDefault` and
+ *   `stopPropagation`, so a React-tree ancestor form (through a portal too) never receives it.
+ *   `'embedded'` renders no form and no submit: `onChange` is its output, for G's AIPlanReview,
+ *   which owns the form.
+ * - **Something else.** Shown with `clarification.allowOther`; with no options, the text field is
+ *   the whole answer. Picking it reveals the field right after the group and does not move focus,
+ *   so the radios' arrow keys keep working.
+ * - **Validation (ADR-07).** Submit stays enabled. An empty `required` answer sets `aria-invalid`
+ *   on the inputs, shows the error text linked to the group, and focuses the selected or first
+ *   input. "Something else" with no text marks the field and focuses it.
+ * - **Async (ADR-07, ADR-36).** `onSubmit` runs through `useAsyncAction`: while pending, Submit is
+ *   `aria-disabled` and `aria-busy` and reads "Sending answer…", so focus stays on it. A failure
+ *   shows `AsyncOutcomeAlert` below the controls (no live role of its own; it announces once,
+ *   assertively) with "Try again", which sends the last answer again; the input is kept. The host
+ *   can drive it instead with `loading`, `error` and `errorMessage`.
+ * - **Resolved.** After a successful submit, with `submitted`, or when the clarification carries
+ *   an `answer`, a summary ("You answered: Net revenue") replaces the controls. When the answer is
+ *   sent from a control that the summary replaces, focus moves to the summary (`tabIndex={-1}`)
+ *   after the commit (ADR-31).
+ * - **Streaming.** `streaming` shows placeholder options and every control `aria-disabled` with
+ *   the visible reason; when it turns false after mount, "Question ready for your input" is
+ *   announced once (ADR-05 (4)). A prompt mounted complete announces nothing.
+ * - **Disabled.** `disabled` makes every control `aria-disabled` and ignores input, with
+ *   `disabledReason` shown and linked through `aria-describedby`. Native `disabled` is never
+ *   used, so focus is never dropped (ADR-31 (1)).
+ * - **Narrow.** A container query on an inner wrapper makes Submit full width below the compact
+ *   container width (E-19); options wrap. Usable at 320px.
+ * - **Telemetry.** `AIClarificationInteraction` on select and submit: counts only; the typed text
+ *   only in `otherText`, which `AIConfigProvider` drops unless `includeContent` is set.
+ *
+ * @example
+ * ```tsx
+ * <AIClarificationPrompt
+ *   clarification={{ reason: 'ambiguous-term', term: 'revenue', options: [{ id: 'gross', label: 'Gross revenue' }, { id: 'net', label: 'Net revenue' }], allowOther: true }}
+ *   onSubmit={(answer) => api.answer(answer)}
+ * />
+ * ```
+ */
+import * as React from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+import { type TrinitySlotProps } from '../shared/rootProps';
+import type { AIClarification, AIClarificationAnswer } from './types/hitl';
+/**
+ * Props of {@link AIClarificationPrompt}. The rest props reach the root `<div>`.
+ * @since 2.13.0
+ */
+export interface AIClarificationPromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onChange' | 'onSubmit' | 'defaultValue'> {
+    /** The question from the backend: its reason, term, options and whether free text is allowed. */
+    clarification: AIClarification;
+    /** Replaces the question text (else `clarification.question`, else a template by reason). */
+    question?: React.ReactNode;
+    /**
+     * `'message'` is a form with a submit button; `'embedded'` renders no form (its output is
+     * `onChange`), for a host that owns the form.
+     * @default 'message'
+     */
+    variant?: 'message' | 'embedded';
+    /** The answer, controlled. */
+    value?: AIClarificationAnswer;
+    /** The first answer, uncontrolled. */
+    defaultValue?: AIClarificationAnswer;
+    /** Called on every change to the answer. */
+    onChange?(answer: AIClarificationAnswer, event?: React.SyntheticEvent): void;
+    /** Sends the answer. A returned promise shows the pending state, and its rejection the error. */
+    onSubmit?(answer: AIClarificationAnswer): void | Promise<void>;
+    /** An answer is needed before Submit sends anything. */
+    required?: boolean;
+    /** The question is still streaming: placeholder options and every control unavailable. */
+    streaming?: boolean;
+    /** The host's pending state; wins over the internal one. */
+    loading?: boolean;
+    /** The host's error state; wins over the internal one. */
+    error?: boolean;
+    /** Replaces the error message (`ai.clarificationPrompt.error`). */
+    errorMessage?: string;
+    /** Every control unavailable (`aria-disabled`, never native disabled). */
+    disabled?: boolean;
+    /** Why the controls are unavailable, shown and linked to them while `disabled`. */
+    disabledReason?: string;
+    /** Resolved, controlled: shows the summary instead of the controls. */
+    submitted?: boolean;
+    /**
+     * The free-text answer's maximum length.
+     * @default 500
+     */
+    otherMaxLength?: number;
+    /** Id of the response block that holds the question, reported in telemetry. */
+    blockId?: string;
+    /** @default 'medium' */
+    size?: 'small' | 'medium';
+    className?: string;
+    sx?: SxProps<Theme>;
+    slotProps?: {
+        /** The question: the group's legend, or the question line when there are no options. */
+        question?: TrinitySlotProps<HTMLElement>;
+        /** The option group (ChoiceChips' fieldset). */
+        choices?: TrinitySlotProps<HTMLFieldSetElement>;
+        /** The "Something else" text field's root. */
+        other?: TrinitySlotProps<HTMLDivElement>;
+        /** The row with the submit button. */
+        actions?: TrinitySlotProps<HTMLDivElement>;
+        /** The summary after answering. */
+        summary?: TrinitySlotProps<HTMLParagraphElement>;
+        /** The error alert. */
+        alert?: TrinitySlotProps<HTMLDivElement>;
+    };
+}
+/**
+ * A clarifying question with options, an optional free-text answer, validation, an async submit
+ * and a resolved summary. See the module notes.
+ *
+ * @example
+ * ```tsx
+ * <AIClarificationPrompt clarification={clarification} onSubmit={sendAnswer} required />
+ * ```
+ *
+ * @since 2.13.0
+ */
+export declare const AIClarificationPrompt: React.ForwardRefExoticComponent<AIClarificationPromptProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AIClarificationPrompt.d.ts.map

package/dist/components/AI/AIClarificationPrompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIClarificationPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/AI/AIClarificationPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAU3D,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAInF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAa,MAAM,cAAc,CAAC;AAEtF;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;IAChJ,iGAAiG;IACjG,aAAa,EAAE,eAAe,CAAC;IAC/B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,sCAAsC;IACtC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,4CAA4C;IAC5C,QAAQ,CAAC,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7E,iGAAiG;IACjG,QAAQ,CAAC,CAAC,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,wFAAwF;QACxF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,gDAAgD;QAChD,OAAO,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAChD,8CAA8C;QAC9C,KAAK,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QACzC,sCAAsC;QACtC,OAAO,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAC3C,mCAAmC;QACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QACjD,uBAAuB;QACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;KAC1C,CAAC;CACH;AAoCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,mGAyVhC,CAAC"}

package/dist/components/AI/AIConfidenceBadge.d.ts

@@ -0,0 +1,117 @@
+/**
+ * @fileoverview AIConfidenceBadge: how confident the AI is in an answer, as a level and a percent
+ * (master-plan F-10).
+ * @module components/AI/AIConfidenceBadge
+ *
+ * - **Root.** Always a `<span>` that carries the ref, `className`, the typed rest props and the
+ *   merged `sx`, so the badge is valid inside a paragraph, a label or an option description.
+ * - **Interaction.** Only with `rationale`: the chip is a native `<button type="button">` (MetaChip,
+ *   D-04) that opens a details dialog (DetailsPopover, F-09) with the level, the score, the
+ *   thresholds and the rationale. Without `rationale` it is a static chip with no tab stop.
+ * - **Text.** The visible text comes from `ai.confidenceBadge.display({ level, value })` ('High ·
+ *   92%') and is hidden from assistive technology; a visually hidden summary from
+ *   `ai.confidenceBadge.summary({ label, level, value })` ('Confidence: High, 92%') is what a
+ *   screen reader reads, and the trigger's name when the badge opens details. Locales can reorder
+ *   the words; nothing is concatenated.
+ * - **Naming.** The root has no role, so `aria-label` and `aria-labelledby` are not set on it (axe
+ *   aria-prohibited-attr, ADR-04-R2, OD-F19): a development warning points to `label` and
+ *   `levelLabels`. `aria-describedby` and `data-*` reach the root.
+ * - **Level.** The `level` prop wins. Otherwise `describeConfidence` (F-04) rates the value as it
+ *   is displayed (Intl-rounded, OD-F7), against `thresholds`, then the provider's, then the
+ *   defaults. The percent shows only for a valid `value`.
+ * - **Non-colour cue.** Every level has its own signal-bar glyph (C-28: `confidence-high`,
+ *   `-medium`, `-low`) and its word, never colour alone (ADR-33).
+ * - **States.** `loading`: a decorative Skeleton (not animated under reduced motion) and a
+ *   visually hidden 'Calculating confidence'. No value, no level and not loading: nothing renders.
+ *   A value outside 0-1 (or not a number) shows 'Confidence unavailable' and warns once (OD-F8).
+ * - **Variants.** `'badge'` (a chip), `'inline'` (glyph and text with no fill, for plan steps and
+ *   option descriptions) and `'bar'` (the 'Confidence' label, the text and a decorative
+ *   LinearProgress at MUI's default height). There is no icon-only variant.
+ * - **Colour.** `getTrinityPalette(theme).confidence[level]` inside `sx` callbacks, so a brand theme
+ *   and a plain MUI theme both flow through (ADR-03, ADR-26). Unavailable is `text.secondary` on
+ *   the default border role. Forced colours: a `semanticTokens.borders.width.default` CanvasText
+ *   border, and the bar fill in Highlight (ADR-33).
+ * - Logical properties only (ADR-11); spacing and type from `aiSpacing` and `aiTypography` (ADR-20).
+ *   No telemetry: a display component.
+ *
+ * @example
+ * ```tsx
+ * <AIConfidenceBadge value={0.92} />
+ * <AIConfidenceBadge value={0.92} rationale="Three sources agree on the figure." />
+ * <AIConfidenceBadge level="medium" variant="inline" />
+ * ```
+ */
+import * as React from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+import { type TrinitySlotProps } from '../shared/rootProps';
+import type { AIConfidenceLevel, AIConfidenceThresholds } from './types/hitl';
+/**
+ * Props of {@link AIConfidenceBadge}. The rest props reach the root span; `aria-label` and
+ * `aria-labelledby` do not (use `label` and `levelLabels`).
+ * @since 2.13.0
+ */
+export interface AIConfidenceBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /**
+     * The confidence, from 0 to 1 (0.92 is 92%). `null` or left out shows the level alone, or
+     * nothing without a `level`. A value outside 0-1 shows 'Confidence unavailable' (convert 0-100
+     * data with `normalizeConfidence(value, 'percent')`).
+     */
+    value?: number | null;
+    /** The level, for a judge that returns a category without a score. Wins over the level of `value`. */
+    level?: AIConfidenceLevel;
+    /** Thresholds for this badge. They win over the provider's and the defaults (0.6 and 0.85). */
+    thresholds?: Partial<AIConfidenceThresholds>;
+    /**
+     * `'badge'` is a chip; `'inline'` is the glyph and text with no fill; `'bar'` adds the
+     * 'Confidence' label and a decorative progress bar.
+     * @default 'badge'
+     */
+    variant?: 'badge' | 'inline' | 'bar';
+    /** @default 'small' */
+    size?: 'small' | 'medium';
+    /**
+     * Shows the percent next to the level when `value` is valid.
+     * @default true
+     */
+    showValue?: boolean;
+    /**
+     * Shows the 'Confidence' label before the level.
+     * @default variant === 'bar'
+     */
+    showLabel?: boolean;
+    /** Why the AI is this confident. Makes the badge a button that opens the details. */
+    rationale?: React.ReactNode;
+    /** Shows a placeholder while the confidence is calculated. */
+    loading?: boolean;
+    /** Replaces the 'Confidence' word (`ai.confidenceBadge.label`) for this badge. */
+    label?: string;
+    /** Replaces level words (`ai.confidenceBadge.level`) for this badge. */
+    levelLabels?: Partial<Record<AIConfidenceLevel, string>>;
+    className?: string;
+    sx?: SxProps<Theme>;
+    slotProps?: {
+        /** The glyph's wrapper. */
+        icon?: TrinitySlotProps<HTMLSpanElement>;
+        /** The visible text (hidden from assistive technology). */
+        text?: TrinitySlotProps<HTMLSpanElement>;
+        /** The progress bar of the `'bar'` variant. */
+        bar?: TrinitySlotProps<HTMLSpanElement>;
+        /** The chip: a button with `rationale`, a span without. */
+        trigger?: TrinitySlotProps<HTMLElement>;
+        /** The details dialog (the popover's paper). */
+        popover?: TrinitySlotProps<HTMLDivElement>;
+    };
+}
+/**
+ * Shows how confident the AI is: a level glyph, the level word and, with a valid value, the
+ * percent. See the module notes.
+ *
+ * @example
+ * ```tsx
+ * <AIConfidenceBadge value={0.92} rationale="Three sources agree on the figure." />
+ * ```
+ *
+ * @since 2.13.0
+ */
+export declare const AIConfidenceBadge: React.ForwardRefExoticComponent<AIConfidenceBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=AIConfidenceBadge.d.ts.map

package/dist/components/AI/AIConfidenceBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIConfidenceBadge.d.ts","sourceRoot":"","sources":["../../../src/components/AI/AIConfidenceBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAU3D,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAG9E;;;;GAIG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAClG;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sGAAsG;IACtG,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,+FAA+F;IAC/F,UAAU,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,2BAA2B;QAC3B,IAAI,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;QACzC,2DAA2D;QAC3D,IAAI,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;QACzC,+CAA+C;QAC/C,GAAG,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;QACxC,2DAA2D;QAC3D,OAAO,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACxC,gDAAgD;QAChD,OAAO,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;KAC5C,CAAC;CACH;AAqBD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,gGAsQ5B,CAAC"}

package/dist/components/AI/AIConfigContext.d.ts

@@ -0,0 +1,100 @@
+import type { Context } from 'react';
+import { type DeepPartial, type StringsContextKit } from '../shared/createStringsContext';
+import type { AIConfidenceThresholds, AIInteractionEvent, AIStrings } from './types/hitl';
+/**
+ * The `ai` strings namespace: keys are `ai.<group>.<key>`.
+ *
+ * @internal
+ */
+export declare const AIStringsKit: StringsContextKit<AIStrings>;
+/** @internal */
+export declare const AIThresholdsContext: Context<Readonly<AIConfidenceThresholds>>;
+/** @internal */
+export declare const AILocaleContext: Context<string | undefined>;
+/** @internal */
+export declare const AITimeZoneContext: Context<string | undefined>;
+/** @internal */
+export interface AIInteractionContextValue {
+    /** Reports an interaction; stable for the provider's lifetime. */
+    emit: (event: AIInteractionEvent) => void;
+}
+/** @internal */
+export declare const AIInteractionContext: Context<AIInteractionContextValue>;
+/**
+ * A copy of `event` without its user or model text fields; the event itself when it has none.
+ *
+ * @internal
+ */
+export declare function stripInteractionContent(event: AIInteractionEvent): AIInteractionEvent;
+/**
+ * The AI strings: the nearest `AIConfigProvider`'s `strings` merged over its ancestors' and the
+ * defaults. Without a provider, the default English strings.
+ *
+ * @param overrides Strings from the calling component's own props; they win over every provider.
+ *
+ * @example
+ * ```tsx
+ * function CopyStatus({ copied }: { copied: boolean }) {
+ *   const strings = useAIStrings();
+ *   return <span role="status">{copied ? strings.common.copied : ''}</span>;
+ * }
+ * ```
+ *
+ * @since 2.13.0
+ */
+export declare function useAIStrings(overrides?: DeepPartial<AIStrings>): AIStrings;
+/**
+ * The confidence thresholds: the nearest provider's, filled in from its ancestors and
+ * `DEFAULT_AI_CONFIDENCE_THRESHOLDS`. Without a provider, the defaults.
+ *
+ * @param overrides Thresholds from the calling component's own prop; they win over every
+ *   provider. Invalid ones (not `0 <= medium <= high <= 1`) are ignored.
+ *
+ * @since 2.13.0
+ */
+export declare function useAIThresholds(overrides?: Partial<AIConfidenceThresholds>): Readonly<AIConfidenceThresholds>;
+/**
+ * The locale for numbers and counts: the calling component's own value, then the nearest
+ * provider's, then an ancestor's. `undefined` when none is set: formatters then use 'en-US'
+ * (DN-13), for example `formatConfidence(value, useAILocale() ?? 'en-US')`.
+ *
+ * @param override The locale from the calling component's own prop.
+ *
+ * @since 2.13.0
+ */
+export declare function useAILocale(override?: string): string | undefined;
+/**
+ * The IANA time zone for dates: the calling component's own value, then the nearest
+ * provider's, then an ancestor's. Without any, the runtime's own zone on the client and 'UTC'
+ * during server rendering and hydration, read through `useSyncExternalStore`, so server and
+ * client markup match.
+ *
+ * @param override The time zone from the calling component's own prop.
+ *
+ * @since 2.13.0
+ */
+export declare function useAITimeZone(override?: string): string;
+/**
+ * The function that reports an interaction to the nearest `AIConfigProvider`'s
+ * `onInteraction`. Stable for the provider's lifetime; a no-op without a provider.
+ *
+ * Call your component's own callback first, then emit: telemetry never changes behavior
+ * (ADR-06 (6)). Send content-free payloads; put user or model text only in the fields the
+ * types mark "includeContent only", which the provider removes unless `includeContent` is set.
+ *
+ * @example
+ * ```tsx
+ * function CopyQueryButton({ onCopy }: { onCopy: () => Promise<boolean> }) {
+ *   const emit = useAIInteraction();
+ *   const handleClick = async () => {
+ *     const success = await onCopy();
+ *     emit({ type: 'copy', target: 'query', success });
+ *   };
+ *   return <button type="button" onClick={handleClick}>Copy query</button>;
+ * }
+ * ```
+ *
+ * @since 2.13.0
+ */
+export declare function useAIInteraction(): (event: AIInteractionEvent) => void;
+//# sourceMappingURL=AIConfigContext.d.ts.map

package/dist/components/AI/AIConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIConfigContext.d.ts","sourceRoot":"","sources":["../../../src/components/AI/AIConfigContext.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAsC,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE9H,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAmB1F;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,SAAS,CAEpD,CAAC;AAEH,gBAAgB;AAChB,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAGzE,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,CAGvD,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,CAGzD,CAAC;AAEF,gBAAgB;AAChB,MAAM,WAAW,yBAAyB;IACxC,kEAAkE;IAClE,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC3C;AAID,gBAAgB;AAChB,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,yBAAyB,CAGnE,CAAC;AAWF;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,kBAAkB,GAAG,kBAAkB,CAMrF;AAcD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,SAAS,CAG1E;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAS7G;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGjE;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,gBAAgB,IAAI,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAEtE"}