@agentuity/workbench 0.0.105 → 0.0.107

package/dist/types/config.d.ts

@@ -1,33 +1,42 @@
-import type { UIMessage } from 'ai';
 import type { WorkbenchConfig } from '@agentuity/core/workbench';
+import type { UIMessage } from 'ai';
 import type { AgentSchemaData, AgentSchemasResponse } from '../hooks/useAgentSchemas';
 export interface Agent {
+    avatar?: string;
+    description?: string;
     id: string;
     name: string;
-    description?: string;
-    avatar?: string;
 }
 export type ConnectionStatus = 'connected' | 'restarting' | 'disconnected';
 export interface WorkbenchContextType {
-    config: WorkbenchConfig;
     agents: Record<string, AgentSchemaData>;
-    suggestions: string[];
-    messages: UIMessage[];
-    setMessages: (messages: UIMessage[] | ((prev: UIMessage[]) => UIMessage[])) => void;
-    selectedAgent: string;
-    setSelectedAgent: (agentId: string) => void;
-    inputMode: 'text' | 'form';
-    setInputMode: (mode: 'text' | 'form') => void;
-    isLoading: boolean;
-    submitMessage: (value: string, mode?: 'text' | 'form') => Promise<void>;
+    clearAgentState: (agentId: string) => Promise<void>;
+    config: WorkbenchConfig;
+    connectionStatus: ConnectionStatus;
+    env: {
+        agentuity: boolean;
+        authenticated: boolean;
+        cloud: boolean;
+    };
     generateSample: (agentId: string) => Promise<string>;
+    inputMode: 'text' | 'form';
     isGeneratingSample: boolean;
-    isAuthenticated: boolean;
+    isLoading: boolean;
+    messages: UIMessage[];
+    refetchSchemas: () => void;
     schemas: AgentSchemasResponse | null;
-    schemasLoading: boolean;
     schemasError: Error | null;
-    refetchSchemas: () => void;
-    connectionStatus: ConnectionStatus;
-    clearAgentState: (agentId: string) => Promise<void>;
+    schemasLoading: boolean;
+    selectedAgent: string;
+    setInputMode: (mode: 'text' | 'form') => void;
+    setMessages: (messages: UIMessage[] | ((prev: UIMessage[]) => UIMessage[])) => void;
+    setSelectedAgent: (agentId: string) => void;
+    submitMessage: (value: string, mode?: 'text' | 'form') => Promise<void>;
+}
+export interface ErrorInfo {
+    message: string;
+    stack?: string;
+    code?: string;
+    cause?: unknown;
 }
 //# sourceMappingURL=config.d.ts.map

package/dist/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEtF,MAAM,WAAW,KAAK;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAG3E,MAAM,WAAW,oBAAoB;IACpC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrD,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IAEzB,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,gBAAgB,EAAE,gBAAgB,CAAC;IAEnC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEtF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAG3E,MAAM,WAAW,oBAAoB;IACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACxC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,GAAG,EAAE;QACJ,SAAS,EAAE,OAAO,CAAC;QACnB,aAAa,EAAE,OAAO,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC;KACf,CAAC;IACF,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC;IACpF,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,SAAS;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/package.json

