@jami-studio/dispatch 0.13.14

package/dist/routes/pages/integrations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integrations.js","sourceRoot":"","sources":["../../../src/routes/pages/integrations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionMutation, useActionQuery } from \"@agent-native/core/client\";\r\nimport {\r\n  IconCheck,\r\n  IconChevronRight,\r\n  IconCircleDashed,\r\n  IconKey,\r\n  IconLink,\r\n  IconPlugConnected,\r\n} from \"@tabler/icons-react\";\r\nimport { useQueryClient } from \"@tanstack/react-query\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Badge } from \"../../components/ui/badge\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport {\r\n  Collapsible,\r\n  CollapsibleContent,\r\n  CollapsibleTrigger,\r\n} from \"../../components/ui/collapsible\";\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"../../components/ui/dialog\";\r\nimport { Input } from \"../../components/ui/input\";\r\nimport { Label } from \"../../components/ui/label\";\r\nimport {\r\n  Tooltip,\r\n  TooltipContent,\r\n  TooltipTrigger,\r\n} from \"../../components/ui/tooltip\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Connections — Dispatch\" }];\r\n}\r\n\r\ninterface AppRef {\r\n  appId: string;\r\n  appName: string;\r\n  color: string;\r\n  configured: boolean;\r\n  vaultGranted: boolean;\r\n  vaultSecretId?: string;\r\n}\r\n\r\ninterface Service {\r\n  /** Credential key shared across apps (e.g. `OPENAI_API_KEY`). */\r\n  key: string;\r\n  /** Human label from the first app that declares it (`\"OpenAI\"`, `\"Stripe\"`). */\r\n  label: string;\r\n  /** Apps in the workspace that declare this credential. */\r\n  apps: AppRef[];\r\n}\r\n\r\ninterface CatalogApp {\r\n  appId: string;\r\n  appName: string;\r\n  color: string;\r\n  url: string;\r\n  reachable: boolean;\r\n  integrations?: Array<{\r\n    key: string;\r\n    label: string;\r\n    required: boolean;\r\n    configured: boolean;\r\n    vaultGranted: boolean;\r\n    vaultSecretId?: string;\r\n  }>;\r\n}\r\n\r\nfunction inferProviderFromKey(key: string, label: string): string {\r\n  const haystack = `${key} ${label}`.toLowerCase();\r\n  for (const provider of [\r\n    \"google\",\r\n    \"slack\",\r\n    \"sendgrid\",\r\n    \"github\",\r\n    \"stripe\",\r\n    \"hubspot\",\r\n    \"jira\",\r\n    \"bigquery\",\r\n    \"anthropic\",\r\n    \"openai\",\r\n  ]) {\r\n    if (haystack.includes(provider)) return provider;\r\n  }\r\n  return \"other\";\r\n}\r\n\r\nfunction ConnectDialog({\r\n  service,\r\n  open,\r\n  onOpenChange,\r\n  accessMode,\r\n}: {\r\n  service: Service;\r\n  open: boolean;\r\n  onOpenChange: (next: boolean) => void;\r\n  accessMode: \"all-apps\" | \"manual\";\r\n}) {\r\n  const [value, setValue] = useState(\"\");\r\n  const qc = useQueryClient();\r\n\r\n  const createSecret = useActionMutation(\"create-vault-secret\", {});\r\n  const createGrant = useActionMutation(\"create-vault-grant\", {});\r\n  const syncToApp = useActionMutation(\"sync-vault-to-app\", {});\r\n\r\n  function reset() {\r\n    setValue(\"\");\r\n  }\r\n\r\n  async function handleSave() {\r\n    const trimmed = value.trim();\r\n    if (!trimmed) {\r\n      toast.error(\"Enter a value to save\");\r\n      return;\r\n    }\r\n    try {\r\n      // 1. Create the secret (or get the existing one — server treats key as\r\n      // the unique identifier). The server returns { secret: { id, ... } }.\r\n      const created = await createSecret.mutateAsync({\r\n        credentialKey: service.key,\r\n        name: service.label,\r\n        value: trimmed,\r\n        provider: inferProviderFromKey(service.key, service.label),\r\n      });\r\n      const secretId =\r\n        (created as { secret?: { id?: string } })?.secret?.id ??\r\n        (created as { id?: string })?.id;\r\n      if (!secretId) {\r\n        throw new Error(\"Secret created but id missing\");\r\n      }\r\n\r\n      // 2. Manual mode needs grants; all-apps mode only needs sync.\r\n      if (accessMode === \"manual\") {\r\n        const targets = service.apps.filter((a) => !a.vaultGranted);\r\n        for (const app of targets) {\r\n          try {\r\n            await createGrant.mutateAsync({\r\n              secretId,\r\n              appId: app.appId,\r\n            });\r\n          } catch (err) {\r\n            console.warn(`grant to ${app.appId} failed`, err);\r\n          }\r\n        }\r\n      }\r\n      for (const app of service.apps) {\r\n        try {\r\n          await syncToApp.mutateAsync({ appId: app.appId });\r\n        } catch (err) {\r\n          console.warn(`sync to ${app.appId} failed`, err);\r\n        }\r\n      }\r\n\r\n      qc.invalidateQueries({\r\n        queryKey: [\"action\", \"list-integrations-catalog\"],\r\n      });\r\n      toast.success(`Connected ${service.label}`);\r\n      onOpenChange(false);\r\n      reset();\r\n    } catch (err: any) {\r\n      toast.error(err?.message ?? \"Failed to save credential\");\r\n    }\r\n  }\r\n\r\n  const pending =\r\n    createSecret.isPending || createGrant.isPending || syncToApp.isPending;\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      onOpenChange={(next) => {\r\n        if (!next) reset();\r\n        onOpenChange(next);\r\n      }}\r\n    >\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>Connect {service.label}</DialogTitle>\r\n          <DialogDescription>\r\n            Used by{\" \"}\r\n            {service.apps.length === 1\r\n              ? service.apps[0].appName\r\n              : `${service.apps.length} apps`}\r\n            . Saved to the workspace vault and synced to every app that needs\r\n            it.\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n        <div className=\"space-y-3\">\r\n          <div>\r\n            <Label className=\"text-xs text-muted-foreground\">Key</Label>\r\n            <div className=\"font-mono text-sm\">{service.key}</div>\r\n          </div>\r\n          <div>\r\n            <Label htmlFor=\"connector-value\">Value</Label>\r\n            <Input\r\n              id=\"connector-value\"\r\n              type=\"password\"\r\n              autoComplete=\"off\"\r\n              value={value}\r\n              onChange={(e) => setValue(e.target.value)}\r\n              placeholder={`Paste your ${service.label} key…`}\r\n              autoFocus\r\n            />\r\n          </div>\r\n        </div>\r\n        <DialogFooter>\r\n          <Button\r\n            variant=\"outline\"\r\n            onClick={() => onOpenChange(false)}\r\n            disabled={pending}\r\n          >\r\n            Cancel\r\n          </Button>\r\n          <Button onClick={handleSave} disabled={pending || !value.trim()}>\r\n            {pending ? \"Saving…\" : \"Connect\"}\r\n          </Button>\r\n        </DialogFooter>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n\r\nfunction ConnectorCard({\r\n  service,\r\n  accessMode,\r\n}: {\r\n  service: Service;\r\n  accessMode: \"all-apps\" | \"manual\";\r\n}) {\r\n  const [open, setOpen] = useState(false);\r\n  const isConnected = service.apps.some((a) => a.configured);\r\n  const appCount = service.apps.length;\r\n\r\n  return (\r\n    <>\r\n      <button\r\n        type=\"button\"\r\n        onClick={() => setOpen(true)}\r\n        className=\"group flex flex-col items-start gap-2 rounded-2xl border bg-card p-5 text-left transition hover:border-foreground/20 hover:bg-card/80 cursor-pointer\"\r\n      >\r\n        <div className=\"flex w-full items-start justify-between gap-2\">\r\n          <div className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-muted\">\r\n            <IconKey size={16} className=\"text-muted-foreground\" />\r\n          </div>\r\n          {isConnected ? (\r\n            <Badge\r\n              variant=\"secondary\"\r\n              className=\"bg-green-500/10 text-green-700 dark:text-green-400 gap-1\"\r\n            >\r\n              <IconCheck size={12} />\r\n              Connected\r\n            </Badge>\r\n          ) : (\r\n            <Badge\r\n              variant=\"secondary\"\r\n              className=\"bg-amber-500/10 text-amber-700 dark:text-amber-400 gap-1\"\r\n            >\r\n              <IconCircleDashed size={12} />\r\n              Connect\r\n            </Badge>\r\n          )}\r\n        </div>\r\n        <div className=\"w-full min-w-0\">\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <div className=\"text-sm font-semibold text-foreground truncate\">\r\n                {service.label}\r\n              </div>\r\n            </TooltipTrigger>\r\n            <TooltipContent>{service.label}</TooltipContent>\r\n          </Tooltip>\r\n          <div className=\"font-mono text-xs text-muted-foreground/80 truncate\">\r\n            {service.key}\r\n          </div>\r\n        </div>\r\n        <div className=\"text-xs text-muted-foreground\">\r\n          Used by {appCount} {appCount === 1 ? \"app\" : \"apps\"}\r\n        </div>\r\n      </button>\r\n      <ConnectDialog\r\n        service={service}\r\n        open={open}\r\n        onOpenChange={setOpen}\r\n        accessMode={accessMode}\r\n      />\r\n    </>\r\n  );\r\n}\r\n\r\nfunction PerAppDetailRow({ app }: { app: CatalogApp }) {\r\n  const total = (app.integrations ?? []).length;\r\n  const ok = (app.integrations ?? []).filter((i) => i.configured).length;\r\n  return (\r\n    <div className=\"flex items-center justify-between border-t px-4 py-2.5 first:border-t-0\">\r\n      <div className=\"flex items-center gap-2 min-w-0\">\r\n        <div\r\n          className=\"h-5 w-5 rounded text-[10px] font-bold text-white flex items-center justify-center shrink-0\"\r\n          style={{ backgroundColor: app.color }}\r\n        >\r\n          {app.appName.charAt(0).toUpperCase()}\r\n        </div>\r\n        <span className=\"text-sm truncate\">{app.appName}</span>\r\n        {!app.reachable && (\r\n          <span className=\"text-xs text-muted-foreground\">offline</span>\r\n        )}\r\n      </div>\r\n      <span className=\"text-xs text-muted-foreground\">\r\n        {total === 0 ? \"no integrations\" : `${ok}/${total}`}\r\n      </span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default function ConnectionsRoute() {\r\n  const { data: catalog, isLoading } = useActionQuery(\r\n    \"list-integrations-catalog\",\r\n    {},\r\n  );\r\n  const { data: accessSettings } = useActionQuery(\r\n    \"get-vault-access-settings\",\r\n    {},\r\n  );\r\n  const apps = (catalog as CatalogApp[]) || [];\r\n  const accessMode =\r\n    (accessSettings as any)?.mode === \"manual\" ? \"manual\" : \"all-apps\";\r\n\r\n  const services = useMemo<Service[]>(() => {\r\n    const map = new Map<string, Service>();\r\n    for (const app of apps) {\r\n      for (const intg of app.integrations ?? []) {\r\n        if (!map.has(intg.key)) {\r\n          map.set(intg.key, {\r\n            key: intg.key,\r\n            label: intg.label,\r\n            apps: [],\r\n          });\r\n        }\r\n        map.get(intg.key)!.apps.push({\r\n          appId: app.appId,\r\n          appName: app.appName,\r\n          color: app.color,\r\n          configured: intg.configured,\r\n          vaultGranted: intg.vaultGranted,\r\n          vaultSecretId: intg.vaultSecretId,\r\n        });\r\n      }\r\n    }\r\n    return Array.from(map.values()).sort((a, b) =>\r\n      a.label.localeCompare(b.label),\r\n    );\r\n  }, [apps]);\r\n\r\n  const available = services.filter((s) => !s.apps.some((a) => a.configured));\r\n  const connected = services.filter((s) => s.apps.some((a) => a.configured));\r\n\r\n  return (\r\n    <DispatchShell\r\n      title=\"Connections\"\r\n      description=\"Connect services once. Apps that need them pick up the key automatically.\"\r\n    >\r\n      {isLoading && services.length === 0 && (\r\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\r\n          Discovering apps and credentials…\r\n        </div>\r\n      )}\r\n\r\n      {!isLoading && services.length === 0 && (\r\n        <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\r\n          No apps with declared integrations are reachable yet.\r\n        </div>\r\n      )}\r\n\r\n      {available.length > 0 && (\r\n        <section>\r\n          <div className=\"mb-3 flex items-baseline justify-between\">\r\n            <h2 className=\"text-sm font-medium text-foreground\">\r\n              Available to connect\r\n            </h2>\r\n            <span className=\"text-xs text-muted-foreground\">\r\n              {available.length}\r\n            </span>\r\n          </div>\r\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n            {available.map((service) => (\r\n              <ConnectorCard\r\n                key={service.key}\r\n                service={service}\r\n                accessMode={accessMode}\r\n              />\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {connected.length > 0 && (\r\n        <section>\r\n          <div className=\"mb-3 mt-2 flex items-baseline justify-between\">\r\n            <h2 className=\"text-sm font-medium text-foreground\">Connected</h2>\r\n            <span className=\"text-xs text-muted-foreground\">\r\n              {connected.length}\r\n            </span>\r\n          </div>\r\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n            {connected.map((service) => (\r\n              <ConnectorCard\r\n                key={service.key}\r\n                service={service}\r\n                accessMode={accessMode}\r\n              />\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {apps.length > 0 && (\r\n        <Collapsible className=\"mt-6 rounded-2xl border bg-card\">\r\n          <CollapsibleTrigger className=\"group flex w-full items-center justify-between px-4 py-3 text-sm\">\r\n            <span className=\"flex items-center gap-2 text-muted-foreground\">\r\n              <IconPlugConnected size={14} />\r\n              Per-app status\r\n            </span>\r\n            <IconChevronRight\r\n              size={14}\r\n              className=\"text-muted-foreground transition group-data-[state=open]:rotate-90\"\r\n            />\r\n          </CollapsibleTrigger>\r\n          <CollapsibleContent>\r\n            <div className=\"border-t\">\r\n              {apps.map((app) => (\r\n                <PerAppDetailRow key={app.appId} app={app} />\r\n              ))}\r\n            </div>\r\n            <div className=\"flex items-center justify-end gap-1.5 border-t px-4 py-2.5 text-xs text-muted-foreground\">\r\n              <IconLink size={12} />\r\n              <a href=\"/vault\" className=\"hover:underline\">\r\n                Open vault for advanced sharing\r\n              </a>\r\n            </div>\r\n          </CollapsibleContent>\r\n        </Collapsible>\r\n      )}\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"messaging.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/messaging.tsx"],"names":[],"mappings":"AAGA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,oDASrC"}

