@contractspec/example.workflow-system 1.57.0 → 1.59.0

package/dist/tests/operations.test-spec.js

@@ -1,123 +1,7 @@
-import { defineTestSpec } from "@contractspec/lib.contracts";
-
-//#region src/tests/operations.test-spec.ts
-const DefinitionListTest = defineTestSpec({
-	meta: {
-		key: "workflow.definition.list.test",
-		version: "1.0.0",
-		stability: "experimental",
-		owners: ["@example.workflow-system"],
-		description: "Test for listing workflow definitions",
-		tags: ["test"]
-	},
-	target: {
-		type: "operation",
-		operation: {
-			key: "workflow.definition.list",
-			version: "1.0.0"
-		}
-	},
-	scenarios: [{
-		key: "success",
-		when: { operation: { key: "workflow.definition.list" } },
-		then: [{
-			type: "expectOutput",
-			match: {}
-		}]
-	}, {
-		key: "error",
-		when: { operation: { key: "workflow.definition.list" } },
-		then: [{ type: "expectError" }]
-	}]
-});
-const InstanceListTest = defineTestSpec({
-	meta: {
-		key: "workflow.instance.list.test",
-		version: "1.0.0",
-		stability: "experimental",
-		owners: ["@example.workflow-system"],
-		description: "Test for listing workflow instances",
-		tags: ["test"]
-	},
-	target: {
-		type: "operation",
-		operation: {
-			key: "workflow.instance.list",
-			version: "1.0.0"
-		}
-	},
-	scenarios: [{
-		key: "success",
-		when: { operation: { key: "workflow.instance.list" } },
-		then: [{
-			type: "expectOutput",
-			match: {}
-		}]
-	}, {
-		key: "error",
-		when: { operation: { key: "workflow.instance.list" } },
-		then: [{ type: "expectError" }]
-	}]
-});
-const ApprovalListMineTest = defineTestSpec({
-	meta: {
-		key: "workflow.approval.list.mine.test",
-		version: "1.0.0",
-		stability: "experimental",
-		owners: ["@example.workflow-system"],
-		description: "Test for listing my approvals",
-		tags: ["test"]
-	},
-	target: {
-		type: "operation",
-		operation: {
-			key: "workflow.approval.list.mine",
-			version: "1.0.0"
-		}
-	},
-	scenarios: [{
-		key: "success",
-		when: { operation: { key: "workflow.approval.list.mine" } },
-		then: [{
-			type: "expectOutput",
-			match: {}
-		}]
-	}, {
-		key: "error",
-		when: { operation: { key: "workflow.approval.list.mine" } },
-		then: [{ type: "expectError" }]
-	}]
-});
-const ApprovalDecideTest = defineTestSpec({
-	meta: {
-		key: "workflow.approval.decide.test",
-		version: "1.0.0",
-		stability: "experimental",
-		owners: ["@example.workflow-system"],
-		description: "Test for deciding on approval",
-		tags: ["test"]
-	},
-	target: {
-		type: "operation",
-		operation: {
-			key: "workflow.approval.decide",
-			version: "1.0.0"
-		}
-	},
-	scenarios: [{
-		key: "success",
-		when: { operation: { key: "workflow.approval.decide" } },
-		then: [{
-			type: "expectOutput",
-			match: {}
-		}]
-	}, {
-		key: "error",
-		when: { operation: { key: "workflow.approval.decide" } },
-		then: [{ type: "expectError" }]
-	}]
-});
-
-//#endregion
-export { ApprovalDecideTest, ApprovalListMineTest, DefinitionListTest, InstanceListTest };
-//# sourceMappingURL=operations.test-spec.js.map
+// @bun
+export {
+  InstanceListTest,
+  DefinitionListTest,
+  ApprovalListMineTest,
+  ApprovalDecideTest
+};

package/dist/ui/WorkflowDashboard.d.ts

