@agent-native/dispatch 0.1.1 → 0.2.3

package/dist/hooks/use-navigation-state.js

@@ -2,14 +2,14 @@ import { useEffect } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { agentNativePath, appBasePath, appPath, } from "@agent-native/core/client";
-export function useNavigationState() {
+export function useNavigationState(extensions) {
     const location = useLocation();
     const navigate = useNavigate();
     const qc = useQueryClient();
     // Sync current route to application state
     useEffect(() => {
         const state = {
-            view: resolveView(location.pathname),
+            view: resolveView(location.pathname, extensions),
             path: appPath(location.pathname),
         };
         fetch(agentNativePath("/_agent-native/application-state/navigation"), {
@@ -18,7 +18,7 @@ export function useNavigationState() {
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(state),
         }).catch(() => { });
-    }, [location.pathname]);
+    }, [extensions, location.pathname]);
     // Listen for navigate commands from agent
     const { data: navCommand } = useQuery({
         queryKey: ["navigate-command"],
@@ -47,10 +47,10 @@ export function useNavigationState() {
         }).catch(() => { });
         const cmd = navCommand;
         // Navigate to a specific path or resolve view name to path
-        const path = routerPath(cmd.path || resolvePath(cmd.view) || "/overview");
+        const path = routerPath(cmd.path || resolvePath(cmd.view, extensions) || "/overview");
         navigate(path);
         qc.setQueryData(["navigate-command"], null);
-    }, [navCommand, navigate, qc]);
+    }, [extensions, navCommand, navigate, qc]);
 }
 function routerPath(path) {
     const basePath = appBasePath();
@@ -63,9 +63,34 @@ function routerPath(path) {
     }
     return path;
 }
