@tanstack/ai-devtools-core 0.3.4 → 0.3.7

package/dist/production/dev.js

@@ -0,0 +1,8 @@
+import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
+
+// src/core.ts
+var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
+  () => import('./Shell/GHXECDJV.js')
+);
+
+export { AiDevtoolsCore };

package/dist/production/index.d.ts

@@ -0,0 +1,12 @@
+interface AiDevtoolsInit {
+}
+declare const AiDevtoolsCore: new () => {
+    "__#private@#isMounted": boolean;
+    "__#private@#isMounting": boolean;
+    "__#private@#abortMount": boolean;
+    "__#private@#dispose"?: () => void;
+    mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;
+    unmount(): void;
+};
+
+export { AiDevtoolsCore, type AiDevtoolsInit };

package/dist/production/index.js

@@ -0,0 +1,8 @@
+import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
+
+// src/core.ts
+var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
+  () => import('./Shell/GHXECDJV.js')
+);
+
+export { AiDevtoolsCore };

package/dist/production/server.js

@@ -0,0 +1,8 @@
+import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
+
+// src/core.ts
+var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
+  () => import('./Shell/MUFU35SY.js')
+);
+
+export { AiDevtoolsCore };

package/dist/server.js

@@ -0,0 +1,11 @@
+import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
+
+// src/core.ts
+var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
+  () => import('./Shell/MUFU35SY.js')
+);
+
+// src/index.ts
+var AiDevtoolsCore2 = AiDevtoolsCoreNoOp ;
+
+export { AiDevtoolsCore2 as AiDevtoolsCore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-devtools-core",
-  "version": "0.3.4",
+  "version": "0.3.7",
   "description": "Core TanStack AI Devtools",
   "author": "",
   "license": "MIT",
@@ -10,16 +10,48 @@
     "directory": "packages/typescript/ai"
   },
   "type": "module",