@@ -1,8 +1,8 @@
 {
 	"name": "@agentuity/workbench",
-	"version": "0.0.105",
+	"version": "0.0.107",
 	"license": "Apache-2.0",
-	"author": "Agentuity employees and contributors",
+	"author": "Agentuity",
 	"type": "module",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -38,8 +38,8 @@
 		"prepublishOnly": "bun run clean && bun run build"
 	},
 	"dependencies": {
-		"@agentuity/core": "0.0.105",
-		"@agentuity/react": "0.0.105",
+		"@agentuity/core": "0.0.107",
+		"@agentuity/react": "0.0.107",
 		"@ai-sdk/react": "^3.0.1",
 		"@hookform/resolvers": "^5.2.2",
 		"@monaco-editor/react": "^4.6.0",
@@ -68,7 +68,7 @@
 		"zod-from-json-schema": "^0.5.2"
 	},
 	"devDependencies": {
-		"@agentuity/test-utils": "0.0.105",
+		"@agentuity/test-utils": "0.0.107",
 		"@tailwindcss/cli": "^4.1.12",
 		"@tailwindcss/vite": "^4.1.12",
 		"@vitejs/plugin-react": "^4.5.3",

package/src/base.css

@@ -2,171 +2,190 @@
 /* This file contains CSS variables, theme, and keyframes used by both versions */
 
 :root {
-	--background: hsl(0 0% 100%);
-	--foreground: hsl(240 10% 3.9%);
-	--card: hsl(0 0% 100%);
-	--card-foreground: hsl(240 10% 3.9%);
-	--popover: hsl(0 0% 100%);
-	--popover-foreground: hsl(240 10% 3.9%);
-	--primary: hsl(240 5.9% 10%);
-	--primary-foreground: hsl(0 0% 98%);
-	--secondary: hsl(240 4.8% 95.9%);
-	--secondary-foreground: hsl(240 5.9% 10%);
-	--muted: hsl(240 4.8% 95.9%);
-	--muted-foreground: hsl(240 3.8% 46.1%);
-	--accent: hsl(240 4.8% 95.9%);
-	--accent-foreground: hsl(240 5.9% 10%);
-	--destructive: hsl(347 77% 50%);
-	--destructive-foreground: hsl(0 0% 98%);
-	--border: hsl(240 5.9% 90%);
-	--input: hsl(240 5.9% 90%);
-	--ring: hsl(240 10% 3.9%);
-	--chart-1: hsl(12 76% 61%);
-	--chart-2: hsl(173 58% 39%);
-	--chart-3: hsl(197 37% 24%);
-	--chart-4: hsl(43 74% 66%);
-	--chart-5: hsl(27 87% 67%);
+	--background: 0 0% 100%;
+	--foreground: 240 10% 3.9%;
+	--card: 0 0% 100%;
+	--card-foreground: 240 10% 3.9%;
+	--popover: 0 0% 100%;
+	--popover-foreground: 240 10% 3.9%;
+	--primary: 240 5.9% 10%;
+	--primary-foreground: 0 0% 98%;
+	--secondary: 240 4.8% 95.9%;
+	--secondary-foreground: 240 5.9% 10%;
+	--muted: 240 4.8% 95.9%;
+	--muted-foreground: 240 3.8% 46.1%;
+	--accent: 240 4.8% 95.9%;
+	--accent-foreground: 240 5.9% 10%;
+	--destructive: 347 77% 50%;
+	--destructive-foreground: 0 0% 98%;
+	--border: 240 5.9% 90%;
+	--input: 240 5.9% 90%;
+	--ring: 240 10% 3.9%;
+	--chart-1: 12 76% 61%;
+	--chart-2: 173 58% 39%;
+	--chart-3: 197 37% 24%;
+	--chart-4: 43 74% 66%;
+	--chart-5: 27 87% 67%;
 	--radius: 0.5rem;
-	--sidebar-background: hsl(0 0% 98%);
-	--sidebar-foreground: hsl(240 5.3% 26.1%);
-	--sidebar-primary: hsl(240 5.9% 10%);
-	--sidebar-primary-foreground: hsl(0 0% 98%);
-	--sidebar-accent: hsl(240 4.8% 95.9%);
-	--sidebar-accent-foreground: hsl(240 5.9% 10%);
-	--sidebar-border: hsl(220 13% 91%);
-	--sidebar-ring: hsl(217.2 91.2% 59.8%);
+	--sidebar-background: 0 0% 98%;
+	--sidebar-foreground: 240 5.3% 26.1%;
+	--sidebar-primary: 240 5.9% 10%;
+	--sidebar-primary-foreground: 0 0% 98%;
+	--sidebar-accent: 240 4.8% 95.9%;
+	--sidebar-accent-foreground: 240 5.9% 10%;
+	--sidebar-border: 220 13% 91%;
+	--sidebar-ring: 217.2 91.2% 59.8%;
 }
 
 .dark {
-	--background: hsl(240 10% 3.9%);
-	--foreground: hsl(0 0% 98%);
-	--card: hsl(240 10% 3.9%);
-	--card-foreground: hsl(0 0% 98%);
-	--popover: hsl(240 10% 3.9%);
-	--popover-foreground: hsl(0 0% 98%);
-	--primary: hsl(0 0% 98%);
-	--primary-foreground: hsl(240 5.9% 10%);
-	--secondary: hsl(240 3.7% 15.9%);
-	--secondary-foreground: hsl(0 0% 98%);
-	--muted: hsl(240 3.7% 15.9%);
-	--muted-foreground: hsl(240 5% 64.9%);
-	--accent: hsl(240 3.7% 15.9%);
-	--accent-foreground: hsl(0 0% 98%);
-	--destructive: hsl(345 83% 41%);
-	--destructive-foreground: hsl(0 0% 98%);
-	--border: hsl(240 3.7% 15.9%);
-	--input: hsl(240 3.7% 15.9%);
-	--ring: hsl(240 4.9% 83.9%);
-	--chart-1: hsl(220 70% 50%);
-	--chart-2: hsl(160 60% 45%);
-	--chart-3: hsl(30 80% 55%);
-	--chart-4: hsl(280 65% 60%);
-	--chart-5: hsl(340 75% 55%);
-	--sidebar-background: hsl(240 5.9% 10%);
-	--sidebar-foreground: hsl(240 4.8% 95.9%);
-	--sidebar-primary: hsl(224.3 76.3% 48%);
-	--sidebar-primary-foreground: hsl(0 0% 100%);
-	--sidebar-accent: hsl(240 3.7% 15.9%);
-	--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
-	--sidebar-border: hsl(240 3.7% 15.9%);
-	--sidebar-ring: hsl(217.2 91.2% 59.8%);
+	--background: 240 10% 3.9%;
+	--foreground: 0 0% 98%;
+	--card: 240 10% 3.9%;
+	--card-foreground: 0 0% 98%;
+	--popover: 240 10% 3.9%;
+	--popover-foreground: 0 0% 98%;
+	--primary: 0 0% 98%;
+	--primary-foreground: 240 5.9% 10%;
+	--secondary: 240 3.7% 15.9%;
+	--secondary-foreground: 0 0% 98%;
+	--muted: 240 3.7% 15.9%;
+	--muted-foreground: 240 5% 64.9%;
+	--accent: 240 3.7% 15.9%;
+	--accent-foreground: 0 0% 98%;
+	--destructive: 345 83% 41%;
+	--destructive-foreground: 0 0% 98%;
+	--border: 240 3.7% 15.9%;
+	--input: 240 3.7% 15.9%;
+	--ring: 240 4.9% 83.9%;
+	--chart-1: 220 70% 50%;
+	--chart-2: 160 60% 45%;
+	--chart-3: 30 80% 55%;
+	--chart-4: 280 65% 60%;
+	--chart-5: 340 75% 55%;
+	--sidebar-background: 240 5.9% 10%;
+	--sidebar-foreground: 240 4.8% 95.9%;
+	--sidebar-primary: 224.3 76.3% 48%;
+	--sidebar-primary-foreground: 0 0% 100%;
+	--sidebar-accent: 240 3.7% 15.9%;
+	--sidebar-accent-foreground: 240 4.8% 95.9%;
+	--sidebar-border: 240 3.7% 15.9%;
+	--sidebar-ring: 217.2 91.2% 59.8%;
 }
 
 @theme inline {
-	--font-sans: 'Geist';
-	--font-mono: 'Geist Mono';
-	--color-cyan-50: #e5ffff;
-	--color-cyan-100: #ccffff;
-	--color-cyan-200: #99ffff;
-	--color-cyan-300: #66ffff;
-	--color-cyan-400: #33ffff;
-	--color-cyan-500: #00ffff;
-	--color-cyan-600: #00cccc;
-	--color-cyan-700: #009999;
-	--color-cyan-800: #006666;
-	--color-cyan-900: #003333;
-	--color-cyan-950: #001919;
-	--color-gray-50: var(--color-zinc-50);
-	--color-gray-100: var(--color-zinc-100);
-	--color-gray-200: var(--color-zinc-200);
-	--color-gray-300: var(--color-zinc-300);
-	--color-gray-400: var(--color-zinc-400);
-	--color-gray-500: var(--color-zinc-500);
-	--color-gray-600: var(--color-zinc-600);
-	--color-gray-700: var(--color-zinc-700);
-	--color-gray-800: var(--color-zinc-800);
-	--color-gray-900: var(--color-zinc-900);
-	--color-gray-950: var(--color-zinc-950);
-	--color-red-50: var(--color-rose-50);
-	--color-red-100: var(--color-rose-100);
-	--color-red-200: var(--color-rose-200);
-	--color-red-300: var(--color-rose-300);
-	--color-red-400: var(--color-rose-400);
-	--color-red-500: var(--color-rose-500);
-	--color-red-600: var(--color-rose-600);
-	--color-red-700: var(--color-rose-700);
-	--color-red-800: var(--color-rose-800);
-	--color-red-900: var(--color-rose-900);
-	--color-red-950: var(--color-rose-950);
-	--color-green-50: var(--color-emerald-50);
-	--color-green-100: var(--color-emerald-100);
-	--color-green-200: var(--color-emerald-200);
-	--color-green-300: var(--color-emerald-300);
-	--color-green-400: var(--color-emerald-400);
-	--color-green-500: var(--color-emerald-500);
-	--color-green-600: var(--color-emerald-600);
-	--color-green-700: var(--color-emerald-700);
-	--color-green-800: var(--color-emerald-800);
-	--color-green-900: var(--color-emerald-900);
-	--color-green-950: var(--color-emerald-950);
-	--color-blue-50: var(--color-sky-50);
-	--color-blue-100: var(--color-sky-100);
-	--color-blue-200: var(--color-sky-200);
-	--color-blue-300: var(--color-sky-300);
-	--color-blue-400: var(--color-sky-400);
-	--color-blue-500: var(--color-sky-500);
-	--color-blue-600: var(--color-sky-600);
-	--color-blue-700: var(--color-sky-700);
-	--color-blue-800: var(--color-sky-800);
-	--color-blue-900: var(--color-sky-900);
-	--color-blue-950: var(--color-sky-950);
-
-	--color-background: var(--background);
-	--color-foreground: var(--foreground);
-	--color-card: var(--card);
-	--color-card-foreground: var(--card-foreground);
-	--color-popover: var(--popover);
-	--color-popover-foreground: var(--popover-foreground);
-	--color-primary: var(--primary);
-	--color-primary-foreground: var(--primary-foreground);
-	--color-secondary: var(--secondary);
-	--color-secondary-foreground: var(--secondary-foreground);
-	--color-muted: var(--muted);
-	--color-muted-foreground: var(--muted-foreground);
-	--color-accent: var(--accent);
-	--color-accent-foreground: var(--accent-foreground);
-	--color-destructive: var(--destructive);
-	--color-destructive-foreground: var(--destructive-foreground);
-	--color-border: var(--border);
-	--color-input: var(--input);
-	--color-ring: var(--ring);
-	--color-chart-1: var(--chart-1);
-	--color-chart-2: var(--chart-2);
-	--color-chart-3: var(--chart-3);
-	--color-chart-4: var(--chart-4);
-	--color-chart-5: var(--chart-5);
-	--radius-sm: calc(var(--radius) - 4px);
-	--radius-md: calc(var(--radius) - 2px);
+	/* Cyan (Custom) */
+	--color-cyan-50: oklch(0.9812 0.027 196.72);
+	--color-cyan-100: oklch(0.965 0.0516 196.33);
+	--color-cyan-200: oklch(0.938 0.0956 195.64);
+	--color-cyan-300: oklch(0.9193 0.1285 195.15);
+	--color-cyan-400: oklch(0.9089 0.1478 194.87);
+	--color-cyan-500: oklch(0.9054 0.15455 194.769);
+	--color-cyan-600: oklch(0.7653 0.1306 194.77);
+	--color-cyan-700: oklch(0.6183 0.10555 194.769);
+	--color-cyan-800: oklch(0.462 0.078864 194.769);
+	--color-cyan-900: oklch(0.2907 0.0496 194.77);
+	--color-cyan-950: oklch(0.1932 0.033 194.77);
+
+	/* Gray (Zinc) */
+	--color-gray-50: oklch(0.985 0 0);
+	--color-gray-100: oklch(0.967 0.001 286.375);
+	--color-gray-200: oklch(0.92 0.004 286.32);
+	--color-gray-300: oklch(0.871 0.006 286.286);
+	--color-gray-400: oklch(0.705 0.015 286.067);
+	--color-gray-500: oklch(0.552 0.016 285.938);
+	--color-gray-600: oklch(0.442 0.017 285.786);
+	--color-gray-700: oklch(0.37 0.013 285.805);
+	--color-gray-800: oklch(0.274 0.006 286.033);
+	--color-gray-900: oklch(0.21 0.006 285.885);
+	--color-gray-950: oklch(0.141 0.005 285.823);
+
+	/* Red (Rose) */
+	--color-red-50: oklch(0.969 0.015 12.422);
+	--color-red-100: oklch(0.941 0.03 12.58);
+	--color-red-200: oklch(0.892 0.058 10.001);
+	--color-red-300: oklch(0.81 0.117 11.638);
+	--color-red-400: oklch(0.712 0.194 13.428);
+	--color-red-500: oklch(0.645 0.246 16.439);
+	--color-red-600: oklch(0.586 0.253 17.585);
+	--color-red-700: oklch(0.514 0.222 16.935);
+	--color-red-800: oklch(0.455 0.188 13.697);
+	--color-red-900: oklch(0.41 0.159 10.272);
+	--color-red-950: oklch(0.271 0.105 12.094);
+
+	/* Green (Emerald) */
+	--color-green-50: oklch(0.979 0.021 166.113);
+	--color-green-100: oklch(0.95 0.052 163.051);
+	--color-green-200: oklch(0.905 0.093 164.15);
+	--color-green-300: oklch(0.845 0.143 164.978);
+	--color-green-400: oklch(0.765 0.177 163.223);
+	--color-green-500: oklch(0.696 0.17 162.48);
+	--color-green-600: oklch(0.596 0.145 163.225);
+	--color-green-700: oklch(0.508 0.118 165.612);
+	--color-green-800: oklch(0.432 0.095 166.913);
+	--color-green-900: oklch(0.378 0.077 168.94);
+	--color-green-950: oklch(0.262 0.051 172.552);
+
+	/* Blue (Sky) */
+	--color-blue-50: oklch(0.977 0.013 236.62);
+	--color-blue-100: oklch(0.951 0.026 236.824);
+	--color-blue-200: oklch(0.901 0.058 230.902);
+	--color-blue-300: oklch(0.828 0.111 230.318);
+	--color-blue-400: oklch(0.746 0.16 232.661);
+	--color-blue-500: oklch(0.685 0.169 237.323);
+	--color-blue-600: oklch(0.588 0.158 241.966);
+	--color-blue-700: oklch(0.5 0.134 242.749);
+	--color-blue-800: oklch(0.443 0.11 240.79);
+	--color-blue-900: oklch(0.391 0.09 240.876);
+	--color-blue-950: oklch(0.293 0.066 243.157);
+
+	/* Theme Colors */
+	--color-accent-foreground: hsl(var(--accent-foreground));
+	--color-accent: hsl(var(--accent));
+	--color-background: hsl(var(--background));
+	--color-border: hsl(var(--border));
+	--color-card-foreground: hsl(var(--card-foreground));
+	--color-card: hsl(var(--card));
+	--color-chart-1: hsl(var(--chart-1));
+	--color-chart-2: hsl(var(--chart-2));
+	--color-chart-3: hsl(var(--chart-3));
+	--color-chart-4: hsl(var(--chart-4));
+	--color-chart-5: hsl(var(--chart-5));
+	--color-destructive-foreground: hsl(var(--destructive-foreground));
+	--color-destructive: hsl(var(--destructive));
+	--color-foreground: hsl(var(--foreground));
+	--color-input: hsl(var(--input));
+	--color-muted-foreground: hsl(var(--muted-foreground));
+	--color-muted: hsl(var(--muted));
+	--color-popover-foreground: hsl(var(--popover-foreground));
+	--color-popover: hsl(var(--popover));
+	--color-primary-foreground: hsl(var(--primary-foreground));
+	--color-primary: hsl(var(--primary));
+	--color-ring: hsl(var(--ring));
+	--color-secondary-foreground: hsl(var(--secondary-foreground));
+	--color-secondary: hsl(var(--secondary));
+	--color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+	--color-sidebar-accent: hsl(var(--sidebar-accent));
+	--color-sidebar-border: hsl(var(--sidebar-border));
+	--color-sidebar-foreground: hsl(var(--sidebar-foreground));
+	--color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+	--color-sidebar-primary: hsl(var(--sidebar-primary));
+	--color-sidebar-ring: hsl(var(--sidebar-ring));
+	--color-sidebar: hsl(var(--sidebar-background));
+
+	/* Screens */
+	--breakpoint-3xl: 1920px;
+	--breakpoint-4xl: 2560px;
+
+	/* Fonts */
+	--font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
+	--font-mono: 'Geist Mono', ui-monospace, monospace;
+
+	/* Border Radiuses */
 	--radius-lg: var(--radius);
-	--radius-xl: calc(var(--radius) + 4px);
-	--color-sidebar-ring: var(--sidebar-ring);
-	--color-sidebar-border: var(--sidebar-border);
-	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-	--color-sidebar-accent: var(--sidebar-accent);
-	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-	--color-sidebar-primary: var(--sidebar-primary);
-	--color-sidebar-foreground: var(--sidebar-foreground);
-	--color-sidebar: var(--sidebar-background);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-sm: calc(var(--radius) - 4px);
+
+	/* Animations */
 	--animate-accordion-down: accordion-down 0.2s ease-out;
 	--animate-accordion-up: accordion-up 0.2s ease-out;
 	--animate-ellipsis: ellipsis 1.5s steps(4, end) infinite;
@@ -205,7 +224,15 @@
 	}
 }
 