-function resolveView(pathname) {
+function extensionItemMatchesPath(item, pathname) {
+    if (item.match) {
+        try {
+            if (item.match(pathname))
+                return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    return pathname === item.to || pathname.startsWith(`${item.to}/`);
+}
+function resolveExtensionView(pathname, extensions) {
+    return extensions?.navItems?.find((item) => extensionItemMatchesPath(item, pathname))?.id;
+}
+function resolveExtensionPath(view, extensions) {
+    if (!view)
+        return undefined;
+    return extensions?.navItems?.find((item) => item.id === view)?.to;
+}
+function resolveView(pathname, extensions) {
+    const extensionView = resolveExtensionView(pathname, extensions);
+    if (extensionView)
+        return extensionView;
     if (pathname.startsWith("/apps"))
         return "apps";
+    if (pathname.startsWith("/metrics"))
+        return "metrics";
     if (pathname.startsWith("/new-app"))
         return "new-app";
     if (pathname.startsWith("/vault"))
@@ -90,12 +115,15 @@ function resolveView(pathname) {
         return "team";
     return "overview";
 }
-function resolvePath(view) {
+function resolvePath(view, extensions) {
     switch (view) {
         case "overview":
             return "/overview";
         case "apps":
             return "/apps";
+        case "metrics":
+        case "usage":
+            return "/metrics";
         case "new-app":
         case "create-app":
             return "/new-app";
@@ -123,7 +151,7 @@ function resolvePath(view) {
         case "team":
             return "/team";
         default:
-            return undefined;
+            return resolveExtensionPath(view, extensions);
     }
 }
 //# sourceMappingURL=use-navigation-state.js.map

package/dist/hooks/use-navigation-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const state: NavigationState = {\n      view: resolveView(location.pathname),\n      path: appPath(location.pathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    refetchIntervalInBackground: true,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(cmd.path || resolvePath(cmd.view) || \"/overview\");\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  if (path === basePath) return \"/\";\n  if (path.startsWith(`${basePath}/`)) {\n    return path.slice(basePath.length) || \"/\";\n  }\n  return path;\n}\n\nfunction resolveView(pathname: string): string {\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(view?: string): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return undefined;\n  }\n}\n"]}
+{"version":3,"file":"use-navigation-state.js","sourceRoot":"","sources":["../../src/hooks/use-navigation-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport {\n  agentNativePath,\n  appBasePath,\n  appPath,\n} from \"@agent-native/core/client\";\nimport type {\n  DispatchExtensionConfig,\n  DispatchNavItem,\n} from \"../components/index.js\";\n\nexport interface NavigationState {\n  view: string;\n  path?: string;\n}\n\nexport function useNavigationState(extensions?: DispatchExtensionConfig) {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const qc = useQueryClient();\n\n  // Sync current route to application state\n  useEffect(() => {\n    const state: NavigationState = {\n      view: resolveView(location.pathname, extensions),\n      path: appPath(location.pathname),\n    };\n\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      keepalive: true,\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(state),\n    }).catch(() => {});\n  }, [extensions, location.pathname]);\n\n  // Listen for navigate commands from agent\n  const { data: navCommand } = useQuery({\n    queryKey: [\"navigate-command\"],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/application-state/navigate\"),\n      );\n      if (!res.ok) return null;\n      const data = await res.json();\n      if (data) {\n        // Return with a timestamp to ensure uniqueness\n        return { ...data, _ts: Date.now() };\n      }\n      return null;\n    },\n    refetchInterval: 2_000,\n    refetchIntervalInBackground: true,\n    structuralSharing: false,\n  });\n\n  useEffect(() => {\n    if (!navCommand) return;\n    // Delete the one-shot command AFTER reading it\n    fetch(agentNativePath(\"/_agent-native/application-state/navigate\"), {\n      method: \"DELETE\",\n      headers: { \"X-Agent-Native-CSRF\": \"1\" },\n    }).catch(() => {});\n    const cmd = navCommand as NavigationState;\n\n    // Navigate to a specific path or resolve view name to path\n    const path = routerPath(\n      cmd.path || resolvePath(cmd.view, extensions) || \"/overview\",\n    );\n    navigate(path);\n    qc.setQueryData([\"navigate-command\"], null);\n  }, [extensions, navCommand, navigate, qc]);\n}\n\nfunction routerPath(path: string): string {\n  const basePath = appBasePath();\n  if (!basePath) return path;\n  if (path === basePath) return \"/\";\n  if (path.startsWith(`${basePath}/`)) {\n    return path.slice(basePath.length) || \"/\";\n  }\n  return path;\n}\n\nfunction extensionItemMatchesPath(\n  item: DispatchNavItem,\n  pathname: string,\n): boolean {\n  if (item.match) {\n    try {\n      if (item.match(pathname)) return true;\n    } catch {\n      return false;\n    }\n  }\n  return pathname === item.to || pathname.startsWith(`${item.to}/`);\n}\n\nfunction resolveExtensionView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  return extensions?.navItems?.find((item) =>\n    extensionItemMatchesPath(item, pathname),\n  )?.id;\n}\n\nfunction resolveExtensionPath(\n  view: string | undefined,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  if (!view) return undefined;\n  return extensions?.navItems?.find((item) => item.id === view)?.to;\n}\n\nfunction resolveView(\n  pathname: string,\n  extensions?: DispatchExtensionConfig,\n): string {\n  const extensionView = resolveExtensionView(pathname, extensions);\n  if (extensionView) return extensionView;\n  if (pathname.startsWith(\"/apps\")) return \"apps\";\n  if (pathname.startsWith(\"/metrics\")) return \"metrics\";\n  if (pathname.startsWith(\"/new-app\")) return \"new-app\";\n  if (pathname.startsWith(\"/vault\")) return \"vault\";\n  if (pathname.startsWith(\"/integrations\")) return \"integrations\";\n  if (pathname.startsWith(\"/workspace\")) return \"workspace\";\n  if (pathname.startsWith(\"/agents\")) return \"agents\";\n  if (pathname.startsWith(\"/messaging\")) return \"messaging\";\n  if (pathname.startsWith(\"/destinations\")) return \"destinations\";\n  if (pathname.startsWith(\"/identities\")) return \"identities\";\n  if (pathname.startsWith(\"/approvals\")) return \"approvals\";\n  if (pathname.startsWith(\"/audit\")) return \"audit\";\n  if (pathname.startsWith(\"/team\")) return \"team\";\n  return \"overview\";\n}\n\nfunction resolvePath(\n  view?: string,\n  extensions?: DispatchExtensionConfig,\n): string | undefined {\n  switch (view) {\n    case \"overview\":\n      return \"/overview\";\n    case \"apps\":\n      return \"/apps\";\n    case \"metrics\":\n    case \"usage\":\n      return \"/metrics\";\n    case \"new-app\":\n    case \"create-app\":\n      return \"/new-app\";\n    case \"vault\":\n    case \"secrets\":\n      return \"/vault\";\n    case \"integrations\":\n      return \"/integrations\";\n    case \"workspace\":\n    case \"resources\":\n      return \"/workspace\";\n    case \"agents\":\n      return \"/agents\";\n    case \"messaging\":\n      return \"/messaging\";\n    case \"destinations\":\n    case \"routes\":\n      return \"/destinations\";\n    case \"identities\":\n      return \"/identities\";\n    case \"approvals\":\n      return \"/approvals\";\n    case \"audit\":\n      return \"/audit\";\n    case \"team\":\n      return \"/team\";\n    default:\n      return resolveExtensionPath(view, extensions);\n  }\n}\n"]}

package/dist/hooks/use-toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ToastActionElement, ToastProps } from "../components/ui/toast";
+import type { ToastActionElement, ToastProps } from "../components/ui/toast.js";
 type ToasterToast = ToastProps & {
     id: string;
     title?: React.ReactNode;

package/dist/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,EAAE,WAmB5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,cAAc,EAAE,WAoB5B,CAAC"}

package/dist/routes/index.js

@@ -31,6 +31,7 @@ import { route, index } from "@react-router/dev/routes";
 export const dispatchRoutes = [
     index("./pages/_index.js"),
     route("overview", "./pages/overview.js"),
+    route("metrics", "./pages/metrics.js"),
     route("apps", "./pages/apps.js"),
     route("apps/:appId", "./pages/apps.$appId.js"),
     route("new-app", "./pages/new-app.js"),
@@ -45,7 +46,7 @@ export const dispatchRoutes = [
     route("approvals", "./pages/approvals.js"),
     route("audit", "./pages/audit.js"),
     route("team", "./pages/team.js"),
-    route("tools", "./pages/tools._index.js"),
-    route("tools/:id", "./pages/tools.$id.js"),
+    route("extensions", "./pages/extensions._index.js"),
+    route("extensions/:id", "./pages/extensions.$id.js"),
 ];
 //# sourceMappingURL=index.js.map

package/dist/routes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,aAAa,EAAE,wBAAwB,CAAC;IAC9C,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,YAAY,EAAE,uBAAuB,CAAC;IAC5C,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,OAAO,EAAE,yBAAyB,CAAC;IACzC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC3C,CAAC","sourcesContent":["import { type RouteConfig, route, index } from \"@react-router/dev/routes\";\n\n/**\n * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the\n * consumer's `app/routes.ts`:\n *\n * ```ts\n * import { type RouteConfig } from \"@react-router/dev/routes\";\n * import { dispatchRoutes } from \"@agent-native/dispatch/routes\";\n *\n * export default [\n *   ...localRoutes,    // consumer's own routes win on collision\n *   ...dispatchRoutes, // dispatch fills in everything else\n * ] satisfies RouteConfig;\n * ```\n *\n * Route precedence: React Router 7 matches in declaration order, so\n * placing `dispatchRoutes` LAST means consumer-defined routes with the\n * same path take precedence. To override a single dispatch route, define\n * it in your local routes; to keep it, omit it.\n *\n * The `file` paths below resolve relative to this file at runtime — they\n * point into `packages/dispatch/dist/routes/pages/*.js` after build.\n *\n * Naming maps the original flatRoutes file conventions:\n *   `_index.tsx`        → `index(...)`\n *   `<name>.tsx`        → `route(\"<name>\", ...)`\n *   `<a>.$<param>.tsx`  → `route(\"<a>/:<param>\", ...)`\n *   `<a>._index.tsx`    → flattened as `route(\"<a>\", ...)` (workspace\n *      versions are bare and don't wrap a parent layout)\n */\nexport const dispatchRoutes: RouteConfig = [\n  index(\"./pages/_index.js\"),\n  route(\"overview\", \"./pages/overview.js\"),\n  route(\"apps\", \"./pages/apps.js\"),\n  route(\"apps/:appId\", \"./pages/apps.$appId.js\"),\n  route(\"new-app\", \"./pages/new-app.js\"),\n  route(\"vault\", \"./pages/vault.js\"),\n  route(\"integrations\", \"./pages/integrations.js\"),\n  route(\"agents\", \"./pages/agents.js\"),\n  route(\"workspace\", \"./pages/workspace.js\"),\n  route(\"messaging\", \"./pages/messaging.js\"),\n  route(\"destinations\", \"./pages/destinations.js\"),\n  route(\"identities\", \"./pages/identities.js\"),\n  route(\"approval\", \"./pages/approval.js\"),\n  route(\"approvals\", \"./pages/approvals.js\"),\n  route(\"audit\", \"./pages/audit.js\"),\n  route(\"team\", \"./pages/team.js\"),\n  route(\"tools\", \"./pages/tools._index.js\"),\n  route(\"tools/:id\", \"./pages/tools.$id.js\"),\n];\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/routes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,aAAa,EAAE,wBAAwB,CAAC;IAC9C,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAChD,KAAK,CAAC,YAAY,EAAE,uBAAuB,CAAC;IAC5C,KAAK,CAAC,UAAU,EAAE,qBAAqB,CAAC;IACxC,KAAK,CAAC,WAAW,EAAE,sBAAsB,CAAC;IAC1C,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,YAAY,EAAE,8BAA8B,CAAC;IACnD,KAAK,CAAC,gBAAgB,EAAE,2BAA2B,CAAC;CACrD,CAAC","sourcesContent":["import { type RouteConfig, route, index } from \"@react-router/dev/routes\";\n\n/**\n * Dispatch's routes as a programmatic `RouteConfig[]`. Splat into the\n * consumer's `app/routes.ts`:\n *\n * ```ts\n * import { type RouteConfig } from \"@react-router/dev/routes\";\n * import { dispatchRoutes } from \"@agent-native/dispatch/routes\";\n *\n * export default [\n *   ...localRoutes,    // consumer's own routes win on collision\n *   ...dispatchRoutes, // dispatch fills in everything else\n * ] satisfies RouteConfig;\n * ```\n *\n * Route precedence: React Router 7 matches in declaration order, so\n * placing `dispatchRoutes` LAST means consumer-defined routes with the\n * same path take precedence. To override a single dispatch route, define\n * it in your local routes; to keep it, omit it.\n *\n * The `file` paths below resolve relative to this file at runtime — they\n * point into `packages/dispatch/dist/routes/pages/*.js` after build.\n *\n * Naming maps the original flatRoutes file conventions:\n *   `_index.tsx`        → `index(...)`\n *   `<name>.tsx`        → `route(\"<name>\", ...)`\n *   `<a>.$<param>.tsx`  → `route(\"<a>/:<param>\", ...)`\n *   `<a>._index.tsx`    → flattened as `route(\"<a>\", ...)` (workspace\n *      versions are bare and don't wrap a parent layout)\n */\nexport const dispatchRoutes: RouteConfig = [\n  index(\"./pages/_index.js\"),\n  route(\"overview\", \"./pages/overview.js\"),\n  route(\"metrics\", \"./pages/metrics.js\"),\n  route(\"apps\", \"./pages/apps.js\"),\n  route(\"apps/:appId\", \"./pages/apps.$appId.js\"),\n  route(\"new-app\", \"./pages/new-app.js\"),\n  route(\"vault\", \"./pages/vault.js\"),\n  route(\"integrations\", \"./pages/integrations.js\"),\n  route(\"agents\", \"./pages/agents.js\"),\n  route(\"workspace\", \"./pages/workspace.js\"),\n  route(\"messaging\", \"./pages/messaging.js\"),\n  route(\"destinations\", \"./pages/destinations.js\"),\n  route(\"identities\", \"./pages/identities.js\"),\n  route(\"approval\", \"./pages/approval.js\"),\n  route(\"approvals\", \"./pages/approvals.js\"),\n  route(\"audit\", \"./pages/audit.js\"),\n  route(\"team\", \"./pages/team.js\"),\n  route(\"extensions\", \"./pages/extensions._index.js\"),\n  route(\"extensions/:id\", \"./pages/extensions.$id.js\"),\n];\n"]}

package/dist/routes/pages/_index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { redirect } from "react-router";
 import { appPath } from "@agent-native/core/client";
-import { Spinner } from "../../components/ui/spinner";
+import { Spinner } from "../../components/ui/spinner.js";
 export function meta() {
     return [
         { title: "Agent-Native Dispatch" },

package/dist/routes/pages/agents.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
-import { AgentsPanel } from "../../components/agents-panel";
-import { DispatchShell } from "../../components/dispatch-shell";
+import { AgentsPanel } from "../../components/agents-panel.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
 export function meta() {
     return [{ title: "Agents — Dispatch" }];
 }

package/dist/routes/pages/approval.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSearchParams } from "react-router";
 import { useActionMutation, useActionQuery, isInAgentEmbed, postNavigate, appPath, } from "@agent-native/core/client";
 import { toast } from "sonner";
-import { Button } from "../../components/ui/button";
-import { Badge } from "../../components/ui/badge";
+import { Button } from "../../components/ui/button.js";
+import { Badge } from "../../components/ui/badge.js";
 import { IconCheck, IconX, IconArrowUpRight, IconShieldCheck, IconClock, IconAlertCircle, } from "@tabler/icons-react";
 export function meta() {
     return [{ title: "Approval — Dispatch" }];

package/dist/routes/pages/approvals.js

@@ -3,10 +3,10 @@ import { useMemo, useState } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
 import { toast } from "sonner";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Button } from "../../components/ui/button";
-import { Input } from "../../components/ui/input";
-import { Switch } from "../../components/ui/switch";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Switch } from "../../components/ui/switch.js";
 export function meta() {
     return [{ title: "Approvals — Dispatch" }];
 }

package/dist/routes/pages/apps.$appId.js

@@ -3,9 +3,9 @@ import { useEffect, useMemo } from "react";
 import { Link, useParams } from "react-router";
 import { useActionQuery } from "@agent-native/core/client";
 import { IconArrowLeft, IconArrowUpRight, IconClockHour4, } from "@tabler/icons-react";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
 function workspaceAppHref(app) {
     if (app.status === "pending")
         return app.builderUrl || null;

package/dist/routes/pages/apps.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
 import { IconArrowUpRight, IconApps, IconClockHour4, IconPlus, } from "@tabler/icons-react";
-import { AppKeysPopover } from "../../components/app-keys-popover";
-import { CreateAppPopover } from "../../components/create-app-popover";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
+import { AppKeysPopover } from "../../components/app-keys-popover.js";
+import { CreateAppPopover } from "../../components/create-app-popover.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
 function workspaceAppHref(app) {
     if (app.status === "pending")
         return app.builderUrl || null;

package/dist/routes/pages/audit.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client";
-import { DispatchShell } from "../../components/dispatch-shell";
+import { DispatchShell } from "../../components/dispatch-shell.js";
 export function meta() {
     return [{ title: "Audit — Dispatch" }];
 }

package/dist/routes/pages/destinations.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { toast } from "sonner";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Button } from "../../components/ui/button";
-import { Input } from "../../components/ui/input";
-import { Textarea } from "../../components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Input } from "../../components/ui/input.js";
+import { Textarea } from "../../components/ui/textarea.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog.js";
 export function meta() {
     return [{ title: "Destinations — Dispatch" }];
 }

package/dist/routes/pages/extensions.$id.d.ts

@@ -0,0 +1,2 @@
+export default function ExtensionViewerRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extensions.$id.d.ts.map

package/dist/routes/pages/extensions.$id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.$id.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/extensions.$id.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CAE3C"}

package/dist/routes/pages/extensions.$id.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolViewerPage } from "@agent-native/core/client/tools";
+export default function ExtensionViewerRoute() {
+    return _jsx(ToolViewerPage, {});
+}
+//# sourceMappingURL=extensions.$id.js.map

package/dist/routes/pages/extensions.$id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.$id.js","sourceRoot":"","sources":["../../../src/routes/pages/extensions.$id.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC1C,OAAO,KAAC,cAAc,KAAG,CAAC;AAC5B,CAAC","sourcesContent":["import { ToolViewerPage } from \"@agent-native/core/client/tools\";\n\nexport default function ExtensionViewerRoute() {\n  return <ToolViewerPage />;\n}\n"]}

package/dist/routes/pages/extensions._index.d.ts

@@ -0,0 +1,2 @@
+export default function ExtensionsRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extensions._index.d.ts.map

package/dist/routes/pages/extensions._index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions._index.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/extensions._index.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAEtC"}

package/dist/routes/pages/extensions._index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolsListPage } from "@agent-native/core/client/tools";
+export default function ExtensionsRoute() {
+    return _jsx(ToolsListPage, {});
+}
+//# sourceMappingURL=extensions._index.js.map

package/dist/routes/pages/extensions._index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions._index.js","sourceRoot":"","sources":["../../../src/routes/pages/extensions._index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC","sourcesContent":["import { ToolsListPage } from \"@agent-native/core/client/tools\";\n\nexport default function ExtensionsRoute() {\n  return <ToolsListPage />;\n}\n"]}

package/dist/routes/pages/identities.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { toast } from "sonner";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Button } from "../../components/ui/button";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
 export function meta() {
     return [{ title: "Identities — Dispatch" }];
 }

package/dist/routes/pages/integrations.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useActionMutation, useActionQuery } from "@agent-native/core/client";
 import { toast } from "sonner";
 import { IconCheck, IconCircleDashed, IconKey, IconRefresh, IconShieldCheck, IconWifi, IconWifiOff, } from "@tabler/icons-react";
