@agentuity/workbench 0.0.54

package/dist/app/workbench.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This file is the entry point for the Workbench app, it sets up the root
+ * element and renders the Workbench component to the DOM.
+ *
+ * It is included in `src/app/index.html`.
+ */
+export {};
+//# sourceMappingURL=workbench.d.ts.map

package/dist/app/workbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.d.ts","sourceRoot":"","sources":["../../src/app/workbench.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/app/workbench.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * This file is the entry point for the Workbench app, it sets up the root
+ * element and renders the Workbench component to the DOM.
+ *
+ * It is included in `src/app/index.html`.
+ */
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { AgentuityContext } from '@agentuity/react';
+import { Workbench } from '../components';
+import { getWorkbenchConfig } from '@agentuity/core';
+// Get workbench config from environment variable (set during build)
+const workbenchConfig = getWorkbenchConfig();
+const workbenchInstance = { config: workbenchConfig };
+// Use the port from config to set the base URL
+const baseUrl = `http://localhost:${workbenchConfig.port}`;
+const elem = document.getElementById('workbench-root');
+if (!elem) {
+    console.error('workbench-root element not found');
+    throw new Error('Failed to mount workbench: root element not found');
+}
+const app = (_jsx(StrictMode, { children: _jsxs(AgentuityContext.Provider, { value: { baseUrl }, children: [baseUrl, _jsx(Workbench, { workbench: workbenchInstance })] }) }));
+// Simple rendering without hot module reloading for compatibility
+createRoot(elem).render(app);
+//# sourceMappingURL=workbench.js.map

package/dist/app/workbench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.js","sourceRoot":"","sources":["../../src/app/workbench.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,oEAAoE;AACpE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;AAC7C,MAAM,iBAAiB,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AAEtD,+CAA+C;AAC/C,MAAM,OAAO,GAAG,oBAAoB,eAAe,CAAC,IAAI,EAAE,CAAC;AAE3D,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AACvD,IAAI,CAAC,IAAI,EAAE,CAAC;IACX,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC;IAClD,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;AACtE,CAAC;AACD,MAAM,GAAG,GAAG,CACX,KAAC,UAAU,cACV,MAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAC3C,OAAO,EACR,KAAC,SAAS,IAAC,SAAS,EAAE,iBAAiB,GAAI,IAChB,GAChB,CACb,CAAC;AAEF,kEAAkE;AAClE,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC"}

package/dist/components.d.ts

