@contractspec/example.workflow-system 0.0.0-canary-20260113170453

package/dist/ui/WorkflowDashboard.js

@@ -0,0 +1,223 @@
+'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"
+};
+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/WorkflowDashboard.js.map

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

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

@@ -0,0 +1,2 @@
+import { WorkflowStats, useWorkflowList } from "./useWorkflowList.js";
+export { type WorkflowStats, useWorkflowList };

package/dist/ui/hooks/index.js

@@ -0,0 +1,5 @@
+'use client';
+
+import { useWorkflowList } from "./useWorkflowList.js";
+
+export { useWorkflowList };

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

@@ -0,0 +1,22 @@
+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;
+}
+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

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowList.d.ts","names":[],"sources":["../../../src/ui/hooks/useWorkflowList.ts"],"sourcesContent":[],"mappings":";;;UAUiB,aAAA;;EAAA,iBAAa,EAAA,MAAA;EASd,cAAA,EAAA,MAAe;;;;;iBAAf,eAAA"}

package/dist/ui/hooks/useWorkflowList.js

@@ -0,0 +1,55 @@
+'use client';
+
+import { useCallback, useEffect, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+
+//#region src/ui/hooks/useWorkflowList.ts
+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
+	};
+}
+
+//#endregion
+export { useWorkflowList };
+//# sourceMappingURL=useWorkflowList.js.map