-import { DispatchShell } from "../../components/dispatch-shell";
-import { Badge } from "../../components/ui/badge";
-import { Button } from "../../components/ui/button";
-import { Progress } from "../../components/ui/progress";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Progress } from "../../components/ui/progress.js";
 export function meta() {
     return [{ title: "Integrations — Dispatch" }];
 }

package/dist/routes/pages/messaging.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MessagingSetupPanel } from "../../components/messaging-setup-panel";
-import { DispatchShell } from "../../components/dispatch-shell";
+import { MessagingSetupPanel } from "../../components/messaging-setup-panel.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
 export function meta() {
     return [{ title: "Messaging — Dispatch" }];
 }

package/dist/routes/pages/metrics.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function MetricsRoute(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=metrics.d.ts.map

package/dist/routes/pages/metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/metrics.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,IAAI;;IAEnB;AA6gBD,MAAM,CAAC,OAAO,UAAU,YAAY,4CAwHnC"}

package/dist/routes/pages/metrics.js

@@ -0,0 +1,135 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useActionQuery } from "@agent-native/core/client";
+import { IconActivity, IconAlertTriangle, IconApps, IconChartBar, IconClockHour4, IconCoin, IconMessages, IconUsersGroup, } from "@tabler/icons-react";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
+export function meta() {
+    return [{ title: "Metrics — Dispatch" }];
+}
+const RANGES = [7, 30, 90];
+function formatCost(cents) {
+    if (!Number.isFinite(cents) || cents === 0)
+        return "$0.00";
+    if (Math.abs(cents) < 1)
+        return `${cents.toFixed(3)}¢`;
+    if (Math.abs(cents) < 100)
+        return `${cents.toFixed(2)}¢`;
+    return (cents / 100).toLocaleString(undefined, {
+        style: "currency",
+        currency: "USD",
+        maximumFractionDigits: 2,
+    });
+}
+function formatNumber(value) {
+    return new Intl.NumberFormat(undefined, {
+        notation: value >= 10_000 ? "compact" : "standard",
+        maximumFractionDigits: value >= 10_000 ? 1 : 0,
+    }).format(value);
+}
+function formatTokens(value) {
+    return new Intl.NumberFormat(undefined, {
+        notation: "compact",
+        maximumFractionDigits: 1,
+    }).format(value);
+}
+function timeAgo(timestamp) {
+    if (!timestamp)
+        return "No activity";
+    const diff = Date.now() - timestamp;
+    if (diff < 60_000)
+        return "just now";
+    if (diff < 3_600_000)
+        return `${Math.floor(diff / 60_000)}m ago`;
+    if (diff < 86_400_000)
+        return `${Math.floor(diff / 3_600_000)}h ago`;
+    return `${Math.floor(diff / 86_400_000)}d ago`;
+}
+function displayApp(value) {
+    const trimmed = value?.trim();
+    if (!trimmed || trimmed === "unattributed")
+        return "Unattributed";
+    return trimmed;
+}
+function maxCost(rows) {
+    return rows.reduce((max, row) => Math.max(max, row.costCents), 0);
+}
+function barWidth(value, max) {
+    if (max <= 0 || value <= 0)
+        return "0%";
+    return `${Math.max(4, Math.round((value / max) * 100))}%`;
+}
+function RangeSelector({ value, onChange, }) {
+    return (_jsx("div", { className: "flex rounded-md border bg-card p-0.5", children: RANGES.map((range) => (_jsxs(Button, { type: "button", variant: value === range ? "secondary" : "ghost", size: "sm", className: "h-7 px-3 text-xs", onClick: () => onChange(range), children: [range, "d"] }, range))) }));
+}
+function MetricCard({ label, value, detail, icon, }) {
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: label }), _jsx("span", { className: "text-muted-foreground", children: icon })] }), _jsx("div", { className: "text-2xl font-semibold tabular-nums text-foreground", children: value }), _jsx("div", { className: "mt-1 truncate text-xs text-muted-foreground", children: detail })] }));
+}
+function Panel({ title, icon, children, action, }) {
+    return (_jsxs("section", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 border-b px-4 py-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "text-muted-foreground", children: icon }), _jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: title })] }), action] }), _jsx("div", { className: "p-4", children: children })] }));
+}
+function LoadingMetrics() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: Array.from({ length: 5 }).map((_, index) => (_jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsx(Skeleton, { className: "mb-4 h-4 w-24" }), _jsx(Skeleton, { className: "h-7 w-20" }), _jsx(Skeleton, { className: "mt-3 h-3 w-28" })] }, index))) }), _jsx(Skeleton, { className: "h-80 rounded-lg" })] }));
+}
+function AppSpendRows({ rows }) {
+    const max = maxCost(rows);
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No LLM usage recorded for this window." }));
+    }
+    return (_jsx("div", { className: "space-y-3", children: rows.map((row) => (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium text-foreground", children: displayApp(row.key) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [formatNumber(row.chatCalls), " chats \u00B7", " ", formatNumber(row.activeUsers), " users"] })] }), _jsxs("div", { className: "shrink-0 text-right", children: [_jsx("div", { className: "font-medium tabular-nums text-foreground", children: formatCost(row.costCents) }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [formatNumber(row.calls), " calls"] })] })] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-foreground", style: { width: barWidth(row.costCents, max) } }) })] }, row.key))) }));
+}
+function DailyActivity({ rows }) {
+    const max = Math.max(1, rows.reduce((value, row) => Math.max(value, row.calls), 0));
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No activity in this window." }));
+    }
+    return (_jsx("div", { className: "flex h-44 items-end gap-1", children: rows.map((row) => (_jsxs("div", { className: "group flex min-w-0 flex-1 flex-col items-center gap-2", children: [_jsx("div", { className: "relative flex h-36 w-full items-end rounded-sm bg-muted/60", children: _jsx("div", { className: "w-full rounded-sm bg-foreground transition group-hover:bg-primary", style: { height: `${Math.max(4, (row.calls / max) * 100)}%` } }) }), _jsx("div", { className: "hidden text-[10px] text-muted-foreground sm:block", children: row.date.slice(5) })] }, row.date))) }));
+}
+function AppAccessTable({ rows }) {
+    const visibleRows = rows.filter((row) => !row.isDispatch);
+    if (visibleRows.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No workspace apps discovered yet." }));
+    }
+    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[720px] text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-2 py-2 font-medium", children: "App" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Access" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Users" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Chats" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Cost" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Last activity" })] }) }), _jsx("tbody", { children: visibleRows.map((row) => (_jsxs("tr", { className: "border-b last:border-0", children: [_jsxs("td", { className: "px-2 py-3", children: [_jsx("div", { className: "font-medium text-foreground", children: row.name }), _jsx("div", { className: "font-mono text-[11px] text-muted-foreground", children: row.path })] }), _jsx("td", { className: "px-2 py-3", children: _jsx(Badge, { variant: "outline", className: cn(row.status === "pending" &&
+                                        "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300"), children: row.status === "pending" ? "Building" : row.accessLabel }) }), _jsxs("td", { className: "px-2 py-3 text-right tabular-nums", children: [formatNumber(row.usersWithUsage), " /", " ", formatNumber(row.accessUsers)] }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatNumber(row.chatCalls) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatCost(row.costCents) }), _jsx("td", { className: "px-2 py-3 text-right text-muted-foreground", children: timeAgo(row.lastActiveAt) })] }, row.id))) })] }) }));
+}
+function UserTable({ rows }) {
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No users have triggered LLM usage in this window." }));
+    }
+    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[760px] text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-2 py-2 font-medium", children: "User" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Role" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Top app" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Chats" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Threads" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Tokens" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Cost" })] }) }), _jsx("tbody", { children: rows.slice(0, 12).map((row) => (_jsxs("tr", { className: "border-b last:border-0", children: [_jsxs("td", { className: "max-w-64 px-2 py-3", children: [_jsx("div", { className: "truncate font-medium text-foreground", children: row.ownerEmail }), _jsx("div", { className: "text-muted-foreground", children: timeAgo(row.lastActiveAt ?? row.lastChatAt) })] }), _jsx("td", { className: "px-2 py-3", children: _jsx(Badge, { variant: "secondary", children: row.role ?? "user" }) }), _jsx("td", { className: "px-2 py-3 text-muted-foreground", children: displayApp(row.topApp) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatNumber(row.chatCalls) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatNumber(row.chatThreads) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatTokens(row.inputTokens + row.outputTokens) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatCost(row.costCents) })] }, row.ownerEmail))) })] }) }));
+}
+function CompactBreakdown({ rows, empty, }) {
+    const max = maxCost(rows);
+    if (rows.length === 0) {
+        return _jsx("div", { className: "text-sm text-muted-foreground", children: empty });
+    }
+    return (_jsx("div", { className: "space-y-3", children: rows.slice(0, 6).map((row) => (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("span", { className: "truncate font-medium text-foreground", children: row.label }), _jsx("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: formatCost(row.costCents) })] }), _jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-muted-foreground", style: { width: barWidth(row.costCents, max) } }) })] }, row.key))) }));
+}
+function RecentTable({ rows }) {
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground", children: "No recent LLM calls." }));
+    }
+    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[760px] text-left text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b text-muted-foreground", children: [_jsx("th", { className: "px-2 py-2 font-medium", children: "When" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "User" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "App" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Label" }), _jsx("th", { className: "px-2 py-2 font-medium", children: "Model" }), _jsx("th", { className: "px-2 py-2 text-right font-medium", children: "Cost" })] }) }), _jsx("tbody", { children: rows.slice(0, 10).map((row) => (_jsxs("tr", { className: "border-b last:border-0", children: [_jsx("td", { className: "px-2 py-3 text-muted-foreground", children: timeAgo(row.createdAt) }), _jsx("td", { className: "max-w-56 px-2 py-3", children: _jsx("div", { className: "truncate text-foreground", children: row.ownerEmail }) }), _jsx("td", { className: "px-2 py-3 text-muted-foreground", children: displayApp(row.app) }), _jsx("td", { className: "px-2 py-3", children: _jsx(Badge, { variant: "outline", children: row.label }) }), _jsx("td", { className: "max-w-48 px-2 py-3", children: _jsx("div", { className: "truncate text-muted-foreground", children: row.model }) }), _jsx("td", { className: "px-2 py-3 text-right tabular-nums", children: formatCost(row.costCents) })] }, row.id))) })] }) }));
+}
+export default function MetricsRoute() {
+    const [sinceDays, setSinceDays] = useState(30);
+    const { data, isLoading, error } = useActionQuery("list-dispatch-usage-metrics", { sinceDays }, { refetchInterval: 30_000 });
+    const metrics = data;
+    const totalTokens = useMemo(() => {
+        if (!metrics)
+            return 0;
+        return (metrics.totals.inputTokens +
+            metrics.totals.outputTokens +
+            metrics.totals.cacheReadTokens +
+            metrics.totals.cacheWriteTokens);
+    }, [metrics]);
+    return (_jsx(DispatchShell, { title: "Metrics", description: "Workspace-wide LLM spend, chat volume, user activity, and app access.", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: metrics?.access.scope === "organization"
+                                ? `${metrics.access.totalUsers} workspace users`
+                                : `${metrics?.access.totalUsers ?? 0} signed-in users` }), _jsx(RangeSelector, { value: sinceDays, onChange: setSinceDays })] }), error ? (_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertTriangle, { className: "h-4 w-4" }), _jsx(AlertTitle, { children: "Metrics unavailable" }), _jsx(AlertDescription, { children: error instanceof Error ? error.message : "Unable to load usage." })] })) : null, isLoading && !metrics ? _jsx(LoadingMetrics, {}) : null, metrics ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-5", children: [_jsx(MetricCard, { label: "Estimated spend", value: formatCost(metrics.totals.costCents), detail: `${formatTokens(totalTokens)} total tokens`, icon: _jsx(IconCoin, { size: 17 }) }), _jsx(MetricCard, { label: "LLM calls", value: formatNumber(metrics.totals.calls), detail: `${formatNumber(metrics.totals.chatCalls)} chat turns`, icon: _jsx(IconActivity, { size: 17 }) }), _jsx(MetricCard, { label: "Active users", value: formatNumber(metrics.totals.activeUsers), detail: `${formatNumber(metrics.access.totalUsers)} users with access`, icon: _jsx(IconUsersGroup, { size: 17 }) }), _jsx(MetricCard, { label: "Workspace apps", value: formatNumber(metrics.totals.workspaceApps), detail: `${formatNumber(metrics.byApp.length)} with usage`, icon: _jsx(IconApps, { size: 17 }) }), _jsx(MetricCard, { label: "Chat threads", value: formatNumber(metrics.totals.chatThreads), detail: `${formatNumber(metrics.totals.chatMessages)} messages`, icon: _jsx(IconMessages, { size: 17 }) })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]", children: [_jsx(Panel, { title: "Spend By App", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(AppSpendRows, { rows: metrics.byApp }) }), _jsx(Panel, { title: "Daily Activity", icon: _jsx(IconClockHour4, { size: 16 }), children: _jsx(DailyActivity, { rows: metrics.daily }) })] }), _jsx(Panel, { title: "Access By App", icon: _jsx(IconApps, { size: 16 }), children: _jsx(AppAccessTable, { rows: metrics.appAccess }) }), _jsx(Panel, { title: "Users", icon: _jsx(IconUsersGroup, { size: 16 }), children: _jsx(UserTable, { rows: metrics.byUser }) }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(Panel, { title: "Models", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byModel, empty: "No model usage in this window." }) }), _jsx(Panel, { title: "Work Types", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byLabel, empty: "No labeled usage in this window." }) })] }), _jsx(Panel, { title: "Recent LLM Calls", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(RecentTable, { rows: metrics.recent }) })] })) : null] }) }));
+}
+//# sourceMappingURL=metrics.js.map