@datalayer/agent-runtimes 0.0.2 → 0.0.4

package/lib/state/substates/AIAgentState.js

@@ -4,39 +4,105 @@
  */
 import { createStore } from 'zustand/vanilla';
 import { useStore } from 'zustand';
-export const aiAgentStore = createStore(set => ({
-    aiAgents: [],
-    addAIAgent: (aiAgent) => {
-        set((state) => {
-            if (!state.aiAgents.includes(aiAgent)) {
-                return { aiAgents: state.aiAgents.concat([aiAgent]) };
+import { persist, createJSONStorage } from 'zustand/middleware';
+export const agentStore = createStore()(persist((set, get) => ({
+    agents: [],
+    upsertAgent: agentData => {
+        set(state => {
+            const existingIndex = state.agents.findIndex(a => a.id === agentData.id);
+            const now = Date.now();
+            if (existingIndex >= 0) {
+                // Update existing agent
+                const updatedAgents = [...state.agents];
+                updatedAgents[existingIndex] = {
+                    ...updatedAgents[existingIndex],
+                    ...agentData,
+                    lastUpdated: now,
+                };
+                return { agents: updatedAgents };
             }
             else {
-                return {};
+                // Add new agent
+                const newAgent = {
+                    name: agentData.name || agentData.id,
+                    description: agentData.description || '',
+                    status: agentData.status || 'initializing',
+                    lastUpdated: now,
+                    ...agentData,
+                };
+                return { agents: [...state.agents, newAgent] };
             }
         });
     },
-    deleteAIAgent: (documentId) => {
-        set((state) => {
-            return {
-                aiAgents: state.aiAgents.filter(a => a.documentId === documentId),
-            };
-        });
+    getAgentById: (id) => {
+        const { agents } = get();
+        return agents.find(agent => agent.id === id);
+    },
+    getAgentByUrl: (baseUrl, transport) => {
+        const { agents } = get();
+        return agents.find(agent => agent.baseUrl === baseUrl && agent.transport === transport);
     },
-    updateAIAgent: (documentId, runtimeId) => {
-        set((state) => {
-            const index = state.aiAgents.findIndex(aiAgent => aiAgent.documentId === documentId);
+    updateAgentStatus: (id, status, error = null) => {
+        set(state => {
+            const index = state.agents.findIndex(a => a.id === id);
             if (index >= 0) {
-                state.aiAgents[index].runtimeId = runtimeId;
-                return { aiAgents: [...state.aiAgents] };
+                const updatedAgents = [...state.agents];
+                updatedAgents[index] = {
+                    ...updatedAgents[index],
+                    status,
+                    error,
+                    lastUpdated: Date.now(),
+                };
+                return { agents: updatedAgents };
             }
-            else {
-                return {};
+            return {};
+        });
+    },
+    toggleAgentStatus: (id) => {
+        set(state => {
+            const index = state.agents.findIndex(a => a.id === id);
+            if (index >= 0) {
+                const updatedAgents = [...state.agents];
+                const currentStatus = updatedAgents[index].status;
+                updatedAgents[index] = {
+                    ...updatedAgents[index],
+                    status: currentStatus === 'running' ? 'paused' : 'running',
+                    lastUpdated: Date.now(),
+                };
+                return { agents: updatedAgents };
             }
+            return {};
         });
     },
+    deleteAgent: (id) => {
+        set(state => ({
+            agents: state.agents.filter(a => a.id !== id),
+        }));
+    },
+    clearAgents: () => {
+        set({ agents: [] });
+    },
+}), {
+    name: 'agent-runtimes-storage',
+    storage: createJSONStorage(() => localStorage),
+    // Only persist essential fields
+    partialize: state => ({
+        agents: state.agents.map(agent => ({
+            id: agent.id,
+            name: agent.name,
+            description: agent.description,
+            baseUrl: agent.baseUrl,
+            transport: agent.transport,
+            status: agent.status,
+            lastUpdated: agent.lastUpdated,
+            documentId: agent.documentId,
+            runtimeId: agent.runtimeId,
+        })),
+    }),
 }));
-export function useAIAgentStore(selector) {
-    return useStore(aiAgentStore, selector);
+export function useAgentStore(selector) {
+    return useStore(agentStore, selector);
 }
-export default useAIAgentStore;
+export const aiAgentStore = agentStore;
+export const useAIAgentStore = useAgentStore;
+export default useAgentStore;

package/lib/stubs/keytar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Stub for keytar module in browser environments.
+ * keytar is a native Node.js module for system keychain access
+ * and cannot run in the browser.
+ */
+export declare const getPassword: (_service: string, _account: string) => Promise<string | null>;
+export declare const setPassword: (_service: string, _account: string, _password: string) => Promise<void>;
+export declare const deletePassword: (_service: string, _account: string) => Promise<boolean>;
+export declare const findPassword: (_service: string) => Promise<string | null>;
+export declare const findCredentials: (_service: string) => Promise<Array<{
+    account: string;
+    password: string;
+}>>;
+export declare const getPasswordSync: (_service: string, _account: string) => string | null;
+export declare const setPasswordSync: (_service: string, _account: string, _password: string) => void;
+export declare const deletePasswordSync: (_service: string, _account: string) => boolean;
+declare const _default: {
+    getPassword: (_service: string, _account: string) => Promise<string | null>;
+    setPassword: (_service: string, _account: string, _password: string) => Promise<void>;
+    deletePassword: (_service: string, _account: string) => Promise<boolean>;
+    findPassword: (_service: string) => Promise<string | null>;
+    findCredentials: (_service: string) => Promise<Array<{
+        account: string;
+        password: string;
+    }>>;
+    getPasswordSync: (_service: string, _account: string) => string | null;
+    setPasswordSync: (_service: string, _account: string, _password: string) => void;
+    deletePasswordSync: (_service: string, _account: string) => boolean;
+};
+export default _default;

package/lib/stubs/keytar.js

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Stub for keytar module in browser environments.
+ * keytar is a native Node.js module for system keychain access
+ * and cannot run in the browser.
+ */
+export const getPassword = async (_service, _account) => null;
+export const setPassword = async (_service, _account, _password) => { };
+export const deletePassword = async (_service, _account) => false;
+export const findPassword = async (_service) => null;
+export const findCredentials = async (_service) => [];
+// Sync versions (if any code tries to use them)
+export const getPasswordSync = (_service, _account) => null;
+export const setPasswordSync = (_service, _account, _password) => { };
+export const deletePasswordSync = (_service, _account) => false;
+export default {
+    getPassword,
+    setPassword,
+    deletePassword,
+    findPassword,
+    findCredentials,
+    getPasswordSync,
+    setPasswordSync,
+    deletePasswordSync,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/agent-runtimes",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "workspaces": [
     ".",
@@ -65,7 +65,7 @@
     "clean:dist": "rimraf dist",
     "clean:lib": "rimraf lib tsconfig.tsbuildinfo",
     "create:patches": "bash scripts/create-patches.sh",
-    "examples": "run-p jupyter:start server:start examples:vite",
+    "examples": "run-p server:start examples:vite",
     "examples:fresh": "npm run clean:cache && npm run examples",
     "examples:nextjs": "npm run dev --workspace=nextjs-notebook-example",
     "examples:vite": "VITE_APP_TARGET=examples VITE_DATALAYER_RUN_URL=http://localhost:8888 vite",
@@ -118,9 +118,9 @@
     "@ag-ui/encoder": "^0.0.42",
     "@ag-ui/proto": "^0.0.42",
     "@agentclientprotocol/sdk": "^0.8.0",
-    "@ai-sdk/react": "^3.0.5",
+    "@ai-sdk/react": "3.0.30",
     "@anthropic-ai/sdk": "^0.52.0",
-    "@datalayer/core": "^0.0.20",
+    "@datalayer/core": "^0.0.24",
     "@datalayer/icons-react": "^1.0.6",
     "@datalayer/jupyter-lexical": "^1.0.6",
     "@datalayer/jupyter-react": "^2.0.0",
@@ -177,7 +177,7 @@
     "@tanstack/react-query": "^5.90.6",
     "@toon-format/toon": "^1.3.0",
     "@xyflow/react": "^12.10.0",
-    "ai": "^6.0.6",
+    "ai": "6.0.28",
     "ansi-to-html": "^0.7.2",
     "axios": "^1.7.7",
     "boring-avatars": "^2.0.1",
@@ -281,6 +281,7 @@
     "vitest": "^3.2.4"
   },
   "resolutions": {
+    "@ai-sdk/react": "3.0.30",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.13.0",
@@ -290,13 +291,14 @@
     "@microsoft/load-themed-styles": "1.10.295",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
-    "ai": "^6.0.6",
+    "ai": "6.0.28",
     "pyodide": "0.28.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "typescript": "^5.8.3"
   },
   "overrides": {
+    "@ai-sdk/react": "3.0.30",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.13.0",
@@ -306,7 +308,7 @@
     "@microsoft/load-themed-styles": "1.10.295",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
-    "ai": "^6.0.6",
+    "ai": "6.0.28",
     "pyodide": "0.28.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",

package/style/base.css

@@ -2,6 +2,7 @@
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
+
 /*
  ---break---
  */
@@ -64,49 +65,6 @@ body {
 /*  --jp-ui-font-size1: 12px; */
 }
 
-.Primer_Brand__Hero-module__Hero___EM3jf {
-  padding-top: 88px;
-}
-
-#dla-hero .Primer_Brand__Heading-module__Heading--1___Ufc7G {
-  font-size: 62px;
-}
-
-#dla-hero .Primer_Brand__Grid-module__Grid___q48mT {
-  grid-column-gap: 12px !important;
-}
-
-#dla-hero .Primer_Brand__Text-module__Text___pecHN {
-  max-width: 1000px;
-  padding-right: 15px;
-}
-
-#dla-hero .Primer_Brand__Text-module__Text___pecHN {
-  line-height: 16px;
-}
-
-/* TODO Check the specificity of this rule */
-.jp-ThemedContainer a {
-  color: var(--jp-brand-color1, #1976d2) !important;
-  text-decoration: none !important
-}
-
-.jp-Shout-button {
-  height: 30px;
-  width: 150px;
-  margin: 8px;
-  padding-top: 9px;
-  text-align: center;
-  vertical-align: middle;
-  border-radius: 2px;
-  background-color: #2296f3;
-  color: #212121;
-}
-
-.jp-Shout-summary {
-  margin: 4px;
-}
-
 /*
  ---break---
  */