@@ -1,7 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/ui/WorkflowDashboard.d.ts
-declare function WorkflowDashboard(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { WorkflowDashboard };
+export declare function WorkflowDashboard(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WorkflowDashboard.d.ts.map

package/dist/ui/WorkflowDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowDashboard.d.ts","names":[],"sources":["../../src/ui/WorkflowDashboard.tsx"],"mappings":";;;iBAmCgB,iBAAA,CAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"WorkflowDashboard.d.ts","sourceRoot":"","sources":["../../src/ui/WorkflowDashboard.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,iBAAiB,4CA+LhC"}

package/dist/ui/WorkflowDashboard.js

@@ -1,223 +1,4 @@
-'use client';
-
-import { useWorkflowList } from "./hooks/useWorkflowList.js";
-import { useState } from "react";
-import { Button, ErrorState, LoaderBlock, StatCard, StatCardGroup } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/ui/WorkflowDashboard.tsx
-/**
-* Workflow Dashboard
-*
-* Interactive dashboard for the workflow-system template.
-* Displays workflow definitions and instances with stats.
-*/
-const STATUS_COLORS = {
-	ACTIVE: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
-	DRAFT: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400",
-	ARCHIVED: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
-	PENDING: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
-	IN_PROGRESS: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-400",
-	COMPLETED: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
-	REJECTED: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
-	CANCELLED: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-400"
+// @bun
+export {
+  WorkflowDashboard
 };
-function WorkflowDashboard() {
-	const [activeTab, setActiveTab] = useState("definitions");
-	const { definitions, instances, loading, error, stats, refetch } = useWorkflowList();
-	const tabs = [{
-		id: "definitions",
-		label: "Definitions",
-		icon: "📋"
-	}, {
-		id: "instances",
-		label: "Instances",
-		icon: "🔄"
-	}];
-	if (loading) return /* @__PURE__ */ jsx(LoaderBlock, { label: "Loading Workflows..." });
-	if (error) return /* @__PURE__ */ jsx(ErrorState, {
-		title: "Failed to load Workflows",
-		description: error.message,
-		onRetry: refetch,
-		retryLabel: "Retry"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold",
-					children: "Workflow System"
-				}), /* @__PURE__ */ jsxs(Button, {
-					onClick: () => alert("Create workflow modal"),
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "mr-2",
-						children: "+"
-					}), " New Workflow"]
-				})]
-			}),
-			/* @__PURE__ */ jsxs(StatCardGroup, { children: [
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Workflows",
-					value: stats.totalDefinitions,
-					hint: `${stats.activeDefinitions} active`
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Instances",
-					value: stats.totalInstances,
-					hint: "total runs"
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Pending",
-					value: stats.pendingInstances,
-					hint: "awaiting action"
-				}),
-				/* @__PURE__ */ jsx(StatCard, {
-					label: "Completed",
-					value: stats.completedInstances,
-					hint: "finished"
-				})
-			] }),
-			/* @__PURE__ */ jsx("nav", {
-				className: "bg-muted flex gap-1 rounded-lg p-1",
-				role: "tablist",
-				children: tabs.map((tab) => /* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					role: "tab",
-					"aria-selected": activeTab === tab.id,
-					onClick: () => setActiveTab(tab.id),
-					className: `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.id ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-					children: [/* @__PURE__ */ jsx("span", { children: tab.icon }), tab.label]
-				}, tab.id))
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "min-h-[400px]",
-				role: "tabpanel",
-				children: [activeTab === "definitions" && /* @__PURE__ */ jsx("div", {
-					className: "border-border rounded-lg border",
-					children: /* @__PURE__ */ jsxs("table", {
-						className: "w-full",
-						children: [/* @__PURE__ */ jsx("thead", {
-							className: "border-border bg-muted/30 border-b",
-							children: /* @__PURE__ */ jsxs("tr", { children: [
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Name"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Type"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Status"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Created"
-								})
-							] })
-						}), /* @__PURE__ */ jsxs("tbody", {
-							className: "divide-border divide-y",
-							children: [definitions.map((def) => /* @__PURE__ */ jsxs("tr", {
-								className: "hover:bg-muted/50",
-								children: [
-									/* @__PURE__ */ jsxs("td", {
-										className: "px-4 py-3",
-										children: [/* @__PURE__ */ jsx("div", {
-											className: "font-medium",
-											children: def.name
-										}), /* @__PURE__ */ jsx("div", {
-											className: "text-muted-foreground text-sm",
-											children: def.description
-										})]
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-4 py-3 font-mono text-sm",
-										children: def.type
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-4 py-3",
-										children: /* @__PURE__ */ jsx("span", {
-											className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${STATUS_COLORS[def.status] ?? ""}`,
-											children: def.status
-										})
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "text-muted-foreground px-4 py-3 text-sm",
-										children: def.createdAt.toLocaleDateString()
-									})
-								]
-							}, def.id)), definitions.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-								colSpan: 4,
-								className: "text-muted-foreground px-4 py-8 text-center",
-								children: "No workflow definitions found"
-							}) })]
-						})]
-					})
-				}), activeTab === "instances" && /* @__PURE__ */ jsx("div", {
-					className: "border-border rounded-lg border",
-					children: /* @__PURE__ */ jsxs("table", {
-						className: "w-full",
-						children: [/* @__PURE__ */ jsx("thead", {
-							className: "border-border bg-muted/30 border-b",
-							children: /* @__PURE__ */ jsxs("tr", { children: [
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Instance ID"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Status"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Requested By"
-								}),
-								/* @__PURE__ */ jsx("th", {
-									className: "px-4 py-3 text-left text-sm font-medium",
-									children: "Started"
-								})
-							] })
-						}), /* @__PURE__ */ jsxs("tbody", {
-							className: "divide-border divide-y",
-							children: [instances.map((inst) => /* @__PURE__ */ jsxs("tr", {
-								className: "hover:bg-muted/50",
-								children: [
-									/* @__PURE__ */ jsx("td", {
-										className: "px-4 py-3 font-mono text-sm",
-										children: inst.id
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-4 py-3",
-										children: /* @__PURE__ */ jsx("span", {
-											className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${STATUS_COLORS[inst.status] ?? ""}`,
-											children: inst.status
-										})
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-4 py-3 text-sm",
-										children: inst.requestedBy
-									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "text-muted-foreground px-4 py-3 text-sm",
-										children: inst.startedAt.toLocaleDateString()
-									})
-								]
-							}, inst.id)), instances.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-								colSpan: 4,
-								className: "text-muted-foreground px-4 py-8 text-center",
-								children: "No workflow instances found"
-							}) })]
-						})]
-					})
-				})]
-			})
-		]
-	});
-}
-
-//#endregion
-export { WorkflowDashboard };
-//# sourceMappingURL=WorkflowDashboard.js.map

