@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/BotsListPage.js

@@ -1,43 +1,43 @@
 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 { BOTMANOR_PERMISSIONS as c } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as l } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as u } from "../components/PageLayout.js";
-import { Button as d } from "../components/Button.js";
+import { isNative as t, nativeConfirm as n, nativeImpact as r, nativeNotify as i } from "../../utils/nativeBridge.js";
+import { PageLayout as a } from "../components/PageLayout.js";
+import { Card as o, CardContent as s } from "../components/Card.js";
+import { Button as c } from "../components/Button.js";
+import { Input as l } from "../components/Input.js";
+import { BOTMANOR_PERMISSIONS as u } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as d } from "../permissions/useBotmanorPermissions.js";
+import { StatusBadge as f } from "../components/Badge.js";
+import { EmptyState as p } from "../components/EmptyState.js";
+import { useBots as m, useDeleteBot as h } from "../hooks/useBots.js";
+import { useBotlitStore as g } from "../store/botlitStore.js";
+import { useBotlit as _ } from "../providers/BotlitProvider.js";
+import { formatNumber as v, formatRelativeTime as y } from "../utils/formatters.js";
+import { cn as b } from "../utils/cn.js";
 import "../permissions/index.js";
-import { Card as f, CardContent as p } from "../components/Card.js";
-import { StatusBadge as m } from "../components/Badge.js";
-import { isNative as h, nativeConfirm as g, nativeImpact as _, nativeNotify as v } from "../../utils/nativeBridge.js";
-import { EmptyState as y } from "../components/EmptyState.js";
-import { Input as b } from "../components/Input.js";
 import { useState as x } from "react";
 import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Link as E } from "react-router";
 import { Bot as D, Edit as O, Grid3X3 as k, List as A, MoreVertical as j, Plus as M, Search as N, Trash2 as P, Workflow as F } from "lucide-react";
 import { toast as I } from "sonner";
