@burdenoff/microfe-botmanor 2026.1027.2 → 2026.1028.1

package/dist/botlit/pages/BotWorkflowTab.js

@@ -1,26 +1,29 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useBotlit as t } from "../providers/BotlitProvider.js";
 import { useUpdateBot as n } from "../hooks/useBots.js";
-import { Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
-import { Button as c } from "../components/Button.js";
-import { Badge as l, StatusBadge as u } from "../components/Badge.js";
-import { EmptyState as d } from "../components/EmptyState.js";
-import { useBotWorkflowDefinition as f, useCreateBotWorkflow as p } from "../hooks/useBotWorkflow.js";
-import { useCallback as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ExternalLink as v, Sparkles as y, Unlink as b, Workflow as x } from "lucide-react";
-import { toast as S } from "sonner";
+import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
+import { Button as a } from "../components/Button.js";
+import "../permissions/index.js";
+import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
+import { Badge as d, StatusBadge as f } from "../components/Badge.js";
+import { EmptyState as p } from "../components/EmptyState.js";
+import { useBotWorkflowDefinition as m, useCreateBotWorkflow as h } from "../hooks/useBotWorkflow.js";
+import { useCallback as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ExternalLink as b, Sparkles as x, Unlink as S, Workflow as C } from "lucide-react";
+import { toast as w } from "sonner";
 //#region src/botlit/pages/BotWorkflowTab.tsx
-var C = "v1", w = "internal:api", T = "1.0.0", E = "onManualTrigger", D = "Trigger Manually", O = "Runs the flow when you click 'Test workflow', or when this bot is invoked.", k = [
+var T = "v1", E = "internal:api", D = "1.0.0", O = "onManualTrigger", k = "Trigger Manually", A = "Runs the flow when you click 'Test workflow', or when this bot is invoked.", j = [
 	"trigger",
 	"manual",
 	"entry"
 ];
-function A() {
+function M() {
 	let e = globalThis.crypto;
 	return e && typeof e.randomUUID == "function" ? e.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function j(e, t) {
+function N(e, t) {
 	return {
 		key: e,
 		name: t,
@@ -29,38 +32,38 @@ function j(e, t) {
 		data: {
 			id: e,
 			workflowKey: e,
-			version: C,
+			version: T,
 			name: t,
 			nodes: [{
-				id: A(),
-				type: w,
+				id: M(),
+				type: E,
 				position: {
 					x: 160,
 					y: 160
 				},
-				kind: k,
+				kind: j,
 				data: {
-					operation_name: E,
+					operation_name: O,
 					operation_type: "trigger",
-					version: T,
+					version: D,
 					nodeData: {
-						nodeType: w,
-						name: D,
-						description: O,
-						version: T,
-						kind: k,
+						nodeType: E,
+						name: k,
+						description: A,
+						version: D,
+						kind: j,
 						operations: [{
-							name: E,
+							name: O,
 							type: "trigger",
 							role: "trigger",
-							description: O
+							description: A
 						}]
 					},
 					args: {
 						context: { node: {
-							id: w,
-							type: w,
-							kind: k
+							id: E,
+							type: E,
+							kind: j
 						} },
 						state: {},
 						credentials: []
@@ -76,151 +79,157 @@ function j(e, t) {
 		},
 		meta: {
 			creator: "botlit_bot_design",
-			version: C
+			version: T
 		},
 		tags: []
 	};
 }
-var M = ({ botId: w, botName: T, workflowId: E, onWorkflowChanged: D }) => {
-	let O = e(), { navigateTo: k } = t(), { createWorkflow: M } = p(), [N] = n(), [P, F] = h(!1), { workflow: I, loading: L } = f(void 0, E ?? void 0), R = m((e, t) => {
-		k(`workflows/workflow/${e}/${t || C}`);
-	}, [k]), z = m(async () => {
-		F(!0);
+var P = ({ botId: E, botName: D, workflowId: O, onWorkflowChanged: k }) => {
+	let A = e(), { navigateTo: j } = t(), { createWorkflow: P } = h(), [F] = n(), [I, L] = _(!1), { workflow: R, loading: z } = m(void 0, O ?? void 0), B = g((e, t) => {
+		j(`workflows/workflow/${e}/${t || T}`);
+	}, [j]), V = g(async () => {
+		L(!0);
 		try {
-			let e = A(), t = `${T} workflow`, n = await M({
+			let e = M(), t = `${D} workflow`, n = await P({
 				workflowKey: e,
-				version: C,
+				version: T,
 				name: t,
-				description: O("botlit.botDetail.workflow.createdDescription", "Behaviour designed for this BotManor bot."),
-				definitionJson: j(e, t)
+				description: A("botlit.botDetail.workflow.createdDescription", "Behaviour designed for this BotManor bot."),
+				definitionJson: N(e, t)
 			});
-			if (!n) throw Error(O("botlit.botDetail.workflow.createError", "Failed to create the workflow"));
-			await N({
-				botId: w,
+			if (!n) throw Error(A("botlit.botDetail.workflow.createError", "Failed to create the workflow"));
+			await F({
+				botId: E,
 				input: { workflowId: n.id }
-			}), await D(), S.success(O("botlit.botDetail.workflow.createSuccess", "Workflow created and bound to this bot")), R(n.workflowKey, n.version);
+			}), await k(), w.success(A("botlit.botDetail.workflow.createSuccess", "Workflow created and bound to this bot")), B(n.workflowKey, n.version);
 		} catch (e) {
-			let t = e instanceof Error ? e.message : O("botlit.botDetail.workflow.createError", "Failed to create the workflow");
-			S.error(t);
+			let t = e instanceof Error ? e.message : A("botlit.botDetail.workflow.createError", "Failed to create the workflow");
+			w.error(t);
 		} finally {
-			F(!1);
+			L(!1);
 		}
 	}, [
-		w,
-		T,
-		M,
+		E,
 		D,
-		R,
-		O,
-		N
-	]), B = m(async () => {
-		if (confirm(O("botlit.botDetail.workflow.unbindConfirm", "Unbind this workflow from the bot? The workflow itself is not deleted."))) {
-			F(!0);
+		P,
+		k,
+		B,
+		A,
+		F
+	]), H = g(async () => {
+		if (confirm(A("botlit.botDetail.workflow.unbindConfirm", "Unbind this workflow from the bot? The workflow itself is not deleted."))) {
+			L(!0);
 			try {
-				await N({
-					botId: w,
+				await F({
+					botId: E,
 					input: { workflowId: null }
-				}), await D(), S.success(O("botlit.botDetail.workflow.unbindSuccess", "Workflow unbound"));
+				}), await k(), w.success(A("botlit.botDetail.workflow.unbindSuccess", "Workflow unbound"));
 			} catch (e) {
-				let t = e instanceof Error ? e.message : O("botlit.botDetail.workflow.unbindError", "Failed to unbind the workflow");
-				S.error(t);
+				let t = e instanceof Error ? e.message : A("botlit.botDetail.workflow.unbindError", "Failed to unbind the workflow");
+				w.error(t);
 			} finally {
-				F(!1);
+				L(!1);
 			}
 		}
 	}, [
-		w,
-		D,
-		O,
-		N
+		E,
+		k,
+		A,
+		F
 	]);
-	return E ? /* @__PURE__ */ g("div", {
+	return O ? /* @__PURE__ */ v("div", {
 		className: "space-y-6",
-		children: /* @__PURE__ */ _(r, { children: [/* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(s, {
+		children: /* @__PURE__ */ y(o, { children: [/* @__PURE__ */ y(l, { children: [/* @__PURE__ */ y(u, {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ g(x, { size: 18 }), O("botlit.botDetail.workflow.bound.title", "Bound workflow")]
-		}), /* @__PURE__ */ g(a, { children: O("botlit.botDetail.workflow.bound.description", "This workflow defines what the bot does when it is invoked.") })] }), /* @__PURE__ */ _(i, {
+			children: [/* @__PURE__ */ v(C, { size: 18 }), A("botlit.botDetail.workflow.bound.title", "Bound workflow")]
+		}), /* @__PURE__ */ v(c, { children: A("botlit.botDetail.workflow.bound.description", "This workflow defines what the bot does when it is invoked.") })] }), /* @__PURE__ */ y(s, {
 			className: "space-y-6",
-			children: [L ? /* @__PURE__ */ g("div", { className: "h-24 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer" }) : I ? /* @__PURE__ */ _("div", {
+			children: [z ? /* @__PURE__ */ v("div", { className: "h-24 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer" }) : R ? /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary",
-						children: O("botlit.botDetail.workflow.fields.name", "Name")
-					}), /* @__PURE__ */ g("p", {
+						children: A("botlit.botDetail.workflow.fields.name", "Name")
+					}), /* @__PURE__ */ v("p", {
 						className: "font-medium text-text-primary",
-						children: I.name
+						children: R.name
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary",
-						children: O("botlit.botDetail.workflow.fields.key", "Key")
-					}), /* @__PURE__ */ g("p", {
+						children: A("botlit.botDetail.workflow.fields.key", "Key")
+					}), /* @__PURE__ */ v("p", {
 						className: "mt-1 break-all font-mono text-sm text-text-primary",
-						children: I.workflowKey
+						children: R.workflowKey
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary",
-						children: O("botlit.botDetail.workflow.fields.version", "Version")
-					}), /* @__PURE__ */ g(l, {
+						children: A("botlit.botDetail.workflow.fields.version", "Version")
+					}), /* @__PURE__ */ v(d, {
 						variant: "outline",
 						className: "mt-1",
-						children: I.version
+						children: R.version
 					})] }),
-					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 						className: "text-sm text-text-secondary",
-						children: O("botlit.botDetail.workflow.fields.status", "Status")
-					}), /* @__PURE__ */ g("div", {
+						children: A("botlit.botDetail.workflow.fields.status", "Status")
+					}), /* @__PURE__ */ v("div", {
 						className: "mt-1",
-						children: /* @__PURE__ */ g(u, { status: I.status })
+						children: /* @__PURE__ */ v(f, { status: R.status })
 					})] })
 				]
-			}) : /* @__PURE__ */ _("div", { children: [
-				/* @__PURE__ */ g("p", {
+			}) : /* @__PURE__ */ y("div", { children: [
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
-					children: O("botlit.botDetail.workflow.fields.workflowId", "Workflow ID")
+					children: A("botlit.botDetail.workflow.fields.workflowId", "Workflow ID")
 				}),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ v("p", {
 					className: "mt-1 break-all font-mono text-sm text-text-primary",
-					children: E
+					children: O
 				}),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ v("p", {
 					className: "mt-2 text-sm text-text-secondary",
-					children: O("botlit.botDetail.workflow.unresolved", "This workflow could not be loaded — it may have been deleted. Unbind it and design a new one.")
+					children: A("botlit.botDetail.workflow.unresolved", "This workflow could not be loaded — it may have been deleted. Unbind it and design a new one.")
 				})
-			] }), /* @__PURE__ */ _("div", {
+			] }), /* @__PURE__ */ y("div", {
 				className: "flex flex-wrap gap-2",
-				children: [I && /* @__PURE__ */ g(c, {
-					leftIcon: /* @__PURE__ */ g(v, { size: 16 }),
-					disabled: P,
-					onClick: () => R(I.workflowKey, I.version),
-					children: O("botlit.botDetail.workflow.actions.openBuilder", "Open in builder")
-				}), /* @__PURE__ */ g(c, {
-					variant: "outline",
-					leftIcon: /* @__PURE__ */ g(b, { size: 16 }),
-					isLoading: P,
-					disabled: P,
-					onClick: () => void B(),
-					children: O("botlit.botDetail.workflow.actions.unbind", "Unbind")
+				children: [R && /* @__PURE__ */ v(a, {
+					leftIcon: /* @__PURE__ */ v(b, { size: 16 }),
+					disabled: I,
+					onClick: () => B(R.workflowKey, R.version),
+					children: A("botlit.botDetail.workflow.actions.openBuilder", "Open in builder")
+				}), /* @__PURE__ */ v(i, {
+					permission: r.APP_UPDATE,
+					children: /* @__PURE__ */ v(a, {
+						variant: "outline",
+						leftIcon: /* @__PURE__ */ v(S, { size: 16 }),
+						isLoading: I,
+						disabled: I,
+						onClick: () => void H(),
+						children: A("botlit.botDetail.workflow.actions.unbind", "Unbind")
+					})
 				})]
 			})]
 		})] })
-	}) : /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(i, {
+	}) : /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(s, {
 		className: "pt-6",
-		children: /* @__PURE__ */ g(d, {
+		children: /* @__PURE__ */ v(p, {
 			illustration: "empty-generic",
-			title: O("botlit.botDetail.workflow.empty.title", "Design this bot as a workflow"),
-			description: O("botlit.botDetail.workflow.empty.description", "A bot's behaviour is designed as a FluidGrids workflow — the visual canvas where you wire triggers, agents, tools and conditions together. Start one and we will create it, bind it to this bot and open the builder for you."),
-			action: /* @__PURE__ */ g(c, {
-				leftIcon: /* @__PURE__ */ g(y, { size: 16 }),
-				isLoading: P,
-				disabled: P,
-				onClick: () => void z(),
-				children: O("botlit.botDetail.workflow.empty.action", "Design in workflow builder")
+			title: A("botlit.botDetail.workflow.empty.title", "Design this bot as a workflow"),
+			description: A("botlit.botDetail.workflow.empty.description", "A bot's behaviour is designed as a FluidGrids workflow — the visual canvas where you wire triggers, agents, tools and conditions together. Start one and we will create it, bind it to this bot and open the builder for you."),
+			action: /* @__PURE__ */ v(i, {
+				permission: r.APP_UPDATE,
+				children: /* @__PURE__ */ v(a, {
+					leftIcon: /* @__PURE__ */ v(x, { size: 16 }),
+					isLoading: I,
+					disabled: I,
+					onClick: () => void V(),
+					children: A("botlit.botDetail.workflow.empty.action", "Design in workflow builder")
+				})
 			})
 		})
 	}) });
 };
 //#endregion
-export { M as BotWorkflowTab };
+export { P as BotWorkflowTab };
 
 //# sourceMappingURL=BotWorkflowTab.js.map

package/dist/botlit/pages/BotWorkflowTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"BotWorkflowTab.js","names":[],"sources":["../../../src/botlit/pages/BotWorkflowTab.tsx"],"sourcesContent":["/**\n * BotWorkflowTab\n * @module botlit/pages\n *\n * Shown inside BotDetailPage → \"Workflow\" tab.\n *\n * A bot's behaviour is designed as a FluidGrids workflow. `BotApp.workflowId`\n * holds the binding (validated server-side by `assertWorkflowBindingsResolvable`\n * on wspace-botlit-svc), and the FluidGrids builder is already mounted INSIDE\n * BotManor at `workflows/workflow/:id/:version` — so this tab never leaves the\n * product.\n *\n * Flow:\n *  1. Bound     → resolve the definition by id (`useWorkflowDefinition`), show\n *                 name / key / version / status, \"Open in builder\", \"Unbind\".\n *                 A binding that no longer resolves falls back to the raw id so\n *                 the user can still clear it.\n *  2. Not bound → zero state whose primary action creates a seeded workflow\n *                 definition, binds it via `updateBotApp(workflowId)` and drops\n *                 the user straight into the embedded builder.\n *\n * IMPORTANT — seed graph shape. `BotlitFluidGridsBridge.extractTriggerNodeIds`\n * reads nodes from `definitionJson.data.nodes` (NOT the top level) and treats a\n * node as a trigger when its `type` is `trigger`/`trigger:*`/`*_trigger`, OR its\n * `kind[]` / `data.nodeData.kind[]` contains `trigger`. The seed below uses the\n * workflow service's own BUILTIN manual trigger (`internal:api`, \"Trigger\n * Manually\") — the node the executor resolves as the entry point — and carries\n * `kind: ['trigger', ...]` in both places, so a freshly designed bot is\n * immediately runnable instead of failing with `WORKFLOW_NO_TRIGGER_NODE`.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useState } from 'react';\nimport { ExternalLink, Sparkles, Unlink, Workflow } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useCreateBotWorkflow as useCreateWorkflow,\n  useBotWorkflowDefinition as useWorkflowDefinition,\n} from '../hooks/useBotWorkflow';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useUpdateBot } from '../hooks/useBots';\nimport { useBotlit } from '../providers/BotlitProvider';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Seed graph\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** First version minted for a bot's workflow — matches the builder's own default. */\nconst INITIAL_VERSION = 'v1';\n\n/**\n * BUILTIN \"Trigger Manually\" node (`MANUAL_TRIGGER_MANIFEST` in\n * wspace-workflow-svc). The executor resolves this type as a workflow's entry\n * node, and the builder renders it from the seeded node registry.\n */\nconst MANUAL_TRIGGER_NODE_TYPE = 'internal:api';\nconst MANUAL_TRIGGER_NODE_VERSION = '1.0.0';\nconst MANUAL_TRIGGER_OPERATION = 'onManualTrigger';\nconst MANUAL_TRIGGER_NAME = 'Trigger Manually';\nconst MANUAL_TRIGGER_DESCRIPTION =\n  \"Runs the flow when you click 'Test workflow', or when this bot is invoked.\";\n\n/** `kind[]` the BotManor bridge scans for when classifying a node as a trigger. */\nconst MANUAL_TRIGGER_KIND = ['trigger', 'manual', 'entry'];\n\n/** Node shape written into `definitionJson.data.nodes`. */\ntype SeedNode = {\n  id: string;\n  type: string;\n  position: { x: number; y: number };\n  /** Top-level kind — the bridge's second trigger-detection path. */\n  kind: string[];\n  data: {\n    operation_name: string;\n    operation_type: string;\n    version: string;\n    nodeData: {\n      nodeType: string;\n      name: string;\n      description: string;\n      version: string;\n      /** The bridge's third trigger-detection path. */\n      kind: string[];\n      operations: { name: string; type: string; role: string; description: string }[];\n    };\n    args: {\n      context: { node: { id: string; type: string; kind: string[] } };\n      state: Record<string, never>;\n      credentials: never[];\n    };\n  };\n};\n\n/**\n * `definitionJson` document. Mirrors what the builder itself persists\n * (`useSaveWorkflow`) so the graph round-trips through the builder unchanged.\n */\ntype SeedDefinition = {\n  key: string;\n  name: string;\n  description: string;\n  workflow_type: string;\n  data: {\n    id: string;\n    workflowKey: string;\n    version: string;\n    name: string;\n    nodes: SeedNode[];\n    edges: never[];\n    sidebar: { active: string; panels: { nodeProperties: { selectedNode: null } } };\n    stickyNotes: never[];\n  };\n  meta: { creator: string; version: string };\n  tags: string[];\n};\n\n/**\n * Generate an opaque id. `crypto.randomUUID` is unavailable on insecure origins\n * and in some test environments, so fall back to a time+random token rather than\n * throwing mid-create.\n */\nfunction generateId(): string {\n  const webCrypto = globalThis.crypto as Crypto | undefined;\n  if (webCrypto && typeof webCrypto.randomUUID === 'function') {\n    return webCrypto.randomUUID();\n  }\n  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;\n}\n\n/** Build the starter graph: one manual trigger, nothing else. */\nfunction buildSeedDefinition(workflowKey: string, name: string): SeedDefinition {\n  const triggerNode: SeedNode = {\n    id: generateId(),\n    type: MANUAL_TRIGGER_NODE_TYPE,\n    position: { x: 160, y: 160 },\n    kind: MANUAL_TRIGGER_KIND,\n    data: {\n      operation_name: MANUAL_TRIGGER_OPERATION,\n      operation_type: 'trigger',\n      version: MANUAL_TRIGGER_NODE_VERSION,\n      nodeData: {\n        nodeType: MANUAL_TRIGGER_NODE_TYPE,\n        name: MANUAL_TRIGGER_NAME,\n        description: MANUAL_TRIGGER_DESCRIPTION,\n        version: MANUAL_TRIGGER_NODE_VERSION,\n        kind: MANUAL_TRIGGER_KIND,\n        operations: [\n          {\n            name: MANUAL_TRIGGER_OPERATION,\n            type: 'trigger',\n            role: 'trigger',\n            description: MANUAL_TRIGGER_DESCRIPTION,\n          },\n        ],\n      },\n      args: {\n        context: {\n          node: {\n            id: MANUAL_TRIGGER_NODE_TYPE,\n            type: MANUAL_TRIGGER_NODE_TYPE,\n            kind: MANUAL_TRIGGER_KIND,\n          },\n        },\n        state: {},\n        credentials: [],\n      },\n    },\n  };\n\n  return {\n    key: workflowKey,\n    name,\n    description: name,\n    workflow_type: 'query-conditional',\n    data: {\n      id: workflowKey,\n      workflowKey,\n      version: INITIAL_VERSION,\n      name,\n      nodes: [triggerNode],\n      edges: [],\n      sidebar: { active: 'store-browse', panels: { nodeProperties: { selectedNode: null } } },\n      stickyNotes: [],\n    },\n    meta: { creator: 'botlit_bot_design', version: INITIAL_VERSION },\n    tags: [],\n  };\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Component\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface BotWorkflowTabProps {\n  botId: string;\n  botName: string;\n  /** `BotApp.workflowId` — the bound workflow definition id, if any. */\n  workflowId: string | null | undefined;\n  /** Refetch the bot so the tab reflects the new binding. */\n  onWorkflowChanged: () => Promise<void> | void;\n}\n\nexport const BotWorkflowTab: FC<BotWorkflowTabProps> = ({\n  botId,\n  botName,\n  workflowId,\n  onWorkflowChanged,\n}) => {\n  const t = useTr();\n  const { navigateTo } = useBotlit();\n  const { createWorkflow } = useCreateWorkflow();\n  const [updateBot] = useUpdateBot();\n  const [busy, setBusy] = useState(false);\n\n  // Resolve by id — `BotApp.workflowId` stores the definition's opaque id, not\n  // its workflowKey (which is what the builder route takes). The hook refetches\n  // on its own when the bound id changes, so binding/unbinding only has to\n  // refresh the bot.\n  const { workflow, loading: workflowLoading } = useWorkflowDefinition(\n    undefined,\n    workflowId ?? undefined\n  );\n\n  const openBuilder = useCallback(\n    (workflowKey: string, version: string) => {\n      navigateTo(`workflows/workflow/${workflowKey}/${version || INITIAL_VERSION}`);\n    },\n    [navigateTo]\n  );\n\n  const handleDesign = useCallback(async () => {\n    setBusy(true);\n    try {\n      const workflowKey = generateId();\n      const name = `${botName} workflow`;\n      const created = await createWorkflow({\n        workflowKey,\n        version: INITIAL_VERSION,\n        name,\n        description: t(\n          'botlit.botDetail.workflow.createdDescription',\n          'Behaviour designed for this BotManor bot.'\n        ),\n        definitionJson: buildSeedDefinition(workflowKey, name),\n      });\n\n      if (!created) {\n        throw new Error(\n          t('botlit.botDetail.workflow.createError', 'Failed to create the workflow')\n        );\n      }\n\n      await updateBot({ botId, input: { workflowId: created.id } });\n      await onWorkflowChanged();\n      toast.success(\n        t('botlit.botDetail.workflow.createSuccess', 'Workflow created and bound to this bot')\n      );\n      openBuilder(created.workflowKey, created.version);\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.workflow.createError', 'Failed to create the workflow');\n      toast.error(message);\n    } finally {\n      setBusy(false);\n    }\n  }, [botId, botName, createWorkflow, onWorkflowChanged, openBuilder, t, updateBot]);\n\n  const handleUnbind = useCallback(async () => {\n    if (\n      !confirm(\n        t(\n          'botlit.botDetail.workflow.unbindConfirm',\n          'Unbind this workflow from the bot? The workflow itself is not deleted.'\n        )\n      )\n    ) {\n      return;\n    }\n    setBusy(true);\n    try {\n      await updateBot({ botId, input: { workflowId: null } });\n      await onWorkflowChanged();\n      toast.success(t('botlit.botDetail.workflow.unbindSuccess', 'Workflow unbound'));\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.workflow.unbindError', 'Failed to unbind the workflow');\n      toast.error(message);\n    } finally {\n      setBusy(false);\n    }\n  }, [botId, onWorkflowChanged, t, updateBot]);\n\n  // ── Not bound ─────────────────────────────────────────────────────────────\n  if (!workflowId) {\n    return (\n      <Card>\n        <CardContent className=\"pt-6\">\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={t('botlit.botDetail.workflow.empty.title', 'Design this bot as a workflow')}\n            description={t(\n              'botlit.botDetail.workflow.empty.description',\n              \"A bot's behaviour is designed as a FluidGrids workflow — the visual canvas where you wire triggers, agents, tools and conditions together. Start one and we will create it, bind it to this bot and open the builder for you.\"\n            )}\n            action={\n              <Button\n                leftIcon={<Sparkles size={16} />}\n                isLoading={busy}\n                disabled={busy}\n                onClick={() => void handleDesign()}\n              >\n                {t('botlit.botDetail.workflow.empty.action', 'Design in workflow builder')}\n              </Button>\n            }\n          />\n        </CardContent>\n      </Card>\n    );\n  }\n\n  // ── Bound ─────────────────────────────────────────────────────────────────\n  return (\n    <div className=\"space-y-6\">\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Workflow size={18} />\n            {t('botlit.botDetail.workflow.bound.title', 'Bound workflow')}\n          </CardTitle>\n          <CardDescription>\n            {t(\n              'botlit.botDetail.workflow.bound.description',\n              'This workflow defines what the bot does when it is invoked.'\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-6\">\n          {workflowLoading ? (\n            <div className=\"h-24 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n          ) : workflow ? (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.name', 'Name')}\n                </p>\n                <p className=\"font-medium text-text-primary\">{workflow.name}</p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.key', 'Key')}\n                </p>\n                <p className=\"mt-1 break-all font-mono text-sm text-text-primary\">\n                  {workflow.workflowKey}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.version', 'Version')}\n                </p>\n                <Badge variant=\"outline\" className=\"mt-1\">\n                  {workflow.version}\n                </Badge>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.status', 'Status')}\n                </p>\n                <div className=\"mt-1\">\n                  <StatusBadge status={workflow.status} />\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div>\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botDetail.workflow.fields.workflowId', 'Workflow ID')}\n              </p>\n              <p className=\"mt-1 break-all font-mono text-sm text-text-primary\">{workflowId}</p>\n              <p className=\"mt-2 text-sm text-text-secondary\">\n                {t(\n                  'botlit.botDetail.workflow.unresolved',\n                  'This workflow could not be loaded — it may have been deleted. Unbind it and design a new one.'\n                )}\n              </p>\n            </div>\n          )}\n\n          <div className=\"flex flex-wrap gap-2\">\n            {workflow && (\n              <Button\n                leftIcon={<ExternalLink size={16} />}\n                disabled={busy}\n                onClick={() => openBuilder(workflow.workflowKey, workflow.version)}\n              >\n                {t('botlit.botDetail.workflow.actions.openBuilder', 'Open in builder')}\n              </Button>\n            )}\n            <Button\n              variant=\"outline\"\n              leftIcon={<Unlink size={16} />}\n              isLoading={busy}\n              disabled={busy}\n              onClick={() => void handleUnbind()}\n            >\n              {t('botlit.botDetail.workflow.actions.unbind', 'Unbind')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BotWorkflowTab.js","names":[],"sources":["../../../src/botlit/pages/BotWorkflowTab.tsx"],"sourcesContent":["/**\n * BotWorkflowTab\n * @module botlit/pages\n *\n * Shown inside BotDetailPage → \"Workflow\" tab.\n *\n * A bot's behaviour is designed as a FluidGrids workflow. `BotApp.workflowId`\n * holds the binding (validated server-side by `assertWorkflowBindingsResolvable`\n * on wspace-botlit-svc), and the FluidGrids builder is already mounted INSIDE\n * BotManor at `workflows/workflow/:id/:version` — so this tab never leaves the\n * product.\n *\n * Flow:\n *  1. Bound     → resolve the definition by id (`useWorkflowDefinition`), show\n *                 name / key / version / status, \"Open in builder\", \"Unbind\".\n *                 A binding that no longer resolves falls back to the raw id so\n *                 the user can still clear it.\n *  2. Not bound → zero state whose primary action creates a seeded workflow\n *                 definition, binds it via `updateBotApp(workflowId)` and drops\n *                 the user straight into the embedded builder.\n *\n * IMPORTANT — seed graph shape. `BotlitFluidGridsBridge.extractTriggerNodeIds`\n * reads nodes from `definitionJson.data.nodes` (NOT the top level) and treats a\n * node as a trigger when its `type` is `trigger`/`trigger:*`/`*_trigger`, OR its\n * `kind[]` / `data.nodeData.kind[]` contains `trigger`. The seed below uses the\n * workflow service's own BUILTIN manual trigger (`internal:api`, \"Trigger\n * Manually\") — the node the executor resolves as the entry point — and carries\n * `kind: ['trigger', ...]` in both places, so a freshly designed bot is\n * immediately runnable instead of failing with `WORKFLOW_NO_TRIGGER_NODE`.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useState } from 'react';\nimport { ExternalLink, Sparkles, Unlink, Workflow } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useCreateBotWorkflow as useCreateWorkflow,\n  useBotWorkflowDefinition as useWorkflowDefinition,\n} from '../hooks/useBotWorkflow';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useUpdateBot } from '../hooks/useBots';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Seed graph\n// ─────────────────────────────────────────────────────────────────────────────\n\n/** First version minted for a bot's workflow — matches the builder's own default. */\nconst INITIAL_VERSION = 'v1';\n\n/**\n * BUILTIN \"Trigger Manually\" node (`MANUAL_TRIGGER_MANIFEST` in\n * wspace-workflow-svc). The executor resolves this type as a workflow's entry\n * node, and the builder renders it from the seeded node registry.\n */\nconst MANUAL_TRIGGER_NODE_TYPE = 'internal:api';\nconst MANUAL_TRIGGER_NODE_VERSION = '1.0.0';\nconst MANUAL_TRIGGER_OPERATION = 'onManualTrigger';\nconst MANUAL_TRIGGER_NAME = 'Trigger Manually';\nconst MANUAL_TRIGGER_DESCRIPTION =\n  \"Runs the flow when you click 'Test workflow', or when this bot is invoked.\";\n\n/** `kind[]` the BotManor bridge scans for when classifying a node as a trigger. */\nconst MANUAL_TRIGGER_KIND = ['trigger', 'manual', 'entry'];\n\n/** Node shape written into `definitionJson.data.nodes`. */\ntype SeedNode = {\n  id: string;\n  type: string;\n  position: { x: number; y: number };\n  /** Top-level kind — the bridge's second trigger-detection path. */\n  kind: string[];\n  data: {\n    operation_name: string;\n    operation_type: string;\n    version: string;\n    nodeData: {\n      nodeType: string;\n      name: string;\n      description: string;\n      version: string;\n      /** The bridge's third trigger-detection path. */\n      kind: string[];\n      operations: { name: string; type: string; role: string; description: string }[];\n    };\n    args: {\n      context: { node: { id: string; type: string; kind: string[] } };\n      state: Record<string, never>;\n      credentials: never[];\n    };\n  };\n};\n\n/**\n * `definitionJson` document. Mirrors what the builder itself persists\n * (`useSaveWorkflow`) so the graph round-trips through the builder unchanged.\n */\ntype SeedDefinition = {\n  key: string;\n  name: string;\n  description: string;\n  workflow_type: string;\n  data: {\n    id: string;\n    workflowKey: string;\n    version: string;\n    name: string;\n    nodes: SeedNode[];\n    edges: never[];\n    sidebar: { active: string; panels: { nodeProperties: { selectedNode: null } } };\n    stickyNotes: never[];\n  };\n  meta: { creator: string; version: string };\n  tags: string[];\n};\n\n/**\n * Generate an opaque id. `crypto.randomUUID` is unavailable on insecure origins\n * and in some test environments, so fall back to a time+random token rather than\n * throwing mid-create.\n */\nfunction generateId(): string {\n  const webCrypto = globalThis.crypto as Crypto | undefined;\n  if (webCrypto && typeof webCrypto.randomUUID === 'function') {\n    return webCrypto.randomUUID();\n  }\n  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;\n}\n\n/** Build the starter graph: one manual trigger, nothing else. */\nfunction buildSeedDefinition(workflowKey: string, name: string): SeedDefinition {\n  const triggerNode: SeedNode = {\n    id: generateId(),\n    type: MANUAL_TRIGGER_NODE_TYPE,\n    position: { x: 160, y: 160 },\n    kind: MANUAL_TRIGGER_KIND,\n    data: {\n      operation_name: MANUAL_TRIGGER_OPERATION,\n      operation_type: 'trigger',\n      version: MANUAL_TRIGGER_NODE_VERSION,\n      nodeData: {\n        nodeType: MANUAL_TRIGGER_NODE_TYPE,\n        name: MANUAL_TRIGGER_NAME,\n        description: MANUAL_TRIGGER_DESCRIPTION,\n        version: MANUAL_TRIGGER_NODE_VERSION,\n        kind: MANUAL_TRIGGER_KIND,\n        operations: [\n          {\n            name: MANUAL_TRIGGER_OPERATION,\n            type: 'trigger',\n            role: 'trigger',\n            description: MANUAL_TRIGGER_DESCRIPTION,\n          },\n        ],\n      },\n      args: {\n        context: {\n          node: {\n            id: MANUAL_TRIGGER_NODE_TYPE,\n            type: MANUAL_TRIGGER_NODE_TYPE,\n            kind: MANUAL_TRIGGER_KIND,\n          },\n        },\n        state: {},\n        credentials: [],\n      },\n    },\n  };\n\n  return {\n    key: workflowKey,\n    name,\n    description: name,\n    workflow_type: 'query-conditional',\n    data: {\n      id: workflowKey,\n      workflowKey,\n      version: INITIAL_VERSION,\n      name,\n      nodes: [triggerNode],\n      edges: [],\n      sidebar: { active: 'store-browse', panels: { nodeProperties: { selectedNode: null } } },\n      stickyNotes: [],\n    },\n    meta: { creator: 'botlit_bot_design', version: INITIAL_VERSION },\n    tags: [],\n  };\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Component\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface BotWorkflowTabProps {\n  botId: string;\n  botName: string;\n  /** `BotApp.workflowId` — the bound workflow definition id, if any. */\n  workflowId: string | null | undefined;\n  /** Refetch the bot so the tab reflects the new binding. */\n  onWorkflowChanged: () => Promise<void> | void;\n}\n\nexport const BotWorkflowTab: FC<BotWorkflowTabProps> = ({\n  botId,\n  botName,\n  workflowId,\n  onWorkflowChanged,\n}) => {\n  const t = useTr();\n  const { navigateTo } = useBotlit();\n  const { createWorkflow } = useCreateWorkflow();\n  const [updateBot] = useUpdateBot();\n  const [busy, setBusy] = useState(false);\n\n  // Resolve by id — `BotApp.workflowId` stores the definition's opaque id, not\n  // its workflowKey (which is what the builder route takes). The hook refetches\n  // on its own when the bound id changes, so binding/unbinding only has to\n  // refresh the bot.\n  const { workflow, loading: workflowLoading } = useWorkflowDefinition(\n    undefined,\n    workflowId ?? undefined\n  );\n\n  const openBuilder = useCallback(\n    (workflowKey: string, version: string) => {\n      navigateTo(`workflows/workflow/${workflowKey}/${version || INITIAL_VERSION}`);\n    },\n    [navigateTo]\n  );\n\n  const handleDesign = useCallback(async () => {\n    setBusy(true);\n    try {\n      const workflowKey = generateId();\n      const name = `${botName} workflow`;\n      const created = await createWorkflow({\n        workflowKey,\n        version: INITIAL_VERSION,\n        name,\n        description: t(\n          'botlit.botDetail.workflow.createdDescription',\n          'Behaviour designed for this BotManor bot.'\n        ),\n        definitionJson: buildSeedDefinition(workflowKey, name),\n      });\n\n      if (!created) {\n        throw new Error(\n          t('botlit.botDetail.workflow.createError', 'Failed to create the workflow')\n        );\n      }\n\n      await updateBot({ botId, input: { workflowId: created.id } });\n      await onWorkflowChanged();\n      toast.success(\n        t('botlit.botDetail.workflow.createSuccess', 'Workflow created and bound to this bot')\n      );\n      openBuilder(created.workflowKey, created.version);\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.workflow.createError', 'Failed to create the workflow');\n      toast.error(message);\n    } finally {\n      setBusy(false);\n    }\n  }, [botId, botName, createWorkflow, onWorkflowChanged, openBuilder, t, updateBot]);\n\n  const handleUnbind = useCallback(async () => {\n    if (\n      !confirm(\n        t(\n          'botlit.botDetail.workflow.unbindConfirm',\n          'Unbind this workflow from the bot? The workflow itself is not deleted.'\n        )\n      )\n    ) {\n      return;\n    }\n    setBusy(true);\n    try {\n      await updateBot({ botId, input: { workflowId: null } });\n      await onWorkflowChanged();\n      toast.success(t('botlit.botDetail.workflow.unbindSuccess', 'Workflow unbound'));\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.workflow.unbindError', 'Failed to unbind the workflow');\n      toast.error(message);\n    } finally {\n      setBusy(false);\n    }\n  }, [botId, onWorkflowChanged, t, updateBot]);\n\n  // ── Not bound ─────────────────────────────────────────────────────────────\n  if (!workflowId) {\n    return (\n      <Card>\n        <CardContent className=\"pt-6\">\n          <EmptyState\n            illustration=\"empty-generic\"\n            title={t('botlit.botDetail.workflow.empty.title', 'Design this bot as a workflow')}\n            description={t(\n              'botlit.botDetail.workflow.empty.description',\n              \"A bot's behaviour is designed as a FluidGrids workflow — the visual canvas where you wire triggers, agents, tools and conditions together. Start one and we will create it, bind it to this bot and open the builder for you.\"\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_UPDATE}>\n                <Button\n                  leftIcon={<Sparkles size={16} />}\n                  isLoading={busy}\n                  disabled={busy}\n                  onClick={() => void handleDesign()}\n                >\n                  {t('botlit.botDetail.workflow.empty.action', 'Design in workflow builder')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        </CardContent>\n      </Card>\n    );\n  }\n\n  // ── Bound ─────────────────────────────────────────────────────────────────\n  return (\n    <div className=\"space-y-6\">\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Workflow size={18} />\n            {t('botlit.botDetail.workflow.bound.title', 'Bound workflow')}\n          </CardTitle>\n          <CardDescription>\n            {t(\n              'botlit.botDetail.workflow.bound.description',\n              'This workflow defines what the bot does when it is invoked.'\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-6\">\n          {workflowLoading ? (\n            <div className=\"h-24 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n          ) : workflow ? (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.name', 'Name')}\n                </p>\n                <p className=\"font-medium text-text-primary\">{workflow.name}</p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.key', 'Key')}\n                </p>\n                <p className=\"mt-1 break-all font-mono text-sm text-text-primary\">\n                  {workflow.workflowKey}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.version', 'Version')}\n                </p>\n                <Badge variant=\"outline\" className=\"mt-1\">\n                  {workflow.version}\n                </Badge>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.workflow.fields.status', 'Status')}\n                </p>\n                <div className=\"mt-1\">\n                  <StatusBadge status={workflow.status} />\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div>\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botDetail.workflow.fields.workflowId', 'Workflow ID')}\n              </p>\n              <p className=\"mt-1 break-all font-mono text-sm text-text-primary\">{workflowId}</p>\n              <p className=\"mt-2 text-sm text-text-secondary\">\n                {t(\n                  'botlit.botDetail.workflow.unresolved',\n                  'This workflow could not be loaded — it may have been deleted. Unbind it and design a new one.'\n                )}\n              </p>\n            </div>\n          )}\n\n          <div className=\"flex flex-wrap gap-2\">\n            {workflow && (\n              <Button\n                leftIcon={<ExternalLink size={16} />}\n                disabled={busy}\n                onClick={() => openBuilder(workflow.workflowKey, workflow.version)}\n              >\n                {t('botlit.botDetail.workflow.actions.openBuilder', 'Open in builder')}\n              </Button>\n            )}\n            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_UPDATE}>\n              <Button\n                variant=\"outline\"\n                leftIcon={<Unlink size={16} />}\n                isLoading={busy}\n                disabled={busy}\n                onClick={() => void handleUnbind()}\n              >\n                {t('botlit.botDetail.workflow.actions.unbind', 'Unbind')}\n              </Button>\n            </BotmanorPermissionGate>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"mappings":"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"}