@standardagents/cli 0.10.1-next.82e11d5 → 0.10.1-next.9e1860c

package/chat/src/index.css

@@ -0,0 +1,168 @@
+@import "tailwindcss";
+
+@source "./**/*.{ts,tsx}";
+@source "../vite/**/*.{ts,tsx,html}";
+@source "../next/**/*.{ts,tsx}";
+
+/* Theme variables */
+:root {
+  /* Dark mode (default) */
+  --bg-primary: #0a0a0b;
+  --bg-secondary: #111113;
+  --bg-tertiary: #1a1a1c;
+  --bg-elevated: #1f1f23;
+  --bg-hover: rgba(63, 63, 70, 0.4);
+  --bg-active: rgba(63, 63, 70, 0.8);
+
+  --border-primary: rgba(63, 63, 70, 0.5);
+  --border-secondary: #3f3f46;
+
+  --text-primary: #fafafa;
+  --text-secondary: #a1a1aa;
+  --text-tertiary: #71717a;
+  --text-muted: #52525b;
+
+  --scrollbar-thumb: #3f3f46;
+  --scrollbar-thumb-hover: #52525b;
+
+  --code-bg: #1f1f22;
+  --shimmer-color: rgba(255, 255, 255, 0.05);
+}
+
+.light {
+  --bg-primary: #ffffff;
+  --bg-secondary: #f9fafb;
+  --bg-tertiary: #f3f4f6;
+  --bg-elevated: #ffffff;
+  --bg-hover: rgba(0, 0, 0, 0.05);
+  --bg-active: rgba(0, 0, 0, 0.1);
+
+  --border-primary: #e5e7eb;
+  --border-secondary: #d1d5db;
+
+  --text-primary: #111827;
+  --text-secondary: #4b5563;
+  --text-tertiary: #6b7280;
+  --text-muted: #9ca3af;
+
+  --scrollbar-thumb: #d1d5db;
+  --scrollbar-thumb-hover: #9ca3af;
+
+  --code-bg: #F8F7F7;
+  --shimmer-color: rgba(0, 0, 0, 0.05);
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}
+
+/* Smooth transitions */
+* {
+  scroll-behavior: smooth;
+}
+
+/* Input placeholder styling */
+textarea::placeholder {
+  color: var(--text-tertiary);
+}
+
+/* Hide scrollbar utility */
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+/* Focus ring override */
+*:focus {
+  outline: none;
+}
+
+/* Animation keyframes */
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateX(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+.animate-fade-in {
+  animation: fadeIn 0.2s ease-out;
+}
+
+.animate-slide-in {
+  animation: slideIn 0.2s ease-out;
+}
+
+.animate-pulse-slow {
+  animation: pulse 2s ease-in-out infinite;
+}
+
+/* Workblock loading shimmer */
+.workblock-shimmer {
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--shimmer-color) 50%,
+    transparent 100%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.5s infinite;
+}
+
+/* Theme transition and base styles */
+html, body {
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+
+/* Color scheme for light-dark() CSS function */
+:root {
+  color-scheme: dark;
+}
+.light {
+  color-scheme: light;
+}
+
+/* Override Shiki's inline background color */
+.shiki,
+.shiki pre,
+.shiki code {
+  background-color: var(--code-bg) !important;
+}

package/chat/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "types": ["vite/client"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src", "vite"]
+}

package/chat/vite/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
+  <path fill="#000" d="M44.06,0v44.08H0v105.92h105.93v-44.07h44.07V0H44.06ZM19.09,130.91c-16.47-16.47-5.29-54.45,24.96-85.18v60.2h60.23c-30.73,30.27-68.71,41.47-85.2,24.98ZM105.93,104.29v-60.21h-60.21C76.46,13.8,114.42,2.6,130.91,19.09c16.51,16.49,5.31,54.47-24.98,85.2Z"/>
+</svg>

package/chat/vite/index.html

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <title>Chat</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }</style>
+  </head>
+  <body class="bg-[#0a0a0b] text-zinc-100 antialiased">
+    <div id="root"></div>
+    <script type="module" src="/main.tsx"></script>
+  </body>
+</html>

package/chat/vite/main.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { AgentBuilderProvider } from '@standardagents/react'
+import { ThemeProvider } from '../src/hooks/useTheme'
+import { AuthProvider } from '../src/hooks/useAuth'
+import App from '../src/App'
+import '../src/index.css'
+
+// Get agentbuilder URL from environment
+const AGENTBUILDER_URL = import.meta.env.VITE_AGENTBUILDER_URL || ''
+
+// Append /api to the endpoint for SDK routes
+const SDK_ENDPOINT = AGENTBUILDER_URL ? `${AGENTBUILDER_URL}/api` : '/api'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <ThemeProvider>
+      <AuthProvider>
+        <AgentBuilderProvider config={{ endpoint: SDK_ENDPOINT }}>
+          <App />
+        </AgentBuilderProvider>
+      </AuthProvider>
+    </ThemeProvider>
+  </React.StrictMode>
+)