package/dist/routes/pages/messaging.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { MessagingSetupPanel } from "../../components/messaging-setup-panel.js";
+export function meta() {
+    return [{ title: "Messaging — Dispatch" }];
+}
+export default function MessagingRoute() {
+    return (_jsx(DispatchShell, { title: "Messaging", description: "Connect Slack and Telegram directly in dispatch so inbound conversations come through one place.", children: _jsx(MessagingSetupPanel, {}) }));
+}
+//# sourceMappingURL=messaging.js.map

package/dist/routes/pages/messaging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messaging.js","sourceRoot":"","sources":["../../../src/routes/pages/messaging.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kGAAkG,YAE9G,KAAC,mBAAmB,KAAG,GACT,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { MessagingSetupPanel } from \"../../components/messaging-setup-panel\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Messaging — Dispatch\" }];\r\n}\r\n\r\nexport default function MessagingRoute() {\r\n  return (\r\n    <DispatchShell\r\n      title=\"Messaging\"\r\n      description=\"Connect Slack and Telegram directly in dispatch so inbound conversations come through one place.\"\r\n    >\r\n      <MessagingSetupPanel />\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function MetricsRoute(): import("node_modules/@types/react").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":"AAoBA,wBAAgB,IAAI;;IAEnB;AAymBD,MAAM,CAAC,OAAO,UAAU,YAAY,oDAyInC"}

