@twentyfourg/chat-kit 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/components/AssistantMessage.vue.d.ts

@@ -12,9 +12,13 @@ type __VLS_Props = {
 };
 declare var __VLS_39: {
     message: ChatEngineMessage;
+}, __VLS_61: {
+    message: ChatEngineMessage;
 };
 type __VLS_Slots = {} & {
     'message-actions'?: (props: typeof __VLS_39) => any;
+} & {
+    'message-footer'?: (props: typeof __VLS_61) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rate: (messageId: string, value: MessageFeedback) => any;

package/dist/components/Chat.vue.d.ts

@@ -6,7 +6,7 @@
  */
 import { type ChatCopyInput } from '../copy';
 import type { ChatEngine, ChatEngineMessage } from '../composables/useChatEngine';
-import type { AutoScrollMode, CitationType, MessageFeedback, ThinkingVariant } from '../types';
+import type { AutoScrollMode, ChatInputMode, CitationType, MessageFeedback, ThinkingVariant } from '../types';
 type __VLS_Props = {
     /**
      * The conversation to render, from useChatEngine. Required, and not a
@@ -14,7 +14,10 @@ type __VLS_Props = {
      * kit had before that setting existed.
      */
     engine: ChatEngine;
-    /** All of the app's copy text. Anything missing falls back to its default. */
+    /**
+     * All of the app's copy text. Anything missing falls back to its default.
+     * Read reactively, so an app can change a string while the chat is open.
+     */
     copy?: ChatCopyInput;
     /** Offers voice dictation, in browsers with speech recognition. */
     showMic?: boolean;
@@ -48,14 +51,88 @@ type __VLS_Props = {
      * default, since a client may not want the action at all.
      */
     showCopy?: boolean;
+    /**
+     * Runs before the composer's text reaches the engine. Return false to keep
+     * it from being sent: the app has something to settle first (an offer to
+     * show, a question to refine) and will call engine.sendMessage itself when
+     * it is ready. Anything else lets the send go ahead.
+     */
+    beforeSend?: (text: string, mode: ChatInputMode) => boolean | void | Promise<boolean | void>;
 };
 declare var __VLS_10: {
+    message: {
+        id: string;
+        role: import("../index.ts").ChatEngineRole;
+        text: string;
+        html: string;
+        thinking: string;
+        basecampMessageId?: string | undefined;
+        sources: {
+            entityId: string | null;
+            metadata?: {
+                [x: string]: unknown;
+                title?: string | undefined;
+                entityId?: string | undefined;
+                page?: number | undefined;
+                textPage?: number | undefined;
+                link?: string | undefined;
+                screenshotUrl?: string | undefined;
+            } | undefined;
+            screenshotUrl?: string | undefined;
+            results: {
+                index?: number | undefined;
+                content?: string | undefined;
+                score?: number | undefined;
+                metadata?: {
+                    [x: string]: unknown;
+                    title?: string | undefined;
+                    entityId?: string | undefined;
+                    page?: number | undefined;
+                    textPage?: number | undefined;
+                    link?: string | undefined;
+                    screenshotUrl?: string | undefined;
+                } | undefined;
+            }[];
+        }[];
+        citations: {
+            ref: number;
+            label: number;
+            passage: string;
+            entityId?: string | undefined;
+            variationId?: string | undefined;
+            title?: string | undefined;
+            link?: string | undefined;
+            canonicalLink?: string | undefined;
+            sourceId?: string | undefined;
+            screenshotUrl?: string | undefined;
+            page?: number | undefined;
+            textPage?: number | undefined;
+        }[];
+        feedback: MessageFeedback | null;
+        isOutOfScope: boolean;
+        isStreaming: boolean;
+        isReceiving: boolean;
+        failed: boolean;
+        inputMode?: ChatInputMode | undefined;
+        data?: Record<string, unknown> | undefined;
+    };
+}, __VLS_13: {
     message: ChatEngineMessage;
-}, __VLS_13: {};
+}, __VLS_16: {
+    message: ChatEngineMessage;
+}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
-    'message-actions'?: (props: typeof __VLS_10) => any;
+    message?: (props: typeof __VLS_10) => any;
+} & {
+    'message-actions'?: (props: typeof __VLS_13) => any;
+} & {
+    'message-footer'?: (props: typeof __VLS_16) => any;
+} & {
+    welcome?: (props: typeof __VLS_19) => any;
+} & {
+    composer?: (props: typeof __VLS_21) => any;
 } & {
-    welcome?: (props: typeof __VLS_13) => any;
+    'composer-footer'?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rated: (message: ChatEngineMessage, value: MessageFeedback | null) => any;

package/dist/components/InputBar.vue.d.ts

@@ -5,12 +5,22 @@ type __VLS_Props = {
     /** Offers voice dictation, in browsers with speech recognition. */
     showMic?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_45: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_45) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     stop: () => any;
     send: (text: string, mode: ChatInputMode) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onStop?: (() => any) | undefined;
     onSend?: ((text: string, mode: ChatInputMode) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageList.vue.d.ts

@@ -13,13 +13,76 @@ type __VLS_Props = {
     /** Offers a copy button under each finished answer. */
     showCopy?: boolean;
 };
-declare var __VLS_1: {}, __VLS_19: {
+declare var __VLS_1: {}, __VLS_8: {
+    message: {
+        id: string;
+        role: import("../index.ts").ChatEngineRole;
+        text: string;
+        html: string;
+        thinking: string;
+        basecampMessageId?: string | undefined;
+        sources: {
+            entityId: string | null;
+            metadata?: {
+                [x: string]: unknown;
+                title?: string | undefined;
+                entityId?: string | undefined;
+                page?: number | undefined;
+                textPage?: number | undefined;
+                link?: string | undefined;
+                screenshotUrl?: string | undefined;
+            } | undefined;
+            screenshotUrl?: string | undefined;
+            results: {
+                index?: number | undefined;
+                content?: string | undefined;
+                score?: number | undefined;
+                metadata?: {
+                    [x: string]: unknown;
+                    title?: string | undefined;
+                    entityId?: string | undefined;
+                    page?: number | undefined;
+                    textPage?: number | undefined;
+                    link?: string | undefined;
+                    screenshotUrl?: string | undefined;
+                } | undefined;
+            }[];
+        }[];
+        citations: {
+            ref: number;
+            label: number;
+            passage: string;
+            entityId?: string | undefined;
+            variationId?: string | undefined;
+            title?: string | undefined;
+            link?: string | undefined;
+            canonicalLink?: string | undefined;
+            sourceId?: string | undefined;
+            screenshotUrl?: string | undefined;
+            page?: number | undefined;
+            textPage?: number | undefined;
+        }[];
+        feedback: MessageFeedback | null;
+        isOutOfScope: boolean;
+        isStreaming: boolean;
+        isReceiving: boolean;
+        failed: boolean;
+        inputMode?: import("../types").ChatInputMode | undefined;
+        data?: Record<string, unknown> | undefined;
+    };
+}, __VLS_21: {
+    message: ChatEngineMessage;
+}, __VLS_24: {
     message: ChatEngineMessage;
 };
 type __VLS_Slots = {} & {
     welcome?: (props: typeof __VLS_1) => any;
 } & {
-    'message-actions'?: (props: typeof __VLS_19) => any;
+    message?: (props: typeof __VLS_8) => any;
+} & {
+    'message-actions'?: (props: typeof __VLS_21) => any;
+} & {
+    'message-footer'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rated: (message: ChatEngineMessage, value: MessageFeedback | null) => any;

package/dist/composables/useChatEngine.d.ts

@@ -31,11 +31,18 @@ export interface ChatTransport {
      */
     getQuota?(agentId: string): Promise<QuotaResponse>;
 }
+/**
+ * Who a message belongs to. 'user' and 'assistant' are the conversation with
+ * the agent. 'app' is a message the app put there itself (see insertMessage):
+ * it renders through Chat's `message` slot, is never sent anywhere, and the
+ * kit's own bookkeeping passes over it.
+ */
+export type ChatEngineRole = 'user' | 'assistant' | 'app';
 /** One message as the components render it. */
 export interface ChatEngineMessage {
     /** Local id, stable for the life of the conversation. */
     id: string;
-    role: 'user' | 'assistant';
+    role: ChatEngineRole;
     /** The raw text. For assistant messages it grows while streaming. */
     text: string;
     /** Rendered, sanitized HTML for assistant messages. */
@@ -61,6 +68,21 @@ export interface ChatEngineMessage {
     failed: boolean;
     /** How the user entered this message (typed or voice); only user messages set it. */
     inputMode?: ChatInputMode;
+    /**
+     * Whatever the app attached to a message it inserted. The kit never reads
+     * it; it exists so the app's `message` slot has what it needs to render.
+     */
+    data?: Record<string, unknown>;
+}
+/** What insertMessage takes: the message's text, and anything else the app's slot needs. */
+export interface InsertMessageInput {
+    /**
+     * 'app' unless said otherwise. 'user' is for a question the app is holding
+     * back and wants shown as the user's own bubble in the meantime.
+     */
+    role?: 'app' | 'user';
+    text?: string;
+    data?: Record<string, unknown>;
 }
 /**
  * What the engine needs to exist at all: which agent, reached how. Not
@@ -167,7 +189,7 @@ export declare function useChatEngine(options: ChatEngineOptions): {
     threadId: Readonly<import("vue").Ref<string | null, string | null>>;
     messages: import("vue").Ref<{
         id: string;
-        role: "user" | "assistant";
+        role: ChatEngineRole;
         text: string;
         html: string;
         thinking: string;
@@ -219,9 +241,10 @@ export declare function useChatEngine(options: ChatEngineOptions): {
         isReceiving: boolean;
         failed: boolean;
         inputMode?: ChatInputMode | undefined;
+        data?: Record<string, unknown> | undefined;
     }[], ChatEngineMessage[] | {
         id: string;
-        role: "user" | "assistant";
+        role: ChatEngineRole;
         text: string;
         html: string;
         thinking: string;
@@ -273,6 +296,7 @@ export declare function useChatEngine(options: ChatEngineOptions): {
         isReceiving: boolean;
         failed: boolean;
         inputMode?: ChatInputMode | undefined;
+        data?: Record<string, unknown> | undefined;
     }[]>;
     status: Readonly<import("vue").Ref<ChatStatus, ChatStatus>>;
     error: Readonly<import("vue").Ref<Error | null, Error | null>>;
@@ -313,6 +337,11 @@ export declare function useChatEngine(options: ChatEngineOptions): {
         readonly contextLimit: number;
         readonly cumulativeLimit: number;
     } | null>>;
+    customData: Readonly<import("vue").Ref<{
+        readonly [x: string]: Readonly<unknown>;
+    } | null, {
+        readonly [x: string]: Readonly<unknown>;
+    } | null>>;
     quota: Readonly<import("vue").Ref<{
         readonly limit: number | "unlimited";
         readonly remaining: number | "unlimited";
@@ -330,6 +359,8 @@ export declare function useChatEngine(options: ChatEngineOptions): {
     loadThread: (id: string) => Promise<void>;
     setFeedback: (messageId: string, value: MessageFeedback) => Promise<void>;
     noteCitationClick: (messageId: string, citation: ChatCitation) => void;
+    insertMessage: (input?: InsertMessageInput, index?: number) => ChatEngineMessage;
+    removeMessage: (id: string) => boolean;
     retry: () => Promise<void>;
 };
 export type ChatEngine = ReturnType<typeof useChatEngine>;

package/dist/copy.d.ts

@@ -135,10 +135,18 @@ export declare function formatCopy(template: string, params: Record<string, stri
 /**
  * Merges provided copy with the default values. Any missing strings fall back to the default and gets listed in a warning
  * during development. That way an incomplete set of text is easy to spot but never leaves blank labels in the interface.
+ *
+ * `warnMissing` is for callers that resolve the same map again after a change;
+ * the first resolve has already said what was missing.
+ */
+export declare function resolveChatCopy(input?: ChatCopyInput, warnMissing?: boolean): ResolvedChatCopy;
+/**
+ * Called once by the chat root component with its `copy` prop. Given a getter,
+ * the provided copy follows the prop: an app can change a string while the
+ * chat is open (a placeholder that depends on state, say) and the components
+ * pick it up, since they read the one reactive object this provides.
  */
-export declare function resolveChatCopy(input?: ChatCopyInput): ResolvedChatCopy;
-/** Called once by the chat root component with its `copy` prop value. */
-export declare function provideChatCopy(input?: ChatCopyInput): ResolvedChatCopy;
+export declare function provideChatCopy(input?: ChatCopyInput | (() => ChatCopyInput | undefined)): ResolvedChatCopy;
 /** Read the resolved copy anywhere inside the chat component tree. */
 export declare function useChatCopy(): ResolvedChatCopy;
 export {};

package/dist/index.css

@@ -1 +1 @@
-.icon-button[data-v-ce6d8ce0]{border-radius:var(--r-pill);background:var(--icon-button-state-bg,var(--icon-button-bg));width:40px;height:40px;color:var(--icon-button-state-fg,var(--text-primary));cursor:pointer;border:none;place-items:center;padding:0;display:grid;position:relative}.icon-button[data-v-ce6d8ce0]:disabled{color:var(--text-secondary);cursor:default}.icon-button[data-v-ce6d8ce0]:not(:disabled):hover{background:var(--icon-button-state-bg,var(--icon-button-bg-hover))}.icon-button__label[data-v-ce6d8ce0]{bottom:calc(100% + var(--spacing-1));border-radius:var(--card-radius);background:var(--surface-card);width:max-content;box-shadow:var(--card-shadow);color:var(--text-primary);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;padding:15px;line-height:1;transition:opacity .15s;position:absolute;left:50%;transform:translate(-50%)}@media (hover:hover){.icon-button:not(:disabled):hover .icon-button__label[data-v-ce6d8ce0]{opacity:1;visibility:visible}}.input-bar[data-v-752f72a0]{gap:var(--spacing-3);padding:var(--spacing-6);flex-direction:column;padding-top:0;display:flex}.input-bar__field[data-v-752f72a0]{align-items:center;gap:var(--spacing-5);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--composer-bg);display:flex}.input-bar__field[data-v-752f72a0]:focus-within{border-color:var(--accent)}.input-bar__send[data-v-752f72a0]:enabled{--icon-button-state-bg:var(--icon-button-bg-active);--icon-button-state-fg:var(--icon-button-fg-active)}.input-bar__send[data-v-752f72a0]:enabled:hover{--icon-button-state-bg:var(--icon-button-bg-active-hover)}.input-bar__textarea[data-v-752f72a0]{--composer-line:32px;min-width:0;max-height:100px;min-height:var(--composer-line);resize:none;color:var(--composer-fg);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);line-height:var(--composer-line);background:0 0;border:none;flex:1;padding:0}.input-bar__textarea[data-v-752f72a0]::placeholder{color:var(--composer-placeholder)}.input-bar__textarea[data-v-752f72a0]:focus{outline:none}.input-bar__buttons[data-v-752f72a0]{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.input-bar__mic-unsupported[data-v-752f72a0]{width:40px;height:40px;color:var(--text-secondary);cursor:help;place-items:center;display:grid;position:relative}.input-bar__mic-unsupported[data-v-752f72a0]:after{content:attr(data-tooltip);bottom:calc(100% + var(--spacing-2));width:max-content;max-width:240px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);background:var(--surface-card);box-shadow:var(--card-shadow);color:var(--text-primary);font-size:var(--t-sm);line-height:var(--lh-sm);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;position:absolute;right:0}.input-bar__mic-unsupported[data-v-752f72a0]:hover:after{opacity:1;visibility:visible}.input-bar__button--listening[data-v-752f72a0]{--icon-button-state-bg:var(--icon-button-bg-active);--icon-button-state-fg:var(--icon-button-fg-active);animation:1.6s ease-in-out infinite mic-pulse-752f72a0}@keyframes mic-pulse-752f72a0{50%{opacity:.65}}.citation-popover[data-v-c713f6b3]{gap:var(--spacing-5);width:min(350px,100%);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--surface-card);box-shadow:var(--card-shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;display:flex;overflow-y:auto}.citation-popover__source[data-v-c713f6b3]{align-items:flex-start;gap:var(--spacing-2);flex-shrink:0;display:flex}.citation-popover__thumb[data-v-c713f6b3]{width:64px;height:72px;margin-right:var(--spacing-2);border:1px solid var(--card-stroke);border-radius:var(--r-lg);object-fit:cover;object-position:top center;flex-shrink:0;display:block}.citation-popover__badge[data-v-c713f6b3]{border-radius:var(--r-md);background:var(--citation-bg);min-width:20px;height:20px;color:var(--accent-fg);font-family:var(--font-body);font-size:var(--t-xs);font-weight:var(--fw-bold);flex-shrink:0;place-items:center;padding:0 5px;display:grid}.citation-popover__source-text[data-v-c713f6b3]{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.citation-popover__title[data-v-c713f6b3]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold);overflow-wrap:break-word}.citation-popover__page[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-sm)}.citation-popover__passage-block[data-v-c713f6b3]{gap:var(--spacing-2);flex-direction:column;flex:1;min-height:0;display:flex}.citation-popover__passage-label[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.citation-popover__passage[data-v-c713f6b3]{padding-left:var(--spacing-6);border-left:2px solid var(--accent);color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;min-height:0;margin:0;overflow-y:auto}.citation-popover__notice[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-xs);line-height:var(--lh-body);white-space:pre-wrap}.citation-popover__footer[data-v-c713f6b3]{gap:var(--spacing-4);flex-shrink:0;display:flex}.citation-popover__copy[data-v-c713f6b3],.citation-popover__open[data-v-c713f6b3]{justify-content:center;align-items:center;gap:var(--spacing-2);height:35px;padding:0 var(--spacing-4);border-radius:var(--r-md);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;flex:1;display:flex}.citation-popover__copy[data-v-c713f6b3]{border:1px solid var(--card-stroke);color:var(--text-primary);background:0 0}.citation-popover__open[data-v-c713f6b3]{background:var(--accent);color:var(--accent-fg);border:none;text-decoration:none}.feedback[data-v-6aa14982]{justify-content:flex-end;align-items:center;gap:var(--spacing-4);width:100%;display:flex}.feedback__question[data-v-6aa14982]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.feedback__thumbs[data-v-6aa14982]{gap:var(--spacing-4);display:flex}.feedback__thumb[data-v-6aa14982]{color:var(--text-helper);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.feedback__thumb[data-v-6aa14982]:hover{color:var(--text-primary)}.feedback__thumb.is-active[data-v-6aa14982]{color:var(--accent)}.page-image-modal[data-v-33820e23]{z-index:200;padding:var(--spacing-6);background:var(--overlay-scrim);place-items:center;display:grid;position:fixed;inset:0}.page-image-modal__card[data-v-33820e23]{gap:var(--spacing-4);max-width:min(720px,100%);max-height:100%;padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--surface-card);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.page-image-modal__header[data-v-33820e23]{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.page-image-modal__title[data-v-33820e23]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold);overflow-wrap:break-word}.page-image-modal__detail[data-v-33820e23]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-sm)}.page-image-modal__close[data-v-33820e23]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.page-image-modal__close[data-v-33820e23]:hover{background:var(--surface-hover)}.page-image-modal__image[data-v-33820e23]{border:1px solid var(--card-stroke);border-radius:var(--r-lg);object-fit:contain;min-height:0;overflow-y:auto}.source-card[data-v-49b414a6]{gap:var(--spacing-4);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--r-md);background:var(--surface-raised);flex-direction:column;display:flex;position:relative;container:source-card/inline-size}.source-card__front[data-v-49b414a6]{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.source-card__details[data-v-49b414a6]{gap:var(--spacing-5);flex-direction:column;display:flex}@container source-card (width>=420px){.source-card__details[data-v-49b414a6]{flex-direction:row;align-items:center}}.source-card__toggle[data-v-49b414a6]{top:var(--spacing-6);right:var(--spacing-6);border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;transition:transform .3s;display:grid;position:absolute}.source-card__toggle[data-v-49b414a6]:hover{background:var(--surface-hover);color:var(--text-primary)}.source-card__toggle--open[data-v-49b414a6]{transform:rotate(180deg)}.source-card__cover[data-v-49b414a6]{object-fit:contain;flex-shrink:0;width:150px;height:150px}.source-card__naming[data-v-49b414a6]{align-items:flex-start;gap:var(--spacing-5);flex-direction:column;min-width:0;display:flex}.source-card__heading[data-v-49b414a6]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.source-card__title[data-v-49b414a6]{color:var(--text-primary);font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--fw-regular);text-align:start;overflow-wrap:break-word}.source-card__link[data-v-49b414a6]{align-items:center;gap:var(--spacing-1);color:var(--accent);font-family:var(--font-ui);font-size:var(--t-xs);font-weight:var(--fw-bold);align-self:flex-start;display:inline-flex}.source-card__body[data-v-49b414a6]{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--card-stroke);flex-direction:column;display:flex}.source-card__reference-heading[data-v-49b414a6]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.source-card__reference[data-v-49b414a6]{gap:var(--spacing-5);text-align:left;flex-direction:column;width:100%;display:flex}@container source-card (width>=420px){.source-card__reference[data-v-49b414a6]{flex-direction:row;align-items:flex-start}}.source-card__page-thumb[data-v-49b414a6]{object-fit:contain;cursor:pointer;flex-shrink:0;width:150px;height:150px}.source-card__reference-text[data-v-49b414a6]{gap:var(--spacing-4);flex-direction:column;width:100%;min-width:0;display:flex}.source-card__page-line[data-v-49b414a6]{color:var(--text-primary);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12px}.source-card__passage[data-v-49b414a6]{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);overflow-wrap:break-word}.source-list[data-v-124ee2ae]{gap:var(--spacing-3);flex-direction:column;display:flex}.source-list__intro[data-v-124ee2ae]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold)}.source-list__notice[data-v-124ee2ae]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-xs);line-height:var(--lh-body);white-space:pre-wrap}@property --thinking-arc{syntax:"<angle>";inherits:false;initial-value:121deg}.thinking__spinner[data-v-a73d8186]{border-radius:var(--r-pill);background:var(--accent);width:26px;height:26px;-webkit-mask:conic-gradient(from 90deg, transparent 0deg, #000 var(--thinking-arc), transparent calc(var(--thinking-arc) + 1deg)), radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));mask:conic-gradient(from 90deg, transparent 0deg, #000 var(--thinking-arc), transparent calc(var(--thinking-arc) + 1deg)), radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));flex:none;animation:1s linear infinite thinking-spin-a73d8186,1.8s ease-in-out infinite thinking-chase-a73d8186;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes thinking-spin-a73d8186{to{transform:rotate(1turn)}}@keyframes thinking-chase-a73d8186{0%{--thinking-arc:40deg;animation-timing-function:ease-in-out}40%{--thinking-arc:247deg;animation-timing-function:linear}to{--thinking-arc:40deg}}.thinking__sparkles[data-v-a73d8186]{width:32px;height:32px;color:var(--accent);flex:none;position:relative}.thinking__dots[data-v-a73d8186]{align-items:center;gap:var(--spacing-1);flex:none;display:flex}.thinking__dot[data-v-a73d8186]{border-radius:var(--r-pill);background:var(--accent);width:6px;height:6px;animation:1.2s ease-in-out infinite both thinking-dot-a73d8186}.thinking__dot[data-v-a73d8186]:nth-child(2){animation-delay:.15s}.thinking__dot[data-v-a73d8186]:nth-child(3){animation-delay:.3s}@keyframes thinking-dot-a73d8186{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.thinking__sparkle[data-v-a73d8186]{animation:1.5s linear infinite both thinking-sparkle-a73d8186;position:absolute}.thinking__sparkle[data-v-a73d8186]:first-child{width:18px;height:18px;top:7px;left:6px}.thinking__sparkle[data-v-a73d8186]:nth-child(2){width:11px;height:11px;animation-delay:-.5s;top:1.7px;left:19.3px}.thinking__sparkle[data-v-a73d8186]:nth-child(3){width:8px;height:8px;animation-delay:-1s;top:20.3px;left:3.7px}@keyframes thinking-sparkle-a73d8186{0%{opacity:0;transform:translate(-9px,-9px)scale(0)}35%{opacity:1;transform:translate(-2.7px,-2.7px)scale(1)}65%{opacity:1;transform:translate(2.7px,2.7px)scale(1)}to{opacity:0;transform:translate(9px,9px)scale(0)}}.thinking-process[data-v-3dcefa4f]{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.thinking-process__toggle[data-v-3dcefa4f]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.thinking-process__toggle[data-v-3dcefa4f]:hover{color:var(--text-primary)}.thinking-process__body[data-v-3dcefa4f]{max-height:220px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overflow-y:auto}.assistant-message[data-v-81f04579]{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.assistant-message__footer[data-v-81f04579]{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.assistant-message__actions[data-v-81f04579]{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.assistant-message__header[data-v-81f04579]{align-items:center;gap:var(--spacing-4);display:flex}.assistant-message__avatar[data-v-81f04579]{border-radius:var(--r-pill);background:var(--accent);width:32px;height:32px;color:var(--accent-fg);flex-shrink:0;place-items:center;display:grid}.assistant-message__name[data-v-81f04579]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-bold)}.assistant-message__body-wrap[data-v-81f04579]{width:100%}.assistant-message__popover[data-v-81f04579]{z-index:100;position:fixed}.assistant-message__body[data-v-81f04579] .citation-chip{min-width:20px;height:20px;margin-left:var(--spacing-1);border-radius:var(--r-md);background:var(--citation-bg);color:var(--accent-fg);font-size:var(--t-xs);font-weight:var(--fw-bold);vertical-align:text-bottom;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;padding:0 5px;display:inline-grid}.assistant-message__body[data-v-81f04579] .citation-chip:not(.citation-chip--pending):hover{opacity:.7}.assistant-message__body[data-v-81f04579] .citation-chip--pending{cursor:default;opacity:.55}.assistant-message__body[data-v-81f04579]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);line-height:var(--lh-body);overflow-wrap:break-word}.assistant-message__body[data-v-81f04579] p,.assistant-message__body[data-v-81f04579] ul,.assistant-message__body[data-v-81f04579] ol,.assistant-message__body[data-v-81f04579] pre,.assistant-message__body[data-v-81f04579] table,.assistant-message__body[data-v-81f04579] blockquote{margin-block:0 var(--spacing-4)}.assistant-message__body[data-v-81f04579] ul,.assistant-message__body[data-v-81f04579] ol{padding-inline-start:var(--spacing-6)}.assistant-message__body[data-v-81f04579] a{color:var(--accent)}.assistant-message__body[data-v-81f04579] .chat-math{max-width:100%;overflow-x:auto}.assistant-message__body[data-v-81f04579] .chat-math--display{margin-block:var(--spacing-4);text-align:center;display:block}.assistant-message__body[data-v-81f04579] code{font-family:var(--font-mono);font-size:var(--t-sm);background:var(--surface-raised);border-radius:var(--r-sm);padding:1px 5px}.assistant-message__body[data-v-81f04579] pre{background:var(--surface-raised);padding:var(--spacing-4);border-radius:var(--r-lg);overflow-x:auto}.assistant-message__body[data-v-81f04579] blockquote{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--surface-raised)}.assistant-message__body[data-v-81f04579] blockquote>:last-child{margin-bottom:0}.assistant-message__body[data-v-81f04579] table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.assistant-message__body[data-v-81f04579] th,.assistant-message__body[data-v-81f04579] td{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--card-stroke);text-align:left;vertical-align:top}.assistant-message__body[data-v-81f04579] th{background:var(--surface-raised);font-weight:var(--fw-bold)}.assistant-message__out-of-scope[data-v-81f04579]{align-self:flex-start;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);font-family:var(--font-body);font-size:var(--t-xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;display:flex}.assistant-message__out-of-scope+.assistant-message__body[data-v-81f04579]{margin-top:var(--spacing-2)}.assistant-message__error[data-v-81f04579]{align-items:center;gap:var(--spacing-4);color:var(--warning);font-family:var(--font-body);font-size:var(--t-sm);display:flex}.assistant-message__retry[data-v-81f04579]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.assistant-message__retry[data-v-81f04579]:hover{background:var(--surface-hover)}.thinking[data-v-c804834e]{align-items:center;gap:var(--spacing-4);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-base);display:flex}.user-message[data-v-2eb946f2]{justify-content:flex-end;width:100%;display:flex}.user-message__bubble[data-v-2eb946f2]{max-width:70%;padding:var(--spacing-4);border-radius:var(--card-radius);background:var(--user-bubble-bg);color:var(--user-bubble-fg);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);white-space:pre-wrap;overflow-wrap:break-word;line-height:normal}.message-list[data-v-1e679b5e]{gap:var(--spacing-5);min-height:0;padding:var(--spacing-6);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-list[data-v-1e679b5e]::-webkit-scrollbar{width:10px}.message-list[data-v-1e679b5e]::-webkit-scrollbar-track{background:0 0}.message-list[data-v-1e679b5e]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}.message-list[data-v-1e679b5e]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.message-list__welcome-eyebrow[data-v-1e679b5e]{color:var(--accent);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;margin-bottom:var(--spacing-3)}.message-list__welcome-heading[data-v-1e679b5e]{color:var(--text-primary);font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tr-tight);margin-bottom:var(--spacing-3)}.message-list__welcome-body[data-v-1e679b5e]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);line-height:var(--lh-body)}.message-list__error[data-v-1e679b5e]{align-items:center;gap:var(--spacing-4);color:var(--warning);font-family:var(--font-body);font-size:var(--t-sm);display:flex}.message-list__retry[data-v-1e679b5e]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.message-list__retry[data-v-1e679b5e]:hover{background:var(--surface-hover)}.chat[data-v-f63ed144]{flex-direction:column;flex:1;min-height:0;display:flex}
+.icon-button[data-v-ce6d8ce0]{border-radius:var(--r-pill);background:var(--icon-button-state-bg,var(--icon-button-bg));width:40px;height:40px;color:var(--icon-button-state-fg,var(--text-primary));cursor:pointer;border:none;place-items:center;padding:0;display:grid;position:relative}.icon-button[data-v-ce6d8ce0]:disabled{color:var(--text-secondary);cursor:default}.icon-button[data-v-ce6d8ce0]:not(:disabled):hover{background:var(--icon-button-state-bg,var(--icon-button-bg-hover))}.icon-button__label[data-v-ce6d8ce0]{bottom:calc(100% + var(--spacing-1));border-radius:var(--card-radius);background:var(--surface-card);width:max-content;box-shadow:var(--card-shadow);color:var(--text-primary);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;padding:15px;line-height:1;transition:opacity .15s;position:absolute;left:50%;transform:translate(-50%)}@media (hover:hover){.icon-button:not(:disabled):hover .icon-button__label[data-v-ce6d8ce0]{opacity:1;visibility:visible}}.input-bar[data-v-2a67b2cf]{gap:var(--spacing-3);padding:var(--spacing-6);flex-direction:column;padding-top:0;display:flex}.input-bar__field[data-v-2a67b2cf]{align-items:center;gap:var(--spacing-5);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--composer-bg);display:flex}.input-bar__field[data-v-2a67b2cf]:focus-within{border-color:var(--accent)}.input-bar__send[data-v-2a67b2cf]:enabled{--icon-button-state-bg:var(--icon-button-bg-active);--icon-button-state-fg:var(--icon-button-fg-active)}.input-bar__send[data-v-2a67b2cf]:enabled:hover{--icon-button-state-bg:var(--icon-button-bg-active-hover)}.input-bar__textarea[data-v-2a67b2cf]{--composer-line:32px;min-width:0;max-height:100px;min-height:var(--composer-line);resize:none;color:var(--composer-fg);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);line-height:var(--composer-line);background:0 0;border:none;flex:1;padding:0}.input-bar__textarea[data-v-2a67b2cf]::placeholder{color:var(--composer-placeholder)}.input-bar__textarea[data-v-2a67b2cf]:focus{outline:none}.input-bar__buttons[data-v-2a67b2cf]{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.input-bar__mic-unsupported[data-v-2a67b2cf]{width:40px;height:40px;color:var(--text-secondary);cursor:help;place-items:center;display:grid;position:relative}.input-bar__mic-unsupported[data-v-2a67b2cf]:after{content:attr(data-tooltip);bottom:calc(100% + var(--spacing-2));width:max-content;max-width:240px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);background:var(--surface-card);box-shadow:var(--card-shadow);color:var(--text-primary);font-size:var(--t-sm);line-height:var(--lh-sm);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;position:absolute;right:0}.input-bar__mic-unsupported[data-v-2a67b2cf]:hover:after{opacity:1;visibility:visible}.input-bar__button--listening[data-v-2a67b2cf]{--icon-button-state-bg:var(--icon-button-bg-active);--icon-button-state-fg:var(--icon-button-fg-active);animation:1.6s ease-in-out infinite mic-pulse-2a67b2cf}@keyframes mic-pulse-2a67b2cf{50%{opacity:.65}}.citation-popover[data-v-c713f6b3]{gap:var(--spacing-5);width:min(350px,100%);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--surface-card);box-shadow:var(--card-shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;display:flex;overflow-y:auto}.citation-popover__source[data-v-c713f6b3]{align-items:flex-start;gap:var(--spacing-2);flex-shrink:0;display:flex}.citation-popover__thumb[data-v-c713f6b3]{width:64px;height:72px;margin-right:var(--spacing-2);border:1px solid var(--card-stroke);border-radius:var(--r-lg);object-fit:cover;object-position:top center;flex-shrink:0;display:block}.citation-popover__badge[data-v-c713f6b3]{border-radius:var(--r-md);background:var(--citation-bg);min-width:20px;height:20px;color:var(--accent-fg);font-family:var(--font-body);font-size:var(--t-xs);font-weight:var(--fw-bold);flex-shrink:0;place-items:center;padding:0 5px;display:grid}.citation-popover__source-text[data-v-c713f6b3]{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.citation-popover__title[data-v-c713f6b3]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold);overflow-wrap:break-word}.citation-popover__page[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-sm)}.citation-popover__passage-block[data-v-c713f6b3]{gap:var(--spacing-2);flex-direction:column;flex:1;min-height:0;display:flex}.citation-popover__passage-label[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.citation-popover__passage[data-v-c713f6b3]{padding-left:var(--spacing-6);border-left:2px solid var(--accent);color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;min-height:0;margin:0;overflow-y:auto}.citation-popover__notice[data-v-c713f6b3]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-xs);line-height:var(--lh-body);white-space:pre-wrap}.citation-popover__footer[data-v-c713f6b3]{gap:var(--spacing-4);flex-shrink:0;display:flex}.citation-popover__copy[data-v-c713f6b3],.citation-popover__open[data-v-c713f6b3]{justify-content:center;align-items:center;gap:var(--spacing-2);height:35px;padding:0 var(--spacing-4);border-radius:var(--r-md);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;flex:1;display:flex}.citation-popover__copy[data-v-c713f6b3]{border:1px solid var(--card-stroke);color:var(--text-primary);background:0 0}.citation-popover__open[data-v-c713f6b3]{background:var(--accent);color:var(--accent-fg);border:none;text-decoration:none}.feedback[data-v-6aa14982]{justify-content:flex-end;align-items:center;gap:var(--spacing-4);width:100%;display:flex}.feedback__question[data-v-6aa14982]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.feedback__thumbs[data-v-6aa14982]{gap:var(--spacing-4);display:flex}.feedback__thumb[data-v-6aa14982]{color:var(--text-helper);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.feedback__thumb[data-v-6aa14982]:hover{color:var(--text-primary)}.feedback__thumb.is-active[data-v-6aa14982]{color:var(--accent)}.page-image-modal[data-v-33820e23]{z-index:200;padding:var(--spacing-6);background:var(--overlay-scrim);place-items:center;display:grid;position:fixed;inset:0}.page-image-modal__card[data-v-33820e23]{gap:var(--spacing-4);max-width:min(720px,100%);max-height:100%;padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--card-radius);background:var(--surface-card);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.page-image-modal__header[data-v-33820e23]{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.page-image-modal__title[data-v-33820e23]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold);overflow-wrap:break-word}.page-image-modal__detail[data-v-33820e23]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-sm)}.page-image-modal__close[data-v-33820e23]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.page-image-modal__close[data-v-33820e23]:hover{background:var(--surface-hover)}.page-image-modal__image[data-v-33820e23]{border:1px solid var(--card-stroke);border-radius:var(--r-lg);object-fit:contain;min-height:0;overflow-y:auto}.source-card[data-v-49b414a6]{gap:var(--spacing-4);padding:var(--spacing-6);border:1px solid var(--card-stroke);border-radius:var(--r-md);background:var(--surface-raised);flex-direction:column;display:flex;position:relative;container:source-card/inline-size}.source-card__front[data-v-49b414a6]{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.source-card__details[data-v-49b414a6]{gap:var(--spacing-5);flex-direction:column;display:flex}@container source-card (width>=420px){.source-card__details[data-v-49b414a6]{flex-direction:row;align-items:center}}.source-card__toggle[data-v-49b414a6]{top:var(--spacing-6);right:var(--spacing-6);border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;transition:transform .3s;display:grid;position:absolute}.source-card__toggle[data-v-49b414a6]:hover{background:var(--surface-hover);color:var(--text-primary)}.source-card__toggle--open[data-v-49b414a6]{transform:rotate(180deg)}.source-card__cover[data-v-49b414a6]{object-fit:contain;flex-shrink:0;width:150px;height:150px}.source-card__naming[data-v-49b414a6]{align-items:flex-start;gap:var(--spacing-5);flex-direction:column;min-width:0;display:flex}.source-card__heading[data-v-49b414a6]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.source-card__title[data-v-49b414a6]{color:var(--text-primary);font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--fw-regular);text-align:start;overflow-wrap:break-word}.source-card__link[data-v-49b414a6]{align-items:center;gap:var(--spacing-1);color:var(--accent);font-family:var(--font-ui);font-size:var(--t-xs);font-weight:var(--fw-bold);align-self:flex-start;display:inline-flex}.source-card__body[data-v-49b414a6]{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--card-stroke);flex-direction:column;display:flex}.source-card__reference-heading[data-v-49b414a6]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase}.source-card__reference[data-v-49b414a6]{gap:var(--spacing-5);text-align:left;flex-direction:column;width:100%;display:flex}@container source-card (width>=420px){.source-card__reference[data-v-49b414a6]{flex-direction:row;align-items:flex-start}}.source-card__page-thumb[data-v-49b414a6]{object-fit:contain;cursor:pointer;flex-shrink:0;width:150px;height:150px}.source-card__reference-text[data-v-49b414a6]{gap:var(--spacing-4);flex-direction:column;width:100%;min-width:0;display:flex}.source-card__page-line[data-v-49b414a6]{color:var(--text-primary);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12px}.source-card__passage[data-v-49b414a6]{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);overflow-wrap:break-word}.source-list[data-v-124ee2ae]{gap:var(--spacing-3);flex-direction:column;display:flex}.source-list__intro[data-v-124ee2ae]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-sm);font-weight:var(--fw-bold)}.source-list__notice[data-v-124ee2ae]{color:var(--text-helper);font-family:var(--font-body);font-size:var(--t-xs);line-height:var(--lh-body);white-space:pre-wrap}@property --thinking-arc{syntax:"<angle>";inherits:false;initial-value:121deg}.thinking__spinner[data-v-a73d8186]{border-radius:var(--r-pill);background:var(--accent);width:26px;height:26px;-webkit-mask:conic-gradient(from 90deg, transparent 0deg, #000 var(--thinking-arc), transparent calc(var(--thinking-arc) + 1deg)), radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));mask:conic-gradient(from 90deg, transparent 0deg, #000 var(--thinking-arc), transparent calc(var(--thinking-arc) + 1deg)), radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));flex:none;animation:1s linear infinite thinking-spin-a73d8186,1.8s ease-in-out infinite thinking-chase-a73d8186;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes thinking-spin-a73d8186{to{transform:rotate(1turn)}}@keyframes thinking-chase-a73d8186{0%{--thinking-arc:40deg;animation-timing-function:ease-in-out}40%{--thinking-arc:247deg;animation-timing-function:linear}to{--thinking-arc:40deg}}.thinking__sparkles[data-v-a73d8186]{width:32px;height:32px;color:var(--accent);flex:none;position:relative}.thinking__dots[data-v-a73d8186]{align-items:center;gap:var(--spacing-1);flex:none;display:flex}.thinking__dot[data-v-a73d8186]{border-radius:var(--r-pill);background:var(--accent);width:6px;height:6px;animation:1.2s ease-in-out infinite both thinking-dot-a73d8186}.thinking__dot[data-v-a73d8186]:nth-child(2){animation-delay:.15s}.thinking__dot[data-v-a73d8186]:nth-child(3){animation-delay:.3s}@keyframes thinking-dot-a73d8186{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.thinking__sparkle[data-v-a73d8186]{animation:1.5s linear infinite both thinking-sparkle-a73d8186;position:absolute}.thinking__sparkle[data-v-a73d8186]:first-child{width:18px;height:18px;top:7px;left:6px}.thinking__sparkle[data-v-a73d8186]:nth-child(2){width:11px;height:11px;animation-delay:-.5s;top:1.7px;left:19.3px}.thinking__sparkle[data-v-a73d8186]:nth-child(3){width:8px;height:8px;animation-delay:-1s;top:20.3px;left:3.7px}@keyframes thinking-sparkle-a73d8186{0%{opacity:0;transform:translate(-9px,-9px)scale(0)}35%{opacity:1;transform:translate(-2.7px,-2.7px)scale(1)}65%{opacity:1;transform:translate(2.7px,2.7px)scale(1)}to{opacity:0;transform:translate(9px,9px)scale(0)}}.thinking-process[data-v-3dcefa4f]{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.thinking-process__toggle[data-v-3dcefa4f]{color:var(--text-helper);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.thinking-process__toggle[data-v-3dcefa4f]:hover{color:var(--text-primary)}.thinking-process__body[data-v-3dcefa4f]{max-height:220px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overflow-y:auto}.assistant-message[data-v-466b7413]{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.assistant-message__footer[data-v-466b7413]{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.assistant-message__actions[data-v-466b7413]{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.assistant-message__header[data-v-466b7413]{align-items:center;gap:var(--spacing-4);display:flex}.assistant-message__avatar[data-v-466b7413]{border-radius:var(--r-pill);background:var(--accent);width:32px;height:32px;color:var(--accent-fg);flex-shrink:0;place-items:center;display:grid}.assistant-message__name[data-v-466b7413]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-bold)}.assistant-message__body-wrap[data-v-466b7413]{width:100%}.assistant-message__popover[data-v-466b7413]{z-index:100;position:fixed}.assistant-message__body[data-v-466b7413] .citation-chip{min-width:20px;height:20px;margin-left:var(--spacing-1);border-radius:var(--r-md);background:var(--citation-bg);color:var(--accent-fg);font-size:var(--t-xs);font-weight:var(--fw-bold);vertical-align:text-bottom;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;padding:0 5px;display:inline-grid}.assistant-message__body[data-v-466b7413] .citation-chip:not(.citation-chip--pending):hover{opacity:.7}.assistant-message__body[data-v-466b7413] .citation-chip--pending{cursor:default;opacity:.55}.assistant-message__body[data-v-466b7413]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);line-height:var(--lh-body);overflow-wrap:break-word}.assistant-message__body[data-v-466b7413] p,.assistant-message__body[data-v-466b7413] ul,.assistant-message__body[data-v-466b7413] ol,.assistant-message__body[data-v-466b7413] pre,.assistant-message__body[data-v-466b7413] table,.assistant-message__body[data-v-466b7413] blockquote{margin-block:0 var(--spacing-4)}.assistant-message__body[data-v-466b7413] ul,.assistant-message__body[data-v-466b7413] ol{padding-inline-start:var(--spacing-6)}.assistant-message__body[data-v-466b7413] a{color:var(--accent)}.assistant-message__body[data-v-466b7413] .chat-math{max-width:100%;overflow-x:auto}.assistant-message__body[data-v-466b7413] .chat-math--display{margin-block:var(--spacing-4);text-align:center;display:block}.assistant-message__body[data-v-466b7413] code{font-family:var(--font-mono);font-size:var(--t-sm);background:var(--surface-raised);border-radius:var(--r-sm);padding:1px 5px}.assistant-message__body[data-v-466b7413] pre{background:var(--surface-raised);padding:var(--spacing-4);border-radius:var(--r-lg);overflow-x:auto}.assistant-message__body[data-v-466b7413] blockquote{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--surface-raised)}.assistant-message__body[data-v-466b7413] blockquote>:last-child{margin-bottom:0}.assistant-message__body[data-v-466b7413] table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.assistant-message__body[data-v-466b7413] th,.assistant-message__body[data-v-466b7413] td{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--card-stroke);text-align:left;vertical-align:top}.assistant-message__body[data-v-466b7413] th{background:var(--surface-raised);font-weight:var(--fw-bold)}.assistant-message__out-of-scope[data-v-466b7413]{align-self:flex-start;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);font-family:var(--font-body);font-size:var(--t-xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;display:flex}.assistant-message__out-of-scope+.assistant-message__body[data-v-466b7413]{margin-top:var(--spacing-2)}.assistant-message__error[data-v-466b7413]{align-items:center;gap:var(--spacing-4);color:var(--warning);font-family:var(--font-body);font-size:var(--t-sm);display:flex}.assistant-message__retry[data-v-466b7413]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.assistant-message__retry[data-v-466b7413]:hover{background:var(--surface-hover)}.thinking[data-v-c804834e]{align-items:center;gap:var(--spacing-4);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--t-base);display:flex}.user-message[data-v-2eb946f2]{justify-content:flex-end;width:100%;display:flex}.user-message__bubble[data-v-2eb946f2]{max-width:70%;padding:var(--spacing-4);border-radius:var(--card-radius);background:var(--user-bubble-bg);color:var(--user-bubble-fg);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--fw-regular);white-space:pre-wrap;overflow-wrap:break-word;line-height:normal}.message-list[data-v-2f494fbc]{gap:var(--spacing-5);min-height:0;padding:var(--spacing-6);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-list[data-v-2f494fbc]::-webkit-scrollbar{width:10px}.message-list[data-v-2f494fbc]::-webkit-scrollbar-track{background:0 0}.message-list[data-v-2f494fbc]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-pill);background-clip:padding-box;border:3px solid #0000}.message-list[data-v-2f494fbc]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.message-list__welcome-eyebrow[data-v-2f494fbc]{color:var(--accent);font-family:var(--font-label);font-size:var(--t-xs);font-weight:var(--fw-bold);text-transform:uppercase;margin-bottom:var(--spacing-3)}.message-list__welcome-heading[data-v-2f494fbc]{color:var(--text-primary);font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tr-tight);margin-bottom:var(--spacing-3)}.message-list__welcome-body[data-v-2f494fbc]{color:var(--text-primary);font-family:var(--font-body);font-size:var(--t-base);line-height:var(--lh-body)}.message-list__error[data-v-2f494fbc]{align-items:center;gap:var(--spacing-4);color:var(--warning);font-family:var(--font-body);font-size:var(--t-sm);display:flex}.message-list__retry[data-v-2f494fbc]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--card-stroke);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--t-sm);font-weight:var(--fw-bold);cursor:pointer;background:0 0}.message-list__retry[data-v-2f494fbc]:hover{background:var(--surface-hover)}.chat[data-v-7ad4b6f4]{flex-direction:column;flex:1;min-height:0;display:flex}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from './services/markdown';
 export * from './services/entities';
 export type { MathOptions, MathSetting } from './services/math';
 export { default as StreamingMessage } from './services/streaming-message';
+export { default as Typewriter, type TypewriterOptions, type TypewriterSetting } from './services/typewriter';
 export * from './composables/useChatEngine';
 export * from './testing/mock-transport';
 export { default as Chat } from './components/Chat.vue';

package/dist/services/base-camp-client.d.ts

@@ -3,7 +3,7 @@
  * Base Camp's Zodios API definitions (the authoritative OpenAPI contract).
  * No retries and no error swallowing; callers decide how to recover.
  */
-import type { AgentDetails, CreateThreadBody, CreateThreadResponse, FeedbackResponse, MessageListResponse, QuotaResponse, SendMessageBody, StopMessageResponse, Thread, ThreadDetail, TrackEventBody, TrackEventResponse } from '../types';
+import type { AgentDetails, CreateThreadBody, CreateThreadResponse, FeedbackResponse, MessageListResponse, QuotaResponse, SendMessageBody, StopMessageResponse, Thread, ThreadDetail, TrackEventBody, TrackEventResponse, UpdateThreadBody } from '../types';
 export interface BaseCampClientOptions {
     /** Base Camp REST host, without a trailing slash; request paths start with /v1. */
     baseUrl: string;
@@ -36,6 +36,12 @@ export declare class BaseCampClient {
      * server only reads customData on thread update.
      */
     createThread(agentId: string, body?: CreateThreadBody): Promise<CreateThreadResponse>;
+    /**
+     * PATCH /v1/agents/:agentId/threads/:threadId. The way to store an app's own
+     * data on a thread after it exists; Base Camp keeps customData verbatim and
+     * hands it back with the thread's messages.
+     */
+    updateThread(agentId: string, threadId: string, body: UpdateThreadBody): Promise<Thread>;
     /** GET /v1/agents/:agentId/threads (current user's threads for the agent). */
     /** GET /v1/agents/:agentId/threads?limit=N. Every status comes back; callers filter. */
     getThreads(agentId: string, limit: number): Promise<Thread[]>;

package/dist/services/citations.d.ts

@@ -4,15 +4,27 @@ export interface InjectCitationChipsOptions {
      * Chips markers whose citations have not arrived yet, as inert placeholders.
      * The citations payload only arrives once the text finishes, so without this
      * a streaming answer shows raw `[^N]` text that snaps into chips at the very
-     * end. Placeholders upgrade to real chips when their citation lands; on by
-     * the caller only while streaming, so a truly unresolved marker still ends
-     * up as literal text.
+     * end. Placeholders upgrade to real chips when their citation lands.
+     *
+     * The caller turns this on while streaming. It is not needed for a stopped
+     * answer, whose markers are recognised from the payload never arriving; see
+     * below.
      */
     pendingMarkers?: boolean;
 }
 /**
  * Replaces resolved `[^N]` markers in `html` with citation chips. A marker
- * with no matching citation is left as literal text, so a hallucinated ref
- * never becomes a dead chip.
+ * with no matching citation never becomes a dead chip, and never stays as raw
+ * markdown either, since that reads as the page having failed to render. What
+ * it becomes depends on why it is unresolved:
+ *
+ * - The payload has not arrived, so a source really was being cited and is
+ *   still coming or never will. The marker holds a placeholder, which is what
+ *   a reader who stopped an answer partway should see.
+ * - The payload arrived without this ref, so the model cited something that
+ *   does not exist. The marker is dropped rather than promise a source.
+ *
+ * This reads `html` and returns a new string without changing it, so a
+ * citation that lands late still upgrades its marker on the next pass.
  */
 export declare function injectCitationChips(html: string, citations: ChatCitation[], options?: InjectCitationChipsOptions): string;

package/dist/types.d.ts

@@ -89,6 +89,10 @@ export interface CreateThreadBody {
     variables?: ThreadVariables;
     customData?: ThreadCustomData;
 }
+/** PATCH /v1/agents/:agentId/threads/:threadId body. Base Camp merges customData into what is stored. */
+export interface UpdateThreadBody {
+    customData?: ThreadCustomData;
+}
 export interface CreateThreadResponse {
     id: string;
     agentId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twentyfourg/chat-kit",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "Base Camp chat frontend for Vue 3: the conversation and composer components, a typed client, SSE streaming, sanitized markdown, and a copy and theme contract.",
   "license": "MIT",
   "type": "module",