package/chat/vite/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import path from 'path'
+
+export default defineConfig({
+  root: __dirname,
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '../src'),
+    },
+  },
+  server: {
+    port: 5174,
+  },
+  build: {
+    outDir: '../dist/vite',
+  },
+})

package/dist/index.js

@@ -116,30 +116,32 @@ agents/
 
 Files are **auto-discovered** at runtime. No manual registration needed.
 
-## FlowState
+## ThreadState
 
-\`FlowState\` is the central state object available in tools and hooks:
+\`ThreadState\` is the state object available in tools and hooks:
 
 \`\`\`typescript
-interface FlowState {
-  thread: {
-    id: string;           // Thread identifier
-    instance: DurableThread;  // Durable Object instance
-  };
-  agent: AgentConfig;     // Current agent configuration
-  prompt: PromptConfig;   // Current prompt configuration
-  model: ModelConfig;     // Current model configuration
-  messages: Message[];    // Conversation history
-  env: Env;               // Cloudflare Worker environment
-  rootState: FlowState;   // Parent state (for sub-prompts)
+interface ThreadState {
+  // Identity (readonly)
+  threadId: string;           // Thread identifier
+  agentId: string;            // Agent identifier
+  userId: string | null;      // User identifier (if set)
+  createdAt: number;          // Creation timestamp
+
+  // Methods
+  getMessages(options?): Promise<MessagesResult>;  // Get conversation history
+  injectMessage(input): Promise<Message>;          // Add message to thread
+  loadModel(name): Promise<ModelConfig>;           // Load model definition
+  loadPrompt(name): Promise<PromptConfig>;         // Load prompt definition
+  loadAgent(name): Promise<AgentConfig>;           // Load agent definition
 }
 \`\`\`
 
 Access in tools:
 \`\`\`typescript
 export default defineTool('...', schema, async (flow, args) => {
-  const threadId = flow.thread.id;
-  const messages = flow.messages;
+  const threadId = flow.threadId;
+  const { messages } = await flow.getMessages();
   // ...
 });
 \`\`\`
@@ -283,15 +285,12 @@ Prompts define system instructions, model selection, and available tools for LLM
 | \`toolDescription\` | \`string\` | Yes | Description shown when used as a tool |
 | \`prompt\` | \`string \\| StructuredPrompt\` | Yes | System instructions |
 | \`model\` | \`string\` | Yes | Model name to use (references \`agents/models/\`) |
-| \`tools\` | \`(string \\| ToolConfig)[]\` | No | Available tools for LLM |
-| \`handoffAgents\` | \`string[]\` | No | Agents this prompt can hand off to |
+| \`tools\` | \`(string \\| ToolConfig)[]\` | No | Available tools (include ai_human agent names for handoffs) |
 | \`includeChat\` | \`boolean\` | No | Include full conversation history |
 | \`includePastTools\` | \`boolean\` | No | Include previous tool results |
 | \`parallelToolCalls\` | \`boolean\` | No | Allow multiple concurrent tool calls |
 | \`toolChoice\` | \`'auto' \\| 'none' \\| 'required'\` | No | Tool calling strategy |
 | \`requiredSchema\` | \`z.ZodObject\` | No | Input validation when called as tool |
-| \`beforeTool\` | \`string\` | No | Tool to run before LLM request |
-| \`afterTool\` | \`string\` | No | Tool to run after LLM response |
 | \`reasoning\` | \`ReasoningConfig\` | No | Extended thinking configuration |
 
 ## Basic Example
@@ -491,7 +490,7 @@ export default defineAgent({
 });
 \`\`\`
 
-Other prompts can then include it in their \`handoffAgents\` array.
+Other prompts can then include the agent name in their \`tools\` array to enable handoffs.
 
 ## Stop Conditions (Priority Order)
 
@@ -566,28 +565,27 @@ export default defineTool(
 | \`result\` | \`string\` | Tool output (required for success) |
 | \`error\` | \`string\` | Error message (for error status) |
 
-## FlowState Access
+## ThreadState Access
 
-The \`flow\` parameter provides access to:
+The \`flow\` parameter (a \`ThreadState\` object) provides access to:
 
 \`\`\`typescript
 async (flow, args) => {
-  // Thread information
-  const threadId = flow.thread.id;
-  const thread = flow.thread.instance;
-
-  // Configuration
-  const agentName = flow.agent.name;
-  const modelName = flow.model.name;
+  // Thread identity (readonly)
+  const threadId = flow.threadId;
+  const agentId = flow.agentId;
+  const userId = flow.userId;       // string | null
 
   // Message history
-  const messages = flow.messages;
+  const { messages } = await flow.getMessages();
+  const { messages: recent } = await flow.getMessages({ limit: 10, order: 'desc' });
 
-  // Environment bindings
-  const env = flow.env;
+  // Resource loading
+  const model = await flow.loadModel('gpt-4o');
+  const prompt = await flow.loadPrompt('support-prompt');
 
-  // Parent state (for sub-prompts)
-  const root = flow.rootState;
+  // Inject messages
+  await flow.injectMessage({ role: 'system', content: 'Note: ...' });
 }
 \`\`\`
 
@@ -636,14 +634,14 @@ import { queueTool } from '@standardagents/builder';
 
 export default defineTool(
   'Create order and send confirmation',
-  z.object({ items: z.array(z.string()) }),
+  z.object({ items: z.array(z.string()), email: z.string() }),
   async (flow, args) => {
     const order = await createOrder(args.items);
 
     // Queue email tool to run next
     queueTool(flow, 'send_confirmation_email', {
       orderId: order.id,
-      email: flow.thread.metadata.userEmail,
+      email: args.email,
     });
 
     return { status: 'success', result: JSON.stringify(order) };
@@ -982,17 +980,19 @@ Full reference: https://docs.standardagentbuilder.com/core-concepts/api
 `;
 
 // src/commands/scaffold.ts
