@devicai/ui 0.55.0 → 0.57.0

package/dist/esm/components/ChatDrawer/CompactionWidget.js

@@ -0,0 +1,78 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+function formatTokens(value) {
+    if (!value)
+        return "0";
+    if (value < 1000)
+        return String(value);
+    if (value < 1000000)
+        return `${(value / 1000).toFixed(1)}k`;
+    return `${(value / 1000000).toFixed(2)}M`;
+}
+function CompressIcon() {
+    return (jsxs("svg", { className: "devic-compaction-icon", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [jsx("polyline", { points: "4 14 10 14 10 20" }), jsx("polyline", { points: "20 10 14 10 14 4" }), jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3" }), jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14" })] }));
+}
+function ChevronIcon({ up }) {
+    return (jsx("svg", { className: "devic-compaction-chevron", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", style: { transform: up ? "rotate(180deg)" : undefined }, children: jsx("polyline", { points: "6 9 12 15 18 9" }) }));
+}
+function Section({ title, children, }) {
+    return (jsxs("div", { className: "devic-compaction-section", children: [jsx("span", { className: "devic-compaction-section-title", children: title }), children] }));
+}
+function Bullets({ items }) {
+    if (!items?.length)
+        return null;
+    return (jsx("ul", { className: "devic-compaction-list", children: items.map((item, i) => (jsx("li", { children: item }, i))) }));
+}
+function hasStructure(summary) {
+    return Boolean(summary.goal ||
+        summary.constraints?.length ||
+        summary.inProgress ||
+        summary.pending?.length ||
+        summary.decisions?.length ||
+        summary.data?.length ||
+        summary.done?.length ||
+        summary.openQuestions?.length);
+}
+/**
+ * The cut line in the conversation.
+ *
+ * Anchored to the last message a checkpoint folded, it marks the exact point
+ * where the assistant's view of the conversation stops: everything above it
+ * is still here, still readable, and no longer sent. It is a rule across the
+ * thread with the headline numbers, and — where the host opts in with
+ * `expandable` — it opens to show what the assistant reads in place of those
+ * messages.
+ *
+ * With no checkpoint yet and a compaction in flight it says so instead — that
+ * is a model call of its own, and without it the conversation just appears to
+ * have gone quiet.
+ *
+ * Deliberately not a message bubble: a checkpoint is not something anyone
+ * said.
+ */
+function CompactionWidget({ checkpoint, isActive = true, activity = null, renderer, expandable = false, }) {
+    const [expanded, setExpanded] = useState(false);
+    if (renderer) {
+        return jsx(Fragment, { children: renderer({ checkpoint, isActive, activity }) });
+    }
+    const running = activity?.state === "running";
+    if (!checkpoint) {
+        if (!running)
+            return null;
+        return (jsxs("div", { className: "devic-compaction devic-compaction-running", children: [jsx("span", { className: "devic-compaction-rule" }), jsxs("span", { className: "devic-compaction-pill", children: [jsx(CompressIcon, {}), jsx("span", { className: "devic-compaction-title", children: "Compacting context" }), jsxs("span", { className: "devic-compaction-meta", children: [activity.messageCount, " message", activity.messageCount === 1 ? "" : "s", " \u00B7", " ", formatTokens(activity.tokensBefore), " tokens"] }), jsxs("span", { className: "devic-compaction-dots", "aria-hidden": "true", children: [jsx("i", {}), jsx("i", {}), jsx("i", {})] })] }), jsx("span", { className: "devic-compaction-rule" })] }));
+    }
+    const summary = checkpoint.summary || {};
+    const structured = hasStructure(summary);
+    const tooltip = `${checkpoint.compactedMessageCount} message${checkpoint.compactedMessageCount === 1 ? "" : "s"} are still in this conversation but no longer sent to the assistant`;
+    //The headline, identical either way: whether the checkpoint can be opened
+    //changes what the reader may inspect, never what the marker claims.
+    const headline = (jsxs(Fragment, { children: [jsx(CompressIcon, {}), jsxs("span", { className: "devic-compaction-title", children: ["Context compacted", checkpoint.index > 1 ? ` (#${checkpoint.index})` : ""] }), jsxs("span", { className: "devic-compaction-meta", children: [checkpoint.compactedMessageCount, " messages \u00B7", " ", formatTokens(checkpoint.tokensBefore), " \u2192", " ", formatTokens(checkpoint.tokensAfter), " tokens"] }), !isActive && (jsx("span", { className: "devic-compaction-tag", title: "Superseded by a later compaction, which merged this summary into itself. Kept for the record.", children: "superseded" }))] }));
+    return (jsxs("div", { className: "devic-compaction", children: [jsxs("div", { className: "devic-compaction-head", children: [jsx("span", { className: "devic-compaction-rule" }), expandable ? (jsxs("button", { type: "button", className: "devic-compaction-pill", onClick: () => setExpanded((v) => !v), "aria-expanded": expanded, title: tooltip, children: [headline, jsx(ChevronIcon, { up: expanded })] })) : (
+                    //A span, not a disabled button: there is nothing here to operate, so
+                    //it should not reach the keyboard or announce itself as a control.
+                    jsx("span", { className: "devic-compaction-pill devic-compaction-pill-static", title: tooltip, children: headline })), jsx("span", { className: "devic-compaction-rule" })] }), expandable && expanded && (jsxs("div", { className: "devic-compaction-body", children: [jsx("div", { className: "devic-compaction-note", children: "This is what the assistant reads in place of the messages above. The messages themselves are still here." }), structured && (jsxs(Fragment, { children: [summary.goal && jsx(Section, { title: "Goal", children: summary.goal }), !!summary.constraints?.length && (jsx(Section, { title: "Constraints", children: jsx(Bullets, { items: summary.constraints }) })), summary.inProgress && (jsx(Section, { title: "In progress", children: summary.inProgress })), !!summary.pending?.length && (jsx(Section, { title: "Pending", children: jsx(Bullets, { items: summary.pending }) })), !!summary.decisions?.length && (jsx(Section, { title: "Decisions", children: jsx(Bullets, { items: summary.decisions }) })), !!summary.data?.length && (jsx(Section, { title: "Key data", children: jsx(Bullets, { items: summary.data.map((entry) => entry.label ? `${entry.label}: ${entry.value}` : entry.value) }) })), !!summary.done?.length && (jsx(Section, { title: "Done", children: jsx(Bullets, { items: summary.done }) })), !!summary.openQuestions?.length && (jsx(Section, { title: "Open questions", children: jsx(Bullets, { items: summary.openQuestions }) }))] })), summary.raw && (jsx(Section, { title: structured ? "Notes" : "Summary", children: jsx("div", { className: "devic-compaction-raw", children: summary.raw }) })), !!checkpoint.facts?.length && (jsx(Section, { title: "Preserved exactly", children: jsx("div", { className: "devic-compaction-facts", children: checkpoint.facts.map((fact, i) => (jsxs("span", { className: "devic-compaction-fact", children: [fact.label ? (jsxs("span", { className: "devic-compaction-fact-label", children: [fact.label, ":", " "] })) : null, fact.value] }, i))) }) }))] }))] }));
+}
+
+export { CompactionWidget };
+//# sourceMappingURL=CompactionWidget.js.map

package/dist/esm/components/ChatDrawer/CompactionWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactionWidget.js","sources":["../../../../src/components/ChatDrawer/CompactionWidget.tsx"],"sourcesContent":["import { useState, type JSX, type ReactNode } from \"react\";\nimport type {\n  CompactionActivity,\n  CompactionCheckpoint,\n  CompactionSummary,\n} from \"../../api/types\";\n\n/** Data handed to a custom compaction renderer. */\nexport interface CompactionRendererProps {\n  /**\n   * The checkpoint at this point of the conversation. Null while a compaction\n   * is being written and there is nothing to show yet.\n   */\n  checkpoint: CompactionCheckpoint | null;\n  /**\n   * True for the checkpoint that currently governs the context. Each\n   * compaction merges the previous summary into itself, so the earlier ones\n   * are a record rather than something still being sent.\n   */\n  isActive: boolean;\n  /**\n   * The compaction happening right now, or null. Present without a checkpoint\n   * means one is being written; the numbers say what it is folding.\n   */\n  activity: CompactionActivity | null;\n}\n\n/** Replaces the built-in compaction marker. Return null to hide it. */\nexport type CompactionRenderer = (props: CompactionRendererProps) => ReactNode;\n\nfunction formatTokens(value: number): string {\n  if (!value) return \"0\";\n  if (value < 1000) return String(value);\n  if (value < 1_000_000) return `${(value / 1000).toFixed(1)}k`;\n  return `${(value / 1_000_000).toFixed(2)}M`;\n}\n\nfunction CompressIcon(): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-icon\"\n      width=\"13\"\n      height=\"13\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"4 14 10 14 10 20\" />\n      <polyline points=\"20 10 14 10 14 4\" />\n      <line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\" />\n      <line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n    </svg>\n  );\n}\n\nfunction ChevronIcon({ up }: { up: boolean }): JSX.Element {\n  return (\n    <svg\n      className=\"devic-compaction-chevron\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      style={{ transform: up ? \"rotate(180deg)\" : undefined }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction Section({\n  title,\n  children,\n}: {\n  title: string;\n  children: ReactNode;\n}): JSX.Element {\n  return (\n    <div className=\"devic-compaction-section\">\n      <span className=\"devic-compaction-section-title\">{title}</span>\n      {children}\n    </div>\n  );\n}\n\nfunction Bullets({ items }: { items?: string[] }): JSX.Element | null {\n  if (!items?.length) return null;\n  return (\n    <ul className=\"devic-compaction-list\">\n      {items.map((item, i) => (\n        <li key={i}>{item}</li>\n      ))}\n    </ul>\n  );\n}\n\nfunction hasStructure(summary: CompactionSummary): boolean {\n  return Boolean(\n    summary.goal ||\n      summary.constraints?.length ||\n      summary.inProgress ||\n      summary.pending?.length ||\n      summary.decisions?.length ||\n      summary.data?.length ||\n      summary.done?.length ||\n      summary.openQuestions?.length\n  );\n}\n\nexport interface CompactionWidgetProps {\n  checkpoint: CompactionCheckpoint | null;\n  isActive?: boolean;\n  activity?: CompactionActivity | null;\n  renderer?: CompactionRenderer;\n  /**\n   * Lets the reader open the checkpoint and read what it says.\n   *\n   * Off by default, because what opens is not metadata: it is a model-written\n   * account of the conversation — its goal, the decisions taken and why, what\n   * is still pending, and the identifiers lifted out of it verbatim. That is\n   * the right thing to put in front of an operator and the wrong thing to put\n   * in front of the customer the conversation is with, so the closed form is\n   * the default and opening it is a decision the host makes.\n   *\n   * Collapsed it still says a compaction happened and how much it folded:\n   * hiding that would misrepresent the conversation, which is the opposite of\n   * the point.\n   */\n  expandable?: boolean;\n}\n\n/**\n * The cut line in the conversation.\n *\n * Anchored to the last message a checkpoint folded, it marks the exact point\n * where the assistant's view of the conversation stops: everything above it\n * is still here, still readable, and no longer sent. It is a rule across the\n * thread with the headline numbers, and — where the host opts in with\n * `expandable` — it opens to show what the assistant reads in place of those\n * messages.\n *\n * With no checkpoint yet and a compaction in flight it says so instead — that\n * is a model call of its own, and without it the conversation just appears to\n * have gone quiet.\n *\n * Deliberately not a message bubble: a checkpoint is not something anyone\n * said.\n */\nexport function CompactionWidget({\n  checkpoint,\n  isActive = true,\n  activity = null,\n  renderer,\n  expandable = false,\n}: CompactionWidgetProps): JSX.Element | null {\n  const [expanded, setExpanded] = useState(false);\n\n  if (renderer) {\n    return <>{renderer({ checkpoint, isActive, activity })}</>;\n  }\n\n  const running = activity?.state === \"running\";\n\n  if (!checkpoint) {\n    if (!running) return null;\n    return (\n      <div className=\"devic-compaction devic-compaction-running\">\n        <span className=\"devic-compaction-rule\" />\n        <span className=\"devic-compaction-pill\">\n          <CompressIcon />\n          <span className=\"devic-compaction-title\">Compacting context</span>\n          <span className=\"devic-compaction-meta\">\n            {activity!.messageCount} message\n            {activity!.messageCount === 1 ? \"\" : \"s\"} ·{\" \"}\n            {formatTokens(activity!.tokensBefore)} tokens\n          </span>\n          <span className=\"devic-compaction-dots\" aria-hidden=\"true\">\n            <i />\n            <i />\n            <i />\n          </span>\n        </span>\n        <span className=\"devic-compaction-rule\" />\n      </div>\n    );\n  }\n\n  const summary = checkpoint.summary || {};\n  const structured = hasStructure(summary);\n\n  const tooltip = `${checkpoint.compactedMessageCount} message${\n    checkpoint.compactedMessageCount === 1 ? \"\" : \"s\"\n  } are still in this conversation but no longer sent to the assistant`;\n\n  //The headline, identical either way: whether the checkpoint can be opened\n  //changes what the reader may inspect, never what the marker claims.\n  const headline = (\n    <>\n      <CompressIcon />\n      <span className=\"devic-compaction-title\">\n        Context compacted\n        {checkpoint.index > 1 ? ` (#${checkpoint.index})` : \"\"}\n      </span>\n      <span className=\"devic-compaction-meta\">\n        {checkpoint.compactedMessageCount} messages ·{\" \"}\n        {formatTokens(checkpoint.tokensBefore)} →{\" \"}\n        {formatTokens(checkpoint.tokensAfter)} tokens\n      </span>\n      {!isActive && (\n        <span\n          className=\"devic-compaction-tag\"\n          title=\"Superseded by a later compaction, which merged this summary into itself. Kept for the record.\"\n        >\n          superseded\n        </span>\n      )}\n    </>\n  );\n\n  return (\n    <div className=\"devic-compaction\">\n      <div className=\"devic-compaction-head\">\n        <span className=\"devic-compaction-rule\" />\n        {expandable ? (\n          <button\n            type=\"button\"\n            className=\"devic-compaction-pill\"\n            onClick={() => setExpanded((v) => !v)}\n            aria-expanded={expanded}\n            title={tooltip}\n          >\n            {headline}\n            <ChevronIcon up={expanded} />\n          </button>\n        ) : (\n          //A span, not a disabled button: there is nothing here to operate, so\n          //it should not reach the keyboard or announce itself as a control.\n          <span\n            className=\"devic-compaction-pill devic-compaction-pill-static\"\n            title={tooltip}\n          >\n            {headline}\n          </span>\n        )}\n        <span className=\"devic-compaction-rule\" />\n      </div>\n\n      {expandable && expanded && (\n        <div className=\"devic-compaction-body\">\n          <div className=\"devic-compaction-note\">\n            This is what the assistant reads in place of the messages above.\n            The messages themselves are still here.\n          </div>\n\n          {structured && (\n            <>\n              {summary.goal && <Section title=\"Goal\">{summary.goal}</Section>}\n              {!!summary.constraints?.length && (\n                <Section title=\"Constraints\">\n                  <Bullets items={summary.constraints} />\n                </Section>\n              )}\n              {summary.inProgress && (\n                <Section title=\"In progress\">{summary.inProgress}</Section>\n              )}\n              {!!summary.pending?.length && (\n                <Section title=\"Pending\">\n                  <Bullets items={summary.pending} />\n                </Section>\n              )}\n              {!!summary.decisions?.length && (\n                <Section title=\"Decisions\">\n                  <Bullets items={summary.decisions} />\n                </Section>\n              )}\n              {!!summary.data?.length && (\n                <Section title=\"Key data\">\n                  <Bullets\n                    items={summary.data.map((entry) =>\n                      entry.label ? `${entry.label}: ${entry.value}` : entry.value\n                    )}\n                  />\n                </Section>\n              )}\n              {!!summary.done?.length && (\n                <Section title=\"Done\">\n                  <Bullets items={summary.done} />\n                </Section>\n              )}\n              {!!summary.openQuestions?.length && (\n                <Section title=\"Open questions\">\n                  <Bullets items={summary.openQuestions} />\n                </Section>\n              )}\n            </>\n          )}\n\n          {summary.raw && (\n            <Section title={structured ? \"Notes\" : \"Summary\"}>\n              <div className=\"devic-compaction-raw\">{summary.raw}</div>\n            </Section>\n          )}\n\n          {!!checkpoint.facts?.length && (\n            <Section title=\"Preserved exactly\">\n              <div className=\"devic-compaction-facts\">\n                {checkpoint.facts.map((fact, i) => (\n                  <span key={i} className=\"devic-compaction-fact\">\n                    {fact.label ? (\n                      <span className=\"devic-compaction-fact-label\">\n                        {fact.label}:{\" \"}\n                      </span>\n                    ) : null}\n                    {fact.value}\n                  </span>\n                ))}\n              </div>\n            </Section>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default CompactionWidget;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/index.d.ts

@@ -13,6 +13,8 @@ export type { LimitBannerProps } from './LimitBanner';
 export { QueueNotice } from './QueueNotice';
 export type { QueueNoticeProps } from './QueueNotice';
 export { RecalledMemoriesWidget } from './RecalledMemoriesWidget';
+export type { CompactionWidgetProps, CompactionRenderer, CompactionRendererProps, } from './CompactionWidget';
+export { CompactionWidget } from './CompactionWidget';
 export type { RecalledMemoriesWidgetProps, RecalledMemoriesRenderer, RecalledMemoriesRendererProps, } from './RecalledMemoriesWidget';
 export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, CustomPromptBoxProps, MessageBubbleRenderer, MessageBubbleRendererProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, SuggestedMessage, } from './ChatDrawer.types';
 export type { HandoffSubagentWidgetProps } from './HandoffSubagentWidget';

package/dist/esm/hooks/useDevicChat.d.ts

@@ -1,6 +1,6 @@
 import type { TenantMetadata, SubtenantMetadata } from '../provider';
 import { type PendingWidgetCall } from './useModelInterface';
-import type { ChatMessage, ChatFile, ModelInterfaceTool, QueueDisposition, RealtimeStatus, RecalledMemoryRecord, TenantLimitExceeded } from '../api/types';
+import type { ChatMessage, ChatFile, CompactionActivity, CompactionCheckpoint, ModelInterfaceTool, QueueDisposition, RealtimeStatus, RecalledMemoryRecord, TenantLimitExceeded } from '../api/types';
 export interface UseDevicChatOptions {
     /**
      * Assistant identifier
@@ -177,6 +177,18 @@ export interface UseDevicChatResult {
      * without memory.
      */
     recalledMemories: RecalledMemoryRecord[];
+    /**
+     * Compaction checkpoints of the conversation, oldest first. Each one folds
+     * the messages before its boundary into a summary the model reads instead
+     * of them; the messages themselves stay in `messages`.
+     */
+    compactions: CompactionCheckpoint[];
+    /**
+     * The compaction being written right now, or null. A compaction is a model
+     * call of its own between two assistant messages, so this is what tells a
+     * UI why the conversation has gone quiet.
+     */
+    compaction: CompactionActivity | null;
     /**
      * Whether the assistant has handed off to a subagent
      */

package/dist/esm/hooks/useDevicChat.js

@@ -90,6 +90,22 @@ function useDevicChat(options) {
             return fresh.length ? [...prev, ...fresh] : prev;
         });
     }, []);
