@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/ChannelsPage.js

@@ -1,24 +1,24 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { formatRelativeTime as n } from "../utils/formatters.js";
+import { useBotlit as e } from "../providers/BotlitProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { PageLayout as n } from "../components/PageLayout.js";
 import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
 import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as a } from "../components/PageLayout.js";
-import { Button as o } from "../components/Button.js";
-import "../permissions/index.js";
-import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
+import { Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l } from "../components/Card.js";
+import { Button as u } from "../components/Button.js";
+import { Input as d } from "../components/Input.js";
 import { Badge as f, StatusBadge as p } from "../components/Badge.js";
 import { EmptyState as m } from "../components/EmptyState.js";
-import { Input as h } from "../components/Input.js";
-import { ErrorState as g } from "../components/ErrorState.js";
-import { routeMetadataString as _, useChannelConnectors as v, useChannelRoutes as y } from "../hooks/useChannels.js";
+import { ErrorState as h } from "../components/ErrorState.js";
 import "../hooks/index.js";
+import { formatRelativeTime as g } from "../utils/formatters.js";
+import { routeMetadataString as _, useChannelConnectors as v, useChannelRoutes as y } from "../hooks/useChannels.js";
+import "../permissions/index.js";
 import { useMemo as b, useState as x } from "react";
 import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { Link as D } from "react-router";
 import { ArrowRight as O, Filter as k, Globe as A, Hash as j, MessageSquare as M, Plus as N, Search as P, Settings as F, Slack as I, Webhook as L } from "lucide-react";