-/* Shared base styles for buttons and loading indicators */
+body {
+	scrollbar-width: thin;
+	scrollbar-color: var(--color-gray-200) transparent;
+}
+
+.dark body {
+	scrollbar-color: var(--color-gray-800) transparent;
+}
+
 button:not([disabled]):not([aria-disabled='true']),
 [role='button']:not([disabled]):not([aria-disabled='true']) {
 	cursor: pointer;
@@ -215,5 +242,6 @@ button:not([disabled]):not([aria-disabled='true']),
 	content: '.';
 	display: inline-block;
 	width: 1em;
+	text-align: left;
 	animation: ellipsis 1.5s steps(4, end) infinite;
 }

package/src/components/App.tsx

@@ -1,14 +1,13 @@
-import React, { useState } from 'react';
-import { WorkbenchProvider } from './internal/WorkbenchProvider';
-import { Header } from './internal/Header';
-import { Chat } from './internal/Chat';
-import { Schema } from './internal/Schema';
+import { decodeWorkbenchConfig } from '@agentuity/core/workbench';
+import { useState } from 'react';
+import { Chat } from './internal/chat';
+import { Header } from './internal/header';
+import { ResizableProvider, useResizable } from './internal/resizable-provider';
+import { Schema } from './internal/schema';
+import { WorkbenchProvider } from './internal/workbench-provider';
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './ui/resizable';
 import { ThemeProvider } from './ui/theme-provider';