package/dist/routes/pages/metrics.js

@@ -0,0 +1,175 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery, useT } from "@agent-native/core/client";
+import { IconActivity, IconAlertTriangle, IconApps, IconChartBar, IconClockHour4, IconCoin, IconMessages, IconUsersGroup, } from "@tabler/icons-react";
+import { useMemo, useState } from "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];
+const USD_BILLING = {
+    unit: "usd",
+    label: "Estimated spend",
+    shortLabel: "Cost",
+    source: "estimated-provider-cost",
+};
+function displayAmountFromCostCents(cents, billing) {
+    if (billing.unit !== "builder-credits")
+        return cents;
+    const margin = billing.hardCostMarginMultiplier ?? 1.25;
+    const creditsPerUsd = billing.creditsPerUsd ?? 20;
+    const credits = (cents / 100) * margin * creditsPerUsd;
+    return credits <= 0 ? 0 : Math.ceil(credits * 1000) / 1000;
+}
+function formatCredits(credits) {
+    if (!Number.isFinite(credits) || credits === 0)
+        return "0 credits";
+    const maximumFractionDigits = credits < 1 ? 3 : credits < 10 ? 2 : 1;
+    const value = credits.toLocaleString(undefined, {
+        maximumFractionDigits,
+    });
+    return `${value} ${credits === 1 ? "credit" : "credits"}`;
+}
+function formatSpend(cents, billing) {
+    if (billing.unit === "builder-credits") {
+        return formatCredits(displayAmountFromCostCents(cents, billing));
+    }
+    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 maxSpend(rows, billing) {
+    return rows.reduce((max, row) => Math.max(max, displayAmountFromCostCents(row.costCents, billing)), 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, billing, }) {
+    const max = maxSpend(rows, billing);
+    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: formatSpend(row.costCents, billing) }), _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(displayAmountFromCostCents(row.costCents, billing), 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, billing, }) {
+    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: billing.shortLabel }), _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"
+                                        ? row.statusLabel || "Builder branch"
+                                        : 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: formatSpend(row.costCents, billing) }), _jsx("td", { className: "px-2 py-3 text-right text-muted-foreground", children: timeAgo(row.lastActiveAt) })] }, row.id))) })] }) }));
+}
+function UserTable({ rows, billing, }) {
+    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: billing.shortLabel })] }) }), _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: formatSpend(row.costCents, billing) })] }, row.ownerEmail))) })] }) }));
+}
+function CompactBreakdown({ rows, empty, billing, }) {
+    const max = maxSpend(rows, billing);
+    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: formatSpend(row.costCents, billing) })] }), _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(displayAmountFromCostCents(row.costCents, billing), max),
+                        } }) })] }, row.key))) }));
+}
+function RecentTable({ rows, billing, }) {
+    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: billing.shortLabel })] }) }), _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: formatSpend(row.costCents, billing) })] }, row.id))) })] }) }));
+}
+export default function MetricsRoute() {
+    const t = useT();
+    const [sinceDays, setSinceDays] = useState(30);
+    const { data, isLoading, error } = useActionQuery("list-dispatch-usage-metrics", { sinceDays }, { refetchInterval: 30_000 });
+    const metrics = data;
+    const billing = metrics?.billing ?? USD_BILLING;
+    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: t("dispatch.nav.metrics"), description: billing.unit === "builder-credits"
+            ? t("dispatch.pages.metricsDescriptionBuilder")
+            : t("dispatch.pages.metricsDescriptionLlm"), 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: t("dispatch.pages.metricsUnavailable") }), _jsx(AlertDescription, { children: error instanceof Error
+                                ? error.message
+                                : t("dispatch.pages.unableToLoadUsage") })] })) : 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: billing.label, value: formatSpend(metrics.totals.costCents, billing), detail: `${formatTokens(totalTokens)} total tokens`, icon: _jsx(IconCoin, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.llmCalls"), value: formatNumber(metrics.totals.calls), detail: `${formatNumber(metrics.totals.chatCalls)} chat turns`, icon: _jsx(IconActivity, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.activeUsers"), value: formatNumber(metrics.totals.activeUsers), detail: `${formatNumber(metrics.access.totalUsers)} users with access`, icon: _jsx(IconUsersGroup, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.workspaceAppsStat"), value: formatNumber(metrics.totals.workspaceApps), detail: `${formatNumber(metrics.byApp.length)} with usage`, icon: _jsx(IconApps, { size: 17 }) }), _jsx(MetricCard, { label: t("dispatch.pages.chatThreads"), 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: billing.unit === "builder-credits"
+                                        ? "Credit Spend By App"
+                                        : "Spend By App", icon: _jsx(IconChartBar, { size: 16 }), children: _jsx(AppSpendRows, { rows: metrics.byApp, billing: billing }) }), _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, billing: billing }) }), _jsx(Panel, { title: "Users", icon: _jsx(IconUsersGroup, { size: 16 }), children: _jsx(UserTable, { rows: metrics.byUser, billing: billing }) }), _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.", billing: billing }) }), _jsx(Panel, { title: "Work Types", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(CompactBreakdown, { rows: metrics.byLabel, empty: "No labeled usage in this window.", billing: billing }) })] }), _jsx(Panel, { title: "Recent LLM Calls", icon: _jsx(IconActivity, { size: 16 }), children: _jsx(RecentTable, { rows: metrics.recent, billing: billing }) })] })) : null] }) }));
+}
+//# sourceMappingURL=metrics.js.map