+    // Compaction checkpoints of the conversation, and the one being written
+    // right now. Same merge rule as the recalls: the realtime blob only carries
+    // the in-flight run's checkpoints, so incoming batches merge by uid.
+    const [compactions, setCompactions] = useState([]);
+    const mergeCompactions = useCallback((incoming) => {
+        if (!incoming?.length)
+            return;
+        setCompactions((prev) => {
+            const known = new Set(prev.map((c) => c.uid));
+            const fresh = incoming.filter((c) => !known.has(c.uid));
+            return fresh.length ? [...prev, ...fresh] : prev;
+        });
+    }, []);
+    // Absent on every ordinary realtime write, which is how a finished
+    // compaction stops being reported.
+    const [compaction, setCompaction] = useState(null);
     // Handoff state
     const [handedOff, setHandedOff] = useState(false);
     const [handedOffSubThreadId, setHandedOffSubThreadId] = useState(null);
@@ -192,6 +208,8 @@ function useDevicChat(options) {
                 setMessages([...(realtime.chatHistory ?? []), ...queuedOnServer]);
             }
             mergeRecalledMemories(realtime.recalledMemories);
+            mergeCompactions(realtime.compactions);
+            setCompaction(realtime.compaction ?? null);
             setStatus(realtime.status);
             setQueuedCount(realtime.queuedMessages ?? 0);
             if (realtime.status === 'processing') {
@@ -231,7 +249,7 @@ function useDevicChat(options) {
             logRef.current.warn('[useDevicChat] resumeFromRealtimeStatus failed:', err);
             setIsLoading(false);
         }
-    }, [assistantId, mergeRecalledMemories]);
+    }, [assistantId, mergeRecalledMemories, mergeCompactions]);
     // Load initial chat history if chatUid prop is provided
     // This runs once on mount (or when initialChatUid changes) to fetch existing conversation
     const initialChatLoadedRef = useRef(false);