-import { ResizableProvider } from './ui/resizable-provider';
-import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './ui/resizable';
-import { useResizable } from './ui/resizable-provider';
 import { TooltipProvider } from './ui/tooltip';
-import { decodeWorkbenchConfig } from '@agentuity/core/workbench';
 
 export interface AppProps {
 	configBase64: string;
@@ -17,13 +16,12 @@ export interface AppProps {
 function AppContent() {
 	const [schemaOpen, setSchemaOpen] = useState(false);
 	const { getPanelSizes, setPanelSizes } = useResizable();
-
-	const defaultSizes = [55, 45];
-	const panelSizes = getPanelSizes('main-layout') || defaultSizes;
+	const panelSizes = getPanelSizes('main-layout') || [70, 30];
 
 	return (
 		<div className="flex flex-col h-full">
 			<Header />
+
 			<ResizablePanelGroup
 				direction="horizontal"
 				className="flex-1"
@@ -34,13 +32,26 @@ function AppContent() {
 					}
 				}}
 			>
-				<ResizablePanel defaultSize={panelSizes[0]} minSize={30} className="flex flex-col">
+				<ResizablePanel
+					defaultSize={schemaOpen ? panelSizes[0] : 100}
+					minSize={50}
+					id="chat-panel"
+					order={0}
+				>
 					<Chat schemaOpen={schemaOpen} onSchemaToggle={() => setSchemaOpen(!schemaOpen)} />
 				</ResizablePanel>
+
 				{schemaOpen && (
 					<>
 						<ResizableHandle withHandle />
-						<ResizablePanel defaultSize={panelSizes[1]} minSize={20} maxSize={50}>
+
+						<ResizablePanel
+							defaultSize={panelSizes[1]}
+							minSize={25}
+							maxSize={50}
+							id="schema-panel"
+							order={1}
+						>
 							<Schema onOpenChange={setSchemaOpen} />
 						</ResizablePanel>
 					</>
@@ -52,10 +63,14 @@ function AppContent() {
 
 export function App({ configBase64 }: AppProps) {
 	const decodedConfig = decodeWorkbenchConfig(configBase64);
-	const isAuthenticated = import.meta.env.AGENTUITY_PUBLIC_HAS_SDK_KEY === 'true';
+	const env = {
+		agentuity: true,
+		authenticated: import.meta.env.AGENTUITY_PUBLIC_HAS_SDK_KEY === 'true',
+		cloud: false,
+	};
 
 	return (
-		<WorkbenchProvider config={decodedConfig} isAuthenticated={isAuthenticated}>
+		<WorkbenchProvider config={decodedConfig} env={env}>
 			<ThemeProvider>
 				<TooltipProvider>
 					<ResizableProvider>

package/src/components/ai-elements/actions.tsx

@@ -1,9 +1,9 @@
 'use client';
 
+import type { ComponentProps } from 'react';
+import { cn } from '../../lib/utils';
 import { Button } from '../ui/button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
-import { cn } from '../../lib/utils';
-import type { ComponentProps } from 'react';
 
 export type ActionsProps = ComponentProps<'div'>;