-  "types": "./dist/esm/index.d.ts",
-  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
-      "import": "./dist/esm/index.js"
+      "workerd": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/server.js"
+      },
+      "browser": {
+        "development": {
+          "types": "./dist/index.d.ts",
+          "import": "./dist/dev.js"
+        },
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "node": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/server.js"
+      },
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./production": {
-      "types": "./dist/esm/production.d.ts",
-      "import": "./dist/esm/production.js"
+      "workerd": {
+        "types": "./dist/production/index.d.ts",
+        "import": "./dist/production/server.js"
+      },
+      "browser": {
+        "development": {
+          "types": "./dist/production/index.d.ts",
+          "import": "./dist/production/dev.js"
+        },
+        "types": "./dist/production/index.d.ts",
+        "import": "./dist/production/index.js"
+      },
+      "node": {
+        "types": "./dist/production/index.d.ts",
+        "import": "./dist/production/server.js"
+      },
+      "types": "./dist/production/index.d.ts",
+      "import": "./dist/production/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -36,20 +68,22 @@
     "embeddings"
   ],
   "dependencies": {
-    "@tanstack/devtools-ui": "^0.4.4",
-    "@tanstack/devtools-utils": "^0.3.0",
+    "@tanstack/devtools-ui": "^0.5.0",
+    "@tanstack/devtools-utils": "0.3.2",
     "goober": "^2.1.18",
     "solid-js": "^1.9.10",
-    "@tanstack/ai": "0.5.1"
+    "@tanstack/ai": "0.6.1"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "4.0.14",
     "jsdom": "^27.2.0",
+    "tsup": "^8.5.1",
+    "tsup-preset-solid": "^2.2.0",
     "vite": "^7.2.7",
     "vite-plugin-solid": "^2.11.10"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "tsup",
     "clean": "premove ./build ./dist",
     "lint:fix": "eslint ./src --fix",
     "test:build": "publint --strict",

package/src/{core.tsx → core.ts}

@@ -1,10 +1,9 @@
-import { lazy } from 'solid-js'
-import { constructCoreClass } from '@tanstack/devtools-utils/solid'
-
-const Component = lazy(() => import('./components/Shell'))
+import { constructCoreClass } from '@tanstack/devtools-utils/solid/class'
 
 export interface AiDevtoolsInit {}
 
-const [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(Component)
+const [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
+  () => import('./components/Shell'),
+)
 
 export { AiDevtoolsCore, AiDevtoolsCoreNoOp }

package/dist/esm/components/ConversationDetails.d.ts

@@ -1,2 +0,0 @@
-import { Component } from 'solid-js';
-export declare const ConversationDetails: Component;

package/dist/esm/components/ConversationDetails.js

@@ -1,192 +0,0 @@
-import { createComponent, template, insert, effect, className } from "solid-js/web";
-import { createSignal, createEffect, Show } from "solid-js";
-import { useStyles } from "../styles/use-styles.js";
-import { useAIStore } from "../store/ai-context.js";
-import { ConversationHeader } from "./conversation/ConversationHeader.js";
-import { ConversationTabs } from "./conversation/ConversationTabs.js";
-import { MessagesTab } from "./conversation/MessagesTab.js";
-import { ChunksTab } from "./conversation/ChunksTab.js";
-import { SummariesTab } from "./conversation/SummariesTab.js";
-import { ActivityEventsTab } from "./conversation/ActivityEventsTab.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>Select a conversation to view details`), _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
-const ConversationDetails = () => {
-  const {
-    state
-  } = useAIStore();
-  const styles = useStyles();
-  const [activeTab, setActiveTab] = createSignal("messages");
-  const activeConversation = () => {
-    if (!state.activeConversationId) return void 0;
-    return state.conversations[state.activeConversationId];
-  };
-  createEffect(() => {
-    const conv = activeConversation();
-    if (conv) {
-      if (conv.type === "server") {
-        if (conv.chunks.length > 0) {
-          setActiveTab("chunks");
-        } else if (conv.hasSummarize || conv.summaries && conv.summaries.length > 0) {
-          setActiveTab("summaries");
-        } else if (conv.hasImage || conv.imageEvents && conv.imageEvents.length > 0) {
-          setActiveTab("image");
-        } else if (conv.hasSpeech || conv.speechEvents && conv.speechEvents.length > 0) {
-          setActiveTab("speech");
-        } else if (conv.hasTranscription || conv.transcriptionEvents && conv.transcriptionEvents.length > 0) {
-          setActiveTab("transcription");
-        } else if (conv.hasVideo || conv.videoEvents && conv.videoEvents.length > 0) {
-          setActiveTab("video");
-        } else {
-          setActiveTab("chunks");
-        }
-      } else {
-        if (conv.messages.length > 0) {
-          setActiveTab("messages");
-        } else if (conv.hasImage || conv.imageEvents && conv.imageEvents.length > 0) {
-          setActiveTab("image");
-        } else if (conv.hasSpeech || conv.speechEvents && conv.speechEvents.length > 0) {
-          setActiveTab("speech");
-        } else if (conv.hasTranscription || conv.transcriptionEvents && conv.transcriptionEvents.length > 0) {
-          setActiveTab("transcription");
-        } else if (conv.hasVideo || conv.videoEvents && conv.videoEvents.length > 0) {
-          setActiveTab("video");
-        } else {
-          setActiveTab("messages");
-        }
-      }
-    }
-  });
-  return createComponent(Show, {
-    get when() {
-      return activeConversation();
-    },
-    get fallback() {
-      return (() => {
-        var _el$ = _tmpl$();
-        effect(() => className(_el$, styles().conversationDetails.emptyState));
-        return _el$;
-      })();
-    },
-    children: (conv) => (() => {
-      var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
-      insert(_el$2, createComponent(ConversationHeader, {
-        get conversation() {
-          return conv();
-        }
-      }), _el$3);
-      insert(_el$2, createComponent(ConversationTabs, {
-        get conversation() {
-          return conv();
-        },
-        get activeTab() {
-          return activeTab();
-        },
-        onTabChange: setActiveTab
-      }), _el$3);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "messages";
-        },
-        get children() {
-          return createComponent(MessagesTab, {
-            get messages() {
-              return conv().messages;
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "chunks";
-        },
-        get children() {
-          return createComponent(ChunksTab, {
-            get chunks() {
-              return conv().chunks;
-            },
-            get messages() {
-              return conv().messages;
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "summaries";
-        },
-        get children() {
-          return createComponent(SummariesTab, {
-            get summaries() {
-              return conv().summaries ?? [];
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "image";
-        },
-        get children() {
-          return createComponent(ActivityEventsTab, {
-            title: "Image Activity",
-            get events() {
-              return conv().imageEvents ?? [];
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "speech";
-        },
-        get children() {
-          return createComponent(ActivityEventsTab, {
-            title: "Speech Activity",
-            get events() {
-              return conv().speechEvents ?? [];
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "transcription";
-        },
-        get children() {
-          return createComponent(ActivityEventsTab, {
-            title: "Transcription Activity",
-            get events() {
-              return conv().transcriptionEvents ?? [];
-            }
-          });
-        }
-      }), null);
-      insert(_el$3, createComponent(Show, {
-        get when() {
-          return activeTab() === "video";
-        },
-        get children() {
-          return createComponent(ActivityEventsTab, {
-            title: "Video Activity",
-            get events() {
-              return conv().videoEvents ?? [];
-            }
-          });
-        }
-      }), null);
-      effect((_p$) => {
-        var _v$ = styles().conversationDetails.container, _v$2 = styles().conversationDetails.contentArea;
-        _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-        _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
-      });
-      return _el$2;
-    })()
-  });
-};
-export {
-  ConversationDetails
-};
-//# sourceMappingURL=ConversationDetails.js.map

package/dist/esm/components/ConversationDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationDetails.js","sources":["../../../src/components/ConversationDetails.tsx"],"sourcesContent":["import { Show, createEffect, createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport { useAIStore } from '../store/ai-context'\nimport {\n  ActivityEventsTab,\n  ChunksTab,\n  ConversationHeader,\n  ConversationTabs,\n  MessagesTab,\n  SummariesTab,\n} from './conversation'\nimport type { TabType } from './conversation'\nimport type { Conversation } from '../store/ai-context'\nimport type { Component } from 'solid-js'\n\nexport const ConversationDetails: Component = () => {\n  const { state } = useAIStore()\n  const styles = useStyles()\n  const [activeTab, setActiveTab] = createSignal<TabType>('messages')\n\n  const activeConversation = (): Conversation | undefined => {\n    if (!state.activeConversationId) return undefined\n    return state.conversations[state.activeConversationId]\n  }\n\n  // Update active tab when conversation changes\n  createEffect(() => {\n    const conv = activeConversation()\n    if (conv) {\n      // For server conversations, always use chunks (messages tab is hidden)\n      if (conv.type === 'server') {\n        if (conv.chunks.length > 0) {\n          setActiveTab('chunks')\n        } else if (\n          conv.hasSummarize ||\n          (conv.summaries && conv.summaries.length > 0)\n        ) {\n          setActiveTab('summaries')\n        } else if (\n          conv.hasImage ||\n          (conv.imageEvents && conv.imageEvents.length > 0)\n        ) {\n          setActiveTab('image')\n        } else if (\n          conv.hasSpeech ||\n          (conv.speechEvents && conv.speechEvents.length > 0)\n        ) {\n          setActiveTab('speech')\n        } else if (\n          conv.hasTranscription ||\n          (conv.transcriptionEvents && conv.transcriptionEvents.length > 0)\n        ) {\n          setActiveTab('transcription')\n        } else if (\n          conv.hasVideo ||\n          (conv.videoEvents && conv.videoEvents.length > 0)\n        ) {\n          setActiveTab('video')\n        } else {\n          setActiveTab('chunks')\n        }\n      } else {\n        // For client conversations, default to messages tab\n        if (conv.messages.length > 0) {\n          setActiveTab('messages')\n        } else if (\n          conv.hasImage ||\n          (conv.imageEvents && conv.imageEvents.length > 0)\n        ) {\n          setActiveTab('image')\n        } else if (\n          conv.hasSpeech ||\n          (conv.speechEvents && conv.speechEvents.length > 0)\n        ) {\n          setActiveTab('speech')\n        } else if (\n          conv.hasTranscription ||\n          (conv.transcriptionEvents && conv.transcriptionEvents.length > 0)\n        ) {\n          setActiveTab('transcription')\n        } else if (\n          conv.hasVideo ||\n          (conv.videoEvents && conv.videoEvents.length > 0)\n        ) {\n          setActiveTab('video')\n        } else {\n          setActiveTab('messages')\n        }\n      }\n    }\n  })\n\n  return (\n    <Show\n      when={activeConversation()}\n      fallback={\n        <div class={styles().conversationDetails.emptyState}>\n          Select a conversation to view details\n        </div>\n      }\n    >\n      {(conv) => (\n        <div class={styles().conversationDetails.container}>\n          <ConversationHeader conversation={conv()} />\n          <ConversationTabs\n            conversation={conv()}\n            activeTab={activeTab()}\n            onTabChange={setActiveTab}\n          />\n          <div class={styles().conversationDetails.contentArea}>\n            <Show when={activeTab() === 'messages'}>\n              <MessagesTab messages={conv().messages} />\n            </Show>\n            <Show when={activeTab() === 'chunks'}>\n              <ChunksTab chunks={conv().chunks} messages={conv().messages} />\n            </Show>\n            <Show when={activeTab() === 'summaries'}>\n              <SummariesTab summaries={conv().summaries ?? []} />\n            </Show>\n            <Show when={activeTab() === 'image'}>\n              <ActivityEventsTab\n                title=\"Image Activity\"\n                events={conv().imageEvents ?? []}\n              />\n            </Show>\n            <Show when={activeTab() === 'speech'}>\n              <ActivityEventsTab\n                title=\"Speech Activity\"\n                events={conv().speechEvents ?? []}\n              />\n            </Show>\n            <Show when={activeTab() === 'transcription'}>\n              <ActivityEventsTab\n                title=\"Transcription Activity\"\n                events={conv().transcriptionEvents ?? []}\n              />\n            </Show>\n            <Show when={activeTab() === 'video'}>\n              <ActivityEventsTab\n                title=\"Video Activity\"\n                events={conv().videoEvents ?? []}\n              />\n            </Show>\n          </div>\n        </div>\n      )}\n    </Show>\n  )\n}\n"],"names":["ConversationDetails","state","useAIStore","styles","useStyles","activeTab","setActiveTab","createSignal","activeConversation","activeConversationId","undefined","conversations","createEffect","conv","type","chunks","length","hasSummarize","summaries","hasImage","imageEvents","hasSpeech","speechEvents","hasTranscription","transcriptionEvents","hasVideo","videoEvents","messages","_$createComponent","Show","when","fallback","_el$","_tmpl$","_$effect","_$className","conversationDetails","emptyState","children","_el$2","_tmpl$2","_el$3","firstChild","_$insert","ConversationHeader","conversation","ConversationTabs","onTabChange","MessagesTab","ChunksTab","SummariesTab","ActivityEventsTab","title","events","_p$","_v$","container","_v$2","contentArea","e","t"],"mappings":"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"}

package/dist/esm/components/ConversationsList.d.ts

@@ -1,2 +0,0 @@
-import { Component } from 'solid-js';
-export declare const ConversationsList: Component;

package/dist/esm/components/ConversationsList.js

@@ -1,30 +0,0 @@
-import { template, insert, createComponent, effect, className } from "solid-js/web";
-import { For } from "solid-js";
-import { useStyles } from "../styles/use-styles.js";
-import { useAIStore } from "../store/ai-context.js";
-import { ConversationRow } from "./list/ConversationRow.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-const ConversationsList = () => {
-  const {
-    state
-  } = useAIStore();
-  const styles = useStyles();
-  const conversations = () => Object.values(state.conversations);
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, createComponent(For, {
-      get each() {
-        return conversations();
-      },
-      children: (conv) => createComponent(ConversationRow, {
-        conversation: conv
-      })
-    }));
-    effect(() => className(_el$, styles().utilList));
-    return _el$;
-  })();
-};
-export {
-  ConversationsList
-};
-//# sourceMappingURL=ConversationsList.js.map

package/dist/esm/components/ConversationsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationsList.js","sources":["../../../src/components/ConversationsList.tsx"],"sourcesContent":["import { For } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport { useAIStore } from '../store/ai-context'\nimport { ConversationRow } from './list'\nimport type { Conversation } from '../store/ai-context'\nimport type { Component } from 'solid-js'\n\nexport const ConversationsList: Component = () => {\n  const { state } = useAIStore()\n  const styles = useStyles()\n\n  const conversations = () => Object.values(state.conversations)\n\n  return (\n    <div class={styles().utilList}>\n      <For each={conversations()}>\n        {(conv: Conversation) => <ConversationRow conversation={conv} />}\n      </For>\n    </div>\n  )\n}\n"],"names":["ConversationsList","state","useAIStore","styles","useStyles","conversations","Object","values","_el$","_tmpl$","_$insert","_$createComponent","For","each","children","conv","ConversationRow","conversation","_$effect","_$className","utilList"],"mappings":";;;;;;AAOO,MAAMA,oBAA+BA,MAAM;AAChD,QAAM;AAAA,IAAEC;AAAAA,EAAAA,IAAUC,WAAAA;AAClB,QAAMC,SAASC,UAAAA;AAEf,QAAMC,gBAAgBA,MAAMC,OAAOC,OAAON,MAAMI,aAAa;AAE7D,UAAA,MAAA;AAAA,QAAAG,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAEKC,KAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAER,cAAAA;AAAAA,MAAe;AAAA,MAAAS,UACvBA,CAACC,SAAkBJ,gBAAMK,iBAAe;AAAA,QAACC,cAAcF;AAAAA,MAAAA,CAAI;AAAA,IAAA,CAAI,CAAA;AAAAG,WAAA,MAAAC,UAAAX,MAFxDL,OAAAA,EAASiB,QAAQ,CAAA;AAAA,WAAAZ;AAAAA,EAAA,GAAA;AAMjC;"}

package/dist/esm/components/Shell.d.ts

@@ -1 +0,0 @@
-export default function Devtools(): import("solid-js").JSX.Element;

package/dist/esm/components/Shell.js

@@ -1,94 +0,0 @@
-import { createComponent, template, insert, effect, className, setStyleProperty, delegateEvents } from "solid-js/web";
-import { createSignal, onMount, onCleanup } from "solid-js";
-import { MainPanel, Header, HeaderLogo } from "@tanstack/devtools-ui";
-import { useStyles } from "../styles/use-styles.js";
-import { AIProvider } from "../store/ai-context.js";
-import { ConversationsList } from "./ConversationsList.js";
-import { ConversationDetails } from "./ConversationDetails.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div><div style=min-width:150px;max-width:800px><div>Active Conversations</div></div><div></div><div style=flex:1>`);
-function Devtools() {
-  return createComponent(AIProvider, {
-    get children() {
-      return createComponent(DevtoolsContent, {});
-    }
-  });
-}
-function DevtoolsContent() {
-  const styles = useStyles();
-  const [leftPanelWidth, setLeftPanelWidth] = createSignal(300);
-  const [isDragging, setIsDragging] = createSignal(false);
-  let dragStartX = 0;
-  let dragStartWidth = 0;
-  const handleMouseDown = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(true);
-    document.body.style.cursor = "col-resize";
-    document.body.style.userSelect = "none";
-    dragStartX = e.clientX;
-    dragStartWidth = leftPanelWidth();
-  };
-  const handleMouseMove = (e) => {
-    if (!isDragging()) return;
-    e.preventDefault();
-    const deltaX = e.clientX - dragStartX;
-    const newWidth = Math.max(150, Math.min(800, dragStartWidth + deltaX));
-    setLeftPanelWidth(newWidth);
-  };
-  const handleMouseUp = () => {
-    setIsDragging(false);
-    document.body.style.cursor = "";
-    document.body.style.userSelect = "";
-  };
-  onMount(() => {
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseup", handleMouseUp);
-  });
-  onCleanup(() => {
-    document.removeEventListener("mousemove", handleMouseMove);
-    document.removeEventListener("mouseup", handleMouseUp);
-  });
-  return createComponent(MainPanel, {
-    get children() {
-      return [createComponent(Header, {
-        get children() {
-          return createComponent(HeaderLogo, {
-            flavor: {
-              light: "#ec4899",
-              dark: "#ec4899"
-            },
-            children: "TanStack AI"
-          });
-        }
-      }), (() => {
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling, _el$5 = _el$4.nextSibling;
-        insert(_el$2, createComponent(ConversationsList, {}), null);
-        _el$4.$$mousedown = handleMouseDown;
-        insert(_el$5, createComponent(ConversationDetails, {}));
-        effect((_p$) => {
-          var _v$ = styles().mainContainer, _v$2 = styles().leftPanel, _v$3 = `${leftPanelWidth()}px`, _v$4 = styles().shell.sectionHeader, _v$5 = `${styles().dragHandle} ${isDragging() ? "dragging" : ""}`, _v$6 = styles().rightPanel;
-          _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
-          _v$3 !== _p$.a && setStyleProperty(_el$2, "width", _p$.a = _v$3);
-          _v$4 !== _p$.o && className(_el$3, _p$.o = _v$4);
-          _v$5 !== _p$.i && className(_el$4, _p$.i = _v$5);
-          _v$6 !== _p$.n && className(_el$5, _p$.n = _v$6);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0,
-          i: void 0,
-          n: void 0
-        });
-        return _el$;
-      })()];
-    }
-  });
-}
-delegateEvents(["mousedown"]);
-export {
-  Devtools as default
-};
-//# sourceMappingURL=Shell.js.map

package/dist/esm/components/Shell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shell.js","sources":["../../../src/components/Shell.tsx"],"sourcesContent":["import { createSignal, onCleanup, onMount } from 'solid-js'\nimport { Header, HeaderLogo, MainPanel } from '@tanstack/devtools-ui'\nimport { useStyles } from '../styles/use-styles'\nimport { AIProvider } from '../store/ai-context'\nimport { ConversationsList } from './ConversationsList'\nimport { ConversationDetails } from './ConversationDetails'\n\nexport default function Devtools() {\n  return (\n    <AIProvider>\n      <DevtoolsContent />\n    </AIProvider>\n  )\n}\n\nfunction DevtoolsContent() {\n  const styles = useStyles()\n  const [leftPanelWidth, setLeftPanelWidth] = createSignal(300)\n  const [isDragging, setIsDragging] = createSignal(false)\n\n  let dragStartX = 0\n  let dragStartWidth = 0\n\n  const handleMouseDown = (e: MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDragging(true)\n    document.body.style.cursor = 'col-resize'\n    document.body.style.userSelect = 'none'\n    dragStartX = e.clientX\n    dragStartWidth = leftPanelWidth()\n  }\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!isDragging()) return\n\n    e.preventDefault()\n    const deltaX = e.clientX - dragStartX\n    const newWidth = Math.max(150, Math.min(800, dragStartWidth + deltaX))\n    setLeftPanelWidth(newWidth)\n  }\n\n  const handleMouseUp = () => {\n    setIsDragging(false)\n    document.body.style.cursor = ''\n    document.body.style.userSelect = ''\n  }\n\n  onMount(() => {\n    document.addEventListener('mousemove', handleMouseMove)\n    document.addEventListener('mouseup', handleMouseUp)\n  })\n\n  onCleanup(() => {\n    document.removeEventListener('mousemove', handleMouseMove)\n    document.removeEventListener('mouseup', handleMouseUp)\n  })\n\n  return (\n    <MainPanel>\n      <Header>\n        <HeaderLogo flavor={{ light: '#ec4899', dark: '#ec4899' }}>\n          TanStack AI\n        </HeaderLogo>\n      </Header>\n\n      <div class={styles().mainContainer}>\n        <div\n          class={styles().leftPanel}\n          style={{\n            width: `${leftPanelWidth()}px`,\n            'min-width': '150px',\n            'max-width': '800px',\n          }}\n        >\n          {/* Section header */}\n          <div class={styles().shell.sectionHeader}>Active Conversations</div>\n\n          <ConversationsList />\n        </div>\n\n        <div\n          class={`${styles().dragHandle} ${isDragging() ? 'dragging' : ''}`}\n          onMouseDown={handleMouseDown}\n        />\n\n        <div class={styles().rightPanel} style={{ flex: 1 }}>\n          <ConversationDetails />\n        </div>\n      </div>\n    </MainPanel>\n  )\n}\n"],"names":["Devtools","_$createComponent","AIProvider","children","DevtoolsContent","styles","useStyles","leftPanelWidth","setLeftPanelWidth","createSignal","isDragging","setIsDragging","dragStartX","dragStartWidth","handleMouseDown","e","preventDefault","stopPropagation","document","body","style","cursor","userSelect","clientX","handleMouseMove","deltaX","newWidth","Math","max","min","handleMouseUp","onMount","addEventListener","onCleanup","removeEventListener","MainPanel","Header","HeaderLogo","flavor","light","dark","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","ConversationsList","$$mousedown","ConversationDetails","_$effect","_p$","_v$","mainContainer","_v$2","leftPanel","_v$3","_v$4","shell","sectionHeader","_v$5","dragHandle","_v$6","rightPanel","_$className","t","a","_$setStyleProperty","o","i","n","undefined","_$delegateEvents"],"mappings":"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"}

package/dist/esm/components/conversation/ActivityEventsTab.d.ts

@@ -1,8 +0,0 @@
-import { Component } from 'solid-js';
-import { ActivityEvent } from '../../store/ai-context.js';
-interface ActivityEventsTabProps {
-    title: string;
-    events: Array<ActivityEvent>;
-}
-export declare const ActivityEventsTab: Component<ActivityEventsTabProps>;
-export {};

package/dist/esm/components/conversation/ActivityEventsTab.js

@@ -1,72 +0,0 @@
-import { createComponent, template, insert, effect, className } from "solid-js/web";
-import { Show, For } from "solid-js";
-import { useStyles } from "../../styles/use-styles.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div><div><div><div></div><div> events</div></div><div>Activity event log</div></div><div>`), _tmpl$2 = /* @__PURE__ */ template(`<div>No events yet`), _tmpl$3 = /* @__PURE__ */ template(`<div><div> · </div><pre>`);
-const ActivityEventsTab = (props) => {
-  const styles = useStyles();
-  const formattedTimestamp = (timestamp) => new Date(timestamp).toLocaleTimeString();
-  return createComponent(Show, {
-    get when() {
-      return props.events.length > 0;
-    },
-    get fallback() {
-      return (() => {
-        var _el$9 = _tmpl$2();
-        effect(() => className(_el$9, styles().conversationDetails.noChunks));
-        return _el$9;
-      })();
-    },
-    get children() {
-      var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$2.nextSibling;
-      insert(_el$4, () => props.title);
-      insert(_el$5, () => props.events.length, _el$6);
-      insert(_el$8, createComponent(For, {
-        get each() {
-          return props.events;
-        },
-        children: (event) => (() => {
-          var _el$0 = _tmpl$3(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$1.nextSibling;
-          insert(_el$1, () => event.name, _el$10);
-          insert(_el$1, () => formattedTimestamp(event.timestamp), null);
-          insert(_el$11, () => JSON.stringify(event.payload, null, 2));
-          effect((_p$) => {
-            var _v$8 = styles().detailSection, _v$9 = styles().detailSectionHeader, _v$0 = styles().conversationDetails.jsonPreview;
-            _v$8 !== _p$.e && className(_el$0, _p$.e = _v$8);
-            _v$9 !== _p$.t && className(_el$1, _p$.t = _v$9);
-            _v$0 !== _p$.a && className(_el$11, _p$.a = _v$0);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          });
-          return _el$0;
-        })()
-      }));
-      effect((_p$) => {
-        var _v$ = styles().conversationDetails.streamContainer, _v$2 = styles().conversationDetails.streamHeader, _v$3 = styles().conversationDetails.streamHeaderRow, _v$4 = styles().conversationDetails.streamTitle, _v$5 = `${styles().conversationDetails.chunkBadge} ${styles().conversationDetails.chunkBadgeCount}`, _v$6 = styles().conversationDetails.streamSubtitle, _v$7 = styles().conversationDetails.messageGroups;
-        _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-        _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
-        _v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
-        _v$4 !== _p$.o && className(_el$4, _p$.o = _v$4);
-        _v$5 !== _p$.i && className(_el$5, _p$.i = _v$5);
-        _v$6 !== _p$.n && className(_el$7, _p$.n = _v$6);
-        _v$7 !== _p$.s && className(_el$8, _p$.s = _v$7);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0,
-        o: void 0,
-        i: void 0,
-        n: void 0,
-        s: void 0
-      });
-      return _el$;
-    }
-  });
-};
-export {
-  ActivityEventsTab
-};
-//# sourceMappingURL=ActivityEventsTab.js.map

package/dist/esm/components/conversation/ActivityEventsTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityEventsTab.js","sources":["../../../../src/components/conversation/ActivityEventsTab.tsx"],"sourcesContent":["import { For, Show } from 'solid-js'\nimport { useStyles } from '../../styles/use-styles'\nimport type { Component } from 'solid-js'\nimport type { ActivityEvent } from '../../store/ai-context'\n\ninterface ActivityEventsTabProps {\n  title: string\n  events: Array<ActivityEvent>\n}\n\nexport const ActivityEventsTab: Component<ActivityEventsTabProps> = (props) => {\n  const styles = useStyles()\n\n  const formattedTimestamp = (timestamp: number) =>\n    new Date(timestamp).toLocaleTimeString()\n\n  return (\n    <Show\n      when={props.events.length > 0}\n      fallback={\n        <div class={styles().conversationDetails.noChunks}>No events yet</div>\n      }\n    >\n      <div class={styles().conversationDetails.streamContainer}>\n        <div class={styles().conversationDetails.streamHeader}>\n          <div class={styles().conversationDetails.streamHeaderRow}>\n            <div class={styles().conversationDetails.streamTitle}>\n              {props.title}\n            </div>\n            <div\n              class={`${styles().conversationDetails.chunkBadge} ${styles().conversationDetails.chunkBadgeCount}`}\n            >\n              {props.events.length} events\n            </div>\n          </div>\n          <div class={styles().conversationDetails.streamSubtitle}>\n            Activity event log\n          </div>\n        </div>\n        <div class={styles().conversationDetails.messageGroups}>\n          <For each={props.events}>\n            {(event) => (\n              <div class={styles().detailSection}>\n                <div class={styles().detailSectionHeader}>\n                  {event.name} · {formattedTimestamp(event.timestamp)}\n                </div>\n                <pre class={styles().conversationDetails.jsonPreview}>\n                  {JSON.stringify(event.payload, null, 2)}\n                </pre>\n              </div>\n            )}\n          </For>\n        </div>\n      </div>\n    </Show>\n  )\n}\n"],"names":["ActivityEventsTab","props","styles","useStyles","formattedTimestamp","timestamp","Date","toLocaleTimeString","_$createComponent","Show","when","events","length","fallback","_el$9","_tmpl$2","_$effect","_$className","conversationDetails","noChunks","children","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","_el$5","nextSibling","_el$6","_el$7","_el$8","_$insert","title","For","each","event","_el$0","_tmpl$3","_el$1","_el$10","_el$11","name","JSON","stringify","payload","_p$","_v$8","detailSection","_v$9","detailSectionHeader","_v$0","jsonPreview","e","t","a","undefined","_v$","streamContainer","_v$2","streamHeader","_v$3","streamHeaderRow","_v$4","streamTitle","_v$5","chunkBadge","chunkBadgeCount","_v$6","streamSubtitle","_v$7","messageGroups","o","i","n","s"],"mappings":";;;;AAUO,MAAMA,oBAAwDC,CAAAA,UAAU;AAC7E,QAAMC,SAASC,UAAAA;AAEf,QAAMC,qBAAqBA,CAACC,cAC1B,IAAIC,KAAKD,SAAS,EAAEE,mBAAAA;AAEtB,SAAAC,gBACGC,MAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAET,MAAMU,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7BC,WAAQ;AAAA,cAAA,MAAA;AAAA,YAAAC,QAAAC,QAAAA;AAAAC,eAAA,MAAAC,UAAAH,OACMZ,SAASgB,oBAAoBC,QAAQ,CAAA;AAAA,eAAAL;AAAAA,MAAA,GAAA;AAAA,IAAA;AAAA,IAAA,IAAAM,WAAA;AAAA,UAAAC,OAAAC,UAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAD,YAAAG,QAAAD,MAAAE,aAAAC,QAAAF,MAAAH,YAAAM,QAAAL,MAAAG,aAAAG,QAAAR,MAAAK;AAAAI,aAAAN,OAAA,MAO1CzB,MAAMgC,KAAK;AAAAD,aAAAL,OAAA,MAKX1B,MAAMU,OAAOC,QAAMiB,KAAA;AAAAG,aAAAD,OAAAvB,gBAQvB0B,KAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAElC,MAAMU;AAAAA,QAAM;AAAA,QAAAS,UACnBgB,YAAK,MAAA;AAAA,cAAAC,QAAAC,WAAAC,QAAAF,MAAAb,YAAAgB,SAAAD,MAAAf,YAAAiB,SAAAF,MAAAX;AAAAI,iBAAAO,OAAA,MAGAH,MAAMM,MAAIF,MAAA;AAAAR,iBAAAO,OAAA,MAAKnC,mBAAmBgC,MAAM/B,SAAS,GAAC,IAAA;AAAA2B,iBAAAS,QAAA,MAGlDE,KAAKC,UAAUR,MAAMS,SAAS,MAAM,CAAC,CAAC;AAAA7B,iBAAA8B,CAAAA,QAAA;AAAA,gBAAAC,OAL/B7C,SAAS8C,eAAaC,OACpB/C,SAASgD,qBAAmBC,OAG5BjD,OAAAA,EAASgB,oBAAoBkC;AAAWL,qBAAAD,IAAAO,KAAApC,UAAAoB,OAAAS,IAAAO,IAAAN,IAAA;AAAAE,qBAAAH,IAAAQ,KAAArC,UAAAsB,OAAAO,IAAAQ,IAAAL,IAAA;AAAAE,qBAAAL,IAAAS,KAAAtC,UAAAwB,QAAAK,IAAAS,IAAAJ,IAAA;AAAA,mBAAAL;AAAAA,UAAA,GAAA;AAAA,YAAAO,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAA,iBAAAnB;AAAAA,QAAA,GAAA;AAAA,MAAA,CAIvD,CAAA;AAAArB,aAAA8B,CAAAA,QAAA;AAAA,YAAAW,MA3BKvD,SAASgB,oBAAoBwC,iBAAeC,OAC1CzD,SAASgB,oBAAoB0C,cAAYC,OACvC3D,SAASgB,oBAAoB4C,iBAAeC,OAC1C7D,OAAAA,EAASgB,oBAAoB8C,aAAWC,OAI3C,GAAG/D,SAASgB,oBAAoBgD,UAAU,IAAIhE,OAAAA,EAASgB,oBAAoBiD,eAAe,IAAEC,OAK3FlE,SAASgB,oBAAoBmD,gBAAcC,OAI7CpE,OAAAA,EAASgB,oBAAoBqD;AAAad,gBAAAX,IAAAO,KAAApC,UAAAI,MAAAyB,IAAAO,IAAAI,GAAA;AAAAE,iBAAAb,IAAAQ,KAAArC,UAAAM,OAAAuB,IAAAQ,IAAAK,IAAA;AAAAE,iBAAAf,IAAAS,KAAAtC,UAAAQ,OAAAqB,IAAAS,IAAAM,IAAA;AAAAE,iBAAAjB,IAAA0B,KAAAvD,UAAAS,OAAAoB,IAAA0B,IAAAT,IAAA;AAAAE,iBAAAnB,IAAA2B,KAAAxD,UAAAU,OAAAmB,IAAA2B,IAAAR,IAAA;AAAAG,iBAAAtB,IAAA4B,KAAAzD,UAAAa,OAAAgB,IAAA4B,IAAAN,IAAA;AAAAE,iBAAAxB,IAAA6B,KAAA1D,UAAAc,OAAAe,IAAA6B,IAAAL,IAAA;AAAA,eAAAxB;AAAAA,MAAA,GAAA;AAAA,QAAAO,GAAAG;AAAAA,QAAAF,GAAAE;AAAAA,QAAAD,GAAAC;AAAAA,QAAAgB,GAAAhB;AAAAA,QAAAiB,GAAAjB;AAAAA,QAAAkB,GAAAlB;AAAAA,QAAAmB,GAAAnB;AAAAA,MAAAA,CAAA;AAAA,aAAAnC;AAAAA,IAAA;AAAA,EAAA,CAAA;AAiB9D;"}

package/dist/esm/components/conversation/ChunkBadges.d.ts

@@ -1,7 +0,0 @@
-import { Component } from 'solid-js';
-import { Chunk } from '../../store/ai-store.js';
-interface ChunkBadgesProps {
-    chunks: Array<Chunk>;
-}
-export declare const ChunkBadges: Component<ChunkBadgesProps>;
-export {};