@bitbaum/chatkit 0.8.2 → 0.10.0

package/dist/react/index.d.ts

@@ -12,8 +12,13 @@ export type { ComposerProps, ComposerLabels, ComposerLabelOverrides, ComposerVoi
 export { ChatThread, ChatMessage, ChatReplies, ChatStarters, DEFAULT_THREAD_LABELS, } from "./Thread.js";
 export type { ChatMessageData, ChatSpeaker, LiveTurn, Starter, ThreadLabels } from "./Thread.js";
 export { ChatScreen } from "./Screen.js";
-export { Markdown, defaultRenderLink } from "./Markdown.js";
-export type { CitationMap, RenderLink } from "./Markdown.js";
+export { Markdown, SourcesRow, defaultRenderLink, defaultRenderCitation } from "./Markdown.js";
+export { AnswerActions, DEFAULT_ANSWER_ACTIONS_LABELS } from "./AnswerActions.js";
+export type { AnswerActionsLabels } from "./AnswerActions.js";
+export { useSpeech } from "./use-speech.js";
+export type { SpeechController } from "./use-speech.js";
+export { Sheet, prefersSheet } from "./Sheet.js";
+export type { CitationMap, RenderLink, RenderCitation, RenderSources } from "./Markdown.js";
 export { useDictation } from "./use-dictation.js";
 export type { DictationController, DictationStatus, UseDictationOptions } from "./use-dictation.js";
 export { AttachMenu, DEFAULT_ATTACH_MENU_LABELS } from "./AttachMenu.js";

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAClE,YAAY,EACV,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,qBAAqB,GACtB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAClE,YAAY,EACV,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,qBAAqB,GACtB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/react/index.js

@@ -10,7 +10,10 @@
 export { Composer, DEFAULT_COMPOSER_LABELS } from "./Composer.js";
 export { ChatThread, ChatMessage, ChatReplies, ChatStarters, DEFAULT_THREAD_LABELS, } from "./Thread.js";
 export { ChatScreen } from "./Screen.js";
-export { Markdown, defaultRenderLink } from "./Markdown.js";
+export { Markdown, SourcesRow, defaultRenderLink, defaultRenderCitation } from "./Markdown.js";
+export { AnswerActions, DEFAULT_ANSWER_ACTIONS_LABELS } from "./AnswerActions.js";
+export { useSpeech } from "./use-speech.js";
+export { Sheet, prefersSheet } from "./Sheet.js";
 export { useDictation } from "./use-dictation.js";
 export { AttachMenu, DEFAULT_ATTACH_MENU_LABELS } from "./AttachMenu.js";
 export { useAttachments } from "./use-attachments.js";

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAOlE,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAOlE,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AAElF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/react/use-speech.d.ts

@@ -0,0 +1,25 @@
+import { type Speaker } from "../speech.js";
+export type SpeechController = {
+    /** Something can speak here: the app's speaker, or the browser's voice. */
+    supported: boolean;
+    speaking: boolean;
+    /** Seconds since this reading started; 0 while silent. */
+    elapsed: number;
+    /** Read this markdown aloud (flattened to prose first), stopping any other. */
+    speak: (markdown: string) => void;
+    stop: () => void;
+    toggle: (markdown: string) => void;
+};
+/**
+ * Read an answer aloud — the play button under every answer in the reference
+ * apps. The browser's own voices by default: no upload, no key, works
+ * offline. An app with a studio voice passes its own `speaker` (loki's
+ * Orpheus voice, through the same two methods) and the button, the timer and
+ * the stop are the same.
+ *
+ * One reading at a time: play on a second answer stops the first. Unmounting
+ * stops it too — a voice that keeps reading a page you left is the
+ * microphone bug's twin.
+ */
+export declare function useSpeech(speaker?: Speaker | null): SpeechController;
+//# sourceMappingURL=use-speech.d.ts.map

package/dist/react/use-speech.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-speech.d.ts","sourceRoot":"","sources":["../../src/react/use-speech.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0C,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAIpF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,2EAA2E;IAC3E,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,gBAAgB,CA4DpE"}

package/dist/react/use-speech.js

@@ -0,0 +1,66 @@
+"use client";
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { createSynthSpeaker, plainTextForSpeech } from "../speech.js";
+const noSubscribe = () => () => { };
+/**
+ * Read an answer aloud — the play button under every answer in the reference
+ * apps. The browser's own voices by default: no upload, no key, works
+ * offline. An app with a studio voice passes its own `speaker` (loki's
+ * Orpheus voice, through the same two methods) and the button, the timer and
+ * the stop are the same.
+ *
+ * One reading at a time: play on a second answer stops the first. Unmounting
+ * stops it too — a voice that keeps reading a page you left is the
+ * microphone bug's twin.
+ */
+export function useSpeech(speaker) {
+    const synthSupported = useSyncExternalStore(noSubscribe, () => typeof window !== "undefined" && "speechSynthesis" in window, () => false);
+    const supported = Boolean(speaker) || synthSupported;
+    const [speaking, setSpeaking] = useState(false);
+    const [elapsed, setElapsed] = useState(0);
+    const synth = useRef(null);
+    const active = useRef(null);
+    const token = useRef(0);
+    const stop = useCallback(() => {
+        token.current++;
+        active.current?.cancel();
+        active.current = null;
+        setSpeaking(false);
+        setElapsed(0);
+    }, []);
+    const speak = useCallback((markdown) => {
+        const who = speaker ?? (synth.current ??= createSynthSpeaker());
+        if (!who)
+            return;
+        const text = plainTextForSpeech(markdown);
+        if (!text)
+            return;
+        stop();
+        const my = ++token.current;
+        active.current = who;
+        setSpeaking(true);
+        void who.speak(text).then(() => {
+            if (my === token.current) {
+                active.current = null;
+                setSpeaking(false);
+                setElapsed(0);
+            }
+        });
+    }, [speaker, stop]);
+    const toggle = useCallback((markdown) => {
+        if (speaking)
+            stop();
+        else
+            speak(markdown);
+    }, [speak, speaking, stop]);
+    useEffect(() => {
+        if (!speaking)
+            return;
+        const started = Date.now();
+        const t = setInterval(() => setElapsed((Date.now() - started) / 1000), 500);
+        return () => clearInterval(t);
+    }, [speaking]);
+    useEffect(() => () => stop(), [stop]);
+    return { supported, speaking, elapsed, speak, stop, toggle };
+}
+//# sourceMappingURL=use-speech.js.map

package/dist/react/use-speech.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-speech.js","sourceRoot":"","sources":["../../src/react/use-speech.ts"],"names":[],"mappings":"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"}

package/dist/replies.d.ts

@@ -24,9 +24,12 @@ export type RepliesOptions = {
     maxLength?: number;
 };
 /**
- * Append to a system prompt. Written so a model leaves the block off when no
- * reply is likely — a button row on every answer is noise, and noise is what
- * makes people stop reading buttons.
+ * Append to a system prompt. The model leads: every answer ends with the two
+ * to four things the person is most likely to say next, the first being the
+ * recommended next step. That is what makes a chat on a phone usable with a
+ * thumb — the answer is read, the next move is one tap (owner, 2026-10-21:
+ * "AI helps us to answer and lead the conversation"). Only an answer that
+ * ends the conversation leaves the block off.
  */
 export declare const REPLIES_INSTRUCTION: string;
 /**

package/dist/replies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replies.d.ts","sourceRoot":"","sources":["../src/replies.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAOpB,CAAC;AA+Bb;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,cAAmB,GAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAarC"}
+{"version":3,"file":"replies.d.ts","sourceRoot":"","sources":["../src/replies.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,QAOpB,CAAC;AA+Bb;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,cAAmB,GAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAarC"}

package/dist/replies.js

@@ -18,17 +18,20 @@
  */
 export const REPLIES_FENCE = "quick_replies";
 /**
- * Append to a system prompt. Written so a model leaves the block off when no
- * reply is likely — a button row on every answer is noise, and noise is what
- * makes people stop reading buttons.
+ * Append to a system prompt. The model leads: every answer ends with the two
+ * to four things the person is most likely to say next, the first being the
+ * recommended next step. That is what makes a chat on a phone usable with a
+ * thumb — the answer is read, the next move is one tap (owner, 2026-10-21:
+ * "AI helps us to answer and lead the conversation"). Only an answer that
+ * ends the conversation leaves the block off.
  */
 export const REPLIES_INSTRUCTION = [
     "## Suggested replies",
-    "When the person's next message is predictable — you asked a question, offered a choice, or there is an obvious next step — end your answer with a fenced block of 2–4 short replies they could tap instead of typing:",
+    "End every answer with a fenced block of 2–4 short replies the person could tap instead of typing. Put the most useful next step FIRST — the one you would recommend — then alternatives:",
     "```" + REPLIES_FENCE,
     '["Yes, do it", "Show me first", "Not now"]',
     "```",
-    "Rules: write them in the person's language, in their voice (what THEY would say, not what you would). Each under 40 characters. Each must make sense sent on its own. Never repeat what they already said. Put the block last, after everything else. Leave it out entirely when no reply is likely, or when the conversation is over.",
+    "Rules: write them in the person's language, in their voice (what THEY would say, not what you would). Each under 40 characters. Each must make sense sent on its own. Never repeat what they already said. Put the block last, after everything else. Leave it out only when the conversation is over (a goodbye, a thanks with nothing left to do).",
 ].join("\n");
 const COMPLETE = new RegExp("\\n?```" + REPLIES_FENCE + "\\s*([\\s\\S]*?)```", "i");
 // Still streaming: the fence has opened (or is opening) and not yet closed.

package/dist/replies.js.map

@@ -1 +1 @@
-{"version":3,"file":"replies.js","sourceRoot":"","sources":["../src/replies.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"replies.js","sourceRoot":"","sources":["../src/replies.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;AAS7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,sBAAsB;IACtB,0LAA0L;IAC1L,KAAK,GAAG,aAAa;IACrB,4CAA4C;IAC5C,KAAK;IACL,sVAAsV;CACvV,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,SAAS,GAAG,aAAa,GAAG,qBAAqB,EAAE,GAAG,CAAC,CAAC;AACpF,4EAA4E;AAC5E,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,YAAY,GAAG,aAAa,GAAG,uBAAuB,EAAE,GAAG,CAAC,CAAC;AAE1F,SAAS,KAAK,CAAC,GAAW,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAkB;IACrE,IAAI,MAAe,CAAC;IACpB,IAAI,CAAC;QACH,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC;IAAC,MAAM,CAAC;QACP,uEAAuE;QACvE,MAAM,GAAG,GAAG;aACT,KAAK,CAAC,OAAO,CAAC;aACd,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;IACzF,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;QAC1B,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,SAAS;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,SAAS;QAClE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACd,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG;YAAE,MAAM;IAC/B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,IAAY,EACZ,UAA0B,EAAE;IAE5B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAChG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC;IACjE,CAAC;IACD,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,yEAAyE;IACzE,4CAA4C;IAC5C,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;QACrC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IACpE,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AAC/B,CAAC"}

package/dist/speech.d.ts

@@ -0,0 +1,17 @@
+export declare function plainTextForSpeech(markdown: string): string;
+/**
+ * Which voice language to ask for. The fleet's operators write mixed German
+ * and English; a German sentence is detectable cheaply enough by its most
+ * common function words to pick the voice, and the page's language otherwise.
+ */
+export declare function guessSpeechLang(text: string, fallback?: string): string;
+/** Who reads the words. The browser's own voice by default (`useSpeech`); an
+ *  app with a studio voice hands in its own with the same two methods. */
+export type Speaker = {
+    /** Resolves when the text has been read, or cut off. Never rejects. */
+    speak(text: string): Promise<void>;
+    cancel(): void;
+};
+/** The browser's own voice: free, offline, no key. `null` where there is none. */
+export declare function createSynthSpeaker(): Speaker | null;
+//# sourceMappingURL=speech.d.ts.map

package/dist/speech.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech.d.ts","sourceRoot":"","sources":["../src/speech.ts"],"names":[],"mappings":"AAUA,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CA8B3D;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAO,GAAG,MAAM,CAWrE;AAED;0EAC0E;AAC1E,MAAM,MAAM,OAAO,GAAG;IACpB,uEAAuE;IACvE,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,IAAI,IAAI,CAAC;CAChB,CAAC;AAEF,kFAAkF;AAClF,wBAAgB,kBAAkB,IAAI,OAAO,GAAG,IAAI,CAuBnD"}

package/dist/speech.js

@@ -0,0 +1,81 @@
+/**
+ * An answer as it should be READ ALOUD.
+ *
+ * Markdown read literally is noise — "hash hash Summary, asterisk asterisk",
+ * a citation "F eight" after every claim — so the text is flattened first.
+ * From loki's `speech-text`, where the play button under every answer first
+ * lived. Pure, so it is tested without a voice.
+ */
+import { extractReplies } from "./replies.js";
+export function plainTextForSpeech(markdown) {
+    // Suggested replies are buttons, never words: a quick_replies block is
+    // dropped outright rather than announced as "(code)".
+    const prose = extractReplies(markdown).text;
+    return (prose
+        // Fenced code is not prose; say that it is there rather than reading it.
+        .replace(/```[\s\S]*?```/g, " (code) ")
+        .replace(/`([^`]*)`/g, "$1")
+        // Citations like [F8] or [D1] are for the eye.
+        .replace(/\[(?:[A-Z]{1,2}\d{1,3}(?:,\s*[A-Z]{1,2}\d{1,3})*)\]/g, "")
+        // Links and images: keep the words, drop the URL.
+        .replace(/!\[[^\]]*\]\([^)]*\)/g, "")
+        .replace(/\[([^\]]+)\]\([^)]*\)/g, "$1")
+        .replace(/https?:\/\/\S+/g, "")
+        // Headings, emphasis, quotes, bullets, tasks, rules, tables.
+        .replace(/^\s{0,3}#{1,6}\s+/gm, "")
+        .replace(/^\s*>\s?/gm, "")
+        .replace(/^\s*[-*+]\s+(?:\[[ xX]\]\s+)?/gm, "")
+        .replace(/^\s*\d+[.)]\s+/gm, "")
+        .replace(/^\s*[-*_]{3,}\s*$/gm, "")
+        .replace(/^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/gm, "")
+        .replace(/\|/g, " ")
+        .replace(/(\*\*|__)(.*?)\1/g, "$2")
+        .replace(/(\*|_)(.*?)\1/g, "$2")
+        .replace(/~~(.*?)~~/g, "$1")
+        .replace(/[ \t]+/g, " ")
+        .replace(/\s*\n\s*\n\s*/g, "\n")
+        .trim());
+}
+/**
+ * Which voice language to ask for. The fleet's operators write mixed German
+ * and English; a German sentence is detectable cheaply enough by its most
+ * common function words to pick the voice, and the page's language otherwise.
+ */
+export function guessSpeechLang(text, fallback = "en") {
+    const sample = text.toLowerCase().slice(0, 600);
+    const german = (sample.match(/\b(und|nicht|das|ist|ich|mit|für|auf|eine?|der|die|sind|wird|noch|auch)\b/g) ?? []).length;
+    const english = (sample.match(/\b(and|not|the|is|with|for|on|a|an|are|will|also|this|that)\b/g) ?? []).length;
+    if (german > english && german >= 3)
+        return "de";
+    if (english >= 3)
+        return "en";
+    return fallback;
+}
+/** The browser's own voice: free, offline, no key. `null` where there is none. */
+export function createSynthSpeaker() {
+    if (typeof window === "undefined" || !("speechSynthesis" in window))
+        return null;
+    let current = null;
+    return {
+        speak(text) {
+            return new Promise((resolve) => {
+                window.speechSynthesis.cancel();
+                const u = new SpeechSynthesisUtterance(text);
+                u.lang = guessSpeechLang(text, document.documentElement.lang || "en");
+                u.onend = () => {
+                    if (current === u)
+                        current = null;
+                    resolve();
+                };
+                u.onerror = u.onend;
+                current = u;
+                window.speechSynthesis.speak(u);
+            });
+        },
+        cancel() {
+            window.speechSynthesis.cancel();
+            current = null;
+        },
+    };
+}
+//# sourceMappingURL=speech.js.map

package/dist/speech.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitbaum/chatkit",
-  "version": "0.8.2",
+  "version": "0.10.0",
   "description": "One chat for every product: a composer with a microphone that always works, a thread that does not fight the reader, messages with copy and retry, and LLM markdown \u2014 the fleet's chat standard as a package.",
   "license": "MIT",
   "author": "Cato",

package/styles.css

@@ -122,6 +122,15 @@
 }
 .ck-input::placeholder {
   color: var(--ck-muted);
+  /* One line, always: an empty box is one row high on every phone, and a
+     long placeholder is cut at the edge rather than wrapped into a second
+     line that the box then clips in half (320px, 2026-10-21). */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ck-input:placeholder-shown {
+  overflow: hidden;
 }
 .ck-actions {
   display: flex;
@@ -786,7 +795,175 @@
   margin-top: 0.25em;
 }
 .ck-md-h {
+  margin: 0;
   font-weight: 650;
+  line-height: 1.3;
+}
+.ck-md > .ck-md-h + * {
+  margin-top: 0.5em;
+}
+.ck-md > * + .ck-md-h {
+  margin-top: 1.25em;
+}
+.ck-md-h1 {
+  font-size: 1.375em;
+}
+.ck-md-h2 {
+  font-size: 1.1875em;
+}
+.ck-md-h3 {
+  font-size: 1.0625em;
+}
+.ck-md ul ul,
+.ck-md ol ul {
+  margin-top: 0.25em;
+}
+.ck-task {
+  list-style: none;
+  margin-left: -1.25em;
+}
+.ck-task > input {
+  margin: 0 0.5em 0 0;
+  vertical-align: -0.1em;
+  accent-color: var(--ck-accent);
+  pointer-events: none;
+}
+.ck-hr {
+  height: 1px;
+  margin: 1.25em 0;
+  border: 0;
+  background: var(--ck-line);
+}
+.ck-img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 0.25em 0;
+  border: 1px solid var(--ck-line);
+  border-radius: var(--ck-radius-sm);
+}
+
+/* A list of named things, as cards: a badge, the name, the body. The row is
+   a grid so a long name wraps under itself, never under the badge. */
+.ck-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 0.875em;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ck-card {
+  display: grid;
+  grid-template-columns: 2.5em minmax(0, 1fr);
+  gap: 0.75em;
+  align-items: start;
+}
+.ck-card-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5em;
+  height: 2.5em;
+  border-radius: 0.75em;
+  background: var(--ck-raised);
+  color: var(--ck-fg-2);
+  font-size: 1em;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+.ck-cards:not(.ck-cards-numbered) .ck-card-badge:not(.ck-card-icon) {
+  font-size: 1.5em;
+  line-height: 1;
+}
+.ck-card-icon {
+  font-size: 1.25em;
+}
+.ck-card-body {
+  min-width: 0;
+  padding-top: 0.2em;
+}
+.ck-card-title {
+  font-weight: 650;
+}
+.ck-card-text {
+  margin-top: 0.25em;
+  color: var(--ck-fg-2);
+}
+.ck-card-body > ul {
+  margin-top: 0.375em;
+}
+
+/* A table that scrolls sideways on a phone instead of breaking the page. */
+.ck-table-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.ck-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.9375em;
+  line-height: 1.45;
+}
+.ck-table th,
+.ck-table td {
+  padding: 0.5em 0.75em 0.5em 0;
+  border-bottom: 1px solid var(--ck-line);
+  text-align: left;
+  vertical-align: top;
+}
+.ck-table th {
+  color: var(--ck-fg);
+  font-weight: 650;
+}
+.ck-table td {
+  color: var(--ck-fg);
+}
+.ck-table tr:last-child td {
+  border-bottom: 0;
+}
+
+/* The sources an answer cites, once, under it: a label and a chip each. */
+.ck-sources {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.375rem;
+  margin-top: 1em;
+}
+.ck-sources-label {
+  margin-right: 0.25rem;
+  color: var(--ck-muted);
+  font-size: 0.8125rem;
+}
+.ck-source {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375em;
+  max-width: 100%;
+  min-height: 2rem;
+  padding: 0 0.625rem;
+  border: 1px solid var(--ck-line);
+  border-radius: 999px;
+  background: var(--ck-raised);
+  color: var(--ck-fg-2);
+  font-size: 0.8125rem;
+  text-decoration: none;
+}
+a.ck-source:hover {
+  border-color: var(--ck-line-2);
+  color: var(--ck-fg);
+}
+.ck-source-id {
+  font-family: var(--ck-mono);
+  font-size: 0.75em;
+  color: var(--ck-muted);
+}
+.ck-source-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .ck-md blockquote {
   padding-left: 0.875em;
@@ -889,6 +1066,13 @@
 .ck-reply:hover {
   border-color: var(--ck-accent);
 }
+/* The first reply is the recommended next step: the same pill, drawn as the
+   lead — a firmer line and the reading colour — so the eye lands on it. */
+.ck-reply-lead {
+  border-color: var(--ck-line-2);
+  background: var(--ck-raised);
+  font-weight: 500;
+}
 .ck-reply:disabled {
   opacity: 0.5;
   cursor: default;
@@ -1026,6 +1210,110 @@
   cursor: not-allowed;
   opacity: 0.45;
 }
+/* An app's own rows under Camera · Photos · Files in the attach sheet. */
+.ck-sheet-extra {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  margin-top: 0.75rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid var(--ck-line);
+}
+
+/* while an answer is read aloud: Stop, a quiet wave, the time so far */
+.ck-player {
+  align-items: center;
+}
+.ck-action-stop {
+  color: var(--ck-fg);
+}
+.ck-player-wave {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  height: 1rem;
+}
+.ck-player-wave > span {
+  display: block;
+  width: 2px;
+  height: 0.375rem;
+  border-radius: 1px;
+  background: var(--ck-fg-2);
+  animation: ck-wave 1s ease-in-out infinite;
+}
+.ck-player-wave > span:nth-child(2n) {
+  animation-delay: 0.15s;
+}
+.ck-player-wave > span:nth-child(3n) {
+  animation-delay: 0.3s;
+}
+@keyframes ck-wave {
+  50% {
+    height: 1rem;
+  }
+}
+.ck-player-time {
+  font-size: 0.8125rem;
+  font-variant-numeric: tabular-nums;
+  color: var(--ck-fg-2);
+}
+@media (prefers-reduced-motion: reduce) {
+  .ck-player-wave > span {
+    animation: none;
+    height: 0.75rem;
+  }
+}
+
+/* the sources sheet on a touch screen: one row per record */
+.ck-sources-open {
+  cursor: pointer;
+  font: inherit;
+}
+.ck-sources-open > svg {
+  font-size: 1rem;
+}
+.ck-source-list {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ck-source-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  min-height: var(--ck-target);
+  padding: 0.625rem 0.25rem;
+  border-top: 1px solid var(--ck-line);
+  color: var(--ck-fg);
+  text-decoration: none;
+}
+.ck-source-list > li:first-child .ck-source-row {
+  border-top: 0;
+}
+.ck-source-row .ck-source-id {
+  margin-top: 0.125rem;
+}
+.ck-source-body {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+.ck-source-title {
+  font-weight: 500;
+  overflow-wrap: anywhere;
+}
+.ck-source-detail {
+  font-size: 0.8125rem;
+  color: var(--ck-fg-2);
+  overflow-wrap: anywhere;
+}
+a.ck-source-row:hover .ck-source-title {
+  text-decoration: underline;
+}
+
 @keyframes ck-rise {
   from {
     transform: translateY(1.5rem);