@burdenoff/microfe-botmanor 2026.821.1 → 2026.925.1

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 * Botlit 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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkflow, useWorkflowDefinition } from '@burdenoff/fluidgrids-fe-sdk';\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 Botlit 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: translate } = useI18n();\n  // Stable identity: the create/unbind callbacks below close over `t`, so a new\n  // function every render would invalidate them (and their consumers) each time.\n  const t = useCallback(\n    (key: string, fallback: string) => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\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 Botlit 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 { useCreateWorkflow, useWorkflowDefinition } from '@burdenoff/fluidgrids-fe-sdk';\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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"}

package/dist/botlit/pages/BotsListPage.js

@@ -1,134 +1,131 @@
-import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { useBotlitStore as t } from "../store/botlitStore.js";
-import { useBots as n, useDeleteBot as r } from "../hooks/useBots.js";
-import { cn as i } from "../utils/cn.js";
-import { formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
-import { PageLayout as s } from "../components/PageLayout.js";
-import { Card as c, CardContent as l } from "../components/Card.js";
-import { Button as u } from "../components/Button.js";
-import { StatusBadge as d } from "../components/Badge.js";
-import { isNative as f, nativeConfirm as p, nativeImpact as m, nativeNotify as h } from "../../utils/nativeBridge.js";
-import { EmptyState as g } from "../components/EmptyState.js";
-import { Input as _ } from "../components/Input.js";
-import { useState as v } from "react";
-import { GlassCard as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Link as C } from "react-router";
-import { Bot as w, Edit as T, Grid3X3 as E, List as D, MoreVertical as O, Plus as k, Search as A, Trash2 as j, Workflow as M } from "lucide-react";
-import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useBotlit as t } from "../providers/BotlitProvider.js";
+import { useBotlitStore as n } from "../store/botlitStore.js";
+import { useBots as r, useDeleteBot as i } from "../hooks/useBots.js";
+import { cn as a } from "../utils/cn.js";
+import { formatNumber as o, formatRelativeTime as s } from "../utils/formatters.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { Card as l, CardContent as u } from "../components/Card.js";
+import { Button as d } from "../components/Button.js";
+import { StatusBadge as f } from "../components/Badge.js";
+import { isNative as p, nativeConfirm as m, nativeImpact as h, nativeNotify as g } from "../../utils/nativeBridge.js";
+import { EmptyState as _ } from "../components/EmptyState.js";
+import { Input as v } from "../components/Input.js";
+import { useState as y } from "react";
+import { GlassCard as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Link as w } from "react-router";
+import { Bot as T, Edit as E, Grid3X3 as D, List as O, MoreVertical as k, Plus as A, Search as j, Trash2 as M, Workflow as N } from "lucide-react";
 import { toast as P } from "sonner";
 //#region src/botlit/pages/BotsListPage.tsx
 var F = () => {
-	let { t: F } = N(), I = (e, t) => {
-		let n = F(e);
-		return n === e ? t : n;
-	}, { navigateTo: L, getPath: R } = e(), { data: z, loading: B } = n(), [V] = r(), { viewMode: H, setViewMode: U, botFilter: W, updateBotFilter: G } = t(), [K, q] = v(null), J = (e) => {
-		G({ search: e.target.value });
-	}, Y = async (e) => {
-		let t = `${I("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, n = await p({
+	let F = e(), { navigateTo: I, getPath: L } = t(), { data: R, loading: z } = r(), [B] = i(), { viewMode: V, setViewMode: H, botFilter: U, updateBotFilter: W } = n(), [G, K] = y(null), q = (e) => {
+		W({ search: e.target.value });
+	}, J = async (e) => {
+		let t = `${F("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, n = await m({
 			title: "Delete bot?",
 			message: t,
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
 		if (n === null ? confirm(t) : n) {
-			m("medium");
+			h("medium");
 			try {
-				await V(e.id), P.success(`${I("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${I("botlit.botsList.delete.successSuffix", "deleted successfully")}`), f() && h("success");
+				await B(e.id), P.success(`${F("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${F("botlit.botsList.delete.successSuffix", "deleted successfully")}`), p() && g("success");
 			} catch (e) {
-				let t = e instanceof Error ? e.message : I("botlit.botsList.delete.error", "Failed to delete bot");
-				P.error(t), f() && h("error");
+				let t = e instanceof Error ? e.message : F("botlit.botsList.delete.error", "Failed to delete bot");
+				P.error(t), p() && g("error");
 			}
 		}
-		q(null);
-	}, X = z?.filter((e) => {
-		if (W.search) {
-			let t = W.search.toLowerCase();
+		K(null);
+	}, Y = R?.filter((e) => {
+		if (U.search) {
+			let t = U.search.toLowerCase();
 			return e.name.toLowerCase().includes(t) || (e.description?.toLowerCase().includes(t) ?? !1);
 		}
 		return !0;
 	});
-	return /* @__PURE__ */ x(s, {
-		title: I("botlit.botsList.title", "Bots"),
-		description: I("botlit.botsList.description", "Manage your AI-powered bots"),
-		actions: /* @__PURE__ */ x(u, {
-			leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
-			onClick: () => L("bots/new"),
-			children: I("botlit.botsList.actions.createBot", "Create Bot")
+	return /* @__PURE__ */ S(c, {
+		title: F("botlit.botsList.title", "Bots"),
+		description: F("botlit.botsList.description", "Manage your AI-powered bots"),
+		actions: /* @__PURE__ */ S(d, {
+			leftIcon: /* @__PURE__ */ S(A, { size: 16 }),
+			onClick: () => I("bots/new"),
+			children: F("botlit.botsList.actions.createBot", "Create Bot")
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ x(b, {
-					icon: /* @__PURE__ */ x(w, { size: 18 }),
-					children: I("botlit.botsList.purpose", "A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.")
+				/* @__PURE__ */ S(x, {
+					icon: /* @__PURE__ */ S(T, { size: 18 }),
+					children: F("botlit.botsList.purpose", "A bot is the deployable, user-facing surface for your AI — it wraps one or more agents and exposes them to people through chat, channels (Slack, web widget, WhatsApp) and APIs. Create a bot here when you are ready to put an agent in front of real users, then connect channels and watch its executions.")
 				}),
-				z && z.length > 0 ? /* @__PURE__ */ S("div", {
+				R && R.length > 0 ? /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ C(b, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
-								children: I("botlit.botsList.summary.total", "Total bots")
-							}), /* @__PURE__ */ x("p", {
+								children: F("botlit.botsList.summary.total", "Total bots")
+							}), /* @__PURE__ */ S("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: z.length
+								children: R.length
 							})]
 						}),
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ C(b, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
-								children: I("botlit.botsList.summary.active", "Active")
-							}), /* @__PURE__ */ x("p", {
+								children: F("botlit.botsList.summary.active", "Active")
+							}), /* @__PURE__ */ S("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: z.filter((e) => e.status === "ACTIVE").length
+								children: R.filter((e) => e.status === "ACTIVE").length
 							})]
 						}),
-						/* @__PURE__ */ S(y, {
+						/* @__PURE__ */ C(b, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ x("p", {
+							children: [/* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
-								children: I("botlit.botsList.summary.executions", "Total executions")
-							}), /* @__PURE__ */ x("p", {
+								children: F("botlit.botsList.summary.executions", "Total executions")
+							}), /* @__PURE__ */ S("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: a(z.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+								children: o(R.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ x(A, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(_, {
-							placeholder: I("botlit.botsList.searchPlaceholder", "Search bots..."),
-							value: W.search || "",
-							onChange: J,
+						children: [/* @__PURE__ */ S(j, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S(v, {
+							placeholder: F("botlit.botsList.searchPlaceholder", "Search bots..."),
+							value: U.search || "",
+							onChange: q,
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x(u, {
-							variant: H === "grid" ? "secondary" : "ghost",
+						children: [/* @__PURE__ */ S(d, {
+							variant: V === "grid" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => U("grid"),
-							children: /* @__PURE__ */ x(E, { size: 18 })
-						}), /* @__PURE__ */ x(u, {
-							variant: H === "list" ? "secondary" : "ghost",
+							onClick: () => H("grid"),
+							children: /* @__PURE__ */ S(D, { size: 18 })
+						}), /* @__PURE__ */ S(d, {
+							variant: V === "list" ? "secondary" : "ghost",
 							size: "icon",
-							onClick: () => U("list"),
-							children: /* @__PURE__ */ x(D, { size: 18 })
+							onClick: () => H("list"),
+							children: /* @__PURE__ */ S(O, { size: 18 })
 						})]
 					})]
 				}),
-				B ? /* @__PURE__ */ x("div", {
-					className: i("gap-4", H === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+				z ? /* @__PURE__ */ S("div", {
+					className: a("gap-4", V === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
 						2,
@@ -136,156 +133,156 @@ var F = () => {
 						4,
 						5,
 						6
-					].map((e) => /* @__PURE__ */ x("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : X && X.length > 0 ? H === "grid" ? /* @__PURE__ */ x("div", {
+					].map((e) => /* @__PURE__ */ S("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+				}) : Y && Y.length > 0 ? V === "grid" ? /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: X.map((e) => /* @__PURE__ */ x(c, {
+					children: Y.map((e) => /* @__PURE__ */ S(l, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
-						onClick: () => L(`bots/${e.id}`),
-						children: /* @__PURE__ */ S(l, {
+						onClick: () => I(`bots/${e.id}`),
+						children: /* @__PURE__ */ C(u, {
 							className: "pt-6",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-start justify-between",
-									children: [/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ x("span", {
+										children: [/* @__PURE__ */ S("span", {
 											className: "text-4xl",
 											children: e.icon || "🤖"
-										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+										}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ x(d, { status: e.status })] })]
-									}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ S(f, { status: e.status })] })]
+									}), /* @__PURE__ */ C("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ x(u, {
+										children: [/* @__PURE__ */ S(d, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
 											onClick: (t) => {
-												t.stopPropagation(), q(K === e.id ? null : e.id);
+												t.stopPropagation(), K(G === e.id ? null : e.id);
 											},
-											children: /* @__PURE__ */ x(O, { size: 16 })
-										}), K === e.id && /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ S(k, { size: 16 })
+										}), G === e.id && /* @__PURE__ */ C("div", {
 											className: "absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10",
 											children: [
-												/* @__PURE__ */ S("button", {
+												/* @__PURE__ */ C("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), L(`bots/${e.id}/edit`), q(null);
+														t.stopPropagation(), I(`bots/${e.id}/edit`), K(null);
 													},
-													children: [/* @__PURE__ */ x(T, { size: 16 }), I("botlit.botsList.menu.editBot", "Edit Bot")]
+													children: [/* @__PURE__ */ S(E, { size: 16 }), F("botlit.botsList.menu.editBot", "Edit Bot")]
 												}),
-												/* @__PURE__ */ S("button", {
+												/* @__PURE__ */ C("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), L(`bots/${e.id}?tab=workflow`), q(null);
+														t.stopPropagation(), I(`bots/${e.id}?tab=workflow`), K(null);
 													},
-													children: [/* @__PURE__ */ x(M, { size: 16 }), I("botlit.botsList.menu.design", "Design workflow")]
+													children: [/* @__PURE__ */ S(N, { size: 16 }), F("botlit.botsList.menu.design", "Design workflow")]
 												}),
-												/* @__PURE__ */ S("button", {
+												/* @__PURE__ */ C("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), L(`bots/${e.id}/agents`), q(null);
+														t.stopPropagation(), I(`bots/${e.id}/agents`), K(null);
 													},
-													children: [/* @__PURE__ */ x(w, { size: 16 }), I("botlit.botsList.menu.viewAgents", "View Agents")]
+													children: [/* @__PURE__ */ S(T, { size: 16 }), F("botlit.botsList.menu.viewAgents", "View Agents")]
 												}),
-												/* @__PURE__ */ S("button", {
+												/* @__PURE__ */ C("button", {
 													className: "w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2",
 													onClick: (t) => {
-														t.stopPropagation(), Y(e);
+														t.stopPropagation(), J(e);
 													},
-													children: [/* @__PURE__ */ x(j, { size: 16 }), I("botlit.common.delete", "Delete")]
+													children: [/* @__PURE__ */ S(M, { size: 16 }), F("botlit.common.delete", "Delete")]
 												})
 											]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ x("p", {
+								/* @__PURE__ */ S("p", {
 									className: "mt-3 text-sm text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "mt-4 flex items-center gap-4 text-xs text-text-secondary",
-									children: /* @__PURE__ */ S("span", {
+									children: /* @__PURE__ */ C("span", {
 										className: "flex items-center gap-1",
 										children: [
-											/* @__PURE__ */ x(w, { size: 14 }),
+											/* @__PURE__ */ S(T, { size: 14 }),
 											e.executionCount || 0,
 											" ",
-											I("botlit.common.executions", "executions")
+											F("botlit.common.executions", "executions")
 										]
 									})
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ S("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: "text-xs text-text-secondary",
 										children: [
-											I("botlit.botsList.createdLabel", "Created"),
+											F("botlit.botsList.createdLabel", "Created"),
 											" ",
-											o(e.createdAt)
+											s(e.createdAt)
 										]
-									}), /* @__PURE__ */ x(u, {
+									}), /* @__PURE__ */ S(d, {
 										variant: "ghost",
 										size: "sm",
-										leftIcon: /* @__PURE__ */ x(M, { size: 14 }),
+										leftIcon: /* @__PURE__ */ S(N, { size: 14 }),
 										onClick: (t) => {
-											t.stopPropagation(), L(`bots/${e.id}?tab=workflow`);
+											t.stopPropagation(), I(`bots/${e.id}?tab=workflow`);
 										},
-										children: I("botlit.botsList.actions.design", "Design")
+										children: F("botlit.botsList.actions.design", "Design")
 									})]
 								})
 							]
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ x("div", {
+				}) : /* @__PURE__ */ S("div", {
 					className: "space-y-2",
-					children: X.map((e) => /* @__PURE__ */ x(c, {
+					children: Y.map((e) => /* @__PURE__ */ S(l, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
-						onClick: () => L(`bots/${e.id}`),
-						children: /* @__PURE__ */ x(l, {
+						onClick: () => I(`bots/${e.id}`),
+						children: /* @__PURE__ */ S(u, {
 							className: "py-4",
-							children: /* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "flex items-center gap-4",
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ S("span", {
 										className: "text-3xl",
 										children: e.icon || "🤖"
-									}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ x("h3", {
+										children: [/* @__PURE__ */ S("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ x(d, { status: e.status })]
-									}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S(f, { status: e.status })]
+									}), /* @__PURE__ */ S("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
 									})] })]
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "flex items-center gap-6 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ S("span", { children: [
-											a(e.executionCount),
+										/* @__PURE__ */ C("span", { children: [
+											o(e.executionCount),
 											" ",
-											I("botlit.common.executions", "executions")
+											F("botlit.common.executions", "executions")
 										] }),
-										/* @__PURE__ */ x(u, {
+										/* @__PURE__ */ S(d, {
 											variant: "ghost",
 											size: "sm",
-											leftIcon: /* @__PURE__ */ x(M, { size: 14 }),
+											leftIcon: /* @__PURE__ */ S(N, { size: 14 }),
 											onClick: (t) => {
-												t.stopPropagation(), L(`bots/${e.id}?tab=workflow`);
+												t.stopPropagation(), I(`bots/${e.id}?tab=workflow`);
 											},
-											children: I("botlit.botsList.actions.design", "Design")
+											children: F("botlit.botsList.actions.design", "Design")
 										}),
-										/* @__PURE__ */ x(u, {
+										/* @__PURE__ */ S(d, {
 											variant: "ghost",
 											size: "sm",
-											children: /* @__PURE__ */ x(C, {
-												to: R(`bots/${e.id}`),
-												children: I("botlit.common.view", "View")
+											children: /* @__PURE__ */ S(w, {
+												to: L(`bots/${e.id}`),
+												children: F("botlit.common.view", "View")
 											})
 										})
 									]
@@ -293,14 +290,14 @@ var F = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ x(g, {
+				}) : /* @__PURE__ */ S(_, {
 					illustration: "empty-agents",
-					title: I("botlit.botsList.empty.title", "No bots yet"),
-					description: I("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
-					action: /* @__PURE__ */ x(u, {
-						leftIcon: /* @__PURE__ */ x(k, { size: 16 }),
-						onClick: () => L("bots/new"),
-						children: I("botlit.botsList.actions.createBot", "Create Bot")
+					title: F("botlit.botsList.empty.title", "No bots yet"),
+					description: F("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
+					action: /* @__PURE__ */ S(d, {
+						leftIcon: /* @__PURE__ */ S(A, { size: 16 }),
+						onClick: () => I("bots/new"),
+						children: F("botlit.botsList.actions.createBot", "Create Bot")
 					})
 				})
 			]