package/dist/ui/hooks/index.d.ts

@@ -1,2 +1,2 @@
-import { WorkflowStats, useWorkflowList } from "./useWorkflowList.js";
-export { type WorkflowStats, useWorkflowList };
+export { useWorkflowList, type WorkflowStats } from './useWorkflowList';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/hooks/index.js

@@ -1,5 +1,51 @@
-'use client';
-
-import { useWorkflowList } from "./useWorkflowList.js";
-
-export { useWorkflowList };
+// @bun
+// src/ui/hooks/useWorkflowList.ts
+import { useCallback, useEffect, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+"use client";
+function useWorkflowList(projectId = "local-project") {
+  const { handlers } = useTemplateRuntime();
+  const workflow = handlers.workflow;
+  const [definitions, setDefinitions] = useState([]);
+  const [instances, setInstances] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const [defResult, instResult] = await Promise.all([
+        workflow.listDefinitions({ projectId, limit: 100 }),
+        workflow.listInstances({ projectId, limit: 100 })
+      ]);
+      setDefinitions(defResult.definitions);
+      setInstances(instResult.instances);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load workflows"));
+    } finally {
+      setLoading(false);
+    }
+  }, [handlers, projectId]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = {
+    totalDefinitions: definitions.length,
+    activeDefinitions: definitions.filter((d) => d.status === "ACTIVE").length,
+    totalInstances: instances.length,
+    pendingInstances: instances.filter((i) => i.status === "PENDING").length,
+    completedInstances: instances.filter((i) => i.status === "COMPLETED").length,
+    rejectedInstances: instances.filter((i) => i.status === "REJECTED").length
+  };
+  return {
+    definitions,
+    instances,
+    loading,
+    error,
+    stats,
+    refetch: fetchData
+  };
+}
+export {
+  useWorkflowList
+};