@@ -245,6 +263,7 @@ function useDevicChat(options) {
                     const history = await clientRef.current.getChatHistory(assistantId, initialChatUid, { tenantId: resolvedTenantId });
                     setMessages(history.chatContent);
                     mergeRecalledMemories(history.recalledMemories);
+                    mergeCompactions(history.compactions);
                     setChatUid(initialChatUid);
                     // Check realtime status to resume in-progress conversations
                     await resumeFromRealtimeStatus(initialChatUid);
@@ -373,6 +392,10 @@ function useDevicChat(options) {
             // Surface recall events while the run is still processing, so the
             // "recalled memories" strip shows before the first response lands.
             mergeRecalledMemories(data.recalledMemories);
+            // A compaction runs between two assistant messages: without this the
+            // conversation looks stalled while it is being written.
+            mergeCompactions(data.compactions);
+            setCompaction(data.compaction ?? null);
             setStatus(data.status);
             // Notify about new messages
             const lastMessage = data.chatHistory[data.chatHistory.length - 1];
@@ -717,6 +740,8 @@ function useDevicChat(options) {
         setError(null);
         setLimitExceeded(null);
         setRecalledMemories([]);
+        setCompactions([]);
+        setCompaction(null);
         resetQueueState();
         pendingWidgetCallsRef.current = [];
         setPendingWidgetCalls([]);
@@ -742,12 +767,15 @@ function useDevicChat(options) {
         setIsLoading(true);
         setError(null);
         setRecalledMemories([]);
+        setCompactions([]);
+        setCompaction(null);
         // The queue belongs to the conversation being left behind.
         resetQueueState();
         try {
             const history = await clientRef.current.getChatHistory(assistantId, loadChatUid, { tenantId: resolvedTenantId });
             setMessages(history.chatContent);
             mergeRecalledMemories(history.recalledMemories);
+            mergeCompactions(history.compactions);
             setChatUid(loadChatUid);
             // Check realtime status to resume in-progress conversations
             await resumeFromRealtimeStatus(loadChatUid);
@@ -763,6 +791,7 @@ function useDevicChat(options) {
         resolvedTenantId,
         resumeFromRealtimeStatus,
         mergeRecalledMemories,
+        mergeCompactions,
         resetQueueState,
     ]);
     // Handoff polling: while handedOff is true, poll the realtime endpoint every
@@ -891,6 +920,8 @@ function useDevicChat(options) {
         error,
         limitExceeded,
         recalledMemories,
+        compactions,
+        compaction,
         handedOff,
         handedOffSubThreadId,
         queuedCount,