@@ -0,0 +1,7 @@
+import type { WorkbenchInstance } from './types';
+export interface WorkbenchProps {
+    workbench: WorkbenchInstance;
+    className?: string;
+}
+export declare function Workbench({ workbench, className }: WorkbenchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,cAAc,2CA2DjE"}

package/dist/components.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useContext } from 'react';
+import { AgentuityContext } from '@agentuity/react';
+export function Workbench({ workbench, className }) {
+    const { baseUrl } = useContext(AgentuityContext);
+    const [status, setStatus] = useState('idle');
+    const [response, setResponse] = useState(null);
+    const handleApiCall = async () => {
+        setStatus('loading');
+        try {
+            const url = `${baseUrl}/api`;
+            const res = await fetch(url, {
+                method: 'GET',
+                headers: {
+                    'Content-Type': 'application/json',
+                    ...workbench.config.headers,
+                },
+            });
+            if (!res.ok) {
+                throw new Error(`HTTP ${res.status}: ${res.statusText}`);
+            }
+            const data = await res.json();
+            setResponse(data);
+            setStatus('success');
+        }
+        catch (error) {
+            console.error('API call failed:', error);
+            setResponse({ error: error instanceof Error ? error.message : 'Unknown error' });
+            setStatus('error');
+        }
+    };
+    return (_jsxs("div", { className: `workbench ${className || ''}`, children: [_jsxs("div", { className: "workbench-header", children: [_jsx("h3", { children: "Workbench" }), _jsxs("p", { children: ["Route: ", workbench.config.route] })] }), _jsx("div", { className: "workbench-controls", children: _jsx("button", { onClick: handleApiCall, disabled: status === 'loading', children: status === 'loading' ? 'Loading...' : 'Hit API' }) }), _jsxs("div", { className: "workbench-response", children: [_jsx("h4", { children: "Response:" }), _jsx("pre", { style: {
+                            background: '#f5f5f5',
+                            padding: '10px',
+                            borderRadius: '4px',
+                            overflow: 'auto',
+                        }, children: response ? JSON.stringify(response, null, 2) : 'No response yet' })] })] }));
+}
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQpD,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAkB;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA2C,MAAM,CAAC,CAAC;IACvF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAChC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,IAAI,CAAC;YACJ,MAAM,GAAG,GAAG,GAAG,OAAO,MAAM,CAAC;YAC7B,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;gBAC5B,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE;oBACR,cAAc,EAAE,kBAAkB;oBAClC,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO;iBAC3B;aACD,CAAC,CAAC;YAEH,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACb,MAAM,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;YAC1D,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,SAAS,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;YACzC,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;YACjF,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,aAC7C,eAAK,SAAS,EAAC,kBAAkB,aAChC,qCAAkB,EAClB,mCAAW,SAAS,CAAC,MAAM,CAAC,KAAK,IAAK,IACjC,EAEN,cAAK,SAAS,EAAC,oBAAoB,YAClC,iBAAQ,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,YAC5D,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACxC,GACJ,EAEN,eAAK,SAAS,EAAC,oBAAoB,aAClC,qCAAkB,EAClB,cACC,KAAK,EAAE;4BACN,UAAU,EAAE,SAAS;4BACrB,OAAO,EAAE,MAAM;4BACf,YAAY,EAAE,KAAK;4BACnB,QAAQ,EAAE,MAAM;yBAChB,YAEA,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,GAC5D,IACD,IACD,CACN,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { createWorkbench, Workbench } from './workbench';
+export type { WorkbenchInstance } from './types';
+export { encodeWorkbenchConfig, decodeWorkbenchConfig, getWorkbenchConfig, type WorkbenchConfig, } from '@agentuity/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,EACN,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,eAAe,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { createWorkbench, Workbench } from './workbench';
+// Re-export workbench config utilities from core
+export { encodeWorkbenchConfig, decodeWorkbenchConfig, getWorkbenchConfig, } from '@agentuity/core';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEzD,iDAAiD;AACjD,OAAO,EACN,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GAElB,MAAM,iBAAiB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+import type { WorkbenchConfig } from '@agentuity/core';
+export interface WorkbenchInstance {
+    config: WorkbenchConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IACjC,MAAM,EAAE,eAAe,CAAC;CACxB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/workbench.d.ts

@@ -0,0 +1,5 @@
+import type { WorkbenchConfig } from '@agentuity/core';
+import type { WorkbenchInstance } from './types';
+export declare function createWorkbench(config?: WorkbenchConfig): WorkbenchInstance;
+export { Workbench } from './components';
+//# sourceMappingURL=workbench.d.ts.map

package/dist/workbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.d.ts","sourceRoot":"","sources":["../src/workbench.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,eAAe,CAC9B,MAAM,GAAE,eAAsD,GAC5D,iBAAiB,CASnB;AAGD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/workbench.js

@@ -0,0 +1,12 @@
+export function createWorkbench(config = { route: '/workbench', headers: {} }) {
+    const finalConfig = {
+        route: config.route,
+        headers: config.headers,
+    };
+    return {
+        config: finalConfig,
+    };
+}
+// Export the actual component for use in HTML generation
+export { Workbench } from './components';
+//# sourceMappingURL=workbench.js.map

package/dist/workbench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.js","sourceRoot":"","sources":["../src/workbench.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,eAAe,CAC9B,SAA0B,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE;IAE9D,MAAM,WAAW,GAAoB;QACpC,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,MAAM,CAAC,OAAO;KACvB,CAAC;IAEF,OAAO;QACN,MAAM,EAAE,WAAW;KACnB,CAAC;AACH,CAAC;AAED,yDAAyD;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,44 @@
+{
+	"name": "@agentuity/workbench",
+	"version": "0.0.54",
+	"license": "Apache-2.0",
+	"author": "Agentuity employees and contributors",
+	"type": "module",
+	"main": "./src/index.ts",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./src/index.ts",
+			"types": "./dist/index.d.ts"
+		}
+	},
+	"files": [
+		"README.md",
+		"dist",
+		"src"
+	],
+	"scripts": {
+		"clean": "rm -rf dist",
+		"build": "bunx tsc --build --force",
+		"typecheck": "bunx tsc --noEmit",
+		"prepublishOnly": "bun run clean && bun run build"
+	},
+	"dependencies": {
+		"@agentuity/core": "0.0.54",
+		"@agentuity/react": "0.0.54"
+	},
+	"devDependencies": {
+		"@types/bun": "latest",
+		"bun-types": "latest",
+		"typescript": "^5.9.0"
+	},
+	"peerDependencies": {
+		"@types/react": "^19.0.0",
+		"@types/react-dom": "^19.0.0",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/src/app/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Workbench</title>
+		<script type="module" src="./workbench.tsx" async></script>
+	</head>
+	<body>
+		<div id="workbench-root"></div>
+	</body>
+</html>

package/src/app/workbench.tsx

@@ -0,0 +1,36 @@
+/**
+ * This file is the entry point for the Workbench app, it sets up the root
+ * element and renders the Workbench component to the DOM.
+ *
+ * It is included in `src/app/index.html`.
+ */
+
+import React, { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { AgentuityContext } from '@agentuity/react';
+import { Workbench } from '../components';
+import { getWorkbenchConfig } from '@agentuity/core';
+
+// Get workbench config from environment variable (set during build)
+const workbenchConfig = getWorkbenchConfig();
+const workbenchInstance = { config: workbenchConfig };
+
+// Use the port from config to set the base URL
+const baseUrl = `http://localhost:${workbenchConfig.port}`;
+
+const elem = document.getElementById('workbench-root');
+if (!elem) {
+	console.error('workbench-root element not found');
+	throw new Error('Failed to mount workbench: root element not found');
+}
+const app = (
+	<StrictMode>
+		<AgentuityContext.Provider value={{ baseUrl }}>
+			{baseUrl}
+			<Workbench workbench={workbenchInstance} />
+		</AgentuityContext.Provider>
+	</StrictMode>
+);
+
+// Simple rendering without hot module reloading for compatibility
+createRoot(elem).render(app);

package/src/components.tsx

@@ -0,0 +1,69 @@
+import React, { useState, useContext } from 'react';
+import { AgentuityContext } from '@agentuity/react';
+import type { WorkbenchInstance } from './types';
+
+export interface WorkbenchProps {
+	workbench: WorkbenchInstance;
+	className?: string;
+}
+
+export function Workbench({ workbench, className }: WorkbenchProps) {
+	const { baseUrl } = useContext(AgentuityContext);
+	const [status, setStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');
+	const [response, setResponse] = useState<unknown>(null);
+
+	const handleApiCall = async () => {
+		setStatus('loading');
+		try {
+			const url = `${baseUrl}/api`;
+			const res = await fetch(url, {
+				method: 'GET',
+				headers: {
+					'Content-Type': 'application/json',
+					...workbench.config.headers,
+				},
+			});
+
+			if (!res.ok) {
+				throw new Error(`HTTP ${res.status}: ${res.statusText}`);
+			}
+
+			const data = await res.json();
+			setResponse(data);
+			setStatus('success');
+		} catch (error) {
+			console.error('API call failed:', error);
+			setResponse({ error: error instanceof Error ? error.message : 'Unknown error' });
+			setStatus('error');
+		}
+	};
+
+	return (
+		<div className={`workbench ${className || ''}`}>
+			<div className="workbench-header">
+				<h3>Workbench</h3>
+				<p>Route: {workbench.config.route}</p>
+			</div>
+
+			<div className="workbench-controls">
+				<button onClick={handleApiCall} disabled={status === 'loading'}>
+					{status === 'loading' ? 'Loading...' : 'Hit API'}
+				</button>
+			</div>
+
+			<div className="workbench-response">
+				<h4>Response:</h4>
+				<pre
+					style={{
+						background: '#f5f5f5',
+						padding: '10px',
+						borderRadius: '4px',
+						overflow: 'auto',
+					}}
+				>
+					{response ? JSON.stringify(response, null, 2) : 'No response yet'}
+				</pre>
+			</div>
+		</div>
+	);
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+export { createWorkbench, Workbench } from './workbench';
+export type { WorkbenchInstance } from './types';
+// Re-export workbench config utilities from core
+export {
+	encodeWorkbenchConfig,
+	decodeWorkbenchConfig,
+	getWorkbenchConfig,
+	type WorkbenchConfig,
+} from '@agentuity/core';

package/src/types.ts

@@ -0,0 +1,5 @@
+import type { WorkbenchConfig } from '@agentuity/core';
+
+export interface WorkbenchInstance {
+	config: WorkbenchConfig;
+}

package/src/workbench.ts

@@ -0,0 +1,18 @@
+import type { WorkbenchConfig } from '@agentuity/core';
+import type { WorkbenchInstance } from './types';
+
+export function createWorkbench(
+	config: WorkbenchConfig = { route: '/workbench', headers: {} }
+): WorkbenchInstance {
+	const finalConfig: WorkbenchConfig = {
+		route: config.route,
+		headers: config.headers,
+	};
+
+	return {
+		config: finalConfig,
+	};
+}
+
+// Export the actual component for use in HTML generation
+export { Workbench } from './components';