package/dist/routes/pages/metrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../../src/routes/pages/metrics.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery, useT } from \"@agent-native/core/client\";\r\nimport {\r\n  IconActivity,\r\n  IconAlertTriangle,\r\n  IconApps,\r\n  IconChartBar,\r\n  IconClockHour4,\r\n  IconCoin,\r\n  IconMessages,\r\n  IconUsersGroup,\r\n} from \"@tabler/icons-react\";\r\nimport { useMemo, useState, type ReactNode } from \"react\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\";\r\nimport { Badge } from \"../../components/ui/badge\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport { Skeleton } from \"../../components/ui/skeleton\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Metrics — Dispatch\" }];\r\n}\r\n\r\ninterface UsageMetricBucket {\r\n  key: string;\r\n  label: string;\r\n  costCents: number;\r\n  calls: number;\r\n  chatCalls: number;\r\n  inputTokens: number;\r\n  outputTokens: number;\r\n  activeUsers: number;\r\n  lastActiveAt: number | null;\r\n}\r\n\r\ninterface UserUsageMetric extends UsageMetricBucket {\r\n  ownerEmail: string;\r\n  chatThreads: number;\r\n  chatMessages: number;\r\n  lastChatAt: number | null;\r\n  topApp: string | null;\r\n  role: string | null;\r\n}\r\n\r\ninterface AppAccessMetric {\r\n  id: string;\r\n  name: string;\r\n  path: string;\r\n  status?: \"ready\" | \"pending\";\r\n  statusLabel?: string;\r\n  isDispatch: boolean;\r\n  accessLabel: string;\r\n  accessUsers: number;\r\n  usersWithUsage: number;\r\n  usageCalls: number;\r\n  chatCalls: number;\r\n  costCents: number;\r\n  lastActiveAt: number | null;\r\n}\r\n\r\ninterface DailyUsageMetric {\r\n  date: string;\r\n  costCents: number;\r\n  calls: number;\r\n  chatCalls: number;\r\n  activeUsers: number;\r\n}\r\n\r\ninterface RecentUsageMetric {\r\n  id: number;\r\n  createdAt: number;\r\n  ownerEmail: string;\r\n  app: string;\r\n  label: string;\r\n  model: string;\r\n  inputTokens: number;\r\n  outputTokens: number;\r\n  costCents: number;\r\n}\r\n\r\ninterface UsageBillingMode {\r\n  unit: \"usd\" | \"builder-credits\";\r\n  label: string;\r\n  shortLabel: string;\r\n  source: \"estimated-provider-cost\" | \"builder-agent-credits\";\r\n  hardCostMarginMultiplier?: number;\r\n  creditsPerUsd?: number;\r\n}\r\n\r\ninterface DispatchUsageMetrics {\r\n  billing?: UsageBillingMode;\r\n  sinceDays: number;\r\n  access: {\r\n    viewerEmail: string;\r\n    orgId: string | null;\r\n    role: string | null;\r\n    scope: \"organization\" | \"solo\";\r\n    totalUsers: number;\r\n  };\r\n  totals: {\r\n    costCents: number;\r\n    calls: number;\r\n    chatCalls: number;\r\n    inputTokens: number;\r\n    outputTokens: number;\r\n    cacheReadTokens: number;\r\n    cacheWriteTokens: number;\r\n    activeUsers: number;\r\n    chatThreads: number;\r\n    chatMessages: number;\r\n    workspaceApps: number;\r\n  };\r\n  byApp: UsageMetricBucket[];\r\n  byUser: UserUsageMetric[];\r\n  byLabel: UsageMetricBucket[];\r\n  byModel: UsageMetricBucket[];\r\n  daily: DailyUsageMetric[];\r\n  appAccess: AppAccessMetric[];\r\n  recent: RecentUsageMetric[];\r\n}\r\n\r\nconst RANGES = [7, 30, 90] as const;\r\n\r\nconst USD_BILLING: UsageBillingMode = {\r\n  unit: \"usd\",\r\n  label: \"Estimated spend\",\r\n  shortLabel: \"Cost\",\r\n  source: \"estimated-provider-cost\",\r\n};\r\n\r\nfunction displayAmountFromCostCents(\r\n  cents: number,\r\n  billing: UsageBillingMode,\r\n): number {\r\n  if (billing.unit !== \"builder-credits\") return cents;\r\n  const margin = billing.hardCostMarginMultiplier ?? 1.25;\r\n  const creditsPerUsd = billing.creditsPerUsd ?? 20;\r\n  const credits = (cents / 100) * margin * creditsPerUsd;\r\n  return credits <= 0 ? 0 : Math.ceil(credits * 1000) / 1000;\r\n}\r\n\r\nfunction formatCredits(credits: number): string {\r\n  if (!Number.isFinite(credits) || credits === 0) return \"0 credits\";\r\n  const maximumFractionDigits = credits < 1 ? 3 : credits < 10 ? 2 : 1;\r\n  const value = credits.toLocaleString(undefined, {\r\n    maximumFractionDigits,\r\n  });\r\n  return `${value} ${credits === 1 ? \"credit\" : \"credits\"}`;\r\n}\r\n\r\nfunction formatSpend(cents: number, billing: UsageBillingMode): string {\r\n  if (billing.unit === \"builder-credits\") {\r\n    return formatCredits(displayAmountFromCostCents(cents, billing));\r\n  }\r\n  if (!Number.isFinite(cents) || cents === 0) return \"$0.00\";\r\n  if (Math.abs(cents) < 1) return `${cents.toFixed(3)}¢`;\r\n  if (Math.abs(cents) < 100) return `${cents.toFixed(2)}¢`;\r\n  return (cents / 100).toLocaleString(undefined, {\r\n    style: \"currency\",\r\n    currency: \"USD\",\r\n    maximumFractionDigits: 2,\r\n  });\r\n}\r\n\r\nfunction formatNumber(value: number): string {\r\n  return new Intl.NumberFormat(undefined, {\r\n    notation: value >= 10_000 ? \"compact\" : \"standard\",\r\n    maximumFractionDigits: value >= 10_000 ? 1 : 0,\r\n  }).format(value);\r\n}\r\n\r\nfunction formatTokens(value: number): string {\r\n  return new Intl.NumberFormat(undefined, {\r\n    notation: \"compact\",\r\n    maximumFractionDigits: 1,\r\n  }).format(value);\r\n}\r\n\r\nfunction timeAgo(timestamp: number | null): string {\r\n  if (!timestamp) return \"No activity\";\r\n  const diff = Date.now() - timestamp;\r\n  if (diff < 60_000) return \"just now\";\r\n  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;\r\n  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)}h ago`;\r\n  return `${Math.floor(diff / 86_400_000)}d ago`;\r\n}\r\n\r\nfunction displayApp(value: string | null | undefined): string {\r\n  const trimmed = value?.trim();\r\n  if (!trimmed || trimmed === \"unattributed\") return \"Unattributed\";\r\n  return trimmed;\r\n}\r\n\r\nfunction maxSpend(\r\n  rows: Array<{ costCents: number }>,\r\n  billing: UsageBillingMode,\r\n): number {\r\n  return rows.reduce(\r\n    (max, row) =>\r\n      Math.max(max, displayAmountFromCostCents(row.costCents, billing)),\r\n    0,\r\n  );\r\n}\r\n\r\nfunction barWidth(value: number, max: number): string {\r\n  if (max <= 0 || value <= 0) return \"0%\";\r\n  return `${Math.max(4, Math.round((value / max) * 100))}%`;\r\n}\r\n\r\nfunction RangeSelector({\r\n  value,\r\n  onChange,\r\n}: {\r\n  value: number;\r\n  onChange: (value: number) => void;\r\n}) {\r\n  return (\r\n    <div className=\"flex rounded-md border bg-card p-0.5\">\r\n      {RANGES.map((range) => (\r\n        <Button\r\n          key={range}\r\n          type=\"button\"\r\n          variant={value === range ? \"secondary\" : \"ghost\"}\r\n          size=\"sm\"\r\n          className=\"h-7 px-3 text-xs\"\r\n          onClick={() => onChange(range)}\r\n        >\r\n          {range}d\r\n        </Button>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction MetricCard({\r\n  label,\r\n  value,\r\n  detail,\r\n  icon,\r\n}: {\r\n  label: string;\r\n  value: string;\r\n  detail: string;\r\n  icon: ReactNode;\r\n}) {\r\n  return (\r\n    <div className=\"rounded-lg border bg-card p-4\">\r\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\r\n        <span className=\"text-xs font-medium text-muted-foreground\">\r\n          {label}\r\n        </span>\r\n        <span className=\"text-muted-foreground\">{icon}</span>\r\n      </div>\r\n      <div className=\"text-2xl font-semibold tabular-nums text-foreground\">\r\n        {value}\r\n      </div>\r\n      <div className=\"mt-1 truncate text-xs text-muted-foreground\">\r\n        {detail}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Panel({\r\n  title,\r\n  icon,\r\n  children,\r\n  action,\r\n}: {\r\n  title: string;\r\n  icon: ReactNode;\r\n  children: ReactNode;\r\n  action?: ReactNode;\r\n}) {\r\n  return (\r\n    <section className=\"rounded-lg border bg-card\">\r\n      <div className=\"flex items-center justify-between gap-3 border-b px-4 py-3\">\r\n        <div className=\"flex min-w-0 items-center gap-2\">\r\n          <span className=\"text-muted-foreground\">{icon}</span>\r\n          <h2 className=\"truncate text-sm font-semibold text-foreground\">\r\n            {title}\r\n          </h2>\r\n        </div>\r\n        {action}\r\n      </div>\r\n      <div className=\"p-4\">{children}</div>\r\n    </section>\r\n  );\r\n}\r\n\r\nfunction LoadingMetrics() {\r\n  return (\r\n    <div className=\"space-y-4\">\r\n      <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\r\n        {Array.from({ length: 5 }).map((_, index) => (\r\n          <div key={index} className=\"rounded-lg border bg-card p-4\">\r\n            <Skeleton className=\"mb-4 h-4 w-24\" />\r\n            <Skeleton className=\"h-7 w-20\" />\r\n            <Skeleton className=\"mt-3 h-3 w-28\" />\r\n          </div>\r\n        ))}\r\n      </div>\r\n      <Skeleton className=\"h-80 rounded-lg\" />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction AppSpendRows({\r\n  rows,\r\n  billing,\r\n}: {\r\n  rows: UsageMetricBucket[];\r\n  billing: UsageBillingMode;\r\n}) {\r\n  const max = maxSpend(rows, billing);\r\n  if (rows.length === 0) {\r\n    return (\r\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n        No LLM usage recorded for this window.\r\n      </div>\r\n    );\r\n  }\r\n  return (\r\n    <div className=\"space-y-3\">\r\n      {rows.map((row) => (\r\n        <div key={row.key} className=\"space-y-1.5\">\r\n          <div className=\"flex items-center justify-between gap-3 text-sm\">\r\n            <div className=\"min-w-0\">\r\n              <div className=\"truncate font-medium text-foreground\">\r\n                {displayApp(row.key)}\r\n              </div>\r\n              <div className=\"text-xs text-muted-foreground\">\r\n                {formatNumber(row.chatCalls)} chats ·{\" \"}\r\n                {formatNumber(row.activeUsers)} users\r\n              </div>\r\n            </div>\r\n            <div className=\"shrink-0 text-right\">\r\n              <div className=\"font-medium tabular-nums text-foreground\">\r\n                {formatSpend(row.costCents, billing)}\r\n              </div>\r\n              <div className=\"text-xs text-muted-foreground\">\r\n                {formatNumber(row.calls)} calls\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\r\n            <div\r\n              className=\"h-full rounded-full bg-foreground\"\r\n              style={{\r\n                width: barWidth(\r\n                  displayAmountFromCostCents(row.costCents, billing),\r\n                  max,\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction DailyActivity({ rows }: { rows: DailyUsageMetric[] }) {\r\n  const max = Math.max(\r\n    1,\r\n    rows.reduce((value, row) => Math.max(value, row.calls), 0),\r\n  );\r\n  if (rows.length === 0) {\r\n    return (\r\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n        No activity in this window.\r\n      </div>\r\n    );\r\n  }\r\n  return (\r\n    <div className=\"flex h-44 items-end gap-1\">\r\n      {rows.map((row) => (\r\n        <div\r\n          key={row.date}\r\n          className=\"group flex min-w-0 flex-1 flex-col items-center gap-2\"\r\n        >\r\n          <div className=\"relative flex h-36 w-full items-end rounded-sm bg-muted/60\">\r\n            <div\r\n              className=\"w-full rounded-sm bg-foreground transition group-hover:bg-primary\"\r\n              style={{ height: `${Math.max(4, (row.calls / max) * 100)}%` }}\r\n            />\r\n          </div>\r\n          <div className=\"hidden text-[10px] text-muted-foreground sm:block\">\r\n            {row.date.slice(5)}\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction AppAccessTable({\r\n  rows,\r\n  billing,\r\n}: {\r\n  rows: AppAccessMetric[];\r\n  billing: UsageBillingMode;\r\n}) {\r\n  const visibleRows = rows.filter((row) => !row.isDispatch);\r\n  if (visibleRows.length === 0) {\r\n    return (\r\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n        No workspace apps discovered yet.\r\n      </div>\r\n    );\r\n  }\r\n  return (\r\n    <div className=\"overflow-x-auto\">\r\n      <table className=\"w-full min-w-[720px] text-left text-xs\">\r\n        <thead>\r\n          <tr className=\"border-b text-muted-foreground\">\r\n            <th className=\"px-2 py-2 font-medium\">App</th>\r\n            <th className=\"px-2 py-2 font-medium\">Access</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Users</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">\r\n              {billing.shortLabel}\r\n            </th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Last activity</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {visibleRows.map((row) => (\r\n            <tr key={row.id} className=\"border-b last:border-0\">\r\n              <td className=\"px-2 py-3\">\r\n                <div className=\"font-medium text-foreground\">{row.name}</div>\r\n                <div className=\"font-mono text-[11px] text-muted-foreground\">\r\n                  {row.path}\r\n                </div>\r\n              </td>\r\n              <td className=\"px-2 py-3\">\r\n                <Badge\r\n                  variant=\"outline\"\r\n                  className={cn(\r\n                    row.status === \"pending\" &&\r\n                      \"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\",\r\n                  )}\r\n                >\r\n                  {row.status === \"pending\"\r\n                    ? row.statusLabel || \"Builder branch\"\r\n                    : row.accessLabel}\r\n                </Badge>\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatNumber(row.usersWithUsage)} /{\" \"}\r\n                {formatNumber(row.accessUsers)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatNumber(row.chatCalls)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatSpend(row.costCents, billing)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right text-muted-foreground\">\r\n                {timeAgo(row.lastActiveAt)}\r\n              </td>\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction UserTable({\r\n  rows,\r\n  billing,\r\n}: {\r\n  rows: UserUsageMetric[];\r\n  billing: UsageBillingMode;\r\n}) {\r\n  if (rows.length === 0) {\r\n    return (\r\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n        No users have triggered LLM usage in this window.\r\n      </div>\r\n    );\r\n  }\r\n  return (\r\n    <div className=\"overflow-x-auto\">\r\n      <table className=\"w-full min-w-[760px] text-left text-xs\">\r\n        <thead>\r\n          <tr className=\"border-b text-muted-foreground\">\r\n            <th className=\"px-2 py-2 font-medium\">User</th>\r\n            <th className=\"px-2 py-2 font-medium\">Role</th>\r\n            <th className=\"px-2 py-2 font-medium\">Top app</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Chats</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Threads</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">Tokens</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">\r\n              {billing.shortLabel}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {rows.slice(0, 12).map((row) => (\r\n            <tr key={row.ownerEmail} className=\"border-b last:border-0\">\r\n              <td className=\"max-w-64 px-2 py-3\">\r\n                <div className=\"truncate font-medium text-foreground\">\r\n                  {row.ownerEmail}\r\n                </div>\r\n                <div className=\"text-muted-foreground\">\r\n                  {timeAgo(row.lastActiveAt ?? row.lastChatAt)}\r\n                </div>\r\n              </td>\r\n              <td className=\"px-2 py-3\">\r\n                <Badge variant=\"secondary\">{row.role ?? \"user\"}</Badge>\r\n              </td>\r\n              <td className=\"px-2 py-3 text-muted-foreground\">\r\n                {displayApp(row.topApp)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatNumber(row.chatCalls)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatNumber(row.chatThreads)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatTokens(row.inputTokens + row.outputTokens)}\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatSpend(row.costCents, billing)}\r\n              </td>\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction CompactBreakdown({\r\n  rows,\r\n  empty,\r\n  billing,\r\n}: {\r\n  rows: UsageMetricBucket[];\r\n  empty: string;\r\n  billing: UsageBillingMode;\r\n}) {\r\n  const max = maxSpend(rows, billing);\r\n  if (rows.length === 0) {\r\n    return <div className=\"text-sm text-muted-foreground\">{empty}</div>;\r\n  }\r\n  return (\r\n    <div className=\"space-y-3\">\r\n      {rows.slice(0, 6).map((row) => (\r\n        <div key={row.key} className=\"space-y-1\">\r\n          <div className=\"flex items-center justify-between gap-3 text-xs\">\r\n            <span className=\"truncate font-medium text-foreground\">\r\n              {row.label}\r\n            </span>\r\n            <span className=\"shrink-0 tabular-nums text-muted-foreground\">\r\n              {formatSpend(row.costCents, billing)}\r\n            </span>\r\n          </div>\r\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\r\n            <div\r\n              className=\"h-full rounded-full bg-muted-foreground\"\r\n              style={{\r\n                width: barWidth(\r\n                  displayAmountFromCostCents(row.costCents, billing),\r\n                  max,\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction RecentTable({\r\n  rows,\r\n  billing,\r\n}: {\r\n  rows: RecentUsageMetric[];\r\n  billing: UsageBillingMode;\r\n}) {\r\n  if (rows.length === 0) {\r\n    return (\r\n      <div className=\"rounded-lg border border-dashed px-4 py-8 text-sm text-muted-foreground\">\r\n        No recent LLM calls.\r\n      </div>\r\n    );\r\n  }\r\n  return (\r\n    <div className=\"overflow-x-auto\">\r\n      <table className=\"w-full min-w-[760px] text-left text-xs\">\r\n        <thead>\r\n          <tr className=\"border-b text-muted-foreground\">\r\n            <th className=\"px-2 py-2 font-medium\">When</th>\r\n            <th className=\"px-2 py-2 font-medium\">User</th>\r\n            <th className=\"px-2 py-2 font-medium\">App</th>\r\n            <th className=\"px-2 py-2 font-medium\">Label</th>\r\n            <th className=\"px-2 py-2 font-medium\">Model</th>\r\n            <th className=\"px-2 py-2 text-right font-medium\">\r\n              {billing.shortLabel}\r\n            </th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {rows.slice(0, 10).map((row) => (\r\n            <tr key={row.id} className=\"border-b last:border-0\">\r\n              <td className=\"px-2 py-3 text-muted-foreground\">\r\n                {timeAgo(row.createdAt)}\r\n              </td>\r\n              <td className=\"max-w-56 px-2 py-3\">\r\n                <div className=\"truncate text-foreground\">{row.ownerEmail}</div>\r\n              </td>\r\n              <td className=\"px-2 py-3 text-muted-foreground\">\r\n                {displayApp(row.app)}\r\n              </td>\r\n              <td className=\"px-2 py-3\">\r\n                <Badge variant=\"outline\">{row.label}</Badge>\r\n              </td>\r\n              <td className=\"max-w-48 px-2 py-3\">\r\n                <div className=\"truncate text-muted-foreground\">\r\n                  {row.model}\r\n                </div>\r\n              </td>\r\n              <td className=\"px-2 py-3 text-right tabular-nums\">\r\n                {formatSpend(row.costCents, billing)}\r\n              </td>\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default function MetricsRoute() {\r\n  const t = useT();\r\n  const [sinceDays, setSinceDays] = useState(30);\r\n  const { data, isLoading, error } = useActionQuery(\r\n    \"list-dispatch-usage-metrics\",\r\n    { sinceDays },\r\n    { refetchInterval: 30_000 },\r\n  );\r\n  const metrics = data as DispatchUsageMetrics | undefined;\r\n  const billing = metrics?.billing ?? USD_BILLING;\r\n  const totalTokens = useMemo(() => {\r\n    if (!metrics) return 0;\r\n    return (\r\n      metrics.totals.inputTokens +\r\n      metrics.totals.outputTokens +\r\n      metrics.totals.cacheReadTokens +\r\n      metrics.totals.cacheWriteTokens\r\n    );\r\n  }, [metrics]);\r\n\r\n  return (\r\n    <DispatchShell\r\n      title={t(\"dispatch.nav.metrics\")}\r\n      description={\r\n        billing.unit === \"builder-credits\"\r\n          ? t(\"dispatch.pages.metricsDescriptionBuilder\")\r\n          : t(\"dispatch.pages.metricsDescriptionLlm\")\r\n      }\r\n    >\r\n      <div className=\"space-y-4\">\r\n        <div className=\"flex flex-wrap items-center justify-between gap-3\">\r\n          <div className=\"text-sm text-muted-foreground\">\r\n            {metrics?.access.scope === \"organization\"\r\n              ? `${metrics.access.totalUsers} workspace users`\r\n              : `${metrics?.access.totalUsers ?? 0} signed-in users`}\r\n          </div>\r\n          <RangeSelector value={sinceDays} onChange={setSinceDays} />\r\n        </div>\r\n\r\n        {error ? (\r\n          <Alert variant=\"destructive\">\r\n            <IconAlertTriangle className=\"h-4 w-4\" />\r\n            <AlertTitle>{t(\"dispatch.pages.metricsUnavailable\")}</AlertTitle>\r\n            <AlertDescription>\r\n              {error instanceof Error\r\n                ? error.message\r\n                : t(\"dispatch.pages.unableToLoadUsage\")}\r\n            </AlertDescription>\r\n          </Alert>\r\n        ) : null}\r\n\r\n        {isLoading && !metrics ? <LoadingMetrics /> : null}\r\n\r\n        {metrics ? (\r\n          <>\r\n            <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-5\">\r\n              <MetricCard\r\n                label={billing.label}\r\n                value={formatSpend(metrics.totals.costCents, billing)}\r\n                detail={`${formatTokens(totalTokens)} total tokens`}\r\n                icon={<IconCoin size={17} />}\r\n              />\r\n              <MetricCard\r\n                label={t(\"dispatch.pages.llmCalls\")}\r\n                value={formatNumber(metrics.totals.calls)}\r\n                detail={`${formatNumber(metrics.totals.chatCalls)} chat turns`}\r\n                icon={<IconActivity size={17} />}\r\n              />\r\n              <MetricCard\r\n                label={t(\"dispatch.pages.activeUsers\")}\r\n                value={formatNumber(metrics.totals.activeUsers)}\r\n                detail={`${formatNumber(metrics.access.totalUsers)} users with access`}\r\n                icon={<IconUsersGroup size={17} />}\r\n              />\r\n              <MetricCard\r\n                label={t(\"dispatch.pages.workspaceAppsStat\")}\r\n                value={formatNumber(metrics.totals.workspaceApps)}\r\n                detail={`${formatNumber(metrics.byApp.length)} with usage`}\r\n                icon={<IconApps size={17} />}\r\n              />\r\n              <MetricCard\r\n                label={t(\"dispatch.pages.chatThreads\")}\r\n                value={formatNumber(metrics.totals.chatThreads)}\r\n                detail={`${formatNumber(metrics.totals.chatMessages)} messages`}\r\n                icon={<IconMessages size={17} />}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]\">\r\n              <Panel\r\n                title={\r\n                  billing.unit === \"builder-credits\"\r\n                    ? \"Credit Spend By App\"\r\n                    : \"Spend By App\"\r\n                }\r\n                icon={<IconChartBar size={16} />}\r\n              >\r\n                <AppSpendRows rows={metrics.byApp} billing={billing} />\r\n              </Panel>\r\n              <Panel title=\"Daily Activity\" icon={<IconClockHour4 size={16} />}>\r\n                <DailyActivity rows={metrics.daily} />\r\n              </Panel>\r\n            </div>\r\n\r\n            <Panel title=\"Access By App\" icon={<IconApps size={16} />}>\r\n              <AppAccessTable rows={metrics.appAccess} billing={billing} />\r\n            </Panel>\r\n\r\n            <Panel title=\"Users\" icon={<IconUsersGroup size={16} />}>\r\n              <UserTable rows={metrics.byUser} billing={billing} />\r\n            </Panel>\r\n\r\n            <div className=\"grid gap-4 lg:grid-cols-2\">\r\n              <Panel title=\"Models\" icon={<IconChartBar size={16} />}>\r\n                <CompactBreakdown\r\n                  rows={metrics.byModel}\r\n                  empty=\"No model usage in this window.\"\r\n                  billing={billing}\r\n                />\r\n              </Panel>\r\n              <Panel title=\"Work Types\" icon={<IconActivity size={16} />}>\r\n                <CompactBreakdown\r\n                  rows={metrics.byLabel}\r\n                  empty=\"No labeled usage in this window.\"\r\n                  billing={billing}\r\n                />\r\n              </Panel>\r\n            </div>\r\n\r\n            <Panel title=\"Recent LLM Calls\" icon={<IconActivity size={16} />}>\r\n              <RecentTable rows={metrics.recent} billing={billing} />\r\n            </Panel>\r\n          </>\r\n        ) : null}\r\n      </div>\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

package/dist/routes/pages/new-app.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function NewAppRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=new-app.d.ts.map

package/dist/routes/pages/new-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-app.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/new-app.tsx"],"names":[],"mappings":"AAIA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,oDAUlC"}

package/dist/routes/pages/new-app.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NewWorkspaceAppFlow, useT } from "@agent-native/core/client";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+export function meta() {
+    return [{ title: "New App — Dispatch" }];
+}
+export default function NewAppRoute() {
+    const t = useT();
+    return (_jsx(DispatchShell, { title: t("dispatch.pages.newApp"), description: t("dispatch.pages.newAppDescription"), children: _jsx(NewWorkspaceAppFlow, { sourceApp: "dispatch", className: "px-0 py-0" }) }));
+}
+//# sourceMappingURL=new-app.js.map

package/dist/routes/pages/new-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-app.js","sourceRoot":"","sources":["../../../src/routes/pages/new-app.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,WAAW,EAAE,CAAC,CAAC,kCAAkC,CAAC,YAElD,KAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,WAAW,GAAG,GACpD,CACjB,CAAC;AACJ,CAAC","sourcesContent":["import { NewWorkspaceAppFlow, useT } from \"@agent-native/core/client\";\r\n\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"New App — Dispatch\" }];\r\n}\r\n\r\nexport default function NewAppRoute() {\r\n  const t = useT();\r\n  return (\r\n    <DispatchShell\r\n      title={t(\"dispatch.pages.newApp\")}\r\n      description={t(\"dispatch.pages.newAppDescription\")}\r\n    >\r\n      <NewWorkspaceAppFlow sourceApp=\"dispatch\" className=\"px-0 py-0\" />\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,18 @@
+export declare function meta(): ({
+    title: string;
+    name?: undefined;
+    property?: undefined;
+    content?: undefined;
+} | {
+    title?: undefined;
+    name: string;
+    content: string;
+    property?: undefined;
+} | {
+    title?: undefined;
+    name?: undefined;
+    property: string;
+    content: string;
+})[];
+export default function OverviewRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=overview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/overview.tsx"],"names":[],"mappings":"AAOA,wBAAgB,IAAI;;;;;;;;;;;;;;;KAUnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,oDAEpC"}

package/dist/routes/pages/overview.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DispatchControlPlane } from "../../components/dispatch-control-plane.js";
+const SEO_TITLE = "Agent-Native Dispatch - Open Source workspace control plane for AI agents";
+const SEO_DESCRIPTION = "Open Source workspace control plane for AI agents to manage apps, secrets, approvals, messages, jobs, and cross-app delegation.";
+export function meta() {
+    return [
+        { title: SEO_TITLE },
+        { name: "description", content: SEO_DESCRIPTION },
+        { property: "og:title", content: SEO_TITLE },
+        { property: "og:description", content: SEO_DESCRIPTION },
+        { name: "twitter:card", content: "summary" },
+        { name: "twitter:title", content: SEO_TITLE },
+        { name: "twitter:description", content: SEO_DESCRIPTION },
+    ];
+}
+export default function OverviewRoute() {
+    return _jsx(DispatchControlPlane, {});
+}
+//# sourceMappingURL=overview.js.map

package/dist/routes/pages/overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.js","sourceRoot":"","sources":["../../../src/routes/pages/overview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E,MAAM,SAAS,GACb,2EAA2E,CAAC;AAC9E,MAAM,eAAe,GACnB,iIAAiI,CAAC;AAEpI,MAAM,UAAU,IAAI;IAClB,OAAO;QACL,EAAE,KAAK,EAAE,SAAS,EAAE;QACpB,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE;QACjD,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,eAAe,EAAE;QACxD,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7C,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,eAAe,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,KAAC,oBAAoB,KAAG,CAAC;AAClC,CAAC","sourcesContent":["import { DispatchControlPlane } from \"../../components/dispatch-control-plane\";\r\n\r\nconst SEO_TITLE =\r\n  \"Agent-Native Dispatch - Open Source workspace control plane for AI agents\";\r\nconst SEO_DESCRIPTION =\r\n  \"Open Source workspace control plane for AI agents to manage apps, secrets, approvals, messages, jobs, and cross-app delegation.\";\r\n\r\nexport function meta() {\r\n  return [\r\n    { title: SEO_TITLE },\r\n    { name: \"description\", content: SEO_DESCRIPTION },\r\n    { property: \"og:title\", content: SEO_TITLE },\r\n    { property: \"og:description\", content: SEO_DESCRIPTION },\r\n    { name: \"twitter:card\", content: \"summary\" },\r\n    { name: \"twitter:title\", content: SEO_TITLE },\r\n    { name: \"twitter:description\", content: SEO_DESCRIPTION },\r\n  ];\r\n}\r\n\r\nexport default function OverviewRoute() {\r\n  return <DispatchControlPlane />;\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,oDA+FpC"}

