@tanstack/ai-devtools-core 0.3.14 → 0.3.16

package/README.md

@@ -49,6 +49,10 @@ A powerful, type-safe AI SDK for building AI-powered applications.
 
 ### <a href="https://tanstack.com/ai">Read the docs →</a>
 
+## Requirements
+
+- **Node.js v24+** is required to avoid compatibility issues with `isolated-vm`.
+
 ## Tree-Shakeable Adapters
 
 Import only the functionality you need for smaller bundle sizes:

package/dist/Shell/{KINKIMWF.js → SHJAKIOY.js}

@@ -1,6 +1,6 @@
 import { createComponent, ssr, ssrAttribute, escape, ssrStyleProperty } from 'solid-js/web';
 import { createContext, createSignal, onMount, onCleanup, createEffect, For, Show, useContext, batch, createMemo, Index, Switch, Match } from 'solid-js';
-import { ThemeContextProvider, MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
+import { MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
 import * as goober from 'goober';
 import { createStore, produce } from 'solid-js/store';
 import { aiEventClient } from '@tanstack/ai-event-client';
@@ -6156,17 +6156,10 @@ var ConversationDetails = () => {
 
 // src/components/Shell.tsx
 var _tmpl$40 = ["<div", "><div", ' style="', '"><div', ">Active Conversations</div>", '</div><div class="', '"></div><div', ' style="', '">', "</div></div>"];
-function Devtools(props) {
-  return createComponent(ThemeContextProvider, {
-    get theme() {
-      return props.theme;
-    },
+function Devtools() {
+  return createComponent(AIProvider, {
     get children() {
-      return createComponent(AIProvider, {
-        get children() {
-          return createComponent(DevtoolsContent, {});
-        }
-      });
+      return createComponent(DevtoolsContent, {});
     }
   });
 }

package/dist/Shell/{E5BETLAK.js → TWTNN4SQ.js}

@@ -1,6 +1,6 @@
 import { delegateEvents, createComponent, insert, effect, className, setStyleProperty, memo, template, setAttribute } from 'solid-js/web';
 import { createContext, createSignal, onMount, onCleanup, createEffect, For, Show, useContext, batch, createMemo, Index, Switch, Match } from 'solid-js';
-import { ThemeContextProvider, MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
+import { MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
 import * as goober from 'goober';
 import { createStore, produce } from 'solid-js/store';
 import { aiEventClient } from '@tanstack/ai-event-client';
@@ -7452,17 +7452,10 @@ var ConversationDetails = () => {
 
 // src/components/Shell.tsx
 var _tmpl$40 = /* @__PURE__ */ template(`<div><div style=min-width:150px;max-width:800px><div>Active Conversations</div></div><div></div><div style=flex:1>`);
-function Devtools(props) {
-  return createComponent(ThemeContextProvider, {
-    get theme() {
-      return props.theme;
-    },
+function Devtools() {
+  return createComponent(AIProvider, {
     get children() {
-      return createComponent(AIProvider, {
-        get children() {
-          return createComponent(DevtoolsContent, {});
-        }
-      });
+      return createComponent(DevtoolsContent, {});
     }
   });
 }

package/dist/dev.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/E5BETLAK.js')
+  () => import('./Shell/TWTNN4SQ.js')
 );
 
 // src/index.ts

package/dist/index.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/E5BETLAK.js')
+  () => import('./Shell/TWTNN4SQ.js')
 );
 
 // src/index.ts

package/dist/production/Shell/{KINKIMWF.js → SHJAKIOY.js}

@@ -1,6 +1,6 @@
 import { createComponent, ssr, ssrAttribute, escape, ssrStyleProperty } from 'solid-js/web';
 import { createContext, createSignal, onMount, onCleanup, createEffect, For, Show, useContext, batch, createMemo, Index, Switch, Match } from 'solid-js';
-import { ThemeContextProvider, MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
+import { MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
 import * as goober from 'goober';
 import { createStore, produce } from 'solid-js/store';
 import { aiEventClient } from '@tanstack/ai-event-client';
@@ -6156,17 +6156,10 @@ var ConversationDetails = () => {
 
 // src/components/Shell.tsx
 var _tmpl$40 = ["<div", "><div", ' style="', '"><div', ">Active Conversations</div>", '</div><div class="', '"></div><div', ' style="', '">', "</div></div>"];
-function Devtools(props) {
-  return createComponent(ThemeContextProvider, {
-    get theme() {
-      return props.theme;
-    },
+function Devtools() {
+  return createComponent(AIProvider, {
     get children() {
-      return createComponent(AIProvider, {
-        get children() {
-          return createComponent(DevtoolsContent, {});
-        }
-      });
+      return createComponent(DevtoolsContent, {});
     }
   });
 }

package/dist/production/Shell/{E5BETLAK.js → TWTNN4SQ.js}

@@ -1,6 +1,6 @@
 import { delegateEvents, createComponent, insert, effect, className, setStyleProperty, memo, template, setAttribute } from 'solid-js/web';
 import { createContext, createSignal, onMount, onCleanup, createEffect, For, Show, useContext, batch, createMemo, Index, Switch, Match } from 'solid-js';
-import { ThemeContextProvider, MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
+import { MainPanel, Header, HeaderLogo, useTheme, JsonTree } from '@tanstack/devtools-ui';
 import * as goober from 'goober';
 import { createStore, produce } from 'solid-js/store';
 import { aiEventClient } from '@tanstack/ai-event-client';
@@ -7452,17 +7452,10 @@ var ConversationDetails = () => {
 
 // src/components/Shell.tsx
 var _tmpl$40 = /* @__PURE__ */ template(`<div><div style=min-width:150px;max-width:800px><div>Active Conversations</div></div><div></div><div style=flex:1>`);
-function Devtools(props) {
-  return createComponent(ThemeContextProvider, {
-    get theme() {
-      return props.theme;
-    },
+function Devtools() {
+  return createComponent(AIProvider, {
     get children() {
-      return createComponent(AIProvider, {
-        get children() {
-          return createComponent(DevtoolsContent, {});
-        }
-      });
+      return createComponent(DevtoolsContent, {});
     }
   });
 }

package/dist/production/dev.js

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

package/dist/production/index.js

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

package/dist/production/server.js

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

package/dist/server.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/KINKIMWF.js')
+  () => import('./Shell/SHJAKIOY.js')
 );
 
 // src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-devtools-core",
-  "version": "0.3.14",
+  "version": "0.3.16",
   "description": "Core TanStack AI Devtools",
   "author": "",
   "license": "MIT",
@@ -72,8 +72,8 @@
     "@tanstack/devtools-utils": "^0.4.0",
     "goober": "^2.1.18",
     "solid-js": "^1.9.10",
-    "@tanstack/ai": "0.9.1",
-    "@tanstack/ai-event-client": "0.1.3"
+    "@tanstack/ai": "0.10.0",
+    "@tanstack/ai-event-client": "0.2.0"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "4.0.14",

package/src/components/Shell.tsx

@@ -1,28 +1,15 @@
 import { createSignal, onCleanup, onMount } from 'solid-js'
-import {
-  Header,
-  HeaderLogo,
-  MainPanel,
-  ThemeContextProvider,
-} from '@tanstack/devtools-ui'
+import { Header, HeaderLogo, MainPanel } from '@tanstack/devtools-ui'
 import { useStyles } from '../styles/use-styles'
 import { AIProvider } from '../store/ai-context'
 import { ConversationsList } from './ConversationsList'
 import { ConversationDetails } from './ConversationDetails'
 
-import type { TanStackDevtoolsTheme } from '@tanstack/devtools-ui'
-
-interface DevtoolProps {
-  theme: TanStackDevtoolsTheme
-}
-
-export default function Devtools(props: DevtoolProps) {
+export default function Devtools() {
   return (
-    <ThemeContextProvider theme={props.theme}>
-      <AIProvider>
-        <DevtoolsContent />
-      </AIProvider>
-    </ThemeContextProvider>
+    <AIProvider>
+      <DevtoolsContent />
+    </AIProvider>
   )
 }