-var WRANGLER_TEMPLATE = (name) => `{
+var WRANGLER_TEMPLATE = (name) => {
+  const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  return `{
   "$schema": "node_modules/wrangler/config-schema.json",
   "name": "${name}",
   "main": "worker/index.ts",
-  "compatibility_date": "2025-01-01",
+  "compatibility_date": "${today}",
   "compatibility_flags": ["nodejs_compat"],
   "observability": {
     "enabled": true
   },
   "assets": {
-    "directory": "dist",
+    "directory": "dist/client",
     "not_found_handling": "single-page-application",
     "binding": "ASSETS",
     "run_worker_first": ["/**"]
@@ -1021,6 +1021,7 @@ var WRANGLER_TEMPLATE = (name) => `{
   ]
 }
 `;
+};
 var THREAD_TS = `import { DurableThread } from 'virtual:@standardagents/builder'
 
 export default class Thread extends DurableThread {}
@@ -1085,14 +1086,6 @@ async function modifyViteConfig(configPath, force) {
       logger.info("Vite config already includes Standard Agents plugins");
       return true;
     }
-    if (!hasCloudflare || force) {
-      addVitePlugin(mod, {
-        from: "@cloudflare/vite-plugin",
-        imported: "cloudflare",
-        constructor: "cloudflare"
-      });
-      logger.success("Added cloudflare plugin to vite.config");
-    }
     if (!hasAgentBuilder || force) {
       addVitePlugin(mod, {
         from: "@standardagents/builder",
@@ -1102,6 +1095,14 @@ async function modifyViteConfig(configPath, force) {
       });
       logger.success("Added agentbuilder plugin to vite.config");
     }
+    if (!hasCloudflare || force) {
+      addVitePlugin(mod, {
+        from: "@cloudflare/vite-plugin",
+        imported: "cloudflare",
+        constructor: "cloudflare"
+      });
+      logger.success("Added cloudflare plugin to vite.config");
+    }
     await writeFile(mod, configPath);
     return true;
   } catch (error) {
@@ -1109,10 +1110,10 @@ async function modifyViteConfig(configPath, force) {
     logger.log("");
     logger.log("Please manually add the following to your vite.config.ts:");
     logger.log("");
-    logger.log(`  import { cloudflare } from '@cloudflare/vite-plugin'`);
     logger.log(`  import { agentbuilder } from '@standardagents/builder'`);
+    logger.log(`  import { cloudflare } from '@cloudflare/vite-plugin'`);
     logger.log("");
-    logger.log(`  plugins: [cloudflare(), agentbuilder({ mountPoint: '/' })]`);
+    logger.log(`  plugins: [agentbuilder({ mountPoint: '/' }), cloudflare()]`);
     logger.log("");
     return false;
   }
@@ -1161,7 +1162,7 @@ function createOrUpdateWranglerConfig(cwd, projectName, force) {
       }
       if (!config.assets) {
         const edits = modify(result, ["assets"], {
-          directory: "dist",
+          directory: "dist/client",
           not_found_handling: "single-page-application",
           binding: "ASSETS",
           run_worker_first: ["/**"]
@@ -1680,8 +1681,11 @@ export default defineConfig({
       installCmd,
       devFlag,
       "@cloudflare/vite-plugin",
+      "wrangler"
+    ], projectPath);
+    await runCommand(pm, [
+      installCmd,
       `@standardagents/builder${builderVersion}`,
-      "wrangler",
       "zod"
     ], projectPath);
   } catch (error) {
@@ -2182,7 +2186,9 @@ async function scaffoldVite(projectPath, chatSourceDir, projectName, serverUrl,
   copyDir(path3.join(chatSourceDir, "src"), path3.join(projectPath, "src"), []);
   logger.success("Copied src/");
   const viteDir = path3.join(chatSourceDir, "vite");
-  fs3.copyFileSync(path3.join(viteDir, "index.html"), path3.join(projectPath, "index.html"));
+  let indexHtml = fs3.readFileSync(path3.join(viteDir, "index.html"), "utf-8");
+  indexHtml = indexHtml.replace('src="/main.tsx"', 'src="/src/main.tsx"');
+  fs3.writeFileSync(path3.join(projectPath, "index.html"), indexHtml, "utf-8");
   logger.success("Created index.html");
   fs3.copyFileSync(path3.join(viteDir, "main.tsx"), path3.join(projectPath, "src", "main.tsx"));
   logger.success("Created src/main.tsx");