package/dist/ui/hooks/useWorkflowList.d.ts

@@ -1,22 +1,18 @@
-import { WorkflowDefinition, WorkflowInstance } from "../../handlers/workflow.handlers.js";
-
-//#region src/ui/hooks/useWorkflowList.d.ts
-interface WorkflowStats {
-  totalDefinitions: number;
-  activeDefinitions: number;
-  totalInstances: number;
-  pendingInstances: number;
-  completedInstances: number;
-  rejectedInstances: number;
+import type { WorkflowDefinition, WorkflowInstance } from '../../handlers/workflow.handlers';
+export interface WorkflowStats {
+    totalDefinitions: number;
+    activeDefinitions: number;
+    totalInstances: number;
+    pendingInstances: number;
+    completedInstances: number;
+    rejectedInstances: number;
 }
-declare function useWorkflowList(projectId?: string): {
-  definitions: WorkflowDefinition[];
-  instances: WorkflowInstance[];
-  loading: boolean;
-  error: Error | null;
-  stats: WorkflowStats;
-  refetch: () => Promise<void>;
+export declare function useWorkflowList(projectId?: string): {
+    definitions: WorkflowDefinition[];
+    instances: WorkflowInstance[];
+    loading: boolean;
+    error: Error | null;
+    stats: WorkflowStats;
+    refetch: () => Promise<void>;
 };
-//#endregion
-export { WorkflowStats, useWorkflowList };
 //# sourceMappingURL=useWorkflowList.d.ts.map

package/dist/ui/hooks/useWorkflowList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkflowList.d.ts","names":[],"sources":["../../../src/ui/hooks/useWorkflowList.ts"],"mappings":";;;UAUiB,aAAA;EACf,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;AAAA;AAAA,iBAGc,eAAA,CAAgB,SAAA"}
+{"version":3,"file":"useWorkflowList.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/useWorkflowList.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,aAAa;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,SAAS,SAAkB;;;;;;;EAmD1D"}

package/dist/ui/hooks/useWorkflowList.js

@@ -1,55 +1,51 @@
-'use client';
-
+// @bun
+// src/ui/hooks/useWorkflowList.ts
 import { useCallback, useEffect, useState } from "react";
 import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-
-//#region src/ui/hooks/useWorkflowList.ts
+"use client";
 function useWorkflowList(projectId = "local-project") {
-	const { handlers } = useTemplateRuntime();
-	const workflow = handlers.workflow;
-	const [definitions, setDefinitions] = useState([]);
-	const [instances, setInstances] = useState([]);
-	const [loading, setLoading] = useState(true);
-	const [error, setError] = useState(null);
-	const fetchData = useCallback(async () => {
-		try {
-			setLoading(true);
-			setError(null);
-			const [defResult, instResult] = await Promise.all([workflow.listDefinitions({
-				projectId,
-				limit: 100
-			}), workflow.listInstances({
-				projectId,
-				limit: 100
-			})]);
-			setDefinitions(defResult.definitions);
-			setInstances(instResult.instances);
-		} catch (err) {
-			setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to load workflows"));
-		} finally {
-			setLoading(false);
-		}
-	}, [handlers, projectId]);
-	useEffect(() => {
-		fetchData();
-	}, [fetchData]);
-	return {
-		definitions,
-		instances,
-		loading,
-		error,
-		stats: {
-			totalDefinitions: definitions.length,
-			activeDefinitions: definitions.filter((d) => d.status === "ACTIVE").length,
-			totalInstances: instances.length,
-			pendingInstances: instances.filter((i) => i.status === "PENDING").length,
-			completedInstances: instances.filter((i) => i.status === "COMPLETED").length,
-			rejectedInstances: instances.filter((i) => i.status === "REJECTED").length
-		},
-		refetch: fetchData
-	};
+  const { handlers } = useTemplateRuntime();
+  const workflow = handlers.workflow;
+  const [definitions, setDefinitions] = useState([]);
+  const [instances, setInstances] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const [defResult, instResult] = await Promise.all([
+        workflow.listDefinitions({ projectId, limit: 100 }),
+        workflow.listInstances({ projectId, limit: 100 })
+      ]);
+      setDefinitions(defResult.definitions);
+      setInstances(instResult.instances);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load workflows"));
+    } finally {
+      setLoading(false);
+    }
+  }, [handlers, projectId]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = {
+    totalDefinitions: definitions.length,
+    activeDefinitions: definitions.filter((d) => d.status === "ACTIVE").length,
+    totalInstances: instances.length,
+    pendingInstances: instances.filter((i) => i.status === "PENDING").length,
+    completedInstances: instances.filter((i) => i.status === "COMPLETED").length,
+    rejectedInstances: instances.filter((i) => i.status === "REJECTED").length
+  };
+  return {
+    definitions,
+    instances,
+    loading,
+    error,
+    stats,
+    refetch: fetchData
+  };
 }
