@burdenoff/microfe-botmanor 2026.813.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"BotDetailPage.js","names":[],"sources":["../../../src/botlit/pages/BotDetailPage.tsx"],"sourcesContent":["/**\n * Bot Detail Page\n * @module botlit/pages\n *\n * Displays bot details using real GraphQL BotApp type:\n * - routingStrategy (flat enum: SINGLE, ROUND_ROBIN, INTELLIGENT, CUSTOM)\n * - defaultAgentId\n * - tagIds, executionCount, etc.\n */\n\nimport type { FC } from 'react';\nimport { useState, useEffect, lazy, Suspense } from 'react';\nimport { useParams, useSearchParams, Link } from 'react-router';\nimport {\n  ArrowLeft,\n  Bot,\n  BarChart3,\n  Save,\n  MessageSquare,\n  Shield,\n  Radio,\n  GitBranch,\n  Layers,\n  Edit,\n  Trash2,\n  Workflow,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { isQuotaExhaustedError } from '@burdenoff/fe-libs/shared/utils';\nimport { toast } from 'sonner';\nimport { PagePurpose, NextSteps, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useBot, useCreateBot, useUpdateBot, useDeleteBot } from '../hooks/useBots';\nimport { useAgents } from '../hooks/useAgents';\nimport { QuotaExhaustedDialog } from '../components/QuotaExhaustedDialog';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport { toUnion } from '../utils/unions';\nimport type { BotAppRecord } from '../hooks/useBots';\nimport { BotChannelsTab } from './BotChannelsTab';\n\n/**\n * The workflow tab pulls the FluidGrids SDK (builder hooks + generated\n * operations). Loading it lazily keeps that graph out of the bot detail chunk\n * for every visitor who never opens the tab.\n */\nconst BotWorkflowTab = lazy(() =>\n  import('./BotWorkflowTab').then((m) => ({ default: m.BotWorkflowTab }))\n);\n\n/** Routing strategies the bot form offers. */\nconst ROUTING_STRATEGIES = ['SINGLE', 'ROUND_ROBIN', 'INTELLIGENT', 'CUSTOM'] as const;\ntype BotRoutingStrategy = (typeof ROUTING_STRATEGIES)[number];\n\n/** The only bot kind this page creates; `BotAppType` also has ANALYST/AUTOMATION/SPECIALIST. */\nconst DEFAULT_BOT_TYPE = 'ASSISTANT';\n\n/** Editable subset of a bot app — one field per `UpdateBotAppInput` field. */\ninterface BotAppForm {\n  name: string;\n  slug: string;\n  description: string;\n  icon: string;\n  routingStrategy: BotRoutingStrategy;\n  welcomeMessage: string;\n  fallbackMessage: string;\n  defaultAgentId: string;\n}\n\nconst DEFAULT_FORM: BotAppForm = {\n  name: '',\n  slug: '',\n  description: '',\n  icon: '\\u{1F916}',\n  routingStrategy: 'SINGLE',\n  welcomeMessage: '',\n  fallbackMessage: '',\n  defaultAgentId: '',\n};\n\nfunction toForm(bot: BotAppRecord): BotAppForm {\n  return {\n    name: bot.name,\n    slug: bot.slug,\n    description: bot.description ?? '',\n    icon: bot.icon || DEFAULT_FORM.icon,\n    routingStrategy: toUnion(bot.routingStrategy, ROUTING_STRATEGIES, 'SINGLE'),\n    welcomeMessage: bot.welcomeMessage ?? '',\n    fallbackMessage: bot.fallbackMessage ?? '',\n    defaultAgentId: bot.defaultAgentId ?? '',\n  };\n}\n// Uses real GraphQL BotApp type: flat fields (routingStrategy, defaultAgentId, tagIds, executionCount, etc.)\n\ninterface BotDetailPageProps {\n  isNew?: boolean;\n  isEditing?: boolean;\n}\n\ntype TabType =\n  | 'overview'\n  | 'workflow'\n  | 'routing'\n  | 'agents'\n  | 'channels'\n  | 'guardrails'\n  | 'releases';\n\nconst TAB_IDS: readonly TabType[] = [\n  'overview',\n  'workflow',\n  'routing',\n  'agents',\n  'channels',\n  'guardrails',\n  'releases',\n];\n\n/**\n * Resolve the tab a bot detail URL should open on.\n *\n * `?code`+`?state` is the Slack OAuth return, which must land on Channels; an\n * explicit `?tab=` (used by the bots list \"Design\" action and by bot creation)\n * wins otherwise.\n */\nfunction initialTabFrom(params: URLSearchParams): TabType {\n  if (params.get('code') && params.get('state')) return 'channels';\n  const requested = params.get('tab');\n  return TAB_IDS.find((tab) => tab === requested) ?? 'overview';\n}\n\nexport const BotDetailPage: FC<BotDetailPageProps> = ({ isNew, isEditing }) => {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { botId } = useParams();\n  const [searchParams] = useSearchParams();\n  const { navigateTo, getPath, workspaceId, navigate } = useBotlit();\n  const { data: bot, loading, refetch: refetchBot } = useBot(isNew ? undefined : botId);\n  const { data: agents } = useAgents();\n  const [createBot, createBotResult] = useCreateBot();\n  const [updateBot, updateBotResult] = useUpdateBot();\n  const [deleteBot, deleteBotResult] = useDeleteBot();\n\n  // Auto-switch to channels tab when Slack OAuth redirects back with ?code+?state,\n  // or to whatever `?tab=` asked for (the bots-list \"Design\" affordance).\n  const [activeTab, setActiveTab] = useState<TabType>(() => initialTabFrom(searchParams));\n  const [formData, setFormData] = useState<BotAppForm>(DEFAULT_FORM);\n  const [showQuotaDialog, setShowQuotaDialog] = useState(false);\n\n  const handleViewBilling = () => {\n    if (navigate) {\n      navigate('/billing');\n      return;\n    }\n    window.location.assign('/billing');\n  };\n\n  // Update form when bot loads\n  useEffect(() => {\n    if (bot && !isNew) {\n      setFormData(toForm(bot));\n    }\n  }, [bot, isNew]);\n\n  const handleCreate = async () => {\n    if (!formData.name || !workspaceId) return;\n    try {\n      const newBot = await createBot({\n        workspaceId,\n        name: formData.name,\n        slug: formData.slug || formData.name.toLowerCase().replace(/\\s+/g, '-'),\n        type: DEFAULT_BOT_TYPE,\n        routingStrategy: formData.routingStrategy,\n        description: formData.description || undefined,\n        icon: formData.icon || undefined,\n      });\n      toast.success(\n        `${t('botlit.botDetail.create.successPrefix', 'Bot')} \"${formData.name}\" ${t('botlit.botDetail.create.successSuffix', 'created successfully')}`\n      );\n      // Land the fresh bot on the Workflow tab — designing its behaviour is the\n      // first real step, and the tab's zero state walks the user into the builder.\n      if (newBot?.id) navigateTo(`bots/${newBot.id}?tab=workflow`);\n    } catch (err: unknown) {\n      if (isQuotaExhaustedError(err)) {\n        setShowQuotaDialog(true);\n        return;\n      }\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.create.error', 'Failed to create bot');\n      toast.error(message);\n    }\n  };\n\n  const handleUpdate = async () => {\n    if (!botId) return;\n    try {\n      await updateBot({\n        botId,\n        input: {\n          name: formData.name,\n          slug: formData.slug,\n          description: formData.description || null,\n          icon: formData.icon || null,\n          routingStrategy: formData.routingStrategy,\n          welcomeMessage: formData.welcomeMessage || null,\n          fallbackMessage: formData.fallbackMessage || null,\n          defaultAgentId: formData.defaultAgentId || null,\n        },\n      });\n      await refetchBot();\n      toast.success(\n        `${t('botlit.botDetail.update.successPrefix', 'Bot')} \"${formData.name}\" ${t('botlit.botDetail.update.successSuffix', 'updated successfully')}`\n      );\n      if (isEditing) navigateTo(`bots/${botId}`);\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : t('botlit.botDetail.update.error', 'Failed to update bot');\n      toast.error(message);\n    }\n  };\n\n  if (isNew) {\n    return (\n      <>\n        <PageLayout\n          title={t('botlit.botDetail.createPage.title', 'Create New Bot')}\n          description={t('botlit.botDetail.createPage.description', 'Set up a new AI-powered bot')}\n          actions={\n            <div className=\"flex gap-2\">\n              <Button variant=\"outline\" onClick={() => navigateTo('bots')}>\n                {t('botlit.common.cancel', 'Cancel')}\n              </Button>\n              <Button\n                leftIcon={<Save size={16} />}\n                onClick={handleCreate}\n                isLoading={createBotResult.loading}\n                disabled={!formData.name || !workspaceId}\n              >\n                {t('botlit.botDetail.createPage.actions.createBot', 'Create Bot')}\n              </Button>\n            </div>\n          }\n        >\n          <Card className=\"max-w-2xl\">\n            <CardContent className=\"pt-6 space-y-6\">\n              <div className=\"flex items-center gap-4\">\n                <button\n                  className=\"text-5xl p-4 rounded-lg border-2 border-dashed border-border-subtle hover:border-primary transition-colors\"\n                  onClick={() => {\n                    const icons = ['🤖', '💼', '🎧', '📊', '🎯', '🔧', '📚', '💡', '🚀', '⚡'];\n                    const current = icons.indexOf(formData.icon);\n                    setFormData({ ...formData, icon: icons[(current + 1) % icons.length] });\n                  }}\n                >\n                  {formData.icon}\n                </button>\n                <p className=\"text-sm text-text-secondary\">\n                  {t('botlit.botDetail.form.clickToChangeIcon', 'Click to change icon')}\n                </p>\n              </div>\n\n              <FormField\n                label={t('botlit.botDetail.form.botName', 'Bot Name')}\n                required\n                htmlFor=\"name\"\n              >\n                <Input\n                  id=\"name\"\n                  placeholder={t(\n                    'botlit.botDetail.form.botNamePlaceholder',\n                    'e.g., Customer Support Bot'\n                  )}\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n                />\n              </FormField>\n\n              <FormField label={t('botlit.botDetail.form.slug', 'Slug')} htmlFor=\"slug\">\n                <Input\n                  id=\"slug\"\n                  placeholder={t('botlit.botDetail.form.slugPlaceholder', 'customer-support-bot')}\n                  value={formData.slug}\n                  onChange={(e) => setFormData({ ...formData, slug: e.target.value })}\n                />\n              </FormField>\n\n              <FormField\n                label={t('botlit.botDetail.form.description', 'Description')}\n                htmlFor=\"description\"\n              >\n                <Textarea\n                  id=\"description\"\n                  placeholder={t(\n                    'botlit.botDetail.form.descriptionPlaceholder',\n                    'Describe what this bot does...'\n                  )}\n                  value={formData.description}\n                  onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                  rows={4}\n                />\n              </FormField>\n\n              <FormField label={t('botlit.botDetail.form.routingStrategy', 'Routing Strategy')}>\n                <select\n                  className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                  value={formData.routingStrategy}\n                  onChange={(e) =>\n                    setFormData({\n                      ...formData,\n                      routingStrategy: toUnion(e.target.value, ROUTING_STRATEGIES, 'SINGLE'),\n                    })\n                  }\n                >\n                  <option value=\"SINGLE\">{t('botlit.botDetail.routing.single', 'Single')}</option>\n                  <option value=\"ROUND_ROBIN\">\n                    {t('botlit.botDetail.routing.roundRobin', 'Round Robin')}\n                  </option>\n                  <option value=\"INTELLIGENT\">\n                    {t('botlit.botDetail.routing.intelligent', 'Intelligent')}\n                  </option>\n                  <option value=\"CUSTOM\">{t('botlit.botDetail.routing.custom', 'Custom')}</option>\n                </select>\n              </FormField>\n            </CardContent>\n          </Card>\n        </PageLayout>\n        <QuotaExhaustedDialog\n          open={showQuotaDialog}\n          title={t('botlit.usage.botQuota.title', 'Bot Limit Reached')}\n          description={t(\n            'botlit.usage.botQuota.description',\n            'You have reached the number of bots allowed on your current plan.'\n          )}\n          onClose={() => setShowQuotaDialog(false)}\n          onViewBilling={handleViewBilling}\n        />\n      </>\n    );\n  }\n\n  if (loading) {\n    return (\n      <PageLayout title={t('botlit.common.loading', 'Loading...')}>\n        <div className=\"h-96 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n      </PageLayout>\n    );\n  }\n\n  if (!bot) {\n    return (\n      <PageLayout title={t('botlit.botDetail.notFound.title', 'Bot Not Found')}>\n        <EmptyState\n          illustration=\"empty-agents\"\n          title={t('botlit.botDetail.notFound.title', 'Bot Not Found')}\n          description={t(\n            'botlit.botDetail.notFound.description',\n            \"The bot you're looking for doesn't exist.\"\n          )}\n          action={\n            <Button onClick={() => navigateTo('bots')}>\n              {t('botlit.botDetail.notFound.backAction', 'Back to Bots')}\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  // Edit mode\n  if (isEditing && bot) {\n    return (\n      <PageLayout\n        title={\n          <div className=\"flex items-center gap-3\">\n            <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo(`bots/${botId}`)}>\n              <ArrowLeft size={20} />\n            </Button>\n            <span>{t('botlit.botDetail.editPage.title', 'Edit Bot')}</span>\n          </div>\n        }\n        actions={\n          <div className=\"flex gap-2\">\n            <Button variant=\"outline\" onClick={() => navigateTo(`bots/${botId}`)}>\n              {t('botlit.common.cancel', 'Cancel')}\n            </Button>\n            <Button\n              leftIcon={<Save size={16} />}\n              onClick={handleUpdate}\n              isLoading={updateBotResult.loading}\n              disabled={!formData.name}\n            >\n              {t('botlit.botDetail.editPage.actions.saveChanges', 'Save Changes')}\n            </Button>\n          </div>\n        }\n      >\n        <Card className=\"max-w-2xl\">\n          <CardContent className=\"pt-6 space-y-6\">\n            <div className=\"flex items-center gap-4\">\n              <button\n                className=\"text-5xl p-4 rounded-lg border-2 border-dashed border-border-subtle hover:border-primary transition-colors\"\n                onClick={() => {\n                  const icons = ['🤖', '💼', '🎧', '📊', '🎯', '🔧', '📚', '💡', '🚀', '⚡'];\n                  const currentIcon = formData.icon;\n                  const current = icons.indexOf(currentIcon);\n                  setFormData({ ...formData, icon: icons[(current + 1) % icons.length] });\n                }}\n              >\n                {formData.icon}\n              </button>\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botDetail.form.clickToChangeIcon', 'Click to change icon')}\n              </p>\n            </div>\n\n            <FormField\n              label={t('botlit.botDetail.form.botName', 'Bot Name')}\n              required\n              htmlFor=\"edit-name\"\n            >\n              <Input\n                id=\"edit-name\"\n                placeholder={t(\n                  'botlit.botDetail.form.botNamePlaceholder',\n                  'e.g., Customer Support Bot'\n                )}\n                value={formData.name}\n                onChange={(e) => setFormData({ ...formData, name: e.target.value })}\n              />\n            </FormField>\n\n            <FormField label={t('botlit.botDetail.form.slug', 'Slug')} htmlFor=\"edit-slug\">\n              <Input\n                id=\"edit-slug\"\n                placeholder={t('botlit.botDetail.form.slugPlaceholder', 'customer-support-bot')}\n                value={formData.slug}\n                onChange={(e) => setFormData({ ...formData, slug: e.target.value })}\n              />\n            </FormField>\n\n            <FormField\n              label={t('botlit.botDetail.form.description', 'Description')}\n              htmlFor=\"edit-description\"\n            >\n              <Textarea\n                id=\"edit-description\"\n                placeholder={t(\n                  'botlit.botDetail.form.descriptionPlaceholder',\n                  'Describe what this bot does...'\n                )}\n                value={formData.description}\n                onChange={(e) => setFormData({ ...formData, description: e.target.value })}\n                rows={4}\n              />\n            </FormField>\n\n            <FormField label={t('botlit.botDetail.form.routingStrategy', 'Routing Strategy')}>\n              <select\n                className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                value={formData.routingStrategy}\n                onChange={(e) =>\n                  setFormData({\n                    ...formData,\n                    routingStrategy: toUnion(e.target.value, ROUTING_STRATEGIES, 'SINGLE'),\n                  })\n                }\n              >\n                <option value=\"SINGLE\">{t('botlit.botDetail.routing.single', 'Single')}</option>\n                <option value=\"ROUND_ROBIN\">\n                  {t('botlit.botDetail.routing.roundRobin', 'Round Robin')}\n                </option>\n                <option value=\"INTELLIGENT\">\n                  {t('botlit.botDetail.routing.intelligent', 'Intelligent')}\n                </option>\n                <option value=\"CUSTOM\">{t('botlit.botDetail.routing.custom', 'Custom')}</option>\n              </select>\n            </FormField>\n\n            <FormField\n              label={t('botlit.botDetail.form.welcomeMessage', 'Welcome Message')}\n              htmlFor=\"edit-welcome\"\n            >\n              <Textarea\n                id=\"edit-welcome\"\n                placeholder={t(\n                  'botlit.botDetail.form.welcomeMessagePlaceholder',\n                  'Welcome message shown to users...'\n                )}\n                value={formData.welcomeMessage}\n                onChange={(e) => setFormData({ ...formData, welcomeMessage: e.target.value })}\n                rows={3}\n              />\n            </FormField>\n\n            <FormField\n              label={t('botlit.botDetail.form.fallbackMessage', 'Fallback Message')}\n              htmlFor=\"edit-fallback\"\n            >\n              <Input\n                id=\"edit-fallback\"\n                placeholder={t(\n                  'botlit.botDetail.form.fallbackMessagePlaceholder',\n                  \"Message when agent can't respond...\"\n                )}\n                value={formData.fallbackMessage}\n                onChange={(e) => setFormData({ ...formData, fallbackMessage: e.target.value })}\n              />\n            </FormField>\n\n            <FormField label={t('botlit.botDetail.form.defaultAgent', 'Default Agent')}>\n              <select\n                className=\"flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                value={formData.defaultAgentId}\n                onChange={(e) => setFormData({ ...formData, defaultAgentId: e.target.value })}\n              >\n                <option value=\"\">\n                  {t('botlit.botDetail.form.noDefaultAgent', 'No default agent')}\n                </option>\n                {agents?.map((agent: { id: string; name: string }) => (\n                  <option key={agent.id} value={agent.id}>\n                    {agent.name}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n          </CardContent>\n        </Card>\n      </PageLayout>\n    );\n  }\n\n  const tabs: { id: TabType; label: string; icon: React.ReactNode }[] = [\n    {\n      id: 'overview',\n      label: t('botlit.botDetail.tabs.overview', 'Overview'),\n      icon: <BarChart3 size={16} />,\n    },\n    {\n      id: 'workflow',\n      label: t('botlit.botDetail.tabs.workflow', 'Workflow'),\n      icon: <Workflow size={16} />,\n    },\n    {\n      id: 'routing',\n      label: t('botlit.botDetail.tabs.routing', 'Routing'),\n      icon: <GitBranch size={16} />,\n    },\n    { id: 'agents', label: t('botlit.botDetail.tabs.agents', 'Agents'), icon: <Bot size={16} /> },\n    {\n      id: 'channels',\n      label: t('botlit.botDetail.tabs.channels', 'Channels'),\n      icon: <Radio size={16} />,\n    },\n    {\n      id: 'guardrails',\n      label: t('botlit.botDetail.tabs.guardrails', 'Guardrails'),\n      icon: <Shield size={16} />,\n    },\n    {\n      id: 'releases',\n      label: t('botlit.botDetail.tabs.releases', 'Releases'),\n      icon: <Layers size={16} />,\n    },\n  ];\n\n  // Find default agent details if set\n  const defaultAgent = bot.defaultAgentId\n    ? agents?.find((a: { id: string }) => a.id === bot.defaultAgentId)\n    : null;\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigateTo('bots')}>\n            <ArrowLeft size={20} />\n          </Button>\n          <span className=\"text-3xl\">{bot.icon}</span>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <span>{bot.name}</span>\n              <StatusBadge status={bot.status} />\n              <Badge variant=\"outline\">{bot.slug}</Badge>\n            </div>\n            <p className=\"text-sm font-normal text-text-secondary\">{bot.description}</p>\n          </div>\n        </div>\n      }\n      actions={\n        <div className=\"flex gap-2\">\n          {bot.status === 'DRAFT' || bot.status === 'ARCHIVED' ? (\n            <Button\n              variant=\"default\"\n              isLoading={updateBotResult.loading}\n              onClick={async () => {\n                try {\n                  if (!botId) return;\n                  await updateBot({ botId, input: { status: 'ACTIVE' } });\n                  await refetchBot();\n                  toast.success(\n                    `${t('botlit.botDetail.activate.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botDetail.activate.successSuffix', 'activated')}`\n                  );\n                } catch (err: unknown) {\n                  toast.error(\n                    err instanceof Error\n                      ? err.message\n                      : t('botlit.botDetail.activate.error', 'Failed to activate bot')\n                  );\n                }\n              }}\n            >\n              {t('botlit.botDetail.actions.activate', 'Activate')}\n            </Button>\n          ) : (\n            <Button\n              variant=\"outline\"\n              isLoading={updateBotResult.loading}\n              onClick={async () => {\n                try {\n                  if (!botId) return;\n                  await updateBot({ botId, input: { status: 'DRAFT' } });\n                  await refetchBot();\n                  toast.success(\n                    `${t('botlit.botDetail.deactivate.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botDetail.deactivate.successSuffix', 'deactivated')}`\n                  );\n                } catch (err: unknown) {\n                  toast.error(\n                    err instanceof Error\n                      ? err.message\n                      : t('botlit.botDetail.deactivate.error', 'Failed to deactivate bot')\n                  );\n                }\n              }}\n            >\n              {t('botlit.botDetail.actions.deactivate', 'Deactivate')}\n            </Button>\n          )}\n          <Button\n            variant=\"outline\"\n            leftIcon={<Edit size={16} />}\n            onClick={() => navigateTo(`bots/${botId}/edit`)}\n          >\n            {t('botlit.botDetail.actions.editBot', 'Edit Bot')}\n          </Button>\n          <Button\n            variant=\"outline\"\n            leftIcon={<MessageSquare size={16} />}\n            onClick={() => {\n              const agentId = bot?.defaultAgentId;\n              navigateTo(agentId ? `chat/${agentId}` : 'chat');\n            }}\n          >\n            {t('botlit.botDetail.actions.testBot', 'Test Bot')}\n          </Button>\n          <Button\n            variant=\"destructive\"\n            leftIcon={<Trash2 size={16} />}\n            isLoading={deleteBotResult.loading}\n            onClick={async () => {\n              if (!botId) return;\n              if (\n                !confirm(\n                  `${t('botlit.botDetail.delete.confirmPrefix', 'Are you sure you want to delete')} \"${bot.name}\"? ${t('botlit.botDetail.delete.confirmSuffix', 'This action cannot be undone.')}`\n                )\n              )\n                return;\n              try {\n                await deleteBot(botId);\n                toast.success(\n                  `${t('botlit.botDetail.delete.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botDetail.delete.successSuffix', 'deleted successfully')}`\n                );\n                navigateTo('bots');\n              } catch (err: unknown) {\n                toast.error(\n                  err instanceof Error\n                    ? err.message\n                    : t('botlit.botDetail.delete.error', 'Failed to delete bot')\n                );\n              }\n            }}\n          >\n            {t('botlit.common.delete', 'Delete')}\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.botDetail.purpose',\n            'This is everything that makes up a single bot — the agent that answers, how requests are routed, which channels it is live on, its guardrails and its release history. Use the tabs to wire it up: assign a default agent, connect a channel and activate it so real users can start chatting.'\n          )}\n        </PagePurpose>\n\n        {/* Tabs */}\n        <div className=\"flex gap-1 border-b border-border-subtle overflow-x-auto\">\n          {tabs.map((tab) => (\n            <button\n              key={tab.id}\n              onClick={() => setActiveTab(tab.id)}\n              className={cn(\n                'flex items-center gap-2 px-4 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap',\n                activeTab === tab.id\n                  ? 'border-primary text-primary'\n                  : 'border-transparent text-text-secondary hover:text-text-primary'\n              )}\n            >\n              {tab.icon}\n              {tab.label}\n            </button>\n          ))}\n        </div>\n\n        {/* Overview Tab */}\n        {activeTab === 'overview' && (\n          <div className=\"space-y-6\">\n            <NextSteps\n              storageKey={`botlit-bot-${botId}`}\n              steps={[\n                {\n                  id: 'workflow',\n                  label: t('botlit.botDetail.nextSteps.workflow', 'Design the workflow'),\n                  description: t(\n                    'botlit.botDetail.nextSteps.workflowDesc',\n                    'Lay out what the bot does on the FluidGrids canvas.'\n                  ),\n                  icon: <Workflow size={16} />,\n                  onClick: () => setActiveTab('workflow'),\n                  done: Boolean(bot.workflowId),\n                },\n                {\n                  id: 'agent',\n                  label: t('botlit.botDetail.nextSteps.agent', 'Assign a default agent'),\n                  description: t(\n                    'botlit.botDetail.nextSteps.agentDesc',\n                    'Choose which agent answers when this bot is messaged.'\n                  ),\n                  icon: <Bot size={16} />,\n                  onClick: () => setActiveTab('agents'),\n                  done: Boolean(bot.defaultAgentId),\n                },\n                {\n                  id: 'channel',\n                  label: t('botlit.botDetail.nextSteps.channel', 'Connect a channel'),\n                  description: t(\n                    'botlit.botDetail.nextSteps.channelDesc',\n                    'Put the bot on Slack, a web widget or another channel.'\n                  ),\n                  icon: <Radio size={16} />,\n                  onClick: () => setActiveTab('channels'),\n                },\n                {\n                  id: 'test',\n                  label: t('botlit.botDetail.nextSteps.test', 'Test the bot'),\n                  description: t(\n                    'botlit.botDetail.nextSteps.testDesc',\n                    'Send a message to check the experience end to end.'\n                  ),\n                  icon: <MessageSquare size={16} />,\n                  onClick: () => {\n                    const agentId = bot?.defaultAgentId;\n                    navigateTo(agentId ? `chat/${agentId}` : 'chat');\n                  },\n                },\n                {\n                  id: 'activate',\n                  label: t('botlit.botDetail.nextSteps.activate', 'Activate the bot'),\n                  description: t(\n                    'botlit.botDetail.nextSteps.activateDesc',\n                    'Make it live so it starts handling conversations.'\n                  ),\n                  icon: <Shield size={16} />,\n                  onClick: () => navigateTo(`bots/${botId}/edit`),\n                  done: bot.status === 'ACTIVE',\n                },\n              ]}\n            />\n            <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n              {/* Quick Info */}\n              <Card>\n                <CardHeader>\n                  <CardTitle>Details</CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Status</p>\n                    <StatusBadge status={bot.status} />\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Visibility</p>\n                    <Badge variant=\"outline\">{bot.visibility}</Badge>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Routing Strategy</p>\n                    <Badge variant=\"outline\">{bot.routingStrategy}</Badge>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Default Agent</p>\n                    <p className=\"font-medium\">\n                      {bot.defaultAgentId ? '1 agent assigned' : 'No agents'}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Channels</p>\n                    <p className=\"font-medium\">0 channels</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Created</p>\n                    <p className=\"font-medium\">{formatRelativeTime(bot.createdAt)}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Executions</p>\n                    <p className=\"font-medium\">{formatNumber(bot.executionCount)}</p>\n                  </div>\n                </CardContent>\n              </Card>\n\n              {/* Default Agent Preview */}\n              <GlassCard treatment=\"glass\" glow className=\"lg:col-span-2 p-6\">\n                <div className=\"mb-4 flex flex-row items-center justify-between\">\n                  <div>\n                    <h3 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n                      Default Agent\n                    </h3>\n                    <p className=\"text-sm text-text-secondary\">Agent configured for this bot</p>\n                  </div>\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => setActiveTab('agents')}>\n                    Manage\n                  </Button>\n                </div>\n                <div>\n                  {defaultAgent ? (\n                    <div className=\"space-y-3\">\n                      <Link\n                        to={getPath(`agents/${(defaultAgent as { id: string }).id}`)}\n                        className=\"flex items-center justify-between p-3 rounded-lg border border-border-subtle hover:bg-accent transition-colors\"\n                      >\n                        <div className=\"flex items-center gap-3\">\n                          <span className=\"text-2xl\">🤖</span>\n                          <div>\n                            <p className=\"font-medium text-text-primary\">\n                              {(defaultAgent as { name: string }).name}\n                            </p>\n                            <p className=\"text-xs text-text-secondary\">Default Agent</p>\n                          </div>\n                        </div>\n                        <StatusBadge status={(defaultAgent as { status: string }).status} />\n                      </Link>\n                    </div>\n                  ) : (\n                    <div className=\"text-center py-8 text-text-secondary\">\n                      <Bot className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                      <p>No default agent assigned</p>\n                      <Button size=\"sm\" className=\"mt-3\" onClick={() => setActiveTab('agents')}>\n                        Assign Agent\n                      </Button>\n                    </div>\n                  )}\n                </div>\n              </GlassCard>\n\n              {/* Tags */}\n              {(bot.tagIds || []).length > 0 && (\n                <Card className=\"lg:col-span-3\">\n                  <CardHeader>\n                    <CardTitle>Tags</CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {(bot.tagIds || []).map((tagId: string) => (\n                        <Badge key={tagId} variant=\"outline\">\n                          {tagId}\n                        </Badge>\n                      ))}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Workflow Tab */}\n        {activeTab === 'workflow' && botId && (\n          <Suspense\n            fallback={\n              <div className=\"h-64 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\" />\n            }\n          >\n            <BotWorkflowTab\n              botId={botId}\n              botName={bot.name}\n              workflowId={bot.workflowId}\n              onWorkflowChanged={async () => {\n                await refetchBot();\n              }}\n            />\n          </Suspense>\n        )}\n\n        {/* Routing Tab */}\n        {activeTab === 'routing' && (\n          <div className=\"space-y-6\">\n            <Card>\n              <CardHeader>\n                <CardTitle>Routing Configuration</CardTitle>\n                <CardDescription>How requests are routed to agents</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Strategy</p>\n                    <Badge variant=\"outline\" className=\"mt-1\">\n                      {bot.routingStrategy}\n                    </Badge>\n                  </div>\n                  {bot.defaultAgentId && (\n                    <div>\n                      <p className=\"text-sm text-text-secondary\">Default Agent</p>\n                      <p className=\"font-mono text-sm mt-1\">{bot.defaultAgentId}</p>\n                    </div>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle>Routing Rules</CardTitle>\n                <CardDescription>No routing rules configured</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-text-secondary\">\n                  No routing rules configured. Routing rules will be available in a future update.\n                </p>\n              </CardContent>\n            </Card>\n          </div>\n        )}\n\n        {/* Agents Tab */}\n        {activeTab === 'agents' && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Default Agent</CardTitle>\n              <CardDescription>Select the default agent for this bot</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {defaultAgent && (\n                <div className=\"flex items-center justify-between p-4 border border-border-subtle rounded-lg\">\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"text-2xl\">🤖</span>\n                    <div>\n                      <p className=\"font-medium\">{(defaultAgent as { name: string }).name}</p>\n                      <Badge variant=\"success\">Default</Badge>\n                    </div>\n                  </div>\n                  <StatusBadge status={(defaultAgent as { status: string }).status} />\n                </div>\n              )}\n\n              <div className=\"flex items-center gap-3\">\n                <select\n                  className=\"flex h-10 flex-1 rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm\"\n                  value={bot.defaultAgentId || ''}\n                  onChange={async (e) => {\n                    if (botId) {\n                      try {\n                        await updateBot({\n                          botId,\n                          input: { defaultAgentId: e.target.value || null },\n                        });\n                        toast.success(\n                          e.target.value ? 'Default agent assigned' : 'Default agent removed'\n                        );\n                      } catch (err: unknown) {\n                        const message =\n                          err instanceof Error ? err.message : 'Failed to assign agent';\n                        toast.error(message);\n                      }\n                    }\n                  }}\n                >\n                  <option value=\"\">No default agent</option>\n                  {agents?.map((agent: { id: string; name: string }) => (\n                    <option key={agent.id} value={agent.id}>\n                      {agent.name}\n                    </option>\n                  ))}\n                </select>\n              </div>\n\n              {!defaultAgent && !agents?.length && (\n                <div className=\"text-center py-8 text-text-secondary\">\n                  <Bot className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                  <p>No agents available. Create an agent first.</p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Channels Tab */}\n        {activeTab === 'channels' && botId && <BotChannelsTab botId={botId} botName={bot.name} />}\n\n        {/* Guardrails Tab */}\n        {activeTab === 'guardrails' && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Policy Bindings</CardTitle>\n              <CardDescription>Guardrails and policies attached to this bot</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-center py-8 text-text-secondary\">\n                <Shield className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                <p>Not configured</p>\n                <p className=\"text-sm mt-1\">\n                  Policy bindings will be available in a future update.\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Releases Tab */}\n        {activeTab === 'releases' && (\n          <Card>\n            <CardHeader>\n              <CardTitle>Release Tracks</CardTitle>\n              <CardDescription>Version deployments across environments</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-center py-8 text-text-secondary\">\n                <Layers className=\"h-8 w-8 mx-auto mb-2 opacity-50\" />\n                <p>Not configured</p>\n                <p className=\"text-sm mt-1\">Release tracks will be available in a future update.</p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/BotWorkflowTab.js

@@ -0,0 +1,229 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useUpdateBot as t } from "../hooks/useBots.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../components/Card.js";
+import { Button as s } from "../components/Button.js";
+import { Badge as c, StatusBadge as l } from "../components/Badge.js";
+import { EmptyState as u } from "../components/EmptyState.js";
+import { useCallback as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useCreateWorkflow as h, useWorkflowDefinition as g } from "@burdenoff/fluidgrids-fe-sdk";
+import { ExternalLink as _, Sparkles as v, Unlink as y, Workflow as b } from "lucide-react";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { toast as S } 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 = [
+	"trigger",
+	"manual",
+	"entry"
+];
+function A() {
+	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) {
+	return {
+		key: e,
+		name: t,
+		description: t,
+		workflow_type: "query-conditional",
+		data: {
+			id: e,
+			workflowKey: e,
+			version: C,
+			name: t,
+			nodes: [{
+				id: A(),
+				type: w,
+				position: {
+					x: 160,
+					y: 160
+				},
+				kind: k,
+				data: {
+					operation_name: E,
+					operation_type: "trigger",
+					version: T,
+					nodeData: {
+						nodeType: w,
+						name: D,
+						description: O,
+						version: T,
+						kind: k,
+						operations: [{
+							name: E,
+							type: "trigger",
+							role: "trigger",
+							description: O
+						}]
+					},
+					args: {
+						context: { node: {
+							id: w,
+							type: w,
+							kind: k
+						} },
+						state: {},
+						credentials: []
+					}
+				}
+			}],
+			edges: [],
+			sidebar: {
+				active: "store-browse",
+				panels: { nodeProperties: { selectedNode: null } }
+			},
+			stickyNotes: []
+		},
+		meta: {
+			creator: "botlit_bot_design",
+			version: C
+		},
+		tags: []
+	};
+}
+var M = ({ botId: w, botName: T, workflowId: E, onWorkflowChanged: D }) => {
+	let { t: O } = x(), k = d((e, t) => {
+		let n = O(e);
+		return n === e ? t : n;
+	}, [O]), { navigateTo: M } = e(), { createWorkflow: N } = h(), [P] = t(), [F, I] = f(!1), { workflow: L, loading: R } = g(void 0, E ?? void 0), z = d((e, t) => {
+		M(`workflows/workflow/${e}/${t || C}`);
+	}, [M]), B = d(async () => {
+		I(!0);
+		try {
+			let e = A(), t = `${T} workflow`, n = await N({
+				workflowKey: e,
+				version: C,
+				name: t,
+				description: k("botlit.botDetail.workflow.createdDescription", "Behaviour designed for this Botlit bot."),
+				definitionJson: j(e, t)
+			});
+			if (!n) throw Error(k("botlit.botDetail.workflow.createError", "Failed to create the workflow"));
+			await P({
+				botId: w,
+				input: { workflowId: n.id }
+			}), await D(), S.success(k("botlit.botDetail.workflow.createSuccess", "Workflow created and bound to this bot")), z(n.workflowKey, n.version);
+		} catch (e) {
+			let t = e instanceof Error ? e.message : k("botlit.botDetail.workflow.createError", "Failed to create the workflow");
+			S.error(t);
+		} finally {
+			I(!1);
+		}
+	}, [
+		w,
+		T,
+		N,
+		D,
+		z,
+		k,
+		P
+	]), V = d(async () => {
+		if (confirm(k("botlit.botDetail.workflow.unbindConfirm", "Unbind this workflow from the bot? The workflow itself is not deleted."))) {
+			I(!0);
+			try {
+				await P({
+					botId: w,
+					input: { workflowId: null }
+				}), await D(), S.success(k("botlit.botDetail.workflow.unbindSuccess", "Workflow unbound"));
+			} catch (e) {
+				let t = e instanceof Error ? e.message : k("botlit.botDetail.workflow.unbindError", "Failed to unbind the workflow");
+				S.error(t);
+			} finally {
+				I(!1);
+			}
+		}
+	}, [
+		w,
+		D,
+		k,
+		P
+	]);
+	return E ? /* @__PURE__ */ p("div", {
+		className: "space-y-6",
+		children: /* @__PURE__ */ m(n, { children: [/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ m(o, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ p(b, { size: 18 }), k("botlit.botDetail.workflow.bound.title", "Bound workflow")]
+		}), /* @__PURE__ */ p(i, { children: k("botlit.botDetail.workflow.bound.description", "This workflow defines what the bot does when it is invoked.") })] }), /* @__PURE__ */ m(r, {
+			className: "space-y-6",
+			children: [R ? /* @__PURE__ */ p("div", { className: "h-24 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer" }) : L ? /* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: k("botlit.botDetail.workflow.fields.name", "Name")
+					}), /* @__PURE__ */ p("p", {
+						className: "font-medium text-text-primary",
+						children: L.name
+					})] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: k("botlit.botDetail.workflow.fields.key", "Key")
+					}), /* @__PURE__ */ p("p", {
+						className: "mt-1 break-all font-mono text-sm text-text-primary",
+						children: L.workflowKey
+					})] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: k("botlit.botDetail.workflow.fields.version", "Version")
+					}), /* @__PURE__ */ p(c, {
+						variant: "outline",
+						className: "mt-1",
+						children: L.version
+					})] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: k("botlit.botDetail.workflow.fields.status", "Status")
+					}), /* @__PURE__ */ p("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ p(l, { status: L.status })
+					})] })
+				]
+			}) : /* @__PURE__ */ m("div", { children: [
+				/* @__PURE__ */ p("p", {
+					className: "text-sm text-text-secondary",
+					children: k("botlit.botDetail.workflow.fields.workflowId", "Workflow ID")
+				}),
+				/* @__PURE__ */ p("p", {
+					className: "mt-1 break-all font-mono text-sm text-text-primary",
+					children: E
+				}),
+				/* @__PURE__ */ p("p", {
+					className: "mt-2 text-sm text-text-secondary",
+					children: k("botlit.botDetail.workflow.unresolved", "This workflow could not be loaded — it may have been deleted. Unbind it and design a new one.")
+				})
+			] }), /* @__PURE__ */ m("div", {
+				className: "flex flex-wrap gap-2",
+				children: [L && /* @__PURE__ */ p(s, {
+					leftIcon: /* @__PURE__ */ p(_, { size: 16 }),
+					disabled: F,
+					onClick: () => z(L.workflowKey, L.version),
+					children: k("botlit.botDetail.workflow.actions.openBuilder", "Open in builder")
+				}), /* @__PURE__ */ p(s, {
+					variant: "outline",
+					leftIcon: /* @__PURE__ */ p(y, { size: 16 }),
+					isLoading: F,
+					disabled: F,
+					onClick: () => void V(),
+					children: k("botlit.botDetail.workflow.actions.unbind", "Unbind")
+				})]
+			})]
+		})] })
+	}) : /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(r, {
+		className: "pt-6",
+		children: /* @__PURE__ */ p(u, {
+			illustration: "empty-generic",
+			title: k("botlit.botDetail.workflow.empty.title", "Design this bot as a workflow"),
+			description: k("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__ */ p(s, {
+				leftIcon: /* @__PURE__ */ p(v, { size: 16 }),
+				isLoading: F,
+				disabled: F,
+				onClick: () => void B(),
+				children: k("botlit.botDetail.workflow.empty.action", "Design in workflow builder")
+			})
+		})
+	}) });
+};
+//#endregion
+export { M as BotWorkflowTab };
+
+//# sourceMappingURL=BotWorkflowTab.js.map

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

@@ -0,0 +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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"}