@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/pages/AgentsLandingPage.js

@@ -14,14 +14,14 @@ function m() {
 		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: "targets",
+			label: m("agentsLanding.tabTargets", "Targets")
+		},
 		{
 			id: "graph",
 			label: m("agentsLanding.tabGraph", "Agent Graph")

package/dist/pages/AgentsLandingPage.js.map

@@ -1 +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"}
+{"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 (`agents`) 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: 'agents', label: tr('agentsLanding.tabAgents', 'Agents') },\n      { id: 'targets', label: tr('agentsLanding.tabTargets', 'Targets') },\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;GAAU,OAAO,EAAG,2BAA2B,SAAS;GAAE;EAChE;GAAE,IAAI;GAAW,OAAO,EAAG,4BAA4B,UAAU;GAAE;EACnE;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"}