@dbx-tools/ui-mastra 0.9.153 → 0.9.154

package/index.ts

@@ -3,7 +3,7 @@
 // Hand edits are overwritten on the next watch; this file is read-only.
 
 export const PACKAGE_IDENTIFIER = "@dbx-tools/ui-mastra";
-export const PACKAGE_VERSION = "0.9.153";
+export const PACKAGE_VERSION = "0.9.154";
 export * as reactBubbles from "./src/react/bubbles.tsx";
 export * as reactChatApprovals from "./src/react/chat-approvals.ts";
 export * as reactChatComposer from "./src/react/chat-composer.tsx";

package/package.json

@@ -30,11 +30,11 @@
   },
   "dependencies": {
     "@databricks/appkit-ui": "0.81.0",
-    "@dbx-tools/shared-core": "^0.9.153",
-    "@dbx-tools/shared-genie": "^0.9.153",
-    "@dbx-tools/shared-mastra": "^0.9.153",
-    "@dbx-tools/shared-model": "^0.9.153",
-    "@dbx-tools/ui": "^0.9.153",
+    "@dbx-tools/shared-core": "^0.9.154",
+    "@dbx-tools/shared-genie": "^0.9.154",
+    "@dbx-tools/shared-mastra": "^0.9.154",
+    "@dbx-tools/shared-model": "^0.9.154",
+    "@dbx-tools/ui": "^0.9.154",
     "@mastra/client-js": "1.50.0",
     "@mastra/core": "1.71.0",
     "@tanstack/react-table": "^8.21.3",
@@ -51,7 +51,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.9.153",
+  "version": "0.9.154",
   "dbxToolsConfig": {
     "tags": [
       "ui"

package/src/react/chat-thread-layout.tsx

@@ -152,9 +152,16 @@ export const ChatThreadLayout = ({
   };
 
   const [openTabIds, setOpenTabIds] = useState<string[]>([]);
+  const tabsSeededRef = useRef(false);
   useEffect(() => {
     if (!tabbedThreads) return;
-    setOpenTabIds((previous) => syncThreadTabs(previous, threads ?? [], activeThreadId));
+    const seed = !tabsSeededRef.current;
+    tabsSeededRef.current = true;
+    setOpenTabIds((previous) =>
+      syncThreadTabs(previous, threads ?? [], activeThreadId, {
+        seed,
+      }),
+    );
   }, [tabbedThreads, threads, activeThreadId]);
 
   const closeTab = (threadId: string) => {

package/src/support/thread-tabs.ts

@@ -17,6 +17,14 @@ import type { ThreadSummary } from "../react/types.ts";
  */
 export const THREAD_TAB_SEED_MAX = 5;
 
+/** Controls one reconciliation pass for the top conversation tabs. */
+interface SyncThreadTabsOptions {
+  /** Seed recent conversations when no tabs remain. Defaults to true. */
+  readonly seed?: boolean;
+  /** Maximum recent conversations included by an initial seed. */
+  readonly seedMax?: number;
+}
+
 /**
  * Reconcile the open tabs against the current thread list and selection:
  * drop tabs whose conversation no longer exists, seed from the newest
@@ -31,11 +39,13 @@ export function syncThreadTabs(
   openIds: string[],
   threads: ThreadSummary[],
   activeThreadId?: string,
-  seedMax: number = THREAD_TAB_SEED_MAX,
+  options: SyncThreadTabsOptions = {},
 ): string[] {
   const known = new Set(threads.map((thread) => thread.id));
   let next = openIds.filter((id) => known.has(id) || id === activeThreadId);
-  if (next.length === 0) next = threads.slice(0, seedMax).map((thread) => thread.id);
+  if (next.length === 0 && (options.seed ?? true)) {
+    next = threads.slice(0, options.seedMax ?? THREAD_TAB_SEED_MAX).map((thread) => thread.id);
+  }
   if (activeThreadId && !next.includes(activeThreadId)) next = [...next, activeThreadId];
   const unchanged = next.length === openIds.length && next.every((id, i) => id === openIds[i]);
   return unchanged ? openIds : next;