-//#region src/botlit/pages/ChannelsPage.tsx
+// src/botlit/pages/ChannelsPage.tsx
 var R = ({ type: e, className: t }) => {
 	switch (e) {
 		case "SLACK": return /* @__PURE__ */ T(I, { className: t });
@@ -29,17 +29,17 @@ var R = ({ type: e, className: t }) => {
 		default: return /* @__PURE__ */ T(M, { className: t });
 	}
 }, z = () => {
-	let A = e(), { getPath: j } = t(), [I, L] = x(""), [z, B] = x("connectors"), { data: V, loading: H, error: U, refetch: W } = v(b(() => ({ search: I }), [I])), { data: G, loading: K, error: q, refetch: J } = y(), Y = b(() => {
+	let A = t(), { getPath: j } = e(), [I, L] = x(""), [z, B] = x("connectors"), V = b(() => ({ search: I }), [I]), { data: H, loading: U, error: W, refetch: G } = v(V), { data: K, loading: q, error: J, refetch: Y } = y(), X = b(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) e.set(t.connectorId, (e.get(t.connectorId) ?? 0) + 1);
+		for (let t of K) e.set(t.connectorId, (e.get(t.connectorId) ?? 0) + 1);
 		return e;
-	}, [G]);
-	return /* @__PURE__ */ T(a, {
+	}, [K]);
+	return /* @__PURE__ */ T(n, {
 		title: A("botlit.channels.title", "Channels"),
 		description: A("botlit.channels.description", "Connect agents to messaging platforms and configure routing"),
 		actions: /* @__PURE__ */ E("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ T(o, {
+			children: [/* @__PURE__ */ T(u, {
 				variant: "outline",
 				children: /* @__PURE__ */ T(D, {
 					to: j("channels/routes"),
@@ -47,7 +47,7 @@ var R = ({ type: e, className: t }) => {
 				})
 			}), /* @__PURE__ */ T(i, {
 				permission: r.CHANNEL_CREATE,
-				children: /* @__PURE__ */ T(o, {
+				children: /* @__PURE__ */ T(u, {
 					leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
 					children: /* @__PURE__ */ T(D, {
 						to: j("channels/new"),
@@ -71,7 +71,7 @@ var R = ({ type: e, className: t }) => {
 						children: [
 							A("botlit.channels.tabs.connectors", "Connectors"),
 							" (",
-							V.length,
+							H.length,
 							")"
 						]
 					}), /* @__PURE__ */ E("button", {
@@ -80,7 +80,7 @@ var R = ({ type: e, className: t }) => {
 						children: [
 							A("botlit.channels.tabs.routes", "Routes"),
 							" (",
-							G.length,
+							K.length,
 							")"
 						]
 					})]
@@ -89,36 +89,36 @@ var R = ({ type: e, className: t }) => {
 					className: "flex items-center gap-4",
 					children: [/* @__PURE__ */ E("div", {
 						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ T(P, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(h, {
+						children: [/* @__PURE__ */ T(P, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ T(d, {
 							placeholder: A("botlit.channels.searchPlaceholder", "Search {{tab}}...", { tab: z }),
 							value: I,
 							onChange: (e) => L(e.target.value),
 							className: "pl-9"
 						})]
-					}), /* @__PURE__ */ T(o, {
+					}), /* @__PURE__ */ T(u, {
 						variant: "outline",
 						leftIcon: /* @__PURE__ */ T(k, { size: 16 }),
 						children: A("botlit.channels.filters.filters", "Filters")
 					})]
 				}),
-				z === "connectors" && /* @__PURE__ */ T(w, { children: H ? /* @__PURE__ */ T("div", {
+				z === "connectors" && /* @__PURE__ */ T(w, { children: U ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 					children: [
 						1,
 						2,
 						3
 					].map((e) => /* @__PURE__ */ T("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : U ? /* @__PURE__ */ T(g, {
+				}) : W ? /* @__PURE__ */ T(h, {
 					resource: "channel connectors",
-					error: U,
-					onRetry: () => void W()
-				}) : V.length > 0 ? /* @__PURE__ */ T("div", {
+					error: W,
+					onRetry: () => void G()
+				}) : H.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: V.map((e) => /* @__PURE__ */ T(D, {
+					children: H.map((e) => /* @__PURE__ */ T(D, {
 						to: j(`channels/${e.id}`),
-						children: /* @__PURE__ */ E(s, {
+						children: /* @__PURE__ */ E(a, {
 							className: "h-full hover:border-primary/50 transition-colors cursor-pointer",
-							children: [/* @__PURE__ */ T(u, { children: /* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ T(c, { children: /* @__PURE__ */ E("div", {
 								className: "flex items-start justify-between",
 								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
@@ -128,15 +128,15 @@ var R = ({ type: e, className: t }) => {
 											type: e.type,
 											className: "h-5 w-5 text-primary"
 										})
-									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(d, {
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(l, {
 										className: "text-base",
 										children: e.name
-									}), /* @__PURE__ */ T(l, {
+									}), /* @__PURE__ */ T(s, {
 										className: "text-xs",
 										children: e.description
 									})] })]
 								}), /* @__PURE__ */ T(p, { status: e.status })]
-							}) }), /* @__PURE__ */ T(c, { children: /* @__PURE__ */ E("div", {
+							}) }), /* @__PURE__ */ T(o, { children: /* @__PURE__ */ E("div", {
 								className: "space-y-3",
 								children: [
 									/* @__PURE__ */ E("div", {
@@ -157,7 +157,7 @@ var R = ({ type: e, className: t }) => {
 											children: A("botlit.channels.list.activeRoutes", "Active Routes")
 										}), /* @__PURE__ */ T(f, {
 											variant: "secondary",
-											children: Y.get(e.id) ?? 0
+											children: X.get(e.id) ?? 0
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
@@ -165,7 +165,7 @@ var R = ({ type: e, className: t }) => {
 										children: [
 											A("botlit.botsList.createdLabel", "Created"),
 											" ",
-											n(e.createdAt)
+											g(e.createdAt)
 										]
 									})
 								]
@@ -178,7 +178,7 @@ var R = ({ type: e, className: t }) => {
 					description: A("botlit.channels.empty.connectors.description", "Connect messaging platforms to deploy agents across multiple channels."),
 					action: /* @__PURE__ */ T(i, {
 						permission: r.CHANNEL_CREATE,
-						children: /* @__PURE__ */ T(o, {
+						children: /* @__PURE__ */ T(u, {
 							leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
 							children: /* @__PURE__ */ T(D, {
 								to: j("channels/new"),
@@ -187,20 +187,20 @@ var R = ({ type: e, className: t }) => {
 						})
 					})
 				}) }),
-				z === "routes" && /* @__PURE__ */ T(w, { children: K ? /* @__PURE__ */ T("div", {
+				z === "routes" && /* @__PURE__ */ T(w, { children: q ? /* @__PURE__ */ T("div", {
 					className: "space-y-4",
 					children: [
 						1,
 						2,
 						3
 					].map((e) => /* @__PURE__ */ T("div", { className: "h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }, e))
-				}) : q ? /* @__PURE__ */ T(g, {
+				}) : J ? /* @__PURE__ */ T(h, {
 					resource: "channel routes",
-					error: q,
-					onRetry: () => void J()
-				}) : G.length > 0 ? /* @__PURE__ */ T("div", {
+					error: J,
+					onRetry: () => void Y()
+				}) : K.length > 0 ? /* @__PURE__ */ T("div", {
 					className: "space-y-4",
-					children: G.map((e) => /* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, {
+					children: K.map((e) => /* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(o, {
 						className: "py-4",
 						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between",
@@ -227,10 +227,10 @@ var R = ({ type: e, className: t }) => {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ T("span", {
 									className: "text-xs text-text-secondary",
-									children: n(e.createdAt)
+									children: g(e.createdAt)
 								}), /* @__PURE__ */ T(i, {
 									permission: r.CHANNEL_UPDATE,
-									children: /* @__PURE__ */ T(o, {
+									children: /* @__PURE__ */ T(u, {
 										variant: "ghost",
 										size: "icon",
 										children: /* @__PURE__ */ T(F, { size: 16 })
@@ -245,7 +245,7 @@ var R = ({ type: e, className: t }) => {
 					description: A("botlit.channels.empty.routes.description", "Create routes to connect channel locations to specific bots."),
 					action: /* @__PURE__ */ T(i, {
 						permission: r.CHANNEL_CREATE,
-						children: /* @__PURE__ */ T(o, {
+						children: /* @__PURE__ */ T(u, {
 							leftIcon: /* @__PURE__ */ T(N, { size: 16 }),
 							children: A("botlit.channels.actions.createRoute", "Create Route")
 						})
@@ -320,7 +320,6 @@ var R = ({ type: e, className: t }) => {
 		})
 	});
 };
-//#endregion
 export { z as ChannelsPage };
 
 //# sourceMappingURL=ChannelsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../src/botlit/pages/ChannelsPage.tsx"],"sourcesContent":["/**\n * Channels Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  MessageSquare,\n  Globe,\n  Slack,\n  Hash,\n  Webhook,\n  ArrowRight,\n  Settings,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, 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 } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useChannelConnectors,\n  useChannelRoutes,\n  routeMetadataString,\n  type ChannelConnectorRecord,\n  type ChannelRouteRecord,\n} from '../hooks';\nimport { formatRelativeTime, MISSING_VALUE } from '../utils/formatters';\nimport type { ChannelType } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nconst ChannelIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'SLACK':\n      return <Slack className={className} />;\n    case 'DISCORD':\n      return <Hash className={className} />;\n    case 'TEAMS':\n      return <MessageSquare className={className} />;\n    case 'WEB_WIDGET':\n      return <Globe className={className} />;\n    case 'WEBHOOK':\n      return <Webhook className={className} />;\n    default:\n      return <MessageSquare className={className} />;\n  }\n};\n\nexport const ChannelsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [activeTab, setActiveTab] = useState<'connectors' | 'routes'>('connectors');\n  const connectorFilter = useMemo(() => ({ search }), [search]);\n  const {\n    data: connectors,\n    loading: loadingConnectors,\n    error: connectorsError,\n    refetch: refetchConnectors,\n  } = useChannelConnectors(connectorFilter);\n  const {\n    data: routes,\n    loading: loadingRoutes,\n    error: routesError,\n    refetch: refetchRoutes,\n  } = useChannelRoutes();\n\n  // Routes are keyed by connector, so the per-connector count is derived here\n  // rather than assuming a field the service does not return.\n  const routeCountByConnector = useMemo(() => {\n    const counts = new Map<string, number>();\n    for (const route of routes) {\n      counts.set(route.connectorId, (counts.get(route.connectorId) ?? 0) + 1);\n    }\n    return counts;\n  }, [routes]);\n\n  return (\n    <PageLayout\n      title={t('botlit.channels.title', 'Channels')}\n      description={t(\n        'botlit.channels.description',\n        'Connect agents to messaging platforms and configure routing'\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('channels/routes')}>\n              {t('botlit.channels.actions.viewRoutes', 'View Routes')}\n            </Link>\n          </Button>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n            <Button leftIcon={<Plus size={16} />}>\n              <Link to={getPath('channels/new')}>\n                {t('botlit.channels.actions.addChannel', 'Add Channel')}\n              </Link>\n            </Button>\n          </BotmanorPermissionGate>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<MessageSquare size={18} />}>\n          {t(\n            'botlit.channels.purpose',\n            'Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.'\n          )}\n        </PagePurpose>\n\n        {/* Tabs */}\n        <div className=\"flex gap-1 border-b border-border-subtle\">\n          <button\n            onClick={() => setActiveTab('connectors')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'connectors'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.connectors', 'Connectors')} ({connectors.length})\n          </button>\n          <button\n            onClick={() => setActiveTab('routes')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'routes'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.routes', 'Routes')} ({routes.length})\n          </button>\n        </div>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.channels.searchPlaceholder', 'Search {{tab}}...', {\n                tab: activeTab,\n              })}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            {t('botlit.channels.filters.filters', 'Filters')}\n          </Button>\n        </div>\n\n        {/* Connectors Tab */}\n        {activeTab === 'connectors' && (\n          <>\n            {loadingConnectors ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {[1, 2, 3].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            ) : connectorsError ? (\n              <ErrorState\n                resource=\"channel connectors\"\n                error={connectorsError}\n                onRetry={() => void refetchConnectors()}\n              />\n            ) : connectors.length > 0 ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {connectors.map((connector: ChannelConnectorRecord) => (\n                  <Link key={connector.id} to={getPath(`channels/${connector.id}`)}>\n                    <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                      <CardHeader>\n                        <div className=\"flex items-start justify-between\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                              <ChannelIcon type={connector.type} className=\"h-5 w-5 text-primary\" />\n                            </div>\n                            <div>\n                              <CardTitle className=\"text-base\">{connector.name}</CardTitle>\n                              <CardDescription className=\"text-xs\">\n                                {connector.description}\n                              </CardDescription>\n                            </div>\n                          </div>\n                          <StatusBadge status={connector.status} />\n                        </div>\n                      </CardHeader>\n                      <CardContent>\n                        <div className=\"space-y-3\">\n                          {/* Type */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.type', 'Type')}\n                            </span>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {connector.type.toLowerCase().replace('_', ' ')}\n                            </Badge>\n                          </div>\n\n                          {/* Routes */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.activeRoutes', 'Active Routes')}\n                            </span>\n                            <Badge variant=\"secondary\">\n                              {routeCountByConnector.get(connector.id) ?? 0}\n                            </Badge>\n                          </div>\n\n                          {/* Footer */}\n                          <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                            {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                            {formatRelativeTime(connector.createdAt)}\n                          </div>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  </Link>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-notifications\"\n                title={t('botlit.channels.empty.connectors.title', 'No channel connectors')}\n                description={t(\n                  'botlit.channels.empty.connectors.description',\n                  'Connect messaging platforms to deploy agents across multiple channels.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      <Link to={getPath('channels/new')}>\n                        {t('botlit.channels.actions.addChannel', 'Add Channel')}\n                      </Link>\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Routes Tab */}\n        {activeTab === 'routes' && (\n          <>\n            {loadingRoutes ? (\n              <div className=\"space-y-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : routesError ? (\n              <ErrorState\n                resource=\"channel routes\"\n                error={routesError}\n                onRetry={() => void refetchRoutes()}\n              />\n            ) : routes.length > 0 ? (\n              <div className=\"space-y-4\">\n                {routes.map((route: ChannelRouteRecord) => (\n                  <Card key={route.id}>\n                    <CardContent className=\"py-4\">\n                      <div className=\"flex items-center justify-between\">\n                        <div className=\"flex items-center gap-4\">\n                          <div className=\"flex items-center gap-2 text-sm\">\n                            <Badge variant=\"outline\">\n                              {routeMetadataString(route, 'locationName') ?? route.locationId}\n                            </Badge>\n                            <ArrowRight size={16} className=\"text-text-secondary\" />\n                            <Badge variant=\"secondary\">\n                              {routeMetadataString(route, 'appName') ??\n                                route.appId ??\n                                MISSING_VALUE}\n                            </Badge>\n                          </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(route.createdAt)}\n                          </span>\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_UPDATE}>\n                            <Button variant=\"ghost\" size=\"icon\">\n                              <Settings size={16} />\n                            </Button>\n                          </BotmanorPermissionGate>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-search\"\n                title={t('botlit.channels.empty.routes.title', 'No routes configured')}\n                description={t(\n                  'botlit.channels.empty.routes.description',\n                  'Create routes to connect channel locations to specific bots.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      {t('botlit.channels.actions.createRoute', 'Create Route')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Available Integrations */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.channels.integrations.title', 'Available Integrations')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.channels.integrations.description',\n                'Connect to popular messaging platforms'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n            {[\n              {\n                type: 'WEB_WIDGET' as ChannelType,\n                name: t('botlit.channels.integrations.webWidget', 'Web Widget'),\n                desc: t('botlit.channels.integrations.webWidgetDesc', 'Embed on websites'),\n              },\n              {\n                type: 'SLACK' as ChannelType,\n                name: t('botlit.channels.integrations.slack', 'Slack'),\n                desc: t('botlit.channels.integrations.slackDesc', 'Workspace integration'),\n              },\n              {\n                type: 'TEAMS' as ChannelType,\n                name: t('botlit.channels.integrations.teams', 'MS Teams'),\n                desc: t('botlit.channels.integrations.teamsDesc', 'Teams app'),\n              },\n              {\n                type: 'DISCORD' as ChannelType,\n                name: t('botlit.channels.integrations.discord', 'Discord'),\n                desc: t('botlit.channels.integrations.discordDesc', 'Bot integration'),\n              },\n              {\n                type: 'WHATSAPP' as ChannelType,\n                name: t('botlit.channels.integrations.whatsapp', 'WhatsApp'),\n                desc: t('botlit.channels.integrations.whatsappDesc', 'Business API'),\n              },\n              {\n                type: 'WEBHOOK' as ChannelType,\n                name: t('botlit.channels.integrations.webhook', 'Webhook'),\n                desc: t('botlit.channels.integrations.webhookDesc', 'Custom integration'),\n              },\n            ].map((integration) => (\n              <button\n                key={integration.type}\n                className=\"p-4 text-center border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n              >\n                <ChannelIcon\n                  type={integration.type}\n                  className=\"h-8 w-8 mx-auto text-text-secondary\"\n                />\n                <p className=\"mt-2 font-medium text-sm\">{integration.name}</p>\n                <p className=\"text-xs text-text-secondary\">{integration.desc}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ChannelsPage.js","names":["SearchIcon","_Fragment","ChannelIcon","type","Slack","Hash","MessageSquare","Globe","Webhook","ChannelsPage","t","useTr","useBotlit","search","setSearch","useState","activeTab","setActiveTab","connectorFilter","useMemo","connectors","loadingConnectors","connectorsError","refetchConnectors","useChannelConnectors","routes","loadingRoutes","routesError","refetchRoutes","useChannelRoutes","routeCountByConnector","counts","route","PageLayout","Button","Link","getPath","BotmanorPermissionGate","BOTMANOR_PERMISSIONS","Plus","PagePurpose","Search","Input","Filter","Fragment","i","ErrorState","connector","Card","CardHeader","CardTitle","CardDescription","StatusBadge","CardContent","Badge","formatRelativeTime","EmptyState","routeMetadataString","ArrowRight","Settings","GlassCard","integration"],"sources":["../../../src/botlit/pages/ChannelsPage.tsx"],"sourcesContent":["/**\n * Channels Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { Link } from 'react-router';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  Plus,\n  Search as SearchIcon,\n  Filter,\n  MessageSquare,\n  Globe,\n  Slack,\n  Hash,\n  Webhook,\n  ArrowRight,\n  Settings,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { PagePurpose, 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 } from '../components/Input';\nimport { Badge, StatusBadge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport {\n  useChannelConnectors,\n  useChannelRoutes,\n  routeMetadataString,\n  type ChannelConnectorRecord,\n  type ChannelRouteRecord,\n} from '../hooks';\nimport { formatRelativeTime, MISSING_VALUE } from '../utils/formatters';\nimport type { ChannelType } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\nconst ChannelIcon: FC<{ type: string; className?: string }> = ({ type, className }) => {\n  switch (type) {\n    case 'SLACK':\n      return <Slack className={className} />;\n    case 'DISCORD':\n      return <Hash className={className} />;\n    case 'TEAMS':\n      return <MessageSquare className={className} />;\n    case 'WEB_WIDGET':\n      return <Globe className={className} />;\n    case 'WEBHOOK':\n      return <Webhook className={className} />;\n    default:\n      return <MessageSquare className={className} />;\n  }\n};\n\nexport const ChannelsPage: FC = () => {\n  const t = useTr();\n  const { getPath } = useBotlit();\n  const [search, setSearch] = useState('');\n  const [activeTab, setActiveTab] = useState<'connectors' | 'routes'>('connectors');\n  const connectorFilter = useMemo(() => ({ search }), [search]);\n  const {\n    data: connectors,\n    loading: loadingConnectors,\n    error: connectorsError,\n    refetch: refetchConnectors,\n  } = useChannelConnectors(connectorFilter);\n  const {\n    data: routes,\n    loading: loadingRoutes,\n    error: routesError,\n    refetch: refetchRoutes,\n  } = useChannelRoutes();\n\n  // Routes are keyed by connector, so the per-connector count is derived here\n  // rather than assuming a field the service does not return.\n  const routeCountByConnector = useMemo(() => {\n    const counts = new Map<string, number>();\n    for (const route of routes) {\n      counts.set(route.connectorId, (counts.get(route.connectorId) ?? 0) + 1);\n    }\n    return counts;\n  }, [routes]);\n\n  return (\n    <PageLayout\n      title={t('botlit.channels.title', 'Channels')}\n      description={t(\n        'botlit.channels.description',\n        'Connect agents to messaging platforms and configure routing'\n      )}\n      actions={\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\">\n            <Link to={getPath('channels/routes')}>\n              {t('botlit.channels.actions.viewRoutes', 'View Routes')}\n            </Link>\n          </Button>\n          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n            <Button leftIcon={<Plus size={16} />}>\n              <Link to={getPath('channels/new')}>\n                {t('botlit.channels.actions.addChannel', 'Add Channel')}\n              </Link>\n            </Button>\n          </BotmanorPermissionGate>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<MessageSquare size={18} />}>\n          {t(\n            'botlit.channels.purpose',\n            'Channels are where your bots actually talk to people. Connect a messaging platform — a website chat widget, Slack, Microsoft Teams, Discord, WhatsApp or a custom webhook — then add a route that points an incoming location at the bot that should answer. Use this page to manage those connectors and routing rules in one place.'\n          )}\n        </PagePurpose>\n\n        {/* Tabs */}\n        <div className=\"flex gap-1 border-b border-border-subtle\">\n          <button\n            onClick={() => setActiveTab('connectors')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'connectors'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.connectors', 'Connectors')} ({connectors.length})\n          </button>\n          <button\n            onClick={() => setActiveTab('routes')}\n            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${\n              activeTab === 'routes'\n                ? 'border-primary text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {t('botlit.channels.tabs.routes', 'Routes')} ({routes.length})\n          </button>\n        </div>\n\n        {/* Search */}\n        <div className=\"flex items-center gap-4\">\n          <div className=\"relative flex-1 max-w-md\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <Input\n              placeholder={t('botlit.channels.searchPlaceholder', 'Search {{tab}}...', {\n                tab: activeTab,\n              })}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n          <Button variant=\"outline\" leftIcon={<Filter size={16} />}>\n            {t('botlit.channels.filters.filters', 'Filters')}\n          </Button>\n        </div>\n\n        {/* Connectors Tab */}\n        {activeTab === 'connectors' && (\n          <>\n            {loadingConnectors ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {[1, 2, 3].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            ) : connectorsError ? (\n              <ErrorState\n                resource=\"channel connectors\"\n                error={connectorsError}\n                onRetry={() => void refetchConnectors()}\n              />\n            ) : connectors.length > 0 ? (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                {connectors.map((connector: ChannelConnectorRecord) => (\n                  <Link key={connector.id} to={getPath(`channels/${connector.id}`)}>\n                    <Card className=\"h-full hover:border-primary/50 transition-colors cursor-pointer\">\n                      <CardHeader>\n                        <div className=\"flex items-start justify-between\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"p-2 bg-action-primary-bg/10 rounded-lg\">\n                              <ChannelIcon type={connector.type} className=\"h-5 w-5 text-primary\" />\n                            </div>\n                            <div>\n                              <CardTitle className=\"text-base\">{connector.name}</CardTitle>\n                              <CardDescription className=\"text-xs\">\n                                {connector.description}\n                              </CardDescription>\n                            </div>\n                          </div>\n                          <StatusBadge status={connector.status} />\n                        </div>\n                      </CardHeader>\n                      <CardContent>\n                        <div className=\"space-y-3\">\n                          {/* Type */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.type', 'Type')}\n                            </span>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {connector.type.toLowerCase().replace('_', ' ')}\n                            </Badge>\n                          </div>\n\n                          {/* Routes */}\n                          <div className=\"flex items-center justify-between\">\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('botlit.channels.list.activeRoutes', 'Active Routes')}\n                            </span>\n                            <Badge variant=\"secondary\">\n                              {routeCountByConnector.get(connector.id) ?? 0}\n                            </Badge>\n                          </div>\n\n                          {/* Footer */}\n                          <div className=\"pt-3 border-t border-border-subtle text-xs text-text-secondary\">\n                            {t('botlit.botsList.createdLabel', 'Created')}{' '}\n                            {formatRelativeTime(connector.createdAt)}\n                          </div>\n                        </div>\n                      </CardContent>\n                    </Card>\n                  </Link>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-notifications\"\n                title={t('botlit.channels.empty.connectors.title', 'No channel connectors')}\n                description={t(\n                  'botlit.channels.empty.connectors.description',\n                  'Connect messaging platforms to deploy agents across multiple channels.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      <Link to={getPath('channels/new')}>\n                        {t('botlit.channels.actions.addChannel', 'Add Channel')}\n                      </Link>\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Routes Tab */}\n        {activeTab === 'routes' && (\n          <>\n            {loadingRoutes ? (\n              <div className=\"space-y-4\">\n                {[1, 2, 3].map((i) => (\n                  <div\n                    key={i}\n                    className=\"h-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg\"\n                  />\n                ))}\n              </div>\n            ) : routesError ? (\n              <ErrorState\n                resource=\"channel routes\"\n                error={routesError}\n                onRetry={() => void refetchRoutes()}\n              />\n            ) : routes.length > 0 ? (\n              <div className=\"space-y-4\">\n                {routes.map((route: ChannelRouteRecord) => (\n                  <Card key={route.id}>\n                    <CardContent className=\"py-4\">\n                      <div className=\"flex items-center justify-between\">\n                        <div className=\"flex items-center gap-4\">\n                          <div className=\"flex items-center gap-2 text-sm\">\n                            <Badge variant=\"outline\">\n                              {routeMetadataString(route, 'locationName') ?? route.locationId}\n                            </Badge>\n                            <ArrowRight size={16} className=\"text-text-secondary\" />\n                            <Badge variant=\"secondary\">\n                              {routeMetadataString(route, 'appName') ??\n                                route.appId ??\n                                MISSING_VALUE}\n                            </Badge>\n                          </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-xs text-text-secondary\">\n                            {formatRelativeTime(route.createdAt)}\n                          </span>\n                          <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_UPDATE}>\n                            <Button variant=\"ghost\" size=\"icon\">\n                              <Settings size={16} />\n                            </Button>\n                          </BotmanorPermissionGate>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-search\"\n                title={t('botlit.channels.empty.routes.title', 'No routes configured')}\n                description={t(\n                  'botlit.channels.empty.routes.description',\n                  'Create routes to connect channel locations to specific bots.'\n                )}\n                action={\n                  <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.CHANNEL_CREATE}>\n                    <Button leftIcon={<Plus size={16} />}>\n                      {t('botlit.channels.actions.createRoute', 'Create Route')}\n                    </Button>\n                  </BotmanorPermissionGate>\n                }\n              />\n            )}\n          </>\n        )}\n\n        {/* Available Integrations */}\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4\">\n            <h2 className=\"text-lg font-semibold tracking-tight text-text-primary\">\n              {t('botlit.channels.integrations.title', 'Available Integrations')}\n            </h2>\n            <p className=\"text-sm text-text-secondary\">\n              {t(\n                'botlit.channels.integrations.description',\n                'Connect to popular messaging platforms'\n              )}\n            </p>\n          </div>\n          <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n            {[\n              {\n                type: 'WEB_WIDGET' as ChannelType,\n                name: t('botlit.channels.integrations.webWidget', 'Web Widget'),\n                desc: t('botlit.channels.integrations.webWidgetDesc', 'Embed on websites'),\n              },\n              {\n                type: 'SLACK' as ChannelType,\n                name: t('botlit.channels.integrations.slack', 'Slack'),\n                desc: t('botlit.channels.integrations.slackDesc', 'Workspace integration'),\n              },\n              {\n                type: 'TEAMS' as ChannelType,\n                name: t('botlit.channels.integrations.teams', 'MS Teams'),\n                desc: t('botlit.channels.integrations.teamsDesc', 'Teams app'),\n              },\n              {\n                type: 'DISCORD' as ChannelType,\n                name: t('botlit.channels.integrations.discord', 'Discord'),\n                desc: t('botlit.channels.integrations.discordDesc', 'Bot integration'),\n              },\n              {\n                type: 'WHATSAPP' as ChannelType,\n                name: t('botlit.channels.integrations.whatsapp', 'WhatsApp'),\n                desc: t('botlit.channels.integrations.whatsappDesc', 'Business API'),\n              },\n              {\n                type: 'WEBHOOK' as ChannelType,\n                name: t('botlit.channels.integrations.webhook', 'Webhook'),\n                desc: t('botlit.channels.integrations.webhookDesc', 'Custom integration'),\n              },\n            ].map((integration) => (\n              <button\n                key={integration.type}\n                className=\"p-4 text-center border border-border-subtle rounded-lg hover:bg-accent transition-colors\"\n              >\n                <ChannelIcon\n                  type={integration.type}\n                  className=\"h-8 w-8 mx-auto text-text-secondary\"\n                />\n                <p className=\"mt-2 font-medium text-sm\">{integration.name}</p>\n                <p className=\"text-xs text-text-secondary\">{integration.desc}</p>\n              </button>\n            ))}\n          </div>\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export declare function ChatPage(): import('react').JSX.Element;

package/dist/botlit/pages/ChatPage.js

@@ -1,19 +1,19 @@
-import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { useAgents as t } from "../hooks/useAgents.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { Button as r } from "../components/Button.js";
+import { PageLayout as e } from "../components/PageLayout.js";
+import { Button as t } from "../components/Button.js";
+import { useAgents as n } from "../hooks/useAgents.js";
+import { useBotlit as r } from "../providers/BotlitProvider.js";
 import { useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useParams as c } from "react-router";
 import { WorkflowAssistantPanel as l } from "@burdenoff/fe-libs/shared/assistant";
-//#region src/botlit/pages/ChatPage.tsx
+// src/botlit/pages/ChatPage.tsx
 function u() {
-	let { workspaceId: t, currentUser: n } = e();
-	return /* @__PURE__ */ o(d, {}, `${t}:${n?.id}`);
+	let { workspaceId: e, currentUser: t } = r();
+	return /* @__PURE__ */ o(d, {}, `${e}:${t?.id}`);
 }
 function d() {
-	let { agentId: u } = c(), { currentUser: d, workspaceId: f, authToken: p } = e(), m = t(), [h, g] = i(""), _ = u ?? h, v = m.data?.find((e) => e.id === _ && e.status === "ACTIVE");
-	return /* @__PURE__ */ o(n, {
+	let { agentId: u } = c(), { currentUser: d, workspaceId: f, authToken: p } = r(), m = n(), [h, g] = i(""), _ = u ?? h, v = m.data?.find((e) => e.id === _ && e.status === "ACTIVE");
+	return /* @__PURE__ */ o(e, {
 		title: v ? `Chat with ${v.name}` : "AI Chat",
 		description: "Ask questions grounded in your assistant’s knowledge. Your conversation is saved securely.",
 		children: /* @__PURE__ */ o("div", {
@@ -23,7 +23,7 @@ function d() {
 				children: "Loading assistants…"
 			}) : m.error ? /* @__PURE__ */ s("div", {
 				role: "alert",
-				children: [/* @__PURE__ */ o("p", { children: "Assistants could not be loaded. Check your access and try again." }), /* @__PURE__ */ o(r, {
+				children: [/* @__PURE__ */ o("p", { children: "Assistants could not be loaded. Check your access and try again." }), /* @__PURE__ */ o(t, {
 					variant: "outline",
 					onClick: () => void m.refetch(),
 					children: "Reload assistants"
@@ -58,7 +58,6 @@ function d() {
 		})
 	});
 }
-//#endregion
 export { u as ChatPage };
 
 //# sourceMappingURL=ChatPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatPage.js","names":[],"sources":["../../../src/botlit/pages/ChatPage.tsx"],"sourcesContent":["/** Authenticated Botmanor agent chat with canonical, owner-scoped workflow history. */\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { WorkflowAssistantPanel } from '@burdenoff/fe-libs/shared/assistant';\nimport { PageLayout } from '../components/PageLayout';\nimport { Button } from '../components/Button';\nimport { useAgents } from '../hooks/useAgents';\nimport { useBotlit } from '../providers/BotlitProvider';\n\nexport function ChatPage() {\n  const { workspaceId, currentUser } = useBotlit();\n  return <ScopedChatPage key={`${workspaceId}:${currentUser?.id}`} />;\n}\n\nfunction ScopedChatPage() {\n  const { agentId } = useParams();\n  const { currentUser, workspaceId, authToken } = useBotlit();\n  const agents = useAgents();\n  const [chosen, setChosen] = useState('');\n  const selectedId = agentId ?? chosen;\n  const selected = agents.data?.find(\n    (agent) => agent.id === selectedId && agent.status === 'ACTIVE'\n  );\n  return (\n    <PageLayout\n      title={selected ? `Chat with ${selected.name}` : 'AI Chat'}\n      description=\"Ask questions grounded in your assistant’s knowledge. Your conversation is saved securely.\"\n    >\n      <div className=\"mx-auto flex w-full max-w-4xl flex-col gap-4 p-4\">\n        {!currentUser?.id || !workspaceId ? (\n          <p>Sign in and choose a workspace to use an assistant.</p>\n        ) : agents.loading ? (\n          <p role=\"status\">Loading assistants…</p>\n        ) : agents.error ? (\n          <div role=\"alert\">\n            <p>Assistants could not be loaded. Check your access and try again.</p>\n            <Button variant=\"outline\" onClick={() => void agents.refetch()}>\n              Reload assistants\n            </Button>\n          </div>\n        ) : (\n          <>\n            {!agentId && (\n              <label className=\"grid gap-2 text-sm font-medium\">\n                Assistant\n                <select\n                  className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3\"\n                  value={chosen}\n                  onChange={(event) => setChosen(event.target.value)}\n                >\n                  <option value=\"\">Choose an assistant</option>\n                  {agents.data\n                    ?.filter((agent) => agent.status === 'ACTIVE')\n                    .map((agent) => (\n                      <option key={agent.id} value={agent.id}>\n                        {agent.name}\n                      </option>\n                    ))}\n                </select>\n              </label>\n            )}\n            {selected ? (\n              <WorkflowAssistantPanel\n                target={{ kind: 'botmanor', agentId: selected.id }}\n                context={{ workspaceId, authContext: { accessToken: authToken } }}\n                ownerId={currentUser.id}\n                title={selected.name}\n                description=\"Answers from this assistant’s configured knowledge.\"\n              />\n            ) : (\n              <p>\n                {selectedId\n                  ? 'This assistant is unavailable. Choose an active assistant you can access.'\n                  : 'Choose an assistant to begin.'}\n              </p>\n            )}\n          </>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,IAAW;CACzB,IAAM,EAAE,gBAAa,mBAAgB,GAAW;AAChD,QAAO,kBAAC,GAAD,EAA4D,EAAvC,GAAG,EAAY,GAAG,GAAa,KAAQ;;AAGrE,SAAS,IAAiB;CACxB,IAAM,EAAE,eAAY,GAAW,EACzB,EAAE,gBAAa,gBAAa,iBAAc,GAAW,EACrD,IAAS,GAAW,EACpB,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAa,KAAW,GACxB,IAAW,EAAO,MAAM,MAC3B,MAAU,EAAM,OAAO,KAAc,EAAM,WAAW,SACxD;AACD,QACE,kBAAC,GAAD;EACE,OAAO,IAAW,aAAa,EAAS,SAAS;EACjD,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACZ,CAAC,GAAa,MAAM,CAAC,IACpB,kBAAC,KAAD,EAAA,UAAG,uDAAuD,CAAA,GACxD,EAAO,UACT,kBAAC,KAAD;IAAG,MAAK;cAAS;IAAuB,CAAA,GACtC,EAAO,QACT,kBAAC,OAAD;IAAK,MAAK;cAAV,CACE,kBAAC,KAAD,EAAA,UAAG,oEAAoE,CAAA,EACvE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,KAAK,EAAO,SAAS;eAAE;KAEvD,CAAA,CACL;QAEN,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,SAAD;IAAO,WAAU;cAAjB,CAAkD,aAEhD,kBAAC,UAAD;KACE,WAAU;KACV,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;eAHpD,CAKE,kBAAC,UAAD;MAAQ,OAAM;gBAAG;MAA4B,CAAA,EAC5C,EAAO,MACJ,QAAQ,MAAU,EAAM,WAAW,SAAS,CAC7C,KAAK,MACJ,kBAAC,UAAD;MAAuB,OAAO,EAAM;gBACjC,EAAM;MACA,EAFI,EAAM,GAEV,CACT,CACG;OACH;OAET,IACC,kBAAC,GAAD;IACE,QAAQ;KAAE,MAAM;KAAY,SAAS,EAAS;KAAI;IAClD,SAAS;KAAE;KAAa,aAAa,EAAE,aAAa,GAAW;KAAE;IACjE,SAAS,EAAY;IACrB,OAAO,EAAS;IAChB,aAAY;IACZ,CAAA,GAEF,kBAAC,KAAD,EAAA,UACG,IACG,8EACA,iCACF,CAAA,CAEL,EAAA,CAAA;GAED,CAAA;EACK,CAAA"}
+{"version":3,"file":"ChatPage.js","names":["_Fragment","ChatPage","useBotlit","ScopedChatPage","workspaceId","currentUser","useParams","agents","useAgents","chosen","setChosen","useState","selectedId","agentId","selected","agent","PageLayout","Button","Fragment","event","WorkflowAssistantPanel","authToken"],"sources":["../../../src/botlit/pages/ChatPage.tsx"],"sourcesContent":["/** Authenticated Botmanor agent chat with canonical, owner-scoped workflow history. */\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { WorkflowAssistantPanel } from '@burdenoff/fe-libs/shared/assistant';\nimport { PageLayout } from '../components/PageLayout';\nimport { Button } from '../components/Button';\nimport { useAgents } from '../hooks/useAgents';\nimport { useBotlit } from '../providers/BotlitProvider';\n\nexport function ChatPage() {\n  const { workspaceId, currentUser } = useBotlit();\n  return <ScopedChatPage key={`${workspaceId}:${currentUser?.id}`} />;\n}\n\nfunction ScopedChatPage() {\n  const { agentId } = useParams();\n  const { currentUser, workspaceId, authToken } = useBotlit();\n  const agents = useAgents();\n  const [chosen, setChosen] = useState('');\n  const selectedId = agentId ?? chosen;\n  const selected = agents.data?.find(\n    (agent) => agent.id === selectedId && agent.status === 'ACTIVE'\n  );\n  return (\n    <PageLayout\n      title={selected ? `Chat with ${selected.name}` : 'AI Chat'}\n      description=\"Ask questions grounded in your assistant’s knowledge. Your conversation is saved securely.\"\n    >\n      <div className=\"mx-auto flex w-full max-w-4xl flex-col gap-4 p-4\">\n        {!currentUser?.id || !workspaceId ? (\n          <p>Sign in and choose a workspace to use an assistant.</p>\n        ) : agents.loading ? (\n          <p role=\"status\">Loading assistants…</p>\n        ) : agents.error ? (\n          <div role=\"alert\">\n            <p>Assistants could not be loaded. Check your access and try again.</p>\n            <Button variant=\"outline\" onClick={() => void agents.refetch()}>\n              Reload assistants\n            </Button>\n          </div>\n        ) : (\n          <>\n            {!agentId && (\n              <label className=\"grid gap-2 text-sm font-medium\">\n                Assistant\n                <select\n                  className=\"h-10 rounded-md border border-border-default bg-bg-surface px-3\"\n                  value={chosen}\n                  onChange={(event) => setChosen(event.target.value)}\n                >\n                  <option value=\"\">Choose an assistant</option>\n                  {agents.data\n                    ?.filter((agent) => agent.status === 'ACTIVE')\n                    .map((agent) => (\n                      <option key={agent.id} value={agent.id}>\n                        {agent.name}\n                      </option>\n                    ))}\n                </select>\n              </label>\n            )}\n            {selected ? (\n              <WorkflowAssistantPanel\n                target={{ kind: 'botmanor', agentId: selected.id }}\n                context={{ workspaceId, authContext: { accessToken: authToken } }}\n                ownerId={currentUser.id}\n                title={selected.name}\n                description=\"Answers from this assistant’s configured knowledge.\"\n              />\n            ) : (\n              <p>\n                {selectedId\n                  ? 'This assistant is unavailable. Choose an active assistant you can access.'\n                  : 'Choose an assistant to begin.'}\n              </p>\n            )}\n          </>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AASA,SAAgBC,IAAW;CACzB,IAAM,EAAE,gBAAa,mBAAgBC,EAAU;CAC/C,OAAO,kBAACC,GAAD,CAA2D,GAAtC,GAAGC,EAAY,GAAGC,GAAa,IAAO;AACpE;AAEA,SAASF,IAAiB;CACxB,IAAM,EAAE,eAAYG,EAAU,GACxB,EAAE,gBAAa,gBAAa,iBAAcJ,EAAU,GACpDK,IAASC,EAAU,GACnB,CAACC,GAAQC,KAAaC,EAAS,EAAE,GACjCC,IAAaC,KAAWJ,GACxBK,IAAWP,EAAO,MAAM,MAC3B,MAAUQ,EAAM,OAAOH,KAAcG,EAAM,WAAW,QACzD;CACA,OACE,kBAACC,GAAD;EACE,OAAOF,IAAW,aAAaA,EAAS,SAAS;EACjD,aAAY;EAEZ,UAAA,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,CAACT,GAAa,MAAM,CAACD,IACpB,kBAAC,KAAD,EAAA,UAAG,sDAAsD,CAAA,IACvDG,EAAO,UACT,kBAAC,KAAD;IAAG,MAAK;IAAS,UAAA;GAAsB,CAAA,IACrCA,EAAO,QACT,kBAAC,OAAD;IAAK,MAAK;IAAV,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,mEAAmE,CAAA,GACtE,kBAACU,GAAD;KAAQ,SAAQ;KAAU,eAAe,KAAKV,EAAO,QAAQ;KAAG,UAAA;IAExD,CAAA,CACL;GAEL,CAAA,IAAA,kBAAAP,GAAA,EAAA,UAAA,CACG,CAACa,KACA,kBAAC,SAAD;IAAO,WAAU;IAAjB,UAAA,CAAkD,aAEhD,kBAAC,UAAD;KACE,WAAU;KACV,OAAOJ;KACP,WAAW,MAAUC,EAAUS,EAAM,OAAO,KAAK;KAHnD,UAAA,CAKE,kBAAC,UAAD;MAAQ,OAAM;MAAG,UAAA;KAA2B,CAAA,GAC3CZ,EAAO,MACJ,QAAQ,MAAUQ,EAAM,WAAW,QAAQ,CAAC,CAC7C,KAAK,MACJ,kBAAC,UAAD;MAAuB,OAAOA,EAAM;MACjC,UAAAA,EAAM;KACD,GAFKA,EAAM,EAEX,CACT,CACG;IACH,CAAA,CAAA;GAER,CAAA,GAAAD,IACC,kBAACM,GAAD;IACE,QAAQ;KAAE,MAAM;KAAY,SAASN,EAAS;IAAG;IACjD,SAAS;KAAE;KAAa,aAAa,EAAE,aAAaO,EAAU;IAAE;IAChE,SAAShB,EAAY;IACrB,OAAOS,EAAS;IAChB,aAAY;GACb,CAAA,IAED,kBAAC,KAAD,EAAA,UACGF,IACG,8EACA,gCACH,CAAA,CAEL,EAAA,CAAA;EAED,CAAA;CACK,CAAA;AAEhB"}

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

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

package/dist/botlit/pages/DashboardPage.js

@@ -1,22 +1,22 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useBotlit as t } from "../providers/BotlitProvider.js";
-import { useBots as n } from "../hooks/useBots.js";
-import { useAgents as r } from "../hooks/useAgents.js";
-import { formatNumber as i } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as a } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as o } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as s } from "../components/PageLayout.js";
-import { Button as c } from "../components/Button.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { Card as n, CardContent as r, CardHeader as i, CardTitle as a } from "../components/Card.js";
+import { Button as o } from "../components/Button.js";
+import { StatusBadge as s } from "../components/Badge.js";
+import { BOTMANOR_PERMISSIONS as c } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as l } from "../permissions/useBotmanorPermissions.js";
+import { useBots as u } from "../hooks/useBots.js";
+import { useAgents as d } from "../hooks/useAgents.js";
+import { useBotlit as f } from "../providers/BotlitProvider.js";
+import { formatNumber as p } from "../utils/formatters.js";
 import "../permissions/index.js";
-import { Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "../components/Card.js";
-import { StatusBadge as p } from "../components/Badge.js";
 import { GlassCard as m, GradientText as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Link as b } from "react-router";
 import { AppWindow as x, ArrowRight as S, BookOpen as C, Bot as w, Plus as T, Zap as E } from "lucide-react";
-//#region src/botlit/pages/DashboardPage.tsx
+// src/botlit/pages/DashboardPage.tsx
 var D = () => {
-	let D = e(), { currentUser: O, navigateTo: k, getPath: A } = t(), { data: j, loading: M } = n(), { data: N, loading: P } = r(), F = [{
+	let D = e(), { currentUser: O, navigateTo: k, getPath: A } = f(), { data: j, loading: M } = u(), { data: N, loading: P } = d(), F = [{
 		label: D("botlit.dashboard.stats.totalBots", "Total Bots"),
 		value: j?.length || 0,
 		icon: /* @__PURE__ */ v(x, { className: "h-5 w-5" }),
@@ -27,23 +27,23 @@ var D = () => {
 		icon: /* @__PURE__ */ v(w, { className: "h-5 w-5" }),
 		hero: !1
 	}], I = O?.name ? O.name.split(" ")[0] : "";
-	return /* @__PURE__ */ v(s, {
+	return /* @__PURE__ */ v(t, {
 		hero: !0,
 		title: /* @__PURE__ */ y(_, { children: [D("botlit.dashboard.title", "Welcome back"), I ? /* @__PURE__ */ y(_, { children: [", ", /* @__PURE__ */ v(h, { children: I })] }) : null] }),
 		description: D("botlit.dashboard.description", "Here's an overview of your AI agents and bots"),
 		actions: /* @__PURE__ */ y("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ v(o, {
-				permission: a.APP_CREATE,
-				children: /* @__PURE__ */ v(c, {
+			children: [/* @__PURE__ */ v(l, {
+				permission: c.APP_CREATE,
+				children: /* @__PURE__ */ v(o, {
 					variant: "outline",
 					leftIcon: /* @__PURE__ */ v(T, { size: 16 }),
 					onClick: () => k("bots/new"),
 					children: D("botlit.dashboard.actions.newBot", "New Bot")
 				})
-			}), /* @__PURE__ */ v(o, {
-				permission: a.AGENT_CREATE,
-				children: /* @__PURE__ */ v(c, {
+			}), /* @__PURE__ */ v(l, {
+				permission: c.AGENT_CREATE,
+				children: /* @__PURE__ */ v(o, {
 					leftIcon: /* @__PURE__ */ v(w, { size: 16 }),
 					onClick: () => k("agents/new"),
 					children: D("botlit.dashboard.actions.createAgent", "Create Agent")
@@ -59,10 +59,10 @@ var D = () => {
 				}),
 				/* @__PURE__ */ v("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: F.map((e) => /* @__PURE__ */ v(l, {
+					children: F.map((e) => /* @__PURE__ */ v(n, {
 						treatment: e.hero ? "glass" : "metric",
 						glow: e.hero,
-						children: /* @__PURE__ */ v(u, {
+						children: /* @__PURE__ */ v(r, {
 							className: "pt-6",
 							children: /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-4",
@@ -82,18 +82,18 @@ var D = () => {
 				}),
 				/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ y(l, {
+					children: [/* @__PURE__ */ y(n, {
 						treatment: "insight",
-						children: [/* @__PURE__ */ y(d, {
+						children: [/* @__PURE__ */ y(i, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ v(f, { children: D("botlit.dashboard.recentBots.title", "Recent Bots") }), /* @__PURE__ */ v(c, {
+							children: [/* @__PURE__ */ v(a, { children: D("botlit.dashboard.recentBots.title", "Recent Bots") }), /* @__PURE__ */ v(o, {
 								variant: "ghost",
 								size: "sm",
 								rightIcon: /* @__PURE__ */ v(S, { size: 16 }),
 								onClick: () => k("bots"),
 								children: D("botlit.common.viewAll", "View All")
 							})]
-						}), /* @__PURE__ */ v(u, { children: M ? /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ v(r, { children: M ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
 							children: [
 								1,
@@ -121,16 +121,16 @@ var D = () => {
 											D("botlit.common.executions", "executions")
 										]
 									})] })]
-								}), /* @__PURE__ */ v(p, { status: e.status })]
+								}), /* @__PURE__ */ v(s, { status: e.status })]
 							}, e.id))
 						}) : /* @__PURE__ */ y("div", {
 							className: "text-center py-8 text-text-secondary",
 							children: [
 								/* @__PURE__ */ v(x, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
 								/* @__PURE__ */ v("p", { children: D("botlit.dashboard.recentBots.emptyTitle", "No bots yet") }),
-								/* @__PURE__ */ v(o, {
-									permission: a.APP_CREATE,
-									children: /* @__PURE__ */ v(c, {
+								/* @__PURE__ */ v(l, {
+									permission: c.APP_CREATE,
+									children: /* @__PURE__ */ v(o, {
 										variant: "outline",
 										size: "sm",
 										className: "mt-3",
@@ -140,18 +140,18 @@ var D = () => {
 								})
 							]
 						}) })]
-					}), /* @__PURE__ */ y(l, {
+					}), /* @__PURE__ */ y(n, {
 						treatment: "insight",
-						children: [/* @__PURE__ */ y(d, {
+						children: [/* @__PURE__ */ y(i, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ v(f, { children: D("botlit.dashboard.activeAgents.title", "Active Agents") }), /* @__PURE__ */ v(c, {
+							children: [/* @__PURE__ */ v(a, { children: D("botlit.dashboard.activeAgents.title", "Active Agents") }), /* @__PURE__ */ v(o, {
 								variant: "ghost",
 								size: "sm",
 								rightIcon: /* @__PURE__ */ v(S, { size: 16 }),
 								onClick: () => k("agents"),
 								children: D("botlit.common.viewAll", "View All")
 							})]
-						}), /* @__PURE__ */ v(u, { children: P ? /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ v(r, { children: P ? /* @__PURE__ */ v("div", {
 							className: "space-y-3",
 							children: [
 								1,
@@ -174,7 +174,7 @@ var D = () => {
 									}), /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary",
 										children: [
-											i(e.executionCount ?? 0),
+											p(e.executionCount ?? 0),
 											" ",
 											D("botlit.common.executions", "executions")
 										]
@@ -186,9 +186,9 @@ var D = () => {
 							children: [
 								/* @__PURE__ */ v(w, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
 								/* @__PURE__ */ v("p", { children: D("botlit.dashboard.activeAgents.emptyTitle", "No active agents") }),
-								/* @__PURE__ */ v(o, {
-									permission: a.AGENT_CREATE,
-									children: /* @__PURE__ */ v(c, {
+								/* @__PURE__ */ v(l, {
+									permission: c.AGENT_CREATE,
+									children: /* @__PURE__ */ v(o, {
 										variant: "outline",
 										size: "sm",
 										className: "mt-3",
@@ -248,7 +248,6 @@ var D = () => {
 		})
 	});
 };
-//#endregion
 export { D as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map