package/dist/routes/pages/settings.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChangelogSettingsCard, LanguagePicker, SettingsTabsPage, useAgentSettingsTabs, useT, } from "@agent-native/core/client";
+import { TeamPage } from "@agent-native/core/client/org";
+import { Link } from "react-router";
+import changelog from "../../../CHANGELOG.md?raw";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { Button } from "../../components/ui/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../components/ui/card.js";
+import { Label } from "../../components/ui/label.js";
+export function meta() {
+    return [{ title: "Settings - Dispatch" }];
+}
+export default function SettingsRoute() {
+    const t = useT();
+    const agentSettingsTabs = useAgentSettingsTabs();
+    return (_jsx(DispatchShell, { title: t("settings.title"), description: t("settings.description"), children: _jsx(SettingsTabsPage, { extraTabs: agentSettingsTabs, general: _jsxs("div", { className: "mx-auto w-full max-w-3xl space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.languageTitle") }), _jsx(CardDescription, { children: t("settings.languageDescription") })] }), _jsxs(CardContent, { className: "max-w-xs space-y-1.5", children: [_jsx(Label, { children: t("settings.languageLabel") }), _jsx(LanguagePicker, { label: t("settings.languageLabel") })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.workspaceTitle") }), _jsx(CardDescription, { children: t("settings.workspaceDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/workspace", children: t("settings.openResourceSettings") }) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.automationsTitle") }), _jsx(CardDescription, { children: t("settings.automationsDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/automations", children: t("settings.openAutomations") }) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: t("settings.deliveryTitle") }), _jsx(CardDescription, { children: t("settings.deliveryDescription") })] }), _jsx(CardContent, { children: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/destinations", children: t("settings.openDelivery") }) }) })] })] }), team: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(TeamPage, { showTitle: false, createOrgDescription: "Set up a team to share dispatch destinations and approvals with your colleagues." }) }), whatsNew: _jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(ChangelogSettingsCard, { markdown: changelog }) }) }) }));
+}
+//# sourceMappingURL=settings.js.map

package/dist/routes/pages/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  ChangelogSettingsCard,\r\n  LanguagePicker,\r\n  SettingsTabsPage,\r\n  useAgentSettingsTabs,\r\n  useT,\r\n} from \"@agent-native/core/client\";\r\nimport { TeamPage } from \"@agent-native/core/client/org\";\r\nimport { Link } from \"react-router\";\r\n\r\nimport changelog from \"../../../CHANGELOG.md?raw\";\r\nimport { DispatchShell } from \"../../components/dispatch-shell\";\r\nimport { Button } from \"../../components/ui/button\";\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardDescription,\r\n  CardHeader,\r\n  CardTitle,\r\n} from \"../../components/ui/card\";\r\nimport { Label } from \"../../components/ui/label\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Settings - Dispatch\" }];\r\n}\r\n\r\nexport default function SettingsRoute() {\r\n  const t = useT();\r\n  const agentSettingsTabs = useAgentSettingsTabs();\r\n\r\n  return (\r\n    <DispatchShell\r\n      title={t(\"settings.title\")}\r\n      description={t(\"settings.description\")}\r\n    >\r\n      <SettingsTabsPage\r\n        extraTabs={agentSettingsTabs}\r\n        general={\r\n          <div className=\"mx-auto w-full max-w-3xl space-y-6\">\r\n            <Card>\r\n              <CardHeader>\r\n                <CardTitle className=\"text-base\">\r\n                  {t(\"settings.languageTitle\")}\r\n                </CardTitle>\r\n                <CardDescription>\r\n                  {t(\"settings.languageDescription\")}\r\n                </CardDescription>\r\n              </CardHeader>\r\n              <CardContent className=\"max-w-xs space-y-1.5\">\r\n                <Label>{t(\"settings.languageLabel\")}</Label>\r\n                <LanguagePicker label={t(\"settings.languageLabel\")} />\r\n              </CardContent>\r\n            </Card>\r\n\r\n            <Card>\r\n              <CardHeader>\r\n                <CardTitle className=\"text-base\">\r\n                  {t(\"settings.workspaceTitle\")}\r\n                </CardTitle>\r\n                <CardDescription>\r\n                  {t(\"settings.workspaceDescription\")}\r\n                </CardDescription>\r\n              </CardHeader>\r\n              <CardContent>\r\n                <Button variant=\"outline\" asChild>\r\n                  <Link to=\"/workspace\">\r\n                    {t(\"settings.openResourceSettings\")}\r\n                  </Link>\r\n                </Button>\r\n              </CardContent>\r\n            </Card>\r\n\r\n            <Card>\r\n              <CardHeader>\r\n                <CardTitle className=\"text-base\">\r\n                  {t(\"settings.automationsTitle\")}\r\n                </CardTitle>\r\n                <CardDescription>\r\n                  {t(\"settings.automationsDescription\")}\r\n                </CardDescription>\r\n              </CardHeader>\r\n              <CardContent>\r\n                <Button variant=\"outline\" asChild>\r\n                  <Link to=\"/automations\">{t(\"settings.openAutomations\")}</Link>\r\n                </Button>\r\n              </CardContent>\r\n            </Card>\r\n\r\n            <Card>\r\n              <CardHeader>\r\n                <CardTitle className=\"text-base\">\r\n                  {t(\"settings.deliveryTitle\")}\r\n                </CardTitle>\r\n                <CardDescription>\r\n                  {t(\"settings.deliveryDescription\")}\r\n                </CardDescription>\r\n              </CardHeader>\r\n              <CardContent>\r\n                <Button variant=\"outline\" asChild>\r\n                  <Link to=\"/destinations\">{t(\"settings.openDelivery\")}</Link>\r\n                </Button>\r\n              </CardContent>\r\n            </Card>\r\n          </div>\r\n        }\r\n        team={\r\n          <div className=\"mx-auto w-full max-w-3xl\">\r\n            <TeamPage\r\n              showTitle={false}\r\n              createOrgDescription=\"Set up a team to share dispatch destinations and approvals with your colleagues.\"\r\n            />\r\n          </div>\r\n        }\r\n        whatsNew={\r\n          <div className=\"mx-auto w-full max-w-3xl\">\r\n            <ChangelogSettingsCard markdown={changelog} />\r\n          </div>\r\n        }\r\n      />\r\n    </DispatchShell>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"team.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/team.tsx"],"names":[],"mappings":"AAEA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,oDAEhC"}

package/dist/routes/pages/team.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Navigate } from "react-router";
+export function meta() {
+    return [{ title: "Team — Dispatch" }];
+}
+export default function TeamRoute() {
+    return _jsx(Navigate, { to: "/settings#organization", replace: true });
+}
+//# sourceMappingURL=team.js.map

package/dist/routes/pages/team.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team.js","sourceRoot":"","sources":["../../../src/routes/pages/team.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,wBAAwB,EAAC,OAAO,SAAG,CAAC;AAC1D,CAAC","sourcesContent":["import { Navigate } from \"react-router\";\r\n\r\nexport function meta() {\r\n  return [{ title: \"Team — Dispatch\" }];\r\n}\r\n\r\nexport default function TeamRoute() {\r\n  return <Navigate to=\"/settings#organization\" replace />;\r\n}\r\n"]}

package/dist/routes/pages/thread-debug.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function ThreadDebugRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=thread-debug.d.ts.map

package/dist/routes/pages/thread-debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-debug.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/thread-debug.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,IAAI;;IAEnB;AAgYD,MAAM,CAAC,OAAO,UAAU,gBAAgB,oDAiRvC"}