@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/AgentsLandingPage.js

@@ -0,0 +1,84 @@
+import { VIBE_PERMISSIONS as e } from "../constants/permissions.js";
+import { AgentsPage as t } from "./AgentsPage.js";
+import { TargetsPage as n } from "./TargetsPage.js";
+import { Suspense as r, lazy as i, useCallback as a, useMemo as o } from "react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useSearchParams as c } from "react-router-dom";
+import { usePermissions as l } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Tabs as f } from "@burdenoff/fe-libs/chrome";
+//#region src/pages/AgentsLandingPage.tsx
+var p = i(() => import("./AgentGraphPage.js").then((e) => ({ default: e.AgentGraphPage })));
+function m() {
+	let { t: i } = s(), m = a((e, t) => {
+		let n = i(e);
+		return n === e ? t : n;
+	}, [i]), [h, g] = c(), { hasPermission: _, isLoading: v, permissions: y } = l(), b = o(() => [
+		{
+			id: "targets",
+			label: m("agentsLanding.tabTargets", "Targets")
+		},
+		{
+			id: "agents",
+			label: m("agentsLanding.tabAgents", "Agents")
+		},
+		{
+			id: "graph",
+			label: m("agentsLanding.tabGraph", "Agent Graph")
+		}
+	], [m]), x = h.get("tab") ?? b[0].id, S = (e) => {
+		let t = new URLSearchParams(h);
+		e === b[0].id ? t.delete("tab") : t.set("tab", e), g(t, { replace: !0 });
+	}, C = _(e.TARGET_LIST) || _(e.AGENT_LIST) || _(e.AGENT_READ);
+	return v ? /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ u("p", {
+			className: "text-text-secondary",
+			children: m("agentsLanding.loadingPermissions", "Loading permissions...")
+		})
+	}) : y && (y.permissionStrings?.length ?? 0) > 0 && !C ? /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ d("div", {
+			className: "text-center space-y-2",
+			children: [/* @__PURE__ */ u("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: m("agentsLanding.accessDenied", "Access Denied")
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm text-text-secondary",
+				children: m("agentsLanding.accessDeniedDesc", "You don't have permission to access this page.")
+			})]
+		})
+	}) : /* @__PURE__ */ d("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ u("div", {
+			"data-tour": "agents-tabs",
+			className: "border-b border-border-subtle px-4 pt-3",
+			children: /* @__PURE__ */ u(f, {
+				items: b,
+				activeTabId: x,
+				onTabChange: S,
+				variant: "underline"
+			})
+		}), /* @__PURE__ */ d("div", {
+			className: "flex-1 min-h-0 overflow-auto",
+			children: [
+				x === "targets" && /* @__PURE__ */ u(n, {}),
+				x === "agents" && /* @__PURE__ */ u(t, {}),
+				x === "graph" && /* @__PURE__ */ u(r, {
+					fallback: /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-center min-h-[400px]",
+						children: /* @__PURE__ */ u("p", {
+							className: "text-text-secondary",
+							children: m("agentsLanding.loadingGraph", "Loading agent graph...")
+						})
+					}),
+					children: /* @__PURE__ */ u(p, {})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { m as AgentsLandingPage };
+
+//# sourceMappingURL=AgentsLandingPage.js.map

package/dist/pages/AgentsLandingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsLandingPage.js","names":[],"sources":["../../src/pages/AgentsLandingPage.tsx"],"sourcesContent":["import { lazy, Suspense, useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AgentsPage } from './AgentsPage';\nimport { TargetsPage } from './TargetsPage';\n\nconst AgentGraphPage = lazy(() =>\n  import('./AgentGraphPage').then((module) => ({ default: module.AgentGraphPage }))\n);\n\n/**\n * Tabbed landing page for /vibecontrols/agents — exposed as \"Targets & Agents\"\n * in the UI. Combines the previously-separate Targets, Agents, and Agent Graph\n * screens into a single tabbed landing so users can move fluidly between\n * managing hosts (targets), installed agents, and the topology view without\n * losing context.\n *\n * Tab state is synced to `?tab=` so deep-links (e.g. `?tab=graph`) survive\n * reloads; the default tab (`targets`) omits the query param for clean URLs.\n */\nexport function AgentsLandingPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const [params, setParams] = useSearchParams();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { id: 'targets', label: tr('agentsLanding.tabTargets', 'Targets') },\n      { id: 'agents', label: tr('agentsLanding.tabAgents', 'Agents') },\n      { id: 'graph', label: tr('agentsLanding.tabGraph', 'Agent Graph') },\n    ],\n    [tr]\n  );\n\n  const activeId = params.get('tab') ?? tabs[0].id;\n\n  const handleTabChange = (id: string) => {\n    const next = new URLSearchParams(params);\n    if (id === tabs[0].id) next.delete('tab');\n    else next.set('tab', id);\n    setParams(next, { replace: true });\n  };\n\n  const canAccessAnyTab =\n    hasPermission(VIBE_PERMISSIONS.TARGET_LIST) ||\n    hasPermission(VIBE_PERMISSIONS.AGENT_LIST) ||\n    hasPermission(VIBE_PERMISSIONS.AGENT_READ);\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">\n          {tr('agentsLanding.loadingPermissions', 'Loading permissions...')}\n        </p>\n      </div>\n    );\n  // Only show access-denied once permissions are actually loaded; otherwise allow\n  // the page to render so we don't gate on a not-yet-fetched permission set\n  // (e.g. when the workspace token isn't issued and PermissionProvider stays idle).\n  if (permissions && (permissions.permissionStrings?.length ?? 0) > 0 && !canAccessAnyTab)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('agentsLanding.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('agentsLanding.accessDeniedDesc', \"You don't have permission to access this page.\")}\n          </p>\n        </div>\n      </div>\n    );\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div data-tour=\"agents-tabs\" className=\"border-b border-border-subtle px-4 pt-3\">\n        <Tabs\n          items={tabs}\n          activeTabId={activeId}\n          onTabChange={handleTabChange}\n          variant=\"underline\"\n        />\n      </div>\n      <div className=\"flex-1 min-h-0 overflow-auto\">\n        {activeId === 'targets' && <TargetsPage />}\n        {activeId === 'agents' && <AgentsPage />}\n        {activeId === 'graph' && (\n          <Suspense\n            fallback={\n              <div className=\"flex items-center justify-center min-h-[400px]\">\n                <p className=\"text-text-secondary\">\n                  {tr('agentsLanding.loadingGraph', 'Loading agent graph...')}\n                </p>\n              </div>\n            }\n          >\n            <AgentGraphPage />\n          </Suspense>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,IAAM,IAAiB,QACrB,OAAO,uBAAoB,MAAM,OAAY,EAAE,SAAS,EAAO,gBAAgB,EAAE,CAClF;AAYD,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAE,CACJ,EACK,CAAC,GAAQ,KAAa,GAAiB,EACvC,EAAE,kBAAe,WAAW,GAAoB,mBAAgB,GAAgB,EAEhF,IAAkB,QAChB;EACJ;GAAE,IAAI;GAAW,OAAO,EAAG,4BAA4B,UAAU;GAAE;EACnE;GAAE,IAAI;GAAU,OAAO,EAAG,2BAA2B,SAAS;GAAE;EAChE;GAAE,IAAI;GAAS,OAAO,EAAG,0BAA0B,cAAc;GAAE;EACpE,EACD,CAAC,EAAG,CACL,EAEK,IAAW,EAAO,IAAI,MAAM,IAAI,EAAK,GAAG,IAExC,KAAmB,MAAe;EACtC,IAAM,IAAO,IAAI,gBAAgB,EAAO;AAGxC,EAFI,MAAO,EAAK,GAAG,KAAI,EAAK,OAAO,MAAM,GACpC,EAAK,IAAI,OAAO,EAAG,EACxB,EAAU,GAAM,EAAE,SAAS,IAAM,CAAC;IAG9B,IACJ,EAAc,EAAiB,YAAY,IAC3C,EAAc,EAAiB,WAAW,IAC1C,EAAc,EAAiB,WAAW;AA2B5C,QAzBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,oCAAoC,yBAAyB;GAC/D,CAAA;EACA,CAAA,GAKN,MAAgB,EAAY,mBAAmB,UAAU,KAAK,KAAK,CAAC,IAEpE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAG,8BAA8B,gBAAgB;IAC/C,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,kCAAkC,iDAAiD;IACrF,CAAA,CACA;;EACF,CAAA,GAIR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,aAAU;GAAc,WAAU;aACrC,kBAAC,GAAD;IACE,OAAO;IACP,aAAa;IACb,aAAa;IACb,SAAQ;IACR,CAAA;GACE,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAa,aAAa,kBAAC,GAAD,EAAe,CAAA;IACzC,MAAa,YAAY,kBAAC,GAAD,EAAc,CAAA;IACvC,MAAa,WACZ,kBAAC,GAAD;KACE,UACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAG,8BAA8B,yBAAyB;OACzD,CAAA;MACA,CAAA;eAGR,kBAAC,GAAD,EAAkB,CAAA;KACT,CAAA;IAET;KACF"}

package/dist/pages/AgentsPage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Agents management page with filtering, search, and CRUD operations
+ */
+export declare function AgentsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsPage.d.ts.map

package/dist/pages/AgentsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsPage.d.ts","sourceRoot":"","sources":["../../src/pages/AgentsPage.tsx"],"names":[],"mappings":"AA2CA;;GAEG;AACH,wBAAgB,UAAU,4CAkhCzB"}