-//#region src/botlit/pages/BotsListPage.tsx
+// src/botlit/pages/BotsListPage.tsx
 var L = () => {
-	let L = e(), { navigateTo: R, getPath: z } = t(), { data: B, loading: V } = r(), [H] = i(), { viewMode: U, setViewMode: W, botFilter: G, updateBotFilter: K } = n(), [q, J] = x(null), Y = (e) => {
+	let L = e(), { navigateTo: R, getPath: z } = _(), { data: B, loading: V } = m(), [H] = h(), { viewMode: U, setViewMode: W, botFilter: G, updateBotFilter: K } = g(), [q, J] = x(null), Y = (e) => {
 		K({ search: e.target.value });
 	}, X = async (e) => {
-		let t = `${L("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, n = await g({
+		let a = `${L("botlit.botsList.delete.confirmPrefix", "Are you sure you want to delete")} "${e.name}"?`, o = await n({
 			title: "Delete bot?",
-			message: t,
+			message: a,
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
-		if (n === null ? confirm(t) : n) {
-			_("medium");
+		if (o === null ? confirm(a) : o) {
+			r("medium");
 			try {
-				await H(e.id), I.success(`${L("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${L("botlit.botsList.delete.successSuffix", "deleted successfully")}`), h() && v("success");
+				await H(e.id), I.success(`${L("botlit.botsList.delete.successPrefix", "Bot")} "${e.name}" ${L("botlit.botsList.delete.successSuffix", "deleted successfully")}`), t() && i("success");
 			} catch (e) {
-				let t = e instanceof Error ? e.message : L("botlit.botsList.delete.error", "Failed to delete bot");
-				I.error(t), h() && v("error");
+				let n = e instanceof Error ? e.message : L("botlit.botsList.delete.error", "Failed to delete bot");
+				I.error(n), t() && i("error");
 			}
 		}
 		J(null);
@@ -48,12 +48,12 @@ var L = () => {
 		}
 		return !0;
 	});
-	return /* @__PURE__ */ w(u, {
+	return /* @__PURE__ */ w(a, {
 		title: L("botlit.botsList.title", "Bots"),
 		description: L("botlit.botsList.description", "Manage your AI-powered bots"),
-		actions: /* @__PURE__ */ w(l, {
-			permission: c.APP_CREATE,
-			children: /* @__PURE__ */ w(d, {
+		actions: /* @__PURE__ */ w(d, {
+			permission: u.APP_CREATE,
+			children: /* @__PURE__ */ w(c, {
 				leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
 				onClick: () => R("bots/new"),
 				children: L("botlit.botsList.actions.createBot", "Create Bot")
@@ -100,7 +100,7 @@ var L = () => {
 								children: L("botlit.botsList.summary.executions", "Total executions")
 							}), /* @__PURE__ */ w("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: o(B.reduce((e, t) => e + (t.executionCount ?? 0), 0))
+								children: v(B.reduce((e, t) => e + (t.executionCount ?? 0), 0))
 							})]
 						})
 					]
@@ -109,7 +109,7 @@ var L = () => {
 					className: "flex items-center justify-between gap-4",
 					children: [/* @__PURE__ */ T("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ w(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(b, {
+						children: [/* @__PURE__ */ w(N, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w(l, {
 							placeholder: L("botlit.botsList.searchPlaceholder", "Search bots..."),
 							value: G.search || "",
 							onChange: Y,
@@ -117,12 +117,12 @@ var L = () => {
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ w(d, {
+						children: [/* @__PURE__ */ w(c, {
 							variant: U === "grid" ? "secondary" : "ghost",
 							size: "icon",
 							onClick: () => W("grid"),
 							children: /* @__PURE__ */ w(k, { size: 18 })
-						}), /* @__PURE__ */ w(d, {
+						}), /* @__PURE__ */ w(c, {
 							variant: U === "list" ? "secondary" : "ghost",
 							size: "icon",
 							onClick: () => W("list"),
@@ -131,7 +131,7 @@ var L = () => {
 					})]
 				}),
 				V ? /* @__PURE__ */ w("div", {
-					className: a("gap-4", U === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
+					className: b("gap-4", U === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3" : "flex flex-col"),
 					children: [
 						1,
 						2,
@@ -142,10 +142,10 @@ var L = () => {
 					].map((e) => /* @__PURE__ */ w("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
 				}) : Z && Z.length > 0 ? U === "grid" ? /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: Z.map((e) => /* @__PURE__ */ w(f, {
+					children: Z.map((e) => /* @__PURE__ */ w(o, {
 						className: "group hover:shadow-md transition-shadow cursor-pointer relative",
 						onClick: () => R(`bots/${e.id}`),
-						children: /* @__PURE__ */ T(p, {
+						children: /* @__PURE__ */ T(s, {
 							className: "pt-6",
 							children: [
 								/* @__PURE__ */ T("div", {
@@ -158,10 +158,10 @@ var L = () => {
 										}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ w(m, { status: e.status })] })]
+										}), /* @__PURE__ */ w(f, { status: e.status })] })]
 									}), /* @__PURE__ */ T("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ w(d, {
+										children: [/* @__PURE__ */ w(c, {
 											variant: "ghost",
 											size: "icon",
 											className: "opacity-0 group-hover:opacity-100 transition-opacity",
@@ -172,8 +172,8 @@ var L = () => {
 										}), q === e.id && /* @__PURE__ */ T("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__ */ w(l, {
-													permission: c.APP_UPDATE,
+												/* @__PURE__ */ w(d, {
+													permission: u.APP_UPDATE,
 													children: /* @__PURE__ */ T("button", {
 														className: "w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2",
 														onClick: (t) => {
@@ -196,8 +196,8 @@ var L = () => {
 													},
 													children: [/* @__PURE__ */ w(D, { size: 16 }), L("botlit.botsList.menu.viewAgents", "View Agents")]
 												}),
-												/* @__PURE__ */ w(l, {
-													permission: c.APP_DELETE,
+												/* @__PURE__ */ w(d, {
+													permission: u.APP_DELETE,
 													children: /* @__PURE__ */ T("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) => {
@@ -233,9 +233,9 @@ var L = () => {
 										children: [
 											L("botlit.botsList.createdLabel", "Created"),
 											" ",
-											s(e.createdAt)
+											y(e.createdAt)
 										]
-									}), /* @__PURE__ */ w(d, {
+									}), /* @__PURE__ */ w(c, {
 										variant: "ghost",
 										size: "sm",
 										leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
@@ -250,10 +250,10 @@ var L = () => {
 					}, e.id))
 				}) : /* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: Z.map((e) => /* @__PURE__ */ w(f, {
+					children: Z.map((e) => /* @__PURE__ */ w(o, {
 						className: "hover:shadow-md transition-shadow cursor-pointer",
 						onClick: () => R(`bots/${e.id}`),
-						children: /* @__PURE__ */ w(p, {
+						children: /* @__PURE__ */ w(s, {
 							className: "py-4",
 							children: /* @__PURE__ */ T("div", {
 								className: "flex items-center justify-between",
@@ -267,7 +267,7 @@ var L = () => {
 										children: [/* @__PURE__ */ w("h3", {
 											className: "font-semibold text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ w(m, { status: e.status })]
+										}), /* @__PURE__ */ w(f, { status: e.status })]
 									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary line-clamp-1",
 										children: e.description
@@ -276,11 +276,11 @@ var L = () => {
 									className: "flex items-center gap-6 text-sm text-text-secondary",
 									children: [
 										/* @__PURE__ */ T("span", { children: [
-											o(e.executionCount),
+											v(e.executionCount),
 											" ",
 											L("botlit.common.executions", "executions")
 										] }),
-										/* @__PURE__ */ w(d, {
+										/* @__PURE__ */ w(c, {
 											variant: "ghost",
 											size: "sm",
 											leftIcon: /* @__PURE__ */ w(F, { size: 14 }),
@@ -289,7 +289,7 @@ var L = () => {
 											},
 											children: L("botlit.botsList.actions.design", "Design")
 										}),
-										/* @__PURE__ */ w(d, {
+										/* @__PURE__ */ w(c, {
 											variant: "ghost",
 											size: "sm",
 											children: /* @__PURE__ */ w(E, {
@@ -302,13 +302,13 @@ var L = () => {
 							})
 						})
 					}, e.id))
-				}) : /* @__PURE__ */ w(y, {
+				}) : /* @__PURE__ */ w(p, {
 					illustration: "empty-agents",
 					title: L("botlit.botsList.empty.title", "No bots yet"),
 					description: L("botlit.botsList.empty.description", "Create your first AI-powered bot to get started with building agents and automations."),
-					action: /* @__PURE__ */ w(l, {
-						permission: c.APP_CREATE,
-						children: /* @__PURE__ */ w(d, {
+					action: /* @__PURE__ */ w(d, {
+						permission: u.APP_CREATE,
+						children: /* @__PURE__ */ w(c, {
 							leftIcon: /* @__PURE__ */ w(M, { size: 16 }),
 							onClick: () => R("bots/new"),
 							children: L("botlit.botsList.actions.createBot", "Create Bot")
@@ -319,7 +319,6 @@ var L = () => {
 		})
 	});
 };
-//#endregion
 export { L as BotsListPage };
 
 //# sourceMappingURL=BotsListPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BotsListPage.js","names":[],"sources":["../../../src/botlit/pages/BotsListPage.tsx"],"sourcesContent":["/**\n * Bots List Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport {\n  Plus,\n  Search,\n  Grid3X3,\n  List,\n  MoreVertical,\n  Bot,\n  Trash2,\n  Edit,\n  Workflow,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useBots, useDeleteBot } from '../hooks/useBots';\nimport { useBotlitStore } from '../store/botlitStore';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime, formatNumber } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n// Real GraphQL BotApp fields: id, name, slug, description, type, status, visibility, icon, routingStrategy, defaultAgentId, executionCount, createdAt, tagIds\n\nexport const BotsListPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, getPath } = useBotlit();\n  const { data: bots, loading } = useBots();\n  const [deleteBot] = useDeleteBot();\n  const { viewMode, setViewMode, botFilter, updateBotFilter } = useBotlitStore();\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    updateBotFilter({ search: e.target.value });\n  };\n\n  const handleDelete = async (bot: { id: string; name: string }) => {\n    const confirmMsg = `${t('botlit.botsList.delete.confirmPrefix', 'Are you sure you want to delete')} \"${bot.name}\"?`;\n    const native = await nativeConfirm({\n      title: 'Delete bot?',\n      message: confirmMsg,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok = native === null ? confirm(confirmMsg) : native;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteBot(bot.id);\n        toast.success(\n          `${t('botlit.botsList.delete.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botsList.delete.successSuffix', 'deleted successfully')}`\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.botsList.delete.error', 'Failed to delete bot');\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  const filteredBots = bots?.filter((bot) => {\n    if (botFilter.search) {\n      const search = botFilter.search.toLowerCase();\n      return (\n        bot.name.toLowerCase().includes(search) ||\n        (bot.description?.toLowerCase().includes(search) ?? false)\n      );\n    }\n    return true;\n  });\n\n  return (\n    <PageLayout\n      title={t('botlit.botsList.title', 'Bots')}\n      description={t('botlit.botsList.description', 'Manage your AI-powered bots')}\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n            {t('botlit.botsList.actions.createBot', 'Create Bot')}\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.botsList.purpose',\n            '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.'\n          )}\n        </PagePurpose>\n\n        {/* Summary */}\n        {bots && bots.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n            <GlassCard treatment=\"glass\" glow className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.total', 'Total bots')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.active', 'Active')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.filter((b: { status?: string }) => b.status === 'ACTIVE').length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"col-span-2 p-4 sm:col-span-1\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.executions', 'Total executions')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {formatNumber(bots.reduce((sum, bot) => sum + (bot.executionCount ?? 0), 0))}\n              </p>\n            </GlassCard>\n          </div>\n        ) : null}\n\n        {/* Toolbar */}\n        <div className=\"flex items-center justify-between gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.botsList.searchPlaceholder', 'Search bots...')}\n              value={botFilter.search || ''}\n              onChange={handleSearch}\n              className=\"pl-9\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('grid')}\n            >\n              <Grid3X3 size={18} />\n            </Button>\n            <Button\n              variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('list')}\n            >\n              <List size={18} />\n            </Button>\n          </div>\n        </div>\n\n        {/* Content */}\n        {loading ? (\n          <div\n            className={cn(\n              'gap-4',\n              viewMode === 'grid'\n                ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3'\n                : 'flex flex-col'\n            )}\n          >\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : filteredBots && filteredBots.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"group hover:shadow-md transition-shadow cursor-pointer relative\"\n                  onClick={() => navigateTo(`bots/${bot.id}`)}\n                >\n                  <CardContent className=\"pt-6\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-4xl\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                          <StatusBadge status={bot.status} />\n                        </div>\n                      </div>\n                      <div className=\"relative\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"opacity-0 group-hover:opacity-100 transition-opacity\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            setMenuOpen(menuOpen === bot.id ? null : bot.id);\n                          }}\n                        >\n                          <MoreVertical size={16} />\n                        </Button>\n                        {menuOpen === bot.id && (\n                          <div className=\"absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10\">\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_UPDATE}>\n                              <button\n                                className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  navigateTo(`bots/${bot.id}/edit`);\n                                  setMenuOpen(null);\n                                }}\n                              >\n                                <Edit size={16} />\n                                {t('botlit.botsList.menu.editBot', 'Edit Bot')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`bots/${bot.id}?tab=workflow`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Workflow size={16} />\n                              {t('botlit.botsList.menu.design', 'Design workflow')}\n                            </button>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`bots/${bot.id}/agents`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Bot size={16} />\n                              {t('botlit.botsList.menu.viewAgents', 'View Agents')}\n                            </button>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_DELETE}>\n                              <button\n                                className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2\"\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  handleDelete(bot);\n                                }}\n                              >\n                                <Trash2 size={16} />\n                                {t('botlit.common.delete', 'Delete')}\n                              </button>\n                            </BotmanorPermissionGate>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                    <p className=\"mt-3 text-sm text-text-secondary line-clamp-2\">\n                      {bot.description}\n                    </p>\n                    <div className=\"mt-4 flex items-center gap-4 text-xs text-text-secondary\">\n                      <span className=\"flex items-center gap-1\">\n                        <Bot size={14} />\n                        {bot.executionCount || 0} {t('botlit.common.executions', 'executions')}\n                      </span>\n                    </div>\n                    <div className=\"mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2\">\n                      <span className=\"text-xs text-text-secondary\">\n                        {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                        {formatRelativeTime(bot.createdAt)}\n                      </span>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Workflow size={14} />}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          navigateTo(`bots/${bot.id}?tab=workflow`);\n                        }}\n                      >\n                        {t('botlit.botsList.actions.design', 'Design')}\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"hover:shadow-md transition-shadow cursor-pointer\"\n                  onClick={() => navigateTo(`bots/${bot.id}`)}\n                >\n                  <CardContent className=\"py-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <span className=\"text-3xl\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <div className=\"flex items-center gap-2\">\n                            <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                            <StatusBadge status={bot.status} />\n                          </div>\n                          <p className=\"text-sm text-text-secondary line-clamp-1\">\n                            {bot.description}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-6 text-sm text-text-secondary\">\n                        <span>\n                          {formatNumber(bot.executionCount)}{' '}\n                          {t('botlit.common.executions', 'executions')}\n                        </span>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          leftIcon={<Workflow size={14} />}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigateTo(`bots/${bot.id}?tab=workflow`);\n                          }}\n                        >\n                          {t('botlit.botsList.actions.design', 'Design')}\n                        </Button>\n                        <Button variant=\"ghost\" size=\"sm\">\n                          <Link to={getPath(`bots/${bot.id}`)}>\n                            {t('botlit.common.view', 'View')}\n                          </Link>\n                        </Button>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration=\"empty-agents\"\n            title={t('botlit.botsList.empty.title', 'No bots yet')}\n            description={t(\n              'botlit.botsList.empty.description',\n              'Create your first AI-powered bot to get started with building agents and automations.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n                <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n                  {t('botlit.botsList.actions.createBot', 'Create Bot')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BotsListPage.js","names":["BotsListPage","t","useTr","useBotlit","bots","useBots","deleteBot","useDeleteBot","useBotlitStore","menuOpen","setMenuOpen","useState","handleSearch","handleDelete","confirmMsg","bot","native","nativeConfirm","toast","isNative","nativeNotify","err","message","filteredBots","botFilter","search","PageLayout","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Button","Plus","navigateTo","PagePurpose","Bot","GlassCard","b","formatNumber","sum","Search","Input","viewMode","setViewMode","Grid3X3","List","loading","cn","i","Card","CardContent","StatusBadge","e","MoreVertical","Edit","Workflow","Trash2","formatRelativeTime","Link","getPath","EmptyState"],"sources":["../../../src/botlit/pages/BotsListPage.tsx"],"sourcesContent":["/**\n * Bots List Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useState } from 'react';\nimport { Link } from 'react-router';\nimport {\n  Plus,\n  Search,\n  Grid3X3,\n  List,\n  MoreVertical,\n  Bot,\n  Trash2,\n  Edit,\n  Workflow,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { toast } from 'sonner';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardContent } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input } from '../components/Input';\nimport { StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { useBots, useDeleteBot } from '../hooks/useBots';\nimport { useBotlitStore } from '../store/botlitStore';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport { formatRelativeTime, formatNumber } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n// Real GraphQL BotApp fields: id, name, slug, description, type, status, visibility, icon, routingStrategy, defaultAgentId, executionCount, createdAt, tagIds\n\nexport const BotsListPage: FC = () => {\n  const t = useTr();\n  const { navigateTo, getPath } = useBotlit();\n  const { data: bots, loading } = useBots();\n  const [deleteBot] = useDeleteBot();\n  const { viewMode, setViewMode, botFilter, updateBotFilter } = useBotlitStore();\n  const [menuOpen, setMenuOpen] = useState<string | null>(null);\n\n  const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n    updateBotFilter({ search: e.target.value });\n  };\n\n  const handleDelete = async (bot: { id: string; name: string }) => {\n    const confirmMsg = `${t('botlit.botsList.delete.confirmPrefix', 'Are you sure you want to delete')} \"${bot.name}\"?`;\n    const native = await nativeConfirm({\n      title: 'Delete bot?',\n      message: confirmMsg,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok = native === null ? confirm(confirmMsg) : native;\n    if (ok) {\n      nativeImpact('medium');\n      try {\n        await deleteBot(bot.id);\n        toast.success(\n          `${t('botlit.botsList.delete.successPrefix', 'Bot')} \"${bot.name}\" ${t('botlit.botsList.delete.successSuffix', 'deleted successfully')}`\n        );\n        if (isNative()) void nativeNotify('success');\n      } catch (err: unknown) {\n        const message =\n          err instanceof Error\n            ? err.message\n            : t('botlit.botsList.delete.error', 'Failed to delete bot');\n        toast.error(message);\n        if (isNative()) void nativeNotify('error');\n      }\n    }\n    setMenuOpen(null);\n  };\n\n  const filteredBots = bots?.filter((bot) => {\n    if (botFilter.search) {\n      const search = botFilter.search.toLowerCase();\n      return (\n        bot.name.toLowerCase().includes(search) ||\n        (bot.description?.toLowerCase().includes(search) ?? false)\n      );\n    }\n    return true;\n  });\n\n  return (\n    <PageLayout\n      title={t('botlit.botsList.title', 'Bots')}\n      description={t('botlit.botsList.description', 'Manage your AI-powered bots')}\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n            {t('botlit.botsList.actions.createBot', 'Create Bot')}\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Bot size={18} />}>\n          {t(\n            'botlit.botsList.purpose',\n            '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.'\n          )}\n        </PagePurpose>\n\n        {/* Summary */}\n        {bots && bots.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3\">\n            <GlassCard treatment=\"glass\" glow className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.total', 'Total bots')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.active', 'Active')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {bots.filter((b: { status?: string }) => b.status === 'ACTIVE').length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"col-span-2 p-4 sm:col-span-1\">\n              <p className=\"text-sm text-text-secondary\">\n                {t('botlit.botsList.summary.executions', 'Total executions')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {formatNumber(bots.reduce((sum, bot) => sum + (bot.executionCount ?? 0), 0))}\n              </p>\n            </GlassCard>\n          </div>\n        ) : null}\n\n        {/* Toolbar */}\n        <div className=\"flex items-center justify-between gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.botsList.searchPlaceholder', 'Search bots...')}\n              value={botFilter.search || ''}\n              onChange={handleSearch}\n              className=\"pl-9\"\n            />\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('grid')}\n            >\n              <Grid3X3 size={18} />\n            </Button>\n            <Button\n              variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n              size=\"icon\"\n              onClick={() => setViewMode('list')}\n            >\n              <List size={18} />\n            </Button>\n          </div>\n        </div>\n\n        {/* Content */}\n        {loading ? (\n          <div\n            className={cn(\n              'gap-4',\n              viewMode === 'grid'\n                ? 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3'\n                : 'flex flex-col'\n            )}\n          >\n            {[1, 2, 3, 4, 5, 6].map((i) => (\n              <div\n                key={i}\n                className=\"h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n              />\n            ))}\n          </div>\n        ) : filteredBots && filteredBots.length > 0 ? (\n          viewMode === 'grid' ? (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"group hover:shadow-md transition-shadow cursor-pointer relative\"\n                  onClick={() => navigateTo(`bots/${bot.id}`)}\n                >\n                  <CardContent className=\"pt-6\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-4xl\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                          <StatusBadge status={bot.status} />\n                        </div>\n                      </div>\n                      <div className=\"relative\">\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"opacity-0 group-hover:opacity-100 transition-opacity\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            setMenuOpen(menuOpen === bot.id ? null : bot.id);\n                          }}\n                        >\n                          <MoreVertical size={16} />\n                        </Button>\n                        {menuOpen === bot.id && (\n                          <div className=\"absolute right-0 top-full mt-1 w-48 bg-popover border border-border-subtle rounded-md shadow-lg z-10\">\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_UPDATE}>\n                              <button\n                                className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  navigateTo(`bots/${bot.id}/edit`);\n                                  setMenuOpen(null);\n                                }}\n                              >\n                                <Edit size={16} />\n                                {t('botlit.botsList.menu.editBot', 'Edit Bot')}\n                              </button>\n                            </BotmanorPermissionGate>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`bots/${bot.id}?tab=workflow`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Workflow size={16} />\n                              {t('botlit.botsList.menu.design', 'Design workflow')}\n                            </button>\n                            <button\n                              className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent flex items-center gap-2\"\n                              onClick={(e) => {\n                                e.stopPropagation();\n                                navigateTo(`bots/${bot.id}/agents`);\n                                setMenuOpen(null);\n                              }}\n                            >\n                              <Bot size={16} />\n                              {t('botlit.botsList.menu.viewAgents', 'View Agents')}\n                            </button>\n                            <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_DELETE}>\n                              <button\n                                className=\"w-full px-4 py-2 text-left text-sm hover:bg-accent text-status-error-text flex items-center gap-2\"\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  handleDelete(bot);\n                                }}\n                              >\n                                <Trash2 size={16} />\n                                {t('botlit.common.delete', 'Delete')}\n                              </button>\n                            </BotmanorPermissionGate>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                    <p className=\"mt-3 text-sm text-text-secondary line-clamp-2\">\n                      {bot.description}\n                    </p>\n                    <div className=\"mt-4 flex items-center gap-4 text-xs text-text-secondary\">\n                      <span className=\"flex items-center gap-1\">\n                        <Bot size={14} />\n                        {bot.executionCount || 0} {t('botlit.common.executions', 'executions')}\n                      </span>\n                    </div>\n                    <div className=\"mt-3 pt-3 border-t border-border-subtle flex items-center justify-between gap-2\">\n                      <span className=\"text-xs text-text-secondary\">\n                        {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                        {formatRelativeTime(bot.createdAt)}\n                      </span>\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        leftIcon={<Workflow size={14} />}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          navigateTo(`bots/${bot.id}?tab=workflow`);\n                        }}\n                      >\n                        {t('botlit.botsList.actions.design', 'Design')}\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredBots.map((bot) => (\n                <Card\n                  key={bot.id}\n                  className=\"hover:shadow-md transition-shadow cursor-pointer\"\n                  onClick={() => navigateTo(`bots/${bot.id}`)}\n                >\n                  <CardContent className=\"py-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-4\">\n                        <span className=\"text-3xl\">{bot.icon || '🤖'}</span>\n                        <div>\n                          <div className=\"flex items-center gap-2\">\n                            <h3 className=\"font-semibold text-text-primary\">{bot.name}</h3>\n                            <StatusBadge status={bot.status} />\n                          </div>\n                          <p className=\"text-sm text-text-secondary line-clamp-1\">\n                            {bot.description}\n                          </p>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-6 text-sm text-text-secondary\">\n                        <span>\n                          {formatNumber(bot.executionCount)}{' '}\n                          {t('botlit.common.executions', 'executions')}\n                        </span>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"sm\"\n                          leftIcon={<Workflow size={14} />}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            navigateTo(`bots/${bot.id}?tab=workflow`);\n                          }}\n                        >\n                          {t('botlit.botsList.actions.design', 'Design')}\n                        </Button>\n                        <Button variant=\"ghost\" size=\"sm\">\n                          <Link to={getPath(`bots/${bot.id}`)}>\n                            {t('botlit.common.view', 'View')}\n                          </Link>\n                        </Button>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration=\"empty-agents\"\n            title={t('botlit.botsList.empty.title', 'No bots yet')}\n            description={t(\n              'botlit.botsList.empty.description',\n              'Create your first AI-powered bot to get started with building agents and automations.'\n            )}\n            action={\n              <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.APP_CREATE}>\n                <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('bots/new')}>\n                  {t('botlit.botsList.actions.createBot', 'Create Bot')}\n                </Button>\n              </BotmanorPermissionGate>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/botlit/pages/BucketDetailPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BucketDetailPage: FC;

package/dist/botlit/pages/BucketDetailPage.js

@@ -0,0 +1,251 @@
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useBots as t } from "../hooks/useBots.js";
+import { useAgents as n } from "../hooks/useAgents.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { Card as i, CardContent as a, CardDescription as o, CardHeader as s, CardTitle as c } from "../components/Card.js";
+import { Button as l } from "../components/Button.js";
+import { EmptyState as u } from "../components/EmptyState.js";
+import { ErrorState as d } from "../components/ErrorState.js";
+import { StatusBadge as f } from "../components/Badge.js";
+import "../hooks/index.js";
+import { useChannelConnectors as p } from "../hooks/useChannels.js";
+import { usePolicies as m } from "../hooks/usePolicies.js";
+import { useBucket as h, useChildBuckets as g } from "../hooks/useBuckets.js";
+import { formatRelativeTime as _ } from "../utils/formatters.js";
+import { PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Link as x, useParams as S } from "react-router";
+import { ArrowLeft as C, Bot as w, Folder as T, FolderOpen as E, MessageSquare as D, Shield as O, Users as k } from "lucide-react";
+// src/botlit/pages/BucketDetailPage.tsx
+var A = ({ title: e, icon: t, loading: n, error: r, onRetry: o, children: l }) => /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ b(c, {
+	className: "flex items-center gap-2",
+	children: [t, e]
+}) }), /* @__PURE__ */ y(a, { children: n ? /* @__PURE__ */ y("div", {
+	className: "space-y-2",
+	children: [1, 2].map((e) => /* @__PURE__ */ y("div", { className: "h-9 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
+}) : r ? /* @__PURE__ */ y(d, {
+	resource: e.toLowerCase(),
+	error: r,
+	onRetry: () => void o()
+}) : l })] }), j = () => {
+	let { bucketId: j } = S(), { getPath: M } = e(), { data: N, loading: P, error: F, refetch: I } = h(j), { data: L, loading: R, error: z, refetch: B } = g(N?.id), V = h(N?.parentBucketId ?? void 0), H = n(N?.id ? { bucketId: N.id } : void 0), U = t(N?.id ? { bucketId: N.id } : void 0), W = p(N?.id ? { bucketId: N.id } : void 0), G = m(N?.id ? { bucketId: N.id } : void 0);
+	if (P) return /* @__PURE__ */ y(r, {
+		title: "Bucket",
+		children: /* @__PURE__ */ y("div", {
+			className: "space-y-4",
+			children: [
+				1,
+				2,
+				3
+			].map((e) => /* @__PURE__ */ y("div", { className: "h-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
+		})
+	});
+	if (F) return /* @__PURE__ */ y(r, {
+		title: "Bucket",
+		children: /* @__PURE__ */ y(d, {
+			resource: "bucket",
+			error: F,
+			onRetry: () => void I()
+		})
+	});
+	if (!N) return /* @__PURE__ */ y(r, {
+		title: "Bucket not found",
+		children: /* @__PURE__ */ y(u, {
+			illustration: "empty-search",
+			title: "Bucket not found",
+			description: "This bucket may have been deleted, or the link is out of date.",
+			action: /* @__PURE__ */ y(l, {
+				leftIcon: /* @__PURE__ */ y(C, { size: 16 }),
+				children: /* @__PURE__ */ y(x, {
+					to: M("buckets"),
+					children: "Back to Buckets"
+				})
+			})
+		})
+	});
+	let K = N.metadata && typeof N.metadata.visibility == "string" ? N.metadata.visibility : null, q = L;
+	return /* @__PURE__ */ y(r, {
+		title: N.name,
+		description: N.path,
+		actions: /* @__PURE__ */ y(l, {
+			variant: "outline",
+			leftIcon: /* @__PURE__ */ y(C, { size: 16 }),
+			children: /* @__PURE__ */ y(x, {
+				to: M("buckets"),
+				children: "Back to Buckets"
+			})
+		}),
+		children: /* @__PURE__ */ b("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ y(v, {
+					icon: /* @__PURE__ */ y(T, { size: 18 }),
+					children: "Buckets group your agents, bots, channels and policies. This bucket contains its sub-buckets and every resource assigned to it, inherited down the hierarchy."
+				}),
+				/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(c, { children: "Details" }), /* @__PURE__ */ y(o, { children: N.description ?? "No description" })] }), /* @__PURE__ */ y(a, { children: /* @__PURE__ */ b("dl", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+							className: "text-xs text-text-secondary",
+							children: "Slug"
+						}), /* @__PURE__ */ y("dd", {
+							className: "mt-1 text-sm font-medium",
+							children: N.slug
+						})] }),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+							className: "text-xs text-text-secondary",
+							children: "Visibility"
+						}), /* @__PURE__ */ y("dd", {
+							className: "mt-1 text-sm font-medium",
+							children: K ?? "—"
+						})] }),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+							className: "text-xs text-text-secondary",
+							children: "Created"
+						}), /* @__PURE__ */ y("dd", {
+							className: "mt-1 text-sm font-medium",
+							children: _(N.createdAt)
+						})] }),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+							className: "text-xs text-text-secondary",
+							children: "Parent bucket"
+						}), /* @__PURE__ */ y("dd", {
+							className: "mt-1 text-sm font-medium",
+							children: N.parentBucketId ? V.data ? /* @__PURE__ */ y(x, {
+								to: M(`buckets/${V.data.id}`),
+								className: "text-primary hover:underline",
+								children: V.data.name
+							}) : "—" : "Top level"
+						})] })
+					]
+				}) })] }),
+				/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b(s, { children: [/* @__PURE__ */ b(c, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(E, { size: 18 }), "Sub-buckets"]
+				}), /* @__PURE__ */ y(o, { children: "Direct children of this bucket" })] }), /* @__PURE__ */ y(a, { children: R ? /* @__PURE__ */ y("div", {
+					className: "space-y-2",
+					children: [1, 2].map((e) => /* @__PURE__ */ y("div", { className: "h-9 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
+				}) : z ? /* @__PURE__ */ y(d, {
+					resource: "sub-buckets",
+					error: z,
+					onRetry: () => void B()
+				}) : q.length > 0 ? /* @__PURE__ */ y("ul", {
+					className: "divide-y divide-border-subtle",
+					children: q.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b(x, {
+						to: M(`buckets/${e.id}`),
+						className: "flex items-center gap-2 py-2 text-sm hover:text-primary",
+						children: [
+							/* @__PURE__ */ y(T, {
+								size: 16,
+								className: "text-text-secondary"
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "font-medium",
+								children: e.name
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "text-xs text-text-secondary",
+								children: e.path
+							})
+						]
+					}) }, e.id))
+				}) : /* @__PURE__ */ y("p", {
+					className: "text-sm text-text-secondary",
+					children: "No sub-buckets."
+				}) })] }),
+				/* @__PURE__ */ b("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [
+						/* @__PURE__ */ y(A, {
+							title: "Agents",
+							icon: /* @__PURE__ */ y(w, { size: 18 }),
+							loading: H.loading,
+							error: H.error,
+							onRetry: H.refetch,
+							children: H.data.length > 0 ? /* @__PURE__ */ y("ul", {
+								className: "divide-y divide-border-subtle",
+								children: H.data.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b(x, {
+									to: M(`agents/${e.id}`),
+									className: "flex items-center justify-between gap-2 py-2 text-sm hover:text-primary",
+									children: [/* @__PURE__ */ y("span", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ y(f, { status: e.status })]
+								}) }, e.id))
+							}) : /* @__PURE__ */ y("p", {
+								className: "text-sm text-text-secondary",
+								children: "No agents in this bucket."
+							})
+						}),
+						/* @__PURE__ */ y(A, {
+							title: "Bots",
+							icon: /* @__PURE__ */ y(k, { size: 18 }),
+							loading: U.loading,
+							error: U.error,
+							onRetry: U.refetch,
+							children: U.data.length > 0 ? /* @__PURE__ */ y("ul", {
+								className: "divide-y divide-border-subtle",
+								children: U.data.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b(x, {
+									to: M(`bots/${e.id}`),
+									className: "flex items-center justify-between gap-2 py-2 text-sm hover:text-primary",
+									children: [/* @__PURE__ */ y("span", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ y(f, { status: e.status })]
+								}) }, e.id))
+							}) : /* @__PURE__ */ y("p", {
+								className: "text-sm text-text-secondary",
+								children: "No bots in this bucket."
+							})
+						}),
+						/* @__PURE__ */ y(A, {
+							title: "Channels",
+							icon: /* @__PURE__ */ y(D, { size: 18 }),
+							loading: W.loading,
+							error: W.error,
+							onRetry: W.refetch,
+							children: W.data.length > 0 ? /* @__PURE__ */ y("ul", {
+								className: "divide-y divide-border-subtle",
+								children: W.data.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b(x, {
+									to: M(`channels/${e.id}`),
+									className: "flex items-center justify-between gap-2 py-2 text-sm hover:text-primary",
+									children: [/* @__PURE__ */ y("span", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ y(f, { status: e.status })]
+								}) }, e.id))
+							}) : /* @__PURE__ */ y("p", {
+								className: "text-sm text-text-secondary",
+								children: "No channels in this bucket."
+							})
+						}),
+						/* @__PURE__ */ y(A, {
+							title: "Policies",
+							icon: /* @__PURE__ */ y(O, { size: 18 }),
+							loading: G.loading,
+							error: G.error,
+							onRetry: G.refetch,
+							children: G.data.length > 0 ? /* @__PURE__ */ y("ul", {
+								className: "divide-y divide-border-subtle",
+								children: G.data.map((e) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ b(x, {
+									to: M(`policies/${e.id}`),
+									className: "flex items-center justify-between gap-2 py-2 text-sm hover:text-primary",
+									children: [/* @__PURE__ */ y("span", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ y(f, { status: e.status })]
+								}) }, e.id))
+							}) : /* @__PURE__ */ y("p", {
+								className: "text-sm text-text-secondary",
+								children: "No policies in this bucket."
+							})
+						})
+					]
+				})
+			]
+		})
+	});
+};
+export { j as BucketDetailPage };
+
+//# sourceMappingURL=BucketDetailPage.js.map