package/dist/ui/hooks/useWorkflowList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflowList.js","names":[],"sources":["../../../src/ui/hooks/useWorkflowList.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport type {\n  WorkflowDefinition,\n  WorkflowInstance,\n  WorkflowHandlers,\n} from '../../handlers/workflow.handlers';\nimport { useTemplateRuntime } from '@contractspec/lib.example-shared-ui';\n\nexport interface WorkflowStats {\n  totalDefinitions: number;\n  activeDefinitions: number;\n  totalInstances: number;\n  pendingInstances: number;\n  completedInstances: number;\n  rejectedInstances: number;\n}\n\nexport function useWorkflowList(projectId = 'local-project') {\n  const { handlers } = useTemplateRuntime<{ workflow: WorkflowHandlers }>();\n  const workflow = handlers.workflow;\n  const [definitions, setDefinitions] = useState<WorkflowDefinition[]>([]);\n  const [instances, setInstances] = useState<WorkflowInstance[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchData = useCallback(async () => {\n    try {\n      setLoading(true);\n      setError(null);\n\n      const [defResult, instResult] = await Promise.all([\n        workflow.listDefinitions({ projectId, limit: 100 }),\n        workflow.listInstances({ projectId, limit: 100 }),\n      ]);\n\n      setDefinitions(defResult.definitions);\n      setInstances(instResult.instances);\n    } catch (err) {\n      setError(\n        err instanceof Error ? err : new Error('Failed to load workflows')\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [handlers, projectId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  const stats: WorkflowStats = {\n    totalDefinitions: definitions.length,\n    activeDefinitions: definitions.filter((d) => d.status === 'ACTIVE').length,\n    totalInstances: instances.length,\n    pendingInstances: instances.filter((i) => i.status === 'PENDING').length,\n    completedInstances: instances.filter((i) => i.status === 'COMPLETED')\n      .length,\n    rejectedInstances: instances.filter((i) => i.status === 'REJECTED').length,\n  };\n\n  return {\n    definitions,\n    instances,\n    loading,\n    error,\n    stats,\n    refetch: fetchData,\n  };\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,gBAAgB,YAAY,iBAAiB;CAC3D,MAAM,EAAE,aAAa,oBAAoD;CACzE,MAAM,WAAW,SAAS;CAC1B,MAAM,CAAC,aAAa,kBAAkB,SAA+B,EAAE,CAAC;CACxE,MAAM,CAAC,WAAW,gBAAgB,SAA6B,EAAE,CAAC;CAClE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAuB,KAAK;CAEtD,MAAM,YAAY,YAAY,YAAY;AACxC,MAAI;AACF,cAAW,KAAK;AAChB,YAAS,KAAK;GAEd,MAAM,CAAC,WAAW,cAAc,MAAM,QAAQ,IAAI,CAChD,SAAS,gBAAgB;IAAE;IAAW,OAAO;IAAK,CAAC,EACnD,SAAS,cAAc;IAAE;IAAW,OAAO;IAAK,CAAC,CAClD,CAAC;AAEF,kBAAe,UAAU,YAAY;AACrC,gBAAa,WAAW,UAAU;WAC3B,KAAK;AACZ,YACE,eAAe,QAAQ,sBAAM,IAAI,MAAM,2BAA2B,CACnE;YACO;AACR,cAAW,MAAM;;IAElB,CAAC,UAAU,UAAU,CAAC;AAEzB,iBAAgB;AACd,aAAW;IACV,CAAC,UAAU,CAAC;AAYf,QAAO;EACL;EACA;EACA;EACA;EACA,OAf2B;GAC3B,kBAAkB,YAAY;GAC9B,mBAAmB,YAAY,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC;GACpE,gBAAgB,UAAU;GAC1B,kBAAkB,UAAU,QAAQ,MAAM,EAAE,WAAW,UAAU,CAAC;GAClE,oBAAoB,UAAU,QAAQ,MAAM,EAAE,WAAW,YAAY,CAClE;GACH,mBAAmB,UAAU,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;GACrE;EAQC,SAAS;EACV"}

package/dist/ui/index.d.ts

@@ -0,0 +1,6 @@
+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 };

package/dist/ui/index.js

@@ -0,0 +1,6 @@
+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 };

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

@@ -0,0 +1,2 @@
+import { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer } from "./workflow.markdown.js";
+export { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };

package/dist/ui/renderers/index.js

@@ -0,0 +1,3 @@
+import { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer } from "./workflow.markdown.js";
+
+export { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };

package/dist/ui/renderers/workflow.markdown.d.ts

@@ -0,0 +1,28 @@
+import { PresentationRenderer } from "@contractspec/lib.contracts";
+
+//#region src/ui/renderers/workflow.markdown.d.ts
+
+/**
+ * Markdown renderer for Workflow Dashboard
+ */
+declare const workflowDashboardMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+/**
+ * Markdown renderer for Workflow Definition List
+ */
+declare const workflowDefinitionListMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+/**
+ * Markdown renderer for Workflow Instance Detail
+ */
+declare const workflowInstanceDetailMarkdownRenderer: PresentationRenderer<{
+  mimeType: string;
+  body: string;
+}>;
+//#endregion
+export { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };
+//# sourceMappingURL=workflow.markdown.d.ts.map

package/dist/ui/renderers/workflow.markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow.markdown.d.ts","names":[],"sources":["../../../src/ui/renderers/workflow.markdown.ts"],"sourcesContent":[],"mappings":";;;;AA+KA;AAmDA;;cAxIa,mCAAmC;;;;;;;cAqFnC,wCAAwC;;;;;;;cAmDxC,wCAAwC"}

package/dist/ui/renderers/workflow.markdown.js

@@ -0,0 +1,234 @@
+//#region src/ui/renderers/workflow.markdown.ts
+const mockWorkflowDefinitions = [
+	{
+		id: "wf-1",
+		name: "Purchase Approval",
+		type: "APPROVAL",
+		steps: [
+			{
+				id: "s1",
+				name: "Manager Review",
+				order: 1,
+				requiredRoles: ["manager"]
+			},
+			{
+				id: "s2",
+				name: "Finance Review",
+				order: 2,
+				requiredRoles: ["finance"]
+			},
+			{
+				id: "s3",
+				name: "Final Approval",
+				order: 3,
+				requiredRoles: ["admin"]
+			}
+		],
+		status: "ACTIVE"
+	},
+	{
+		id: "wf-2",
+		name: "Leave Request",
+		type: "APPROVAL",
+		steps: [{
+			id: "s1",
+			name: "Supervisor Approval",
+			order: 1,
+			requiredRoles: ["supervisor"]
+		}, {
+			id: "s2",
+			name: "HR Review",
+			order: 2,
+			requiredRoles: ["hr"]
+		}],
+		status: "ACTIVE"
+	},
+	{
+		id: "wf-3",
+		name: "Document Review",
+		type: "SEQUENTIAL",
+		steps: [
+			{
+				id: "s1",
+				name: "Author Review",
+				order: 1,
+				requiredRoles: ["author"]
+			},
+			{
+				id: "s2",
+				name: "Peer Review",
+				order: 2,
+				requiredRoles: ["reviewer"]
+			},
+			{
+				id: "s3",
+				name: "Publish",
+				order: 3,
+				requiredRoles: ["publisher"]
+			}
+		],
+		status: "DRAFT"
+	}
+];
+const mockWorkflowInstances = [
+	{
+		id: "inst-1",
+		definitionId: "wf-1",
+		definitionName: "Purchase Approval",
+		status: "IN_PROGRESS",
+		currentStepId: "s2",
+		startedAt: "2024-01-15T10:00:00Z",
+		requestedBy: "John Doe"
+	},
+	{
+		id: "inst-2",
+		definitionId: "wf-1",
+		definitionName: "Purchase Approval",
+		status: "COMPLETED",
+		currentStepId: null,
+		startedAt: "2024-01-10T09:00:00Z",
+		completedAt: "2024-01-12T14:00:00Z",
+		requestedBy: "Jane Smith"
+	},
+	{
+		id: "inst-3",
+		definitionId: "wf-2",
+		definitionName: "Leave Request",
+		status: "PENDING",
+		currentStepId: "s1",
+		startedAt: "2024-01-16T08:00:00Z",
+		requestedBy: "Bob Wilson"
+	}
+];
+/**
+* Markdown renderer for Workflow Dashboard
+*/
+const workflowDashboardMarkdownRenderer = {
+	target: "markdown",
+	render: async (desc) => {
+		if (desc.source.type !== "component" || desc.source.componentKey !== "WorkflowDashboard") throw new Error("workflowDashboardMarkdownRenderer: not WorkflowDashboard");
+		const definitions = mockWorkflowDefinitions;
+		const instances = mockWorkflowInstances;
+		const activeDefinitions = definitions.filter((d) => d.status === "ACTIVE");
+		const pendingInstances = instances.filter((i) => i.status === "PENDING");
+		const inProgressInstances = instances.filter((i) => i.status === "IN_PROGRESS");
+		const completedInstances = instances.filter((i) => i.status === "COMPLETED");
+		const lines = [
+			"# Workflow Dashboard",
+			"",
+			"> Workflow and approval management overview",
+			"",
+			"## Summary",
+			"",
+			"| Metric | Value |",
+			"|--------|-------|",
+			`| Active Workflows | ${activeDefinitions.length} |`,
+			`| Pending Approvals | ${pendingInstances.length} |`,
+			`| In Progress | ${inProgressInstances.length} |`,
+			`| Completed | ${completedInstances.length} |`,
+			"",
+			"## Active Workflow Definitions",
+			""
+		];
+		if (activeDefinitions.length === 0) lines.push("_No active workflow definitions._");
+		else {
+			lines.push("| Name | Type | Steps | Status |");
+			lines.push("|------|------|-------|--------|");
+			for (const def of activeDefinitions) lines.push(`| ${def.name} | ${def.type} | ${def.steps.length} | ${def.status} |`);
+		}
+		lines.push("");
+		lines.push("## Recent Instances");
+		lines.push("");
+		if (instances.length === 0) lines.push("_No workflow instances._");
+		else {
+			lines.push("| Workflow | Requested By | Status | Started |");
+			lines.push("|----------|--------------|--------|---------|");
+			for (const inst of instances.slice(0, 10)) {
+				const startedDate = new Date(inst.startedAt).toLocaleDateString();
+				lines.push(`| ${inst.definitionName} | ${inst.requestedBy} | ${inst.status} | ${startedDate} |`);
+			}
+		}
+		return {
+			mimeType: "text/markdown",
+			body: lines.join("\n")
+		};
+	}
+};
+/**
+* Markdown renderer for Workflow Definition List
+*/
+const workflowDefinitionListMarkdownRenderer = {
+	target: "markdown",
+	render: async (desc) => {
+		if (desc.source.type !== "component" || desc.source.componentKey !== "WorkflowDefinitionList") throw new Error("workflowDefinitionListMarkdownRenderer: not WorkflowDefinitionList");
+		const definitions = mockWorkflowDefinitions;
+		const lines = [
+			"# Workflow Definitions",
+			"",
+			"> Configure automated approval and process workflows",
+			""
+		];
+		for (const def of definitions) {
+			lines.push(`## ${def.name}`);
+			lines.push("");
+			lines.push(`**Type:** ${def.type} | **Status:** ${def.status}`);
+			lines.push("");
+			lines.push("### Steps");
+			lines.push("");
+			for (const step of def.steps) lines.push(`${step.order}. **${step.name}** - Roles: ${step.requiredRoles.join(", ")}`);
+			lines.push("");
+		}
+		return {
+			mimeType: "text/markdown",
+			body: lines.join("\n")
+		};
+	}
+};
+/**
+* Markdown renderer for Workflow Instance Detail
+*/
+const workflowInstanceDetailMarkdownRenderer = {
+	target: "markdown",
+	render: async (desc) => {
+		if (desc.source.type !== "component" || desc.source.componentKey !== "WorkflowInstanceDetail") throw new Error("workflowInstanceDetailMarkdownRenderer: not WorkflowInstanceDetail");
+		const instance = mockWorkflowInstances[0];
+		if (!instance) return {
+			mimeType: "text/markdown",
+			body: "# No Workflow Instances\n\nNo workflow instances available."
+		};
+		const definition = mockWorkflowDefinitions.find((d) => d.id === instance.definitionId);
+		const lines = [
+			`# Workflow: ${instance.definitionName}`,
+			"",
+			`**Instance ID:** ${instance.id}`,
+			`**Status:** ${instance.status}`,
+			`**Requested By:** ${instance.requestedBy}`,
+			`**Started:** ${new Date(instance.startedAt).toLocaleString()}`,
+			"",
+			"## Steps Progress",
+			""
+		];
+		if (definition) for (const step of definition.steps) {
+			const isCurrent = step.id === instance.currentStepId;
+			const isCompleted = definition.steps.indexOf(step) < definition.steps.findIndex((s) => s.id === instance.currentStepId);
+			let status = "⬜ Pending";
+			if (isCompleted) status = "✅ Completed";
+			if (isCurrent) status = "🔄 In Progress";
+			lines.push(`- ${status} **${step.name}**`);
+		}
+		lines.push("");
+		lines.push("## Actions");
+		lines.push("");
+		lines.push("- **Approve** - Move to next step");
+		lines.push("- **Reject** - Reject and return");
+		lines.push("- **Delegate** - Assign to another approver");
+		return {
+			mimeType: "text/markdown",
+			body: lines.join("\n")
+		};
+	}
+};
+
+//#endregion
+export { workflowDashboardMarkdownRenderer, workflowDefinitionListMarkdownRenderer, workflowInstanceDetailMarkdownRenderer };
+//# sourceMappingURL=workflow.markdown.js.map