-
-//#endregion
-export { useWorkflowList };
-//# sourceMappingURL=useWorkflowList.js.map
+export {
+  useWorkflowList
+};

package/dist/ui/index.d.ts

@@ -1,6 +1,7 @@
-import { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer } from "./renderers/workflow.markdown.js";
-import "./renderers/index.js";
-import { WorkflowDashboard } from "./WorkflowDashboard.js";
-import { WorkflowStats, useWorkflowList } from "./hooks/useWorkflowList.js";
-import "./hooks/index.js";
-export { WorkflowDashboard, WorkflowStats, useWorkflowList, workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };
+/**
+ * Workflow System Template Components
+ */
+export * from './renderers';
+export { WorkflowDashboard } from './WorkflowDashboard';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,SAAS,CAAC"}

package/dist/ui/index.js

@@ -1,6 +1,55 @@
-import { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer } from "./renderers/workflow.markdown.js";
-import { useWorkflowList } from "./hooks/useWorkflowList.js";
-import { WorkflowDashboard } from "./WorkflowDashboard.js";
-import "./hooks/index.js";
-
-export { WorkflowDashboard, useWorkflowList, workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };
+// @bun
+// src/ui/hooks/useWorkflowList.ts
+import { useCallback, useEffect, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+"use client";
+function useWorkflowList(projectId = "local-project") {
+  const { handlers } = useTemplateRuntime();
+  const workflow = handlers.workflow;
+  const [definitions, setDefinitions] = useState([]);
+  const [instances, setInstances] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const [defResult, instResult] = await Promise.all([
+        workflow.listDefinitions({ projectId, limit: 100 }),
+        workflow.listInstances({ projectId, limit: 100 })
+      ]);
+      setDefinitions(defResult.definitions);
+      setInstances(instResult.instances);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load workflows"));
+    } finally {
+      setLoading(false);
+    }
+  }, [handlers, projectId]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = {
+    totalDefinitions: definitions.length,
+    activeDefinitions: definitions.filter((d) => d.status === "ACTIVE").length,
+    totalInstances: instances.length,
+    pendingInstances: instances.filter((i) => i.status === "PENDING").length,
+    completedInstances: instances.filter((i) => i.status === "COMPLETED").length,
+    rejectedInstances: instances.filter((i) => i.status === "REJECTED").length
+  };
+  return {
+    definitions,
+    instances,
+    loading,
+    error,
+    stats,
+    refetch: fetchData
+  };
+}
+export {
+  workflowInstanceDetailMarkdownRenderer,
+  workflowDefinitionListMarkdownRenderer,
+  workflowDashboardMarkdownRenderer,
+  useWorkflowList,
+  WorkflowDashboard
+};