umans-gate 0.1.2 → 0.1.5

package/dashboard/dist/assets/economics-tab-BJXa5ydD.js

@@ -1,2 +0,0 @@
-import{j as e,r as c}from"./vendor-react-Dtud3GyP.js";import{c as N,A as D,T as E,a as R,B as $,h as U,b as A,S as J,g as K,C,i as _,d as M,j as b}from"./index-72wCsW4_.js";import{S as L,a as F,b as I,c as P,d as q}from"./select-mZPf2BR3.js";import{u as W}from"./use-capture-done-listener-u5RxfYQP.js";import{a6 as Y,W as G,H as Q,af as X,ab as Z,ag as ee,ah as se}from"./vendor-CVKsgXJU.js";function z({className:t,...s}){return e.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:e.jsx("table",{"data-slot":"table",className:N("w-full caption-bottom text-sm",t),...s})})}function O({className:t,...s}){return e.jsx("thead",{"data-slot":"table-header",className:N("[&_tr]:border-b",t),...s})}function B({className:t,...s}){return e.jsx("tbody",{"data-slot":"table-body",className:N("[&_tr:last-child]:border-0",t),...s})}function k({className:t,...s}){return e.jsx("tr",{"data-slot":"table-row",className:N("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",t),...s})}function j({className:t,...s}){return e.jsx("th",{"data-slot":"table-head",className:N("h-9 px-2 text-left align-middle text-xs font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",t),...s})}function d({className:t,...s}){return e.jsx("td",{"data-slot":"table-cell",className:N("px-2 py-1.5 align-middle [&:has([role=checkbox])]:pr-0",t),...s})}const te=3e4;function ae(t,s){const[p,o]=c.useState(null),[f,i]=c.useState(null),[y,r]=c.useState(!0),[x,g]=c.useState(null),l=c.useCallback(async a=>{try{const[n,u]=await Promise.all([fetch(`${D}/economics/summary?year=${t}&month=${s}`,{signal:a}),fetch(`${D}/economics/daily?limit=90`,{signal:a})]);if(!n.ok)throw new Error(`HTTP ${n.status}`);if(!u.ok)throw new Error(`HTTP ${u.status}`);const H=await n.json(),V=await u.json();o(H),i(V),g(null)}catch(n){if(n instanceof DOMException&&n.name==="AbortError")return;g(n instanceof Error?n.message:"Failed to fetch economics data")}finally{r(!1)}},[t,s]),h=c.useCallback(()=>{const a=new AbortController;return r(!0),g(null),l(a.signal),()=>a.abort()},[l]),m=c.useRef(h);return m.current=h,W(()=>m.current()),c.useEffect(()=>{const a=new AbortController;l(a.signal);const n=setInterval(()=>l(a.signal),te),u=()=>{document.hidden||l(a.signal)};return document.addEventListener("visibilitychange",u),()=>{a.abort(),clearInterval(n),document.removeEventListener("visibilitychange",u)}},[l]),{summary:p,daily:f,loading:y,error:x,refresh:h}}const w=["January","February","March","April","May","June","July","August","September","October","November","December"];function v(t){return t===0?"$0.00":t<.01?"<$0.01":`$${t.toFixed(2)}`}function T(t){return t===0?"$0.0000":`$${t.toFixed(4)}`}const re=[{key:"date",label:"Date"},{key:"model",label:"Model"},{key:"requests",label:"Requests"}];function xe(){const t=new Date,[s,p]=c.useState(t.getFullYear()),[o,f]=c.useState(t.getMonth()+1),{summary:i,daily:y,loading:r,error:x,refresh:g}=ae(s,o),l=(i==null?void 0:i.months)??[],h=c.useMemo(()=>{const a=new Set(l.map(n=>n.year));return a.add(t.getFullYear()),[...a].sort((n,u)=>u-n)},[l,t]),m=c.useMemo(()=>{const a=l.filter(n=>n.year===s).map(n=>n.month).sort((n,u)=>n-u);return!a.includes(t.getMonth()+1)&&s===t.getFullYear()&&a.push(t.getMonth()+1),a},[l,s,t]);return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("header",{className:"flex items-center justify-between border-b border-border bg-card px-4 py-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h2",{className:"text-sm font-semibold",children:"Economics"}),i&&e.jsxs("span",{className:"text-xs text-muted-foreground",children:[w[i.summary.month-1]," ",i.summary.year]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(L,{value:String(s),onValueChange:a=>p(Number(a)),children:[e.jsx(F,{size:"sm",className:"w-[90px]",children:e.jsx(I,{placeholder:"Year"})}),e.jsx(P,{children:h.map(a=>e.jsx(q,{value:String(a),children:a},a))})]}),e.jsxs(L,{value:String(o),onValueChange:a=>f(Number(a)),children:[e.jsx(F,{size:"sm",className:"w-[120px]",children:e.jsx(I,{placeholder:"Month",children:a=>w[Number(a)-1]})}),e.jsx(P,{children:(m.length>0?m:Array.from({length:12},(a,n)=>n+1)).map(a=>e.jsx(q,{value:String(a),children:w[a-1]},a))})]}),e.jsxs(E,{children:[e.jsx(R,{asChild:!0,children:e.jsxs($,{variant:"outline",size:"sm",onClick:g,disabled:r,children:[r?e.jsx(U,{className:"mr-1.5 size-3.5"}):e.jsx(Y,{className:"mr-1.5 h-3.5 w-3.5"}),"Refresh"]})}),e.jsx(A,{side:"bottom",children:"Reload economics data"})]})]})]}),e.jsx(J,{className:"min-h-0 flex-1",children:e.jsx("div",{className:"mx-auto flex min-h-full w-full max-w-7xl flex-col p-4",children:r&&!i?e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsx(K,{className:"h-auto"})}):i===null?e.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground",children:[e.jsx(G,{className:"h-12 w-12 text-muted-foreground/40"}),e.jsx("p",{className:"text-sm font-medium",children:x?"Something went wrong":"No economics data yet"}),x?e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-xs",children:x}),e.jsxs(E,{children:[e.jsx(R,{asChild:!0,children:e.jsx($,{variant:"outline",size:"sm",onClick:g,children:"Retry"})}),e.jsx(A,{side:"top",children:"Retry loading economics data"})]})]}):e.jsx("p",{className:"text-xs",children:"Send requests through the proxy to accumulate daily usage."})]}):e.jsxs("div",{className:"space-y-4",children:[x&&e.jsxs("div",{className:"flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-xs text-destructive",children:[e.jsx(Q,{className:"h-3.5 w-3.5"}),e.jsx("span",{className:"font-medium",children:"Failed to refresh:"}),e.jsx("span",{className:"text-muted-foreground",children:x})]}),e.jsx(ne,{summary:i}),e.jsx(le,{daily:y}),e.jsx(ce,{pricing:i.pricing})]})})}),e.jsx("footer",{className:"border-t border-border bg-green-50 dark:bg-green-800 px-4 py-2 text-center",children:e.jsx("p",{className:"text-xs font-bold text-green-900 dark:text-green-100",children:"Built with gratitude for everyone leveraging Umans"})})]})}function ne({summary:t}){const s=t.summary;return e.jsx(C,{children:e.jsxs(_,{className:"px-4 py-0",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("h3",{className:"text-sm font-semibold",children:[w[s.month-1]," ",s.year," Summary"]}),e.jsxs("p",{className:"mt-0.5 text-xs text-muted-foreground",children:[s.requests.toLocaleString()," request",s.requests===1?"":"s"]})]}),s.has_unpriced&&e.jsxs(E,{children:[e.jsx(R,{render:e.jsx("span",{className:"shrink-0 inline-flex"}),children:e.jsx(M,{variant:"outline",children:"est."})}),e.jsx(A,{side:"left",className:"max-w-[240px]",children:"Some models lacked pricing at capture time. Costs shown are estimates and may update once pricing syncs."})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4",children:[e.jsx(S,{icon:e.jsx(X,{className:"h-3.5 w-3.5"}),label:"Input",primary:b(s.input_tokens),sub:v(s.cost_input)}),e.jsx(S,{icon:e.jsx(Z,{className:"h-3.5 w-3.5"}),label:"Output",primary:b(s.output_tokens),sub:v(s.cost_output)}),e.jsx(S,{icon:e.jsx(Y,{className:"h-3.5 w-3.5"}),label:"Cache Read",primary:b(s.cache_read_tokens),sub:v(s.cost_cache_read)}),e.jsx(S,{icon:e.jsx(ee,{className:"h-3.5 w-3.5"}),label:"Total Cost",primary:v(s.cost_total),sub:`${s.requests.toLocaleString()} reqs`,highlight:!0})]})]})})}function le({daily:t}){const[s,p]=c.useState("date"),[o,f]=c.useState("desc"),i=c.useMemo(()=>{if(!t)return[];const r=[...t];return r.sort((x,g)=>{const l=x[s],h=g[s];let m;return typeof l=="number"&&typeof h=="number"?m=l-h:m=String(l??"").localeCompare(String(h??"")),o==="asc"?m:-m}),r},[t,s,o]),y=r=>{s===r?f(o==="asc"?"desc":"asc"):(p(r),f("desc"))};return!t||t.length===0?e.jsx(C,{children:e.jsx(_,{className:"py-8 text-center text-xs text-muted-foreground",children:"No daily usage records yet."})}):e.jsx(C,{children:e.jsxs(_,{className:"px-4 py-0",children:[e.jsx("h3",{className:"py-3 text-sm font-semibold",children:"Daily Usage"}),e.jsxs(z,{className:"text-xs",children:[e.jsx(O,{children:e.jsxs(k,{className:"text-left text-muted-foreground hover:bg-transparent",children:[re.map(r=>e.jsx(j,{children:e.jsxs($,{variant:"ghost",size:"sm",onClick:()=>y(r.key),className:"h-auto px-0 font-medium text-muted-foreground hover:text-foreground",children:[r.label,s===r.key&&e.jsx(se,{className:"h-3 w-3",style:{transform:o==="asc"?"scaleY(-1)":void 0}})]})},r.key)),e.jsx(j,{children:"Input"}),e.jsx(j,{children:"Output"}),e.jsx(j,{children:"Cache Read"}),e.jsx(j,{className:"text-right",children:"Cost"})]})}),e.jsx(B,{children:i.map(r=>e.jsxs(k,{children:[e.jsx(d,{className:"tabular-nums",children:r.date}),e.jsx(d,{className:"max-w-[180px] truncate",title:r.model,children:r.model}),e.jsx(d,{className:"tabular-nums",children:r.requests.toLocaleString()}),e.jsx(d,{className:"tabular-nums",children:b(r.input_tokens)}),e.jsx(d,{className:"tabular-nums",children:b(r.output_tokens)}),e.jsx(d,{className:"tabular-nums",children:b(r.cache_read_tokens)}),e.jsxs(d,{className:"text-right tabular-nums",children:[v(r.cost_total),r.pricing_known===0&&e.jsx(M,{variant:"outline",size:"sm",className:"ml-1",children:"est."})]})]},`${r.date}-${r.model}`))})]})]})})}function ce({pricing:t}){return t.length===0?null:e.jsx(C,{children:e.jsxs(_,{className:"px-4 py-0",children:[e.jsx("h3",{className:"py-3 text-sm font-semibold",children:"Pricing Reference"}),e.jsxs(z,{className:"text-xs",children:[e.jsx(O,{children:e.jsxs(k,{className:"text-left text-muted-foreground hover:bg-transparent",children:[e.jsx(j,{children:"Model"}),e.jsx(j,{className:"text-right",children:"Input"}),e.jsx(j,{className:"text-right",children:"Output"}),e.jsx(j,{className:"text-right",children:"Cache Read"})]})}),e.jsx(B,{children:t.map(s=>e.jsxs(k,{children:[e.jsxs(d,{className:"max-w-[200px] truncate",title:s.model_id,children:[s.model_id,s.pricing_known===0&&e.jsx(M,{variant:"outline",size:"sm",className:"ml-1",children:"est."})]}),e.jsx(d,{className:"text-right tabular-nums",children:T(s.input_per_mtoken)}),e.jsx(d,{className:"text-right tabular-nums",children:T(s.output_per_mtoken)}),e.jsx(d,{className:"text-right tabular-nums",children:T(s.cache_read_per_mtoken)})]},s.model_id))})]}),e.jsx("p",{className:"pb-3 text-[0.6875rem] text-muted-foreground",children:"Prices per million tokens. Cache read is estimated at ~18.6% of input price when not provided by the API."})]})})}function S({icon:t,label:s,primary:p,sub:o,highlight:f}){return e.jsxs("div",{className:`rounded-lg border px-3 py-2 ${f?"border-primary/30 bg-primary/5":"border-border bg-muted/30"}`,children:[e.jsxs("div",{className:"flex items-center gap-1 text-xs font-medium text-muted-foreground",children:[t,s]}),e.jsx("div",{className:"mt-1 flex items-baseline gap-1.5",children:e.jsx("span",{className:"text-lg font-semibold tabular-nums leading-tight",children:p})}),o&&e.jsx("div",{className:"mt-0.5 text-xs text-muted-foreground tabular-nums",children:o})]})}export{xe as EconomicsTab};
-//# sourceMappingURL=economics-tab-BJXa5ydD.js.map

package/dashboard/dist/assets/economics-tab-BJXa5ydD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"economics-tab-BJXa5ydD.js","sources":["../../src/components/ui/table.tsx","../../src/hooks/use-economics.ts","../../src/components/economics-tab.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-9 px-2 text-left align-middle text-xs font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\"px-2 py-1.5 align-middle [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useCaptureDoneListener } from \"@/hooks/use-capture-done-listener\";\nimport { API_BASE } from \"@/lib/constants\";\nimport type { EconomicsDailyRow, EconomicsSummaryResponse } from \"@/types\";\n\nconst POLL_INTERVAL = 30000;\n\nexport interface UseEconomicsResult {\n  summary: EconomicsSummaryResponse | null;\n  daily: EconomicsDailyRow[] | null;\n  loading: boolean;\n  error: string | null;\n  refresh: () => void;\n}\n\nexport function useEconomics(year: number, month: number): UseEconomicsResult {\n  const [summary, setSummary] = useState<EconomicsSummaryResponse | null>(null);\n  const [daily, setDaily] = useState<EconomicsDailyRow[] | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const fetchData = useCallback(\n    async (signal: AbortSignal) => {\n      try {\n        const [summaryRes, dailyRes] = await Promise.all([\n          fetch(`${API_BASE}/economics/summary?year=${year}&month=${month}`, { signal }),\n          fetch(`${API_BASE}/economics/daily?limit=90`, { signal }),\n        ]);\n        if (!summaryRes.ok) throw new Error(`HTTP ${summaryRes.status}`);\n        if (!dailyRes.ok) throw new Error(`HTTP ${dailyRes.status}`);\n        const summaryData = (await summaryRes.json()) as EconomicsSummaryResponse;\n        const dailyData = (await dailyRes.json()) as EconomicsDailyRow[];\n        setSummary(summaryData);\n        setDaily(dailyData);\n        setError(null);\n      } catch (err) {\n        if (err instanceof DOMException && err.name === \"AbortError\") return;\n        setError(err instanceof Error ? err.message : \"Failed to fetch economics data\");\n      } finally {\n        setLoading(false);\n      }\n    },\n    [year, month],\n  );\n\n  const refresh = useCallback(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n    void fetchData(controller.signal);\n    return () => controller.abort();\n  }, [fetchData]);\n\n  const refreshRef = useRef(refresh);\n  refreshRef.current = refresh;\n  useCaptureDoneListener(() => refreshRef.current());\n\n  useEffect(() => {\n    const controller = new AbortController();\n    void fetchData(controller.signal);\n\n    const interval = setInterval(() => fetchData(controller.signal), POLL_INTERVAL);\n    const handleVisibilityChange = () => {\n      if (!document.hidden) {\n        void fetchData(controller.signal);\n      }\n    };\n    document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n    return () => {\n      controller.abort();\n      clearInterval(interval);\n      document.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n    };\n  }, [fetchData]);\n\n  return { summary, daily, loading, error, refresh };\n}\n","import {\n  Activity,\n  AlertCircle,\n  ArrowDownUp,\n  DollarSign,\n  Inbox,\n  RefreshCw,\n  TrendingUp,\n} from \"lucide-react\";\nimport { useMemo, useState } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Loader } from \"@/components/ui/loader\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { useEconomics } from \"@/hooks/use-economics\";\nimport { fmtTokensCompact } from \"@/lib/format\";\nimport type { EconomicsDailyRow, EconomicsSummaryResponse, ModelPricingRow } from \"@/types\";\n\nconst MONTH_NAMES = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nfunction fmtCost(n: number): string {\n  if (n === 0) return \"$0.00\";\n  if (n < 0.01) return \"<$0.01\";\n  return `$${n.toFixed(2)}`;\n}\n\nfunction fmtCostPrecise(n: number): string {\n  if (n === 0) return \"$0.0000\";\n  return `$${n.toFixed(4)}`;\n}\n\ninterface SortKey {\n  key: keyof EconomicsDailyRow;\n  label: string;\n}\n\nconst SORT_KEYS: SortKey[] = [\n  { key: \"date\", label: \"Date\" },\n  { key: \"model\", label: \"Model\" },\n  { key: \"requests\", label: \"Requests\" },\n];\n\nexport function EconomicsTab() {\n  const now = new Date();\n  const [year, setYear] = useState(now.getFullYear());\n  const [month, setMonth] = useState(now.getMonth() + 1);\n  const { summary, daily, loading, error, refresh } = useEconomics(year, month);\n\n  const availableMonths = summary?.months ?? [];\n  const availableYears = useMemo(() => {\n    const years = new Set(availableMonths.map((m) => m.year));\n    years.add(now.getFullYear());\n    return [...years].sort((a, b) => b - a);\n  }, [availableMonths, now]);\n\n  // Available months for the currently selected year\n  const monthsForYear = useMemo(() => {\n    const months = availableMonths\n      .filter((m) => m.year === year)\n      .map((m) => m.month)\n      .sort((a, b) => a - b);\n    if (!months.includes(now.getMonth() + 1) && year === now.getFullYear()) {\n      months.push(now.getMonth() + 1);\n    }\n    return months;\n  }, [availableMonths, year, now]);\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"flex items-center justify-between border-b border-border bg-card px-4 py-3\">\n        <div className=\"flex items-center gap-2\">\n          <h2 className=\"text-sm font-semibold\">Economics</h2>\n          {summary && (\n            <span className=\"text-xs text-muted-foreground\">\n              {MONTH_NAMES[summary.summary.month - 1]} {summary.summary.year}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Select value={String(year)} onValueChange={(v) => setYear(Number(v))}>\n            <SelectTrigger size=\"sm\" className=\"w-[90px]\">\n              <SelectValue placeholder=\"Year\" />\n            </SelectTrigger>\n            <SelectContent>\n              {availableYears.map((y) => (\n                <SelectItem key={y} value={String(y)}>\n                  {y}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Select value={String(month)} onValueChange={(v) => setMonth(Number(v))}>\n            <SelectTrigger size=\"sm\" className=\"w-[120px]\">\n              <SelectValue placeholder=\"Month\">\n                {(value: string) => MONTH_NAMES[Number(value) - 1]}\n              </SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {(monthsForYear.length > 0\n                ? monthsForYear\n                : Array.from({ length: 12 }, (_, i) => i + 1)\n              ).map((m) => (\n                <SelectItem key={m} value={String(m)}>\n                  {MONTH_NAMES[m - 1]}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button variant=\"outline\" size=\"sm\" onClick={refresh} disabled={loading}>\n                {loading ? (\n                  <Spinner className=\"mr-1.5 size-3.5\" />\n                ) : (\n                  <RefreshCw className=\"mr-1.5 h-3.5 w-3.5\" />\n                )}\n                Refresh\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\">Reload economics data</TooltipContent>\n          </Tooltip>\n        </div>\n      </header>\n\n      <ScrollArea className=\"min-h-0 flex-1\">\n        <div className=\"mx-auto flex min-h-full w-full max-w-7xl flex-col p-4\">\n          {loading && !summary ? (\n            <div className=\"flex flex-1 items-center justify-center\">\n              <Loader className=\"h-auto\" />\n            </div>\n          ) : summary === null ? (\n            <div className=\"flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground\">\n              <Inbox className=\"h-12 w-12 text-muted-foreground/40\" />\n              <p className=\"text-sm font-medium\">\n                {error ? \"Something went wrong\" : \"No economics data yet\"}\n              </p>\n              {error ? (\n                <>\n                  <p className=\"text-xs\">{error}</p>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <Button variant=\"outline\" size=\"sm\" onClick={refresh}>\n                        Retry\n                      </Button>\n                    </TooltipTrigger>\n                    <TooltipContent side=\"top\">Retry loading economics data</TooltipContent>\n                  </Tooltip>\n                </>\n              ) : (\n                <p className=\"text-xs\">\n                  Send requests through the proxy to accumulate daily usage.\n                </p>\n              )}\n            </div>\n          ) : (\n            <div className=\"space-y-4\">\n              {error && (\n                <div className=\"flex items-center gap-2 rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2 text-xs text-destructive\">\n                  <AlertCircle className=\"h-3.5 w-3.5\" />\n                  <span className=\"font-medium\">Failed to refresh:</span>\n                  <span className=\"text-muted-foreground\">{error}</span>\n                </div>\n              )}\n\n              <SummaryCard summary={summary} />\n              <DailyTable daily={daily} />\n              <PricingCard pricing={summary.pricing} />\n            </div>\n          )}\n        </div>\n      </ScrollArea>\n\n      <footer className=\"border-t border-border bg-green-50 dark:bg-green-800 px-4 py-2 text-center\">\n        <p className=\"text-xs font-bold text-green-900 dark:text-green-100\">\n          Built with gratitude for everyone leveraging Umans\n        </p>\n      </footer>\n    </div>\n  );\n}\n\nfunction SummaryCard({ summary }: { summary: EconomicsSummaryResponse }) {\n  const s = summary.summary;\n  return (\n    <Card>\n      <CardContent className=\"px-4 py-0\">\n        <div className=\"mb-3 flex items-center justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <h3 className=\"text-sm font-semibold\">\n              {MONTH_NAMES[s.month - 1]} {s.year} Summary\n            </h3>\n            <p className=\"mt-0.5 text-xs text-muted-foreground\">\n              {s.requests.toLocaleString()} request{s.requests === 1 ? \"\" : \"s\"}\n            </p>\n          </div>\n          {s.has_unpriced && (\n            <Tooltip>\n              <TooltipTrigger render={<span className=\"shrink-0 inline-flex\" />}>\n                <Badge variant=\"outline\">est.</Badge>\n              </TooltipTrigger>\n              <TooltipContent side=\"left\" className=\"max-w-[240px]\">\n                Some models lacked pricing at capture time. Costs shown are estimates and may update\n                once pricing syncs.\n              </TooltipContent>\n            </Tooltip>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4\">\n          <StatTile\n            icon={<TrendingUp className=\"h-3.5 w-3.5\" />}\n            label=\"Input\"\n            primary={fmtTokensCompact(s.input_tokens)}\n            sub={fmtCost(s.cost_input)}\n          />\n          <StatTile\n            icon={<Activity className=\"h-3.5 w-3.5\" />}\n            label=\"Output\"\n            primary={fmtTokensCompact(s.output_tokens)}\n            sub={fmtCost(s.cost_output)}\n          />\n          <StatTile\n            icon={<RefreshCw className=\"h-3.5 w-3.5\" />}\n            label=\"Cache Read\"\n            primary={fmtTokensCompact(s.cache_read_tokens)}\n            sub={fmtCost(s.cost_cache_read)}\n          />\n          <StatTile\n            icon={<DollarSign className=\"h-3.5 w-3.5\" />}\n            label=\"Total Cost\"\n            primary={fmtCost(s.cost_total)}\n            sub={`${s.requests.toLocaleString()} reqs`}\n            highlight\n          />\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction DailyTable({ daily }: { daily: EconomicsDailyRow[] | null }) {\n  const [sortKey, setSortKey] = useState<keyof EconomicsDailyRow>(\"date\");\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"desc\");\n\n  const sorted = useMemo(() => {\n    if (!daily) return [];\n    const rows = [...daily];\n    rows.sort((a, b) => {\n      const av = a[sortKey];\n      const bv = b[sortKey];\n      let cmp: number;\n      if (typeof av === \"number\" && typeof bv === \"number\") {\n        cmp = av - bv;\n      } else {\n        cmp = String(av ?? \"\").localeCompare(String(bv ?? \"\"));\n      }\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n    return rows;\n  }, [daily, sortKey, sortDir]);\n\n  const toggleSort = (key: keyof EconomicsDailyRow) => {\n    if (sortKey === key) {\n      setSortDir(sortDir === \"asc\" ? \"desc\" : \"asc\");\n    } else {\n      setSortKey(key);\n      setSortDir(\"desc\");\n    }\n  };\n\n  if (!daily || daily.length === 0) {\n    return (\n      <Card>\n        <CardContent className=\"py-8 text-center text-xs text-muted-foreground\">\n          No daily usage records yet.\n        </CardContent>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      <CardContent className=\"px-4 py-0\">\n        <h3 className=\"py-3 text-sm font-semibold\">Daily Usage</h3>\n        <Table className=\"text-xs\">\n          <TableHeader>\n            <TableRow className=\"text-left text-muted-foreground hover:bg-transparent\">\n              {SORT_KEYS.map((col) => (\n                <TableHead key={col.key}>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => toggleSort(col.key)}\n                    className=\"h-auto px-0 font-medium text-muted-foreground hover:text-foreground\"\n                  >\n                    {col.label}\n                    {sortKey === col.key && (\n                      <ArrowDownUp\n                        className=\"h-3 w-3\"\n                        style={{ transform: sortDir === \"asc\" ? \"scaleY(-1)\" : undefined }}\n                      />\n                    )}\n                  </Button>\n                </TableHead>\n              ))}\n              <TableHead>Input</TableHead>\n              <TableHead>Output</TableHead>\n              <TableHead>Cache Read</TableHead>\n              <TableHead className=\"text-right\">Cost</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {sorted.map((row) => (\n              <TableRow key={`${row.date}-${row.model}`}>\n                <TableCell className=\"tabular-nums\">{row.date}</TableCell>\n                <TableCell className=\"max-w-[180px] truncate\" title={row.model}>\n                  {row.model}\n                </TableCell>\n                <TableCell className=\"tabular-nums\">{row.requests.toLocaleString()}</TableCell>\n                <TableCell className=\"tabular-nums\">{fmtTokensCompact(row.input_tokens)}</TableCell>\n                <TableCell className=\"tabular-nums\">\n                  {fmtTokensCompact(row.output_tokens)}\n                </TableCell>\n                <TableCell className=\"tabular-nums\">\n                  {fmtTokensCompact(row.cache_read_tokens)}\n                </TableCell>\n                <TableCell className=\"text-right tabular-nums\">\n                  {fmtCost(row.cost_total)}\n                  {row.pricing_known === 0 && (\n                    <Badge variant=\"outline\" size=\"sm\" className=\"ml-1\">\n                      est.\n                    </Badge>\n                  )}\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction PricingCard({ pricing }: { pricing: ModelPricingRow[] }) {\n  if (pricing.length === 0) return null;\n  return (\n    <Card>\n      <CardContent className=\"px-4 py-0\">\n        <h3 className=\"py-3 text-sm font-semibold\">Pricing Reference</h3>\n        <Table className=\"text-xs\">\n          <TableHeader>\n            <TableRow className=\"text-left text-muted-foreground hover:bg-transparent\">\n              <TableHead>Model</TableHead>\n              <TableHead className=\"text-right\">Input</TableHead>\n              <TableHead className=\"text-right\">Output</TableHead>\n              <TableHead className=\"text-right\">Cache Read</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {pricing.map((p) => (\n              <TableRow key={p.model_id}>\n                <TableCell className=\"max-w-[200px] truncate\" title={p.model_id}>\n                  {p.model_id}\n                  {p.pricing_known === 0 && (\n                    <Badge variant=\"outline\" size=\"sm\" className=\"ml-1\">\n                      est.\n                    </Badge>\n                  )}\n                </TableCell>\n                <TableCell className=\"text-right tabular-nums\">\n                  {fmtCostPrecise(p.input_per_mtoken)}\n                </TableCell>\n                <TableCell className=\"text-right tabular-nums\">\n                  {fmtCostPrecise(p.output_per_mtoken)}\n                </TableCell>\n                <TableCell className=\"text-right tabular-nums\">\n                  {fmtCostPrecise(p.cache_read_per_mtoken)}\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n        <p className=\"pb-3 text-[0.6875rem] text-muted-foreground\">\n          Prices per million tokens. Cache read is estimated at ~18.6% of input price when not\n          provided by the API.\n        </p>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction StatTile({\n  icon,\n  label,\n  primary,\n  sub,\n  highlight,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  primary: string;\n  sub?: string;\n  highlight?: boolean;\n}) {\n  return (\n    <div\n      className={`rounded-lg border px-3 py-2 ${highlight ? \"border-primary/30 bg-primary/5\" : \"border-border bg-muted/30\"}`}\n    >\n      <div className=\"flex items-center gap-1 text-xs font-medium text-muted-foreground\">\n        {icon}\n        {label}\n      </div>\n      <div className=\"mt-1 flex items-baseline gap-1.5\">\n        <span className=\"text-lg font-semibold tabular-nums leading-tight\">{primary}</span>\n      </div>\n      {sub && <div className=\"mt-0.5 text-xs text-muted-foreground tabular-nums\">{sub}</div>}\n    </div>\n  );\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableRow","TableHead","TableCell","POLL_INTERVAL","useEconomics","year","month","summary","setSummary","useState","daily","setDaily","loading","setLoading","error","setError","fetchData","useCallback","signal","summaryRes","dailyRes","API_BASE","summaryData","dailyData","err","refresh","controller","refreshRef","useRef","useCaptureDoneListener","useEffect","interval","handleVisibilityChange","MONTH_NAMES","fmtCost","n","fmtCostPrecise","SORT_KEYS","EconomicsTab","now","setYear","setMonth","availableMonths","availableYears","useMemo","years","m","a","b","monthsForYear","months","jsxs","Select","v","SelectTrigger","SelectValue","SelectContent","y","SelectItem","value","_","i","Tooltip","TooltipTrigger","Button","Spinner","RefreshCw","TooltipContent","ScrollArea","Loader","Inbox","Fragment","AlertCircle","SummaryCard","DailyTable","PricingCard","Card","CardContent","Badge","StatTile","TrendingUp","fmtTokensCompact","Activity","DollarSign","sortKey","setSortKey","sortDir","setSortDir","sorted","rows","av","bv","cmp","toggleSort","key","col","ArrowDownUp","row","pricing","p","icon","label","primary","sub","highlight"],"mappings":"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"}

package/dashboard/dist/assets/headers-viewer-C9FKdG-_.js

@@ -1,2 +0,0 @@
-import{j as e}from"./vendor-react-Dtud3GyP.js";import{s as n}from"./index-72wCsW4_.js";import"./vendor-CVKsgXJU.js";function c({headers:a}){const r=n(a),t=Object.keys(r);return t.length===0?e.jsx("div",{className:"text-muted-foreground italic",children:"no headers"}):e.jsx("div",{className:"grid grid-cols-[minmax(140px,max-content)_1fr] gap-x-3 gap-y-0.5",children:t.map(s=>e.jsxs("div",{className:"contents",children:[e.jsx("div",{className:"font-mono text-xs text-primary",children:s}),e.jsx("div",{className:"break-all font-mono text-xs",children:r[s]})]},s))})}export{c as HeadersViewer};
-//# sourceMappingURL=headers-viewer-C9FKdG-_.js.map

package/dashboard/dist/assets/headers-viewer-C9FKdG-_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headers-viewer-C9FKdG-_.js","sources":["../../src/components/headers-viewer.tsx"],"sourcesContent":["import { safeParseHeaders } from \"@/lib/format\";\n\ninterface HeadersViewerProps {\n  headers: string | null | undefined;\n}\n\nexport function HeadersViewer({ headers }: HeadersViewerProps) {\n  const parsed = safeParseHeaders(headers);\n  const keys = Object.keys(parsed);\n\n  if (keys.length === 0) {\n    return <div className=\"text-muted-foreground italic\">no headers</div>;\n  }\n\n  return (\n    <div className=\"grid grid-cols-[minmax(140px,max-content)_1fr] gap-x-3 gap-y-0.5\">\n      {keys.map((k) => (\n        <div key={k} className=\"contents\">\n          <div className=\"font-mono text-xs text-primary\">{k}</div>\n          <div className=\"break-all font-mono text-xs\">{parsed[k]}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["HeadersViewer","headers","parsed","safeParseHeaders","keys","jsx","k","jsxs"],"mappings":"oHAMO,SAASA,EAAc,CAAE,QAAAC,GAA+B,CAC7D,MAAMC,EAASC,EAAiBF,CAAO,EACjCG,EAAO,OAAO,KAAKF,CAAM,EAE/B,OAAIE,EAAK,SAAW,EACXC,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAA+B,SAAA,aAAU,EAI/DA,EAAAA,IAAC,MAAA,CAAI,UAAU,mEACZ,SAAAD,EAAK,IAAKE,GACTC,EAAAA,KAAC,MAAA,CAAY,UAAU,WACrB,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAC,EAAE,QAClD,MAAA,CAAI,UAAU,8BAA+B,SAAAJ,EAAOI,CAAC,CAAA,CAAE,CAAA,GAFhDA,CAGV,CACD,EACH,CAEJ"}

package/dashboard/dist/assets/index-72wCsW4_.js

@@ -1,3 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/json-viewer-CXkZMoVn.js","assets/vendor-react-Dtud3GyP.js","assets/vendor-CVKsgXJU.js","assets/vendor-DtX4s2-2.css","assets/sse-viewer-BHnn3FcY.js","assets/headers-viewer-C9FKdG-_.js","assets/sheet-BgQXtbdw.js","assets/clear-confirm-dialog-BOcl93wD.js","assets/alert-dialog-DlhAyxD3.js","assets/config-tab-pnBjiSyC.js","assets/select-mZPf2BR3.js","assets/use-models-B4MLkfpt.js","assets/use-polling-resource-D_vWHFwW.js","assets/use-capture-done-listener-u5RxfYQP.js","assets/models-tab-Deqk3WT3.js","assets/performance-meter-Bd152C4C.js","assets/economics-tab-BJXa5ydD.js","assets/vision-calls-BquNiDzm.js","assets/mode-toggle-BxkGFiYG.js","assets/sonner-DGu1DGeO.js"])))=>i.map(i=>d[i]);
-var Se=Object.defineProperty;var Te=(t,s,r)=>s in t?Se(t,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[s]=r;var se=(t,s,r)=>Te(t,typeof s!="symbol"?s+"":s,r);import{r as n,j as e,R as Ee,d as ze}from"./vendor-react-Dtud3GyP.js";import{t as Le,c as Pe,B as Re,a as X,I as Ie,T as De,b as re,d as $e,e as Ae,f as Fe,g as Oe,h as qe,E as Me,i as de,F as Ve,C as Be,S as He,u as Ue,j as Ge,o as Ke,s as We,k as Je,l as Qe,m as V,K as Ye,n as Xe,p as Ze,q as et,L as tt,r as st,v as rt,w as nt,x as at,y as it,z as ot,A as lt,D as dt,G as ct,H as ce,R as ue,J as ut,M as mt,N as ft,O as xt,P as me,Q as ht,U as pt,V as gt,W as bt,X as jt}from"./vendor-CVKsgXJU.js";(function(){const s=document.createElement("link").relList;if(s&&s.supports&&s.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))i(a);new MutationObserver(a=>{for(const l of a)if(l.type==="childList")for(const o of l.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&i(o)}).observe(document,{childList:!0,subtree:!0});function r(a){const l={};return a.integrity&&(l.integrity=a.integrity),a.referrerPolicy&&(l.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?l.credentials="include":a.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function i(a){if(a.ep)return;a.ep=!0;const l=r(a);fetch(a.href,l)}})();const vt="modulepreload",yt=function(t){return"/dashboard/"+t},ne={},S=function(s,r,i){let a=Promise.resolve();if(r&&r.length>0){let o=function(x){return Promise.all(x.map(m=>Promise.resolve(m).then(p=>({status:"fulfilled",value:p}),p=>({status:"rejected",reason:p}))))};document.getElementsByTagName("link");const c=document.querySelector("meta[property=csp-nonce]"),f=(c==null?void 0:c.nonce)||(c==null?void 0:c.getAttribute("nonce"));a=o(r.map(x=>{if(x=yt(x),x in ne)return;ne[x]=!0;const m=x.endsWith(".css"),p=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${x}"]${p}`))return;const g=document.createElement("link");if(g.rel=m?"stylesheet":vt,m||(g.as="script"),g.crossOrigin="",g.href=x,f&&g.setAttribute("nonce",f),document.head.appendChild(g),m)return new Promise((u,d)=>{g.addEventListener("load",u),g.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${x}`)))})}))}function l(o){const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=o,window.dispatchEvent(c),!c.defaultPrevented)throw o}return a.then(o=>{for(const c of o||[])c.status==="rejected"&&l(c.reason);return s().catch(l)})};function b(...t){return Le(Pe(t))}const wt=X("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}}),L=n.forwardRef(({className:t,variant:s="default",size:r="default",...i},a)=>e.jsx(Re,{ref:a,"data-slot":"button",className:b(wt({variant:s,size:r,className:t})),...i}));L.displayName="Button";function kt({className:t,type:s,...r}){return e.jsx(Ie,{type:s,"data-slot":"input",className:b("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",t),...r})}function Nt({delay:t=0,...s}){return e.jsx(qe,{"data-slot":"tooltip-provider",delay:t,...s})}function j({...t}){return e.jsx(De,{"data-slot":"tooltip",...t})}function v({children:t,asChild:s,...r}){return s&&n.isValidElement(t)?e.jsx(re,{"data-slot":"tooltip-trigger",render:t,...r}):e.jsx(re,{"data-slot":"tooltip-trigger",...r,children:t})}function y({className:t,side:s="top",sideOffset:r=4,align:i="center",alignOffset:a=0,children:l,...o}){return e.jsx($e,{children:e.jsx(Ae,{align:i,alignOffset:a,side:s,sideOffset:r,className:"isolate z-50",children:e.jsxs(Fe,{"data-slot":"tooltip-content",className:b("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",t),...o,children:[l,e.jsx(Oe,{className:"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"})]})})})}function Ct({className:t,...s}){const[r,i]=n.useState(!1);return e.jsxs("div",{className:"relative flex items-center",children:[e.jsx(kt,{type:r?"text":"password",className:b("pr-9",t),...s}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx(L,{type:"button",variant:"ghost",size:"icon",className:"absolute right-0.5 h-7 w-7 text-muted-foreground hover:text-foreground",onClick:()=>i(a=>!a),"aria-label":r?"Hide password":"Show password",tabIndex:-1}),children:r?e.jsx(Me,{className:"h-3.5 w-3.5"}):e.jsx(de,{className:"h-3.5 w-3.5"})}),e.jsx(y,{side:"top",children:r?"Hide password":"Show password"})]})]})}const A="/dashboard/api",H=`${A}/config`,_t="umans-gate:capture-done";function St(){const[t,s]=n.useState(null),[r,i]=n.useState(!0),[a,l]=n.useState(null),o=n.useCallback(async()=>{i(!0),l(null);try{const u=await fetch(H);if(!u.ok)return l(`HTTP ${u.status}`),null;if(!(u.headers.get("content-type")??"").includes("application/json"))return l("Backend not reachable"),null;const h=await u.json();return s(h),h}catch(u){return l(u instanceof Error?u.message:String(u)),null}finally{i(!1)}},[]);n.useEffect(()=>{o()},[o]);const c=n.useCallback(async u=>{try{const h=await(await fetch(H,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)})).json();return h.ok&&await o(),h}catch(d){return{ok:!1,errors:[d instanceof Error?d.message:String(d)],warnings:[],written:u}}},[o]),f=n.useCallback(async u=>{try{const d=await fetch(`${H}/validate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});return d.ok?await d.json():null}catch{return null}},[]),x=n.useCallback(async()=>{try{const u=await fetch(`${H}/reload`,{method:"POST"});if(!u.ok)return null;const d=await u.json();return await o(),d}catch{return null}},[o]),m=n.useCallback(async()=>{try{const u=await fetch(`${A}/usage/refresh-source`,{method:"POST"});if(!u.ok)return null;const d=await u.json();return d.ok&&await o(),d}catch{return null}},[o]),p=n.useCallback(async()=>{try{const u=await fetch(`${A}/restart`,{method:"POST"});return u.ok?await u.json():null}catch(u){return{ok:!1,error:u instanceof Error?u.message:String(u)}}},[]),g=n.useCallback(async()=>{try{const d=await(await fetch(`${H}/reset`,{method:"POST"})).json();return d.ok&&await o(),d}catch(u){return{ok:!1,errors:[u instanceof Error?u.message:String(u)],warnings:[],written:null}}},[o]);return{config:t,loading:r,error:a,reload:o,save:c,validate:f,reloadFromDisk:x,refreshFromSource:m,restart:p,resetToDefault:g}}const fe=n.createContext(null);function Tt({children:t}){const s=St();return e.jsx(fe.Provider,{value:s,children:t})}function Et(){const t=n.useContext(fe);if(!t)throw new Error("useConfigContext must be used within a ConfigProvider");return t}function zt({className:t,size:s="default",...r}){return e.jsx("div",{"data-slot":"card","data-size":s,className:b("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",t),...r})}function Lt({className:t,...s}){return e.jsx("div",{"data-slot":"card-header",className:b("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",t),...s})}function Pt({className:t,...s}){return e.jsx("div",{"data-slot":"card-title",className:b("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",t),...s})}function Rt({className:t,...s}){return e.jsx("div",{"data-slot":"card-description",className:b("text-sm text-muted-foreground",t),...s})}function It({className:t,...s}){return e.jsx("div",{"data-slot":"card-content",className:b("px-(--card-spacing)",t),...s})}function Dt({className:t,...s}){return e.jsx("label",{"data-slot":"label",className:b("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...s})}const $t=Ve,xe=n.createContext({}),At=({...t})=>e.jsx(xe.Provider,{value:{name:t.name},children:e.jsx(Be,{...t})}),Z=()=>{const t=n.useContext(xe),s=n.useContext(he),{getFieldState:r}=Ue(),i=Ge({name:t.name}),a=r(t.name,i);if(!t)throw new Error("useFormField should be used within <FormField>");const{id:l}=s;return{id:l,name:t.name,formItemId:`${l}-form-item`,formDescriptionId:`${l}-form-item-description`,formMessageId:`${l}-form-item-message`,...a}},he=n.createContext({});function Ft({className:t,...s}){const r=n.useId();return e.jsx(he.Provider,{value:{id:r},children:e.jsx("div",{"data-slot":"form-item",className:b("grid gap-2",t),...s})})}function Ot({className:t,...s}){const{error:r,formItemId:i}=Z();return e.jsx(Dt,{"data-slot":"form-label","data-error":!!r,className:b("data-[error=true]:text-destructive",t),htmlFor:i,...s})}function qt({...t}){const{error:s,formItemId:r,formDescriptionId:i,formMessageId:a}=Z();return e.jsx(He,{"data-slot":"form-control",id:r,"aria-describedby":s?`${i} ${a}`:`${i}`,"aria-invalid":!!s,...t})}function Mt({className:t,...s}){const{error:r,formMessageId:i}=Z(),a=r?String((r==null?void 0:r.message)??""):s.children;return a?e.jsx("p",{"data-slot":"form-message",id:i,className:b("text-destructive text-sm",t),...s,children:a}):null}const Vt=Ke({umans_api_key:We().trim().min(1,"API key is required")});function Bt(){const{config:t,loading:s,error:r,save:i}=Et(),a=Je({resolver:Qe(Vt),defaultValues:{umans_api_key:""}}),{handleSubmit:l,formState:{isSubmitting:o}}=a,c=n.useRef(null),f=t!==null&&!s&&!r&&!t.has_api_key;if(n.useEffect(()=>{r&&V.error("Failed to load configuration",{description:String(r)})},[r]),n.useEffect(()=>{const m=c.current;f&&m&&!m.open&&m.showModal()},[f]),!f)return null;const x=async m=>{try{const p=await i({umans_api_key:m.umans_api_key});if(!p||!p.ok){V.error("Failed to save API key",{description:(p==null?void 0:p.errors.join("; "))||"Unknown error"});return}V.success("API key saved. Reloading configuration…")}catch(p){V.error("Failed to save API key",{description:p instanceof Error?p.message:"Unknown error"})}};return e.jsx("dialog",{ref:c,className:"fixed inset-0 z-[100] m-0 h-screen w-screen bg-background/80 backdrop-blur-sm p-0 border-0","aria-label":"Umans API key required",children:e.jsx("div",{className:"flex h-full w-full items-center justify-center p-4",children:e.jsxs(zt,{className:"w-full max-w-md",children:[e.jsxs(Lt,{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ye,{className:"size-5 text-muted-foreground"}),e.jsx(Pt,{children:"Umans API Key Required"})]}),e.jsx(Rt,{children:"Enter your Umans API key to start capturing traffic. The key is stored in your local config file and can be changed later from the Config tab."})]}),e.jsxs(It,{children:[e.jsx($t,{...a,children:e.jsxs("form",{onSubmit:l(x),className:"grid gap-4",children:[e.jsx(At,{control:a.control,name:"umans_api_key",render:({field:m})=>e.jsxs(Ft,{children:[e.jsx(Ot,{children:"API Key"}),e.jsx(qt,{children:e.jsx(Ct,{placeholder:"sk-...",autoComplete:"off",autoFocus:!0,disabled:o,...m})}),e.jsx(Mt,{})]})}),e.jsx(L,{type:"submit",disabled:o,children:o?"Saving…":"Save & Continue"})]})}),e.jsxs("p",{className:"mt-3 text-center text-xs text-muted-foreground",children:["Don't have a key?"," ",e.jsx("a",{href:"https://app.umans.ai",target:"_blank",rel:"noopener noreferrer",className:"underline hover:text-foreground",children:"Get one here"})]})]})]})})})}const Ht=n.lazy(()=>S(()=>import("./json-viewer-CXkZMoVn.js"),__vite__mapDeps([0,1,2,3])).then(t=>({default:t.JsonViewer}))),Ut=n.lazy(()=>S(()=>import("./sse-viewer-BHnn3FcY.js"),__vite__mapDeps([4,1,2,3])).then(t=>({default:t.SseViewer})));function ae({body:t,isSse:s}){if(!t)return e.jsxs("div",{className:"flex items-center gap-1.5 text-muted-foreground italic",children:[e.jsx(Xe,{className:"h-3.5 w-3.5"}),"empty body"]});if(t.startsWith("__B64__"))return e.jsxs("div",{className:"text-muted-foreground italic",children:["binary data (base64, ",t.length-6," chars)"]});if(s)return e.jsx(Ut,{body:t});try{return JSON.parse(t),e.jsx(Ht,{body:t})}catch{return e.jsx("pre",{className:"whitespace-pre-wrap break-words font-mono text-xs leading-relaxed",children:t})}}const G="border-transparent bg-green-50 dark:bg-green-800 text-green-900 dark:text-green-100",K="border-transparent bg-amber-50 dark:bg-amber-800 text-amber-900 dark:text-amber-100",Gt="border-transparent bg-yellow-100 dark:bg-yellow-700 text-yellow-900 dark:text-yellow-50",ee="border-transparent bg-blue-50 dark:bg-blue-800 text-blue-900 dark:text-blue-100",Kt="bg-green-500 dark:bg-green-400",Wt="bg-amber-500 dark:bg-amber-400";function R(t){const s=t??0;return s===0?"0 B":s<1024?`${s} B`:s<1048576?`${(s/1024).toFixed(1)} KB`:`${(s/1048576).toFixed(2)} MB`}function ie(t){const s=t??0;return s===0?"0":s<1e3?String(s):s<1e6?`${(s/1e3).toFixed(1)}K`:s<1e9?`${(s/1e6).toFixed(2)}M`:`${(s/1e9).toFixed(2)}B`}function Y(t){return t==null?"":t<1e3?`${t} ms`:`${(t/1e3).toFixed(2)} s`}function Jt(t){return t==null?"—":t<1e3?`${Math.round(t)}ms`:`${(t/1e3).toFixed(2)}s`}function Qt(t){return t==null?"—":`${t.toFixed(1)}`}function Yt(t,s){const r=t??0,i=s??0;return i<=0?"—":`${(r/i*100).toFixed(0)}%`}function pe(t){return t?new Date(t).toLocaleTimeString([],{hour12:!1}):""}function oe(t){return t?new Date(t).toLocaleString([],{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1}):""}function Xt(t){return(t??"").replace(/[&<>]/g,s=>({"&":"&amp;","<":"&lt;",">":"&gt;"})[s]??s)}function Zt(t){return t?t<300?"ok":t<400?"info":t<500?"warn":"err":""}function Ys(t){try{const s=JSON.parse(t??"{}");return s&&typeof s=="object"&&!Array.isArray(s)?s:{}}catch{return{}}}function Xs(t){return Xt(t)}function es(t){if(!t)return null;let s;try{s=JSON.parse(t)}catch{return null}if(!s||typeof s!="object"||Array.isArray(s))return null;const r=s;let i=0,a=null;const l=o=>{if(Array.isArray(o))for(const c of o){const f=c==null?void 0:c.cache_control;(f==null?void 0:f.type)==="ephemeral"&&(i++,f.ttl&&!a&&(a=f.ttl))}};l(r.system);for(const o of r.messages??[])l(o==null?void 0:o.content);return i>0?{count:i,ttl:a}:null}const ts=X("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",destructive:"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"",sm:"h-4 gap-0.5 px-1.5 text-[0.625rem] [&>svg]:size-2.5!"}},defaultVariants:{variant:"default",size:"default"}});function C({className:t,variant:s="default",size:r="default",render:i,...a}){return Ze({defaultTagName:"span",props:et({className:b(ts({variant:s,size:r}),t)},a),render:i,state:{slot:"badge",variant:s,size:r}})}const ss={ok:{variant:"secondary",className:G},info:{variant:"secondary",className:ee},warn:{variant:"secondary",className:K},err:{variant:"destructive"},"":{variant:"secondary"}},rs={ok:"2xx/3xx success",info:"3xx redirection",warn:"4xx client error",err:"5xx server error","":"No response yet"};function ge({status:t,statusSource:s=null,gateReason:r=null,size:i="default"}){const a=Zt(t),l=ss[a],o=rs[a],c=s==="gate",f=t==null?"—":`${t}${c?"-gate":""}`,x=c&&r?`HTTP ${t} — generated by gate (not upstream): ${r}`:`HTTP ${f} — ${o}`;return e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:l.variant,size:i,className:l.className,children:f})}),e.jsx(y,{side:"top",children:x})]})}function ns({className:t,...s}){return e.jsx(tt,{role:"img","aria-label":"Loading",className:b("animate-spin size-4",t),...s})}function W({className:t}){return e.jsx("div",{"data-slot":"loader",className:b("flex h-full items-center justify-center",t),children:e.jsx(ns,{className:"size-8 text-muted-foreground"})})}function be({className:t,children:s,viewportRef:r,...i}){return e.jsxs(st,{"data-slot":"scroll-area",className:b("relative",t),...i,children:[e.jsx(rt,{"data-slot":"scroll-area-viewport",ref:r,className:"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",children:s}),e.jsx(as,{}),e.jsx(nt,{})]})}function as({className:t,orientation:s="vertical",...r}){return e.jsx(at,{"data-slot":"scroll-area-scrollbar","data-orientation":s,orientation:s,className:b("flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent",t),...r,children:e.jsx(it,{"data-slot":"scroll-area-thumb",className:"relative flex-1 rounded-full bg-muted-foreground/40 hover:bg-muted-foreground/60"})})}function je({className:t,orientation:s="horizontal",...r}){return e.jsx(ot,{"data-slot":"tabs","data-orientation":s,className:b("group/tabs flex data-[orientation=horizontal]:flex-col",t),...r})}const is=X("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function ve({className:t,variant:s="default",activateOnFocus:r=!0,...i}){return e.jsx(lt,{"data-slot":"tabs-list","data-variant":s,activateOnFocus:r,className:b(is({variant:s}),t),...i})}function ye({className:t,...s}){return e.jsx(ct,{"data-slot":"tabs-trigger",className:b("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground","after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",t),...s})}function z({className:t,...s}){return e.jsx(dt,{"data-slot":"tabs-content",className:b("flex-1 text-sm outline-none",t),...s})}const le=n.lazy(()=>S(()=>import("./headers-viewer-C9FKdG-_.js"),__vite__mapDeps([5,1,2,3])).then(t=>({default:t.HeadersViewer}))),Q={response:"Response Body",request:"Request Body","res-headers":"Response Headers","req-headers":"Request Headers"},os={response:"Body returned by the upstream LLM",request:"Body sent to the upstream — full prompt","res-headers":"HTTP response headers from upstream","req-headers":"HTTP request headers sent to upstream"};function ls({capture:t,isLoading:s,detailError:r,onCopy:i,onCopyStatus:a,onRetry:l}){const[o,c]=n.useState("response"),[f,x]=n.useState("idle"),m=n.useRef(!1),p=n.useMemo(()=>f==="copied"?"Copied!":f==="failed"?"Failed":"Copy",[f]);a&&!m.current&&(m.current=!0,a(p));const g=n.useMemo(()=>t?{response:t.response_body,request:t.request_body,"res-headers":t.response_headers,"req-headers":t.request_headers}:{},[t]),u=n.useMemo(()=>t?es(t.request_body):null,[t]);async function d(){if(!t)return;const h=await i(g[o]??""),N=h?"copied":"failed",T=h?"Copied!":"Failed";x(N),a==null||a(T),setTimeout(()=>{x("idle"),a==null||a("Copy")},1200);const w=Q[o];h?V.success("Copied to clipboard",{description:w}):V.error("Copy failed",{description:`Could not copy ${w.toLowerCase()}.`})}return s?e.jsx("main",{"aria-label":"Capture detail",className:"flex flex-1 flex-col overflow-hidden",children:e.jsx(W,{})}):!t&&r?e.jsxs("main",{className:"flex flex-1 flex-col items-center justify-center gap-3 overflow-y-auto p-8 text-center text-muted-foreground",children:[e.jsx(ce,{className:"h-12 w-12 text-destructive"}),e.jsx("p",{className:"text-sm font-medium text-destructive",children:"Something went wrong"}),e.jsx("p",{className:"text-xs",children:r}),e.jsxs(j,{children:[e.jsx(v,{asChild:!0,children:e.jsxs(L,{variant:"outline",size:"sm",onClick:l,children:[e.jsx(ue,{className:"mr-1.5 h-3.5 w-3.5"}),"Retry"]})}),e.jsx(y,{side:"top",children:"Retry loading capture detail"})]})]}):t?e.jsxs("main",{className:"flex flex-1 flex-col overflow-hidden",children:[e.jsxs("header",{className:"border-b border-border px-4 py-3",children:[e.jsxs("div",{className:"flex w-full items-start justify-between gap-3",children:[e.jsxs("h2",{className:"break-all font-mono text-[15px] font-semibold leading-tight",children:[t.method," ",t.path]}),e.jsxs(j,{children:[e.jsx(v,{asChild:!0,children:e.jsxs(L,{size:"sm",variant:"outline",className:"shrink-0",onClick:d,children:[e.jsx(mt,{className:"mr-1.5 h-3.5 w-3.5"}),p]})}),e.jsx(y,{side:"left",children:"Copy active tab content to clipboard"})]})]}),e.jsxs("div",{className:"mt-2 flex w-full flex-wrap items-center gap-2 text-xs text-muted-foreground",children:[e.jsx(ge,{status:t.response_status,statusSource:t.status_source,gateReason:t.gate_reason,size:"sm"}),u&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsxs(C,{variant:"outline",size:"sm",children:[e.jsx(ft,{className:"mr-1 h-2.5 w-2.5","aria-hidden":!0}),"TTL ",u.ttl??"—"]})}),e.jsxs(y,{side:"top",className:"max-w-[240px]",children:[u.count," block",u.count>1?"s":""," stamped with ephemeral TTL"]})]}),t.is_sse&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:"secondary",size:"sm",children:"SSE"})}),e.jsx(y,{side:"top",children:"Upstream response is an SSE stream"})]}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex tabular-nums"}),children:e.jsxs("span",{children:["↑",R(t.request_size)," ↓",R(t.response_size)]})}),e.jsxs(y,{side:"top",children:["↑ ",R(t.request_size)," request · ↓ ",R(t.response_size)," ","response"]})]}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex tabular-nums"}),children:e.jsx("span",{children:Y(t.duration_ms)})}),e.jsx(y,{side:"top",children:"Wall-clock duration from start to completion"})]}),t.incoming_protocol&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsxs(C,{variant:"outline",size:"sm",children:["in ",t.incoming_protocol]})}),e.jsx(y,{side:"top",children:"HTTP version used by the client"})]}),t.upstream_protocol&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsxs(C,{variant:"outline",size:"sm",children:["out ",t.upstream_protocol]})}),e.jsx(y,{side:"top",children:"HTTP version used to reach upstream"})]}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex font-mono tabular-nums"}),children:e.jsx("span",{children:pe(t.started_at)})}),e.jsx(y,{side:"top",children:t.started_at?new Date(t.started_at).toLocaleString():"Not yet recorded"})]}),t.state==="streaming"&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:"secondary",size:"sm",className:G,children:"live"})}),e.jsx(y,{side:"top",children:"Response is still streaming"})]})]}),e.jsx("div",{className:"mt-0.5 w-full break-all font-mono text-[11px] text-muted-foreground",children:t.url})]}),e.jsxs(je,{value:o,onValueChange:h=>c(h),className:"flex flex-1 flex-col overflow-hidden",children:[e.jsx(ve,{className:"mx-auto mt-2 w-fit",children:Object.keys(Q).map(h=>e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{}),children:e.jsx(ye,{value:h,children:Q[h]})}),e.jsx(y,{side:"bottom",className:"max-w-[240px]",children:os[h]})]},h))}),e.jsx(n.Suspense,{fallback:e.jsx(W,{}),children:e.jsx(be,{className:"flex-1 min-h-0 px-4 py-3",children:e.jsxs("div",{className:"w-full",children:[e.jsx(z,{value:"response",className:"m-0",children:e.jsx(ae,{body:t.response_body,isSse:t.is_sse})}),e.jsx(z,{value:"request",className:"m-0",children:e.jsx(ae,{body:t.request_body,isSse:!1})}),e.jsx(z,{value:"res-headers",className:"m-0",children:e.jsx(le,{headers:t.response_headers})}),e.jsx(z,{value:"req-headers",className:"m-0",children:e.jsx(le,{headers:t.request_headers})})]})})})]})]}):e.jsxs("main",{className:"flex flex-1 flex-col items-center justify-center gap-3 overflow-y-auto p-8 text-center text-muted-foreground",children:[e.jsx(ut,{className:"h-12 w-12 text-muted-foreground/40"}),e.jsx("p",{className:"text-sm font-medium",children:"Select a capture to inspect"}),e.jsx("p",{className:"text-xs",children:"Requests appear here automatically as they flow through the proxy."})]})}function ds(t,s){const[r,i]=n.useState(()=>Date.now());return n.useEffect(()=>{if(!s||t==null)return;const a=setInterval(()=>i(Date.now()),1e3);return()=>clearInterval(a)},[s,t]),!s||t==null?null:Math.max(0,r-t)}function cs(t){const s=Math.floor(t/1e3);if(s<60)return`${s}s`;const r=Math.floor(s/60),i=s%60;return`${r}m${i}s`}function k({tip:t,children:s}){return e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:s}),e.jsx(y,{side:"top",className:"max-w-[220px]",children:t})]})}function us({capture:t,selected:s,isActive:r,optionId:i,onActivate:a}){const l=t.state==="enqueued"||t.state==="streaming",o=ds(t.started_at,l);return e.jsxs("div",{role:"option",id:i,"aria-selected":s,tabIndex:-1,onClick:a,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),a())},className:b("cursor-pointer border-b border-border px-4 py-3 w-full transition-colors hover:bg-accent overflow-hidden",s&&"bg-accent",r&&!s&&"bg-accent/50"),children:[e.jsxs("div",{className:"flex items-center gap-1.5 overflow-hidden",children:[e.jsx(k,{tip:e.jsxs(e.Fragment,{children:["Method ",e.jsx("span",{className:"font-mono",children:t.method})]}),children:e.jsx("span",{className:"shrink-0 font-mono text-xs font-bold text-primary",children:t.method})}),e.jsx(ge,{status:t.response_status,statusSource:t.status_source,gateReason:t.gate_reason,size:"sm"}),t.is_vision&&e.jsx(k,{tip:"Vision call — request included image input",children:e.jsx("span",{className:"inline-flex shrink-0 items-center text-muted-foreground",children:e.jsx(de,{className:"h-3.5 w-3.5"})})}),t.state==="enqueued"&&e.jsx(k,{tip:"Queued — waiting for a concurrency slot",children:e.jsx(C,{variant:"secondary",size:"sm",className:ee,children:"queued"})}),t.state==="streaming"&&e.jsx(k,{tip:"Running — upstream is streaming the response",children:e.jsx(C,{variant:"secondary",size:"sm",className:G,children:"running"})}),t.is_sse&&e.jsx(k,{tip:"SSE — upstream response is a stream",children:e.jsx(C,{variant:"secondary",size:"sm",children:"SSE"})}),t.upstream_protocol&&e.jsx(k,{tip:e.jsxs(e.Fragment,{children:["Upstream HTTP ",e.jsx("span",{className:"font-mono",children:t.upstream_protocol})]}),children:e.jsx(C,{variant:"outline",size:"sm",children:t.upstream_protocol})}),e.jsxs("span",{className:"ml-auto flex shrink-0 items-center gap-2 font-mono text-[11px] tabular-nums text-muted-foreground",children:[e.jsx(k,{tip:e.jsxs(e.Fragment,{children:["Request size — ",R(t.request_size)]}),children:e.jsxs("span",{children:[e.jsx("span",{className:"text-muted-foreground/70",children:"↑"}),R(t.request_size)]})}),e.jsx(k,{tip:e.jsxs(e.Fragment,{children:["Response size — ",R(t.response_size)]}),children:e.jsxs("span",{children:[e.jsx("span",{className:"text-muted-foreground/70",children:"↓"}),R(t.response_size)]})}),e.jsx(k,{tip:t.started_at?`Started ${new Date(t.started_at).toLocaleString()}${t.finished_at?` · finished ${new Date(t.finished_at).toLocaleString()}`:""}`:"Start time not recorded",children:e.jsx("span",{className:"text-muted-foreground/60",children:pe(t.started_at)})})]})]}),e.jsx(k,{tip:e.jsxs("span",{className:"font-mono break-all",children:[t.path,t.model?` · ${t.model}`:""]}),children:e.jsxs("div",{className:"mt-1 truncate font-mono text-xs text-foreground/80",children:[t.path,t.model&&e.jsxs("span",{className:"text-muted-foreground",children:[" · ",t.model]})]})}),e.jsxs("div",{className:"mt-1.5 flex items-center gap-3 text-[11px] tabular-nums text-muted-foreground",children:[l&&o!=null?e.jsx(k,{tip:"Age — time since request started (still running)",children:e.jsxs("span",{className:"flex items-center gap-1 font-medium text-primary",children:[e.jsx("span",{className:"inline-block h-1.5 w-1.5 rounded-full bg-primary animate-pulse","aria-hidden":!0}),cs(o)]})}):e.jsx(k,{tip:e.jsxs(e.Fragment,{children:["Total time — ",Y(t.duration_ms)||"—"]}),children:e.jsx("span",{children:Y(t.duration_ms)||"—"})}),(!l||t.ttft_ms!=null)&&e.jsx(k,{tip:"Time to first token — delay before first response token",children:e.jsxs("span",{children:["ttft ",Jt(t.ttft_ms)]})}),e.jsx(k,{tip:t.tps==null?t.usage_missing?"Tokens per second — usage data unavailable":t.output_tokens==null||t.output_tokens<=0?"Tokens per second — no output tokens":"Tokens per second — generation time too short to measure (< 1 s)":"Tokens per second — output generation rate",children:e.jsxs("span",{children:[Qt(t.tps)," t/s"]})}),e.jsx(k,{tip:"Total input tokens — prompt tokens sent (incl. cache writes)",children:e.jsxs("span",{children:["in ",ie(t.total_input_tokens)]})}),e.jsx(k,{tip:"Total output tokens — completion tokens received",children:e.jsxs("span",{children:["out ",ie(t.total_output_tokens)]})}),e.jsx(k,{tip:"Cache read % — share of input from prompt cache",children:e.jsxs("span",{children:["cache ",Yt(t.cache_read_tokens,t.total_input_tokens)]})})]})]})}const ms={"Code Max":Gt,"Code Pro":ee,unknown:void 0},fs={closed:"Upstream healthy — requests flow normally",open:"Too many 429s — requests fail fast until cooldown",half_open:"Probe request sent to test upstream recovery"},xs={open:"text-destructive",half_open:"text-muted-foreground",closed:"text-primary"},hs={open:ht,half_open:me,closed:xt};function ps({stats:t}){if(!t)return null;const s=t.hardCap>0?t.active/t.hardCap*100:0,r=t.tier==="unknown"?"no key":t.tier;return e.jsxs("div",{className:"border-b border-border px-4 py-2 text-xs",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap flex-1",children:[e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:"secondary",className:ms[t.tier],children:r})}),e.jsx(y,{side:"bottom",className:"max-w-[240px]",children:t.tier==="Code Max"?"Highest concurrency — no rate limit gating":t.tier==="Code Pro"?"Standard concurrency with rate-limit gating":"No API key configured — upstream defaults apply"})]}),e.jsxs(j,{children:[e.jsxs(v,{render:e.jsx("span",{className:"cursor-help"}),children:[e.jsxs("span",{className:b("font-mono",t.breaker==="open"&&"text-destructive"),children:[t.active,"/",t.hardCap]}),e.jsx("span",{className:"text-muted-foreground ml-1",children:"hard cap"})]}),e.jsxs(y,{side:"bottom",children:[t.active," active · ",t.hardCap," hard cap · ",t.softLimit," soft limit"]})]}),t.queued>0&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"font-mono text-muted-foreground",children:t.queued}),e.jsx("span",{className:"text-muted-foreground",children:"queued"})]}),e.jsx("span",{className:"text-muted-foreground",children:"·"}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex items-center gap-1 cursor-help"}),children:(()=>{const i=hs[t.breaker]??me;return e.jsx(i,{"aria-hidden":!0,className:b("h-3.5 w-3.5",xs[t.breaker]??"text-muted-foreground")})})()}),e.jsx(y,{side:"bottom",className:"max-w-[260px]",children:fs[t.breaker]??t.breaker})]}),t.boxed&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsxs(C,{variant:"destructive",children:["boxed",t.boxedReason?`: ${t.boxedReason}`:""]})}),e.jsxs(y,{side:"bottom",className:"max-w-[260px]",children:["Requests rejected by box guard",t.boxedReason?` — ${t.boxedReason}`:""]})]}),!t.usageOk&&e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:"secondary",className:K,children:"usage: stale"})}),e.jsx(y,{side:"bottom",className:"max-w-[240px]",children:"Last usage fetch failed — rate limit counters may be inaccurate"})]})]}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex"}),children:e.jsx(C,{variant:t.unitsDemoted?"destructive":"secondary",className:t.unitsDemoted?void 0:t.priorityLow?K:G,children:t.unitsDemoted?"demoted":t.priorityLow?"low":"high"})}),e.jsx(y,{side:"bottom",className:"max-w-[260px]",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{children:["Priority: ",t.unitsDemoted?"demoted":t.priorityLow?"low":"high"]}),t.boxed&&t.boxedUntil!==null&&e.jsxs("p",{className:"text-muted-foreground",children:["boxed until ",oe(t.boxedUntil)]}),t.demotedUntil!==null&&e.jsxs("p",{className:"text-muted-foreground",children:["demoted until ",oe(t.demotedUntil)]})]})})]})]}),e.jsx("div",{className:"mt-1.5 h-1 w-full overflow-hidden rounded bg-secondary",children:e.jsx("div",{className:b("h-full transition-all",s>=100?"bg-destructive":"bg-primary"),style:{width:`${Math.min(100,s)}%`}})}),t.requestsLimit!==null&&e.jsxs("div",{className:"mt-1 flex items-center gap-2 text-muted-foreground",children:[e.jsxs("span",{children:["requests: ",t.requestsInWindow,t.requestsLimit?` / ${t.requestsLimit}`:""]}),t.requestsRemaining!==null&&e.jsxs("span",{children:["(",t.requestsRemaining," remaining)"]}),t.windowSeconds&&e.jsxs("span",{children:["· ",Math.round(t.windowSeconds/3600),"h window"]})]})]})}const gs=n.lazy(()=>S(()=>import("./sheet-BgQXtbdw.js"),__vite__mapDeps([6,1,2,3])).then(t=>({default:t.Sheet}))),bs=n.lazy(()=>S(()=>import("./sheet-BgQXtbdw.js"),__vite__mapDeps([6,1,2,3])).then(t=>({default:t.SheetContent}))),we=n.createContext(null),js={openDrawer:()=>{},closeDrawer:()=>{},isOpen:!1};function te(){return n.useContext(we)??js}function vs({children:t}){const[s,r]=n.useState(!1),i={openDrawer:()=>r(!0),closeDrawer:()=>r(!1),isOpen:s};return e.jsx(we.Provider,{value:i,children:t})}function ys({master:t,detail:s,masterAriaLabel:r,detailAriaLabel:i}){const{isOpen:a,closeDrawer:l}=te();return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex h-full",children:[e.jsx("aside",{"aria-label":r,className:"hidden w-[380px] shrink-0 md:flex",children:t}),e.jsx("div",{className:"flex flex-1 min-w-0","aria-label":i,children:s})]}),a&&e.jsx(n.Suspense,{fallback:null,children:e.jsx(gs,{open:a,onOpenChange:o=>{o||l()},children:e.jsx(bs,{side:"left","aria-label":r,className:"p-0 data-[side=left]:w-[85vw] data-[side=left]:sm:w-[380px] data-[side=left]:sm:max-w-[380px]",children:t})})})]})}const ws=500;function ks({captures:t,selectedId:s,onSelectId:r,scrollToIndex:i}){const a=t.length,[l,o]=n.useState(0),c=n.useRef({chars:"",timer:void 0});n.useEffect(()=>{if(s===null||a===0)return;const d=t.findIndex(h=>h.id===s);d>=0&&o(d)},[s,a,t]),n.useEffect(()=>()=>{c.current.timer&&clearTimeout(c.current.timer)},[]);const f=n.useCallback(d=>a===0?-1:Math.max(0,Math.min(d,a-1)),[a]),x=n.useCallback(d=>{const h=f(d);h<0||(o(h),i(h,{align:"auto"}))},[f,i]),m=n.useCallback(d=>{if(a!==0)switch(d.key){case"ArrowDown":d.preventDefault(),x(l+1);break;case"ArrowUp":d.preventDefault(),x(l-1);break;case"Home":d.preventDefault(),x(0);break;case"End":d.preventDefault(),x(a-1);break;case"Enter":case" ":d.preventDefault(),l>=0&&l<a&&r(t[l].id);break;default:{if(d.key.length===1&&/[a-zA-Z0-9/]/.test(d.key)){const h=d.key.toLowerCase(),N=c.current;N.chars+=h,N.timer&&clearTimeout(N.timer),N.timer=setTimeout(()=>{c.current.chars=""},ws);const T=N.chars;for(let w=0;w<a;w++)if(t[w].path.toLowerCase().startsWith(T)){x(w);break}}break}}},[a,l,x,r,t]),p=n.useCallback(d=>{d<0||d>=a||(o(d),r(t[d].id))},[r,t,a]),g=a===0?-1:Math.min(l,a-1),u=g>=0?`capture-opt-${t[g].id}`:void 0;return{activeIndex:g,activeOptionId:u,handleKeyDown:m,handleRowClick:p}}const Ns=n.lazy(()=>S(()=>import("./clear-confirm-dialog-BOcl93wD.js"),__vite__mapDeps([7,1,8,2,3])).then(t=>({default:t.ClearConfirmDialog}))),Cs=92;function _s({captures:t,selectedId:s,wsState:r,gateStats:i,listError:a,isLoading:l,onSelect:o,onClear:c,onRetry:f}){const x=n.useRef(null),{closeDrawer:m,isOpen:p}=te(),[g,u]=n.useState(!1),d=pt({count:t.length,getScrollElement:()=>x.current,estimateSize:()=>Cs,overscan:8}),h=d.getTotalSize(),N=d.getVirtualItems(),T=E=>{o(E),m()},{activeIndex:w,activeOptionId:P,handleKeyDown:I,handleRowClick:J}=ks({captures:t,selectedId:s,onSelectId:T,scrollToIndex:d.scrollToIndex});return e.jsxs("aside",{className:"flex h-full w-full min-w-0 flex-col border-r border-border bg-card",children:[e.jsxs("header",{className:b("flex items-center justify-between border-b border-border bg-card px-4 py-3",p&&"pr-12"),children:[e.jsxs("h2",{className:"text-sm font-semibold",children:["Captures ",e.jsxs("span",{className:"text-muted-foreground",children:["(",t.length,")"]})]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs(j,{children:[e.jsx(v,{asChild:!0,children:e.jsxs(L,{variant:"outline",size:"sm",onClick:()=>u(!0),children:[e.jsx(gt,{className:"mr-1.5 h-3.5 w-3.5"}),"Clear"]})}),e.jsx(y,{side:"bottom",children:"Remove all recorded captures"})]})})]}),e.jsx(ps,{stats:i}),r!=="live"&&t.length>0&&e.jsxs("output",{"aria-live":"polite",className:"flex items-center gap-1.5 border-b px-4 py-2 text-xs text-muted-foreground",children:[e.jsx("span",{className:"inline-block h-1.5 w-1.5 rounded-full bg-muted-foreground","aria-hidden":!0}),"List may be stale — ",r==="down"?"reconnecting":"disconnected"]}),t.length===0?a?e.jsxs("section",{"aria-label":"Captures",className:"flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground",children:[e.jsx(ce,{className:"h-12 w-12 text-destructive"}),e.jsx("p",{className:"text-sm font-medium text-destructive",children:"Something went wrong"}),e.jsx("p",{className:"text-xs",children:a}),e.jsxs(j,{children:[e.jsx(v,{asChild:!0,children:e.jsxs(L,{variant:"outline",size:"sm",onClick:f,children:[e.jsx(ue,{className:"mr-1.5 h-3.5 w-3.5"}),"Retry"]})}),e.jsx(y,{side:"top",children:"Retry loading captures"})]})]}):l?e.jsx("section",{"aria-label":"Captures",className:"flex flex-1 flex-col items-center justify-center overflow-hidden",children:e.jsx(W,{className:"h-auto"})}):e.jsxs("section",{"aria-label":"Captures",className:"flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground",children:[e.jsx(bt,{className:"h-12 w-12 text-muted-foreground/40"}),e.jsx("p",{className:"text-sm font-medium",children:"No captures yet"}),e.jsx("p",{className:"text-xs",children:"Send a request through the proxy to see it here."})]}):e.jsx(be,{className:"min-h-0 flex-1 overflow-hidden outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",viewportRef:x,role:"listbox","aria-label":"Captures","aria-activedescendant":P,tabIndex:0,onKeyDown:I,children:e.jsx("div",{className:b("relative",r!=="live"&&t.length>0&&"opacity-60"),style:{height:h},children:N.map(E=>{const D=t[E.index];return D?e.jsx("div",{"data-index":E.index,style:{position:"absolute",top:0,left:0,width:"100%",height:E.size,transform:`translateY(${E.start}px)`},children:e.jsx(us,{capture:D,selected:D.id===s,isActive:E.index===w,optionId:`capture-opt-${D.id}`,onActivate:()=>J(E.index)})},D.id):null})})}),g&&e.jsx(n.Suspense,{fallback:null,children:e.jsx(Ns,{open:g,count:t.length,onConfirm:()=>{u(!1),c()},onClose:()=>u(!1)})})]})}const Ss={live:{label:"Live",variant:"secondary",className:G,dotClass:Kt,pulse:!1,tip:"Real-time updates active"},down:{label:"Reconnecting",variant:"secondary",className:K,dotClass:Wt,pulse:!0,tip:"Connection lost — auto-retrying"},unavailable:{label:"Disconnected",variant:"destructive",className:void 0,dotClass:"bg-destructive",pulse:!1,tip:"WebSocket unavailable — refresh page"}};function Ts({wsState:t}){const s=Ss[t];return e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{className:"inline-flex items-center outline-none focus-visible:ring-2 focus-visible:ring-ring rounded","aria-label":`WebSocket: ${s.label}`}),children:e.jsxs(C,{variant:s.variant,size:"sm",className:b("gap-1",s.className),children:[e.jsx("span",{"aria-hidden":!0,className:b("inline-block h-1.5 w-1.5 rounded-full",s.dotClass,s.pulse&&"animate-pulse")}),s.label]})}),e.jsx(y,{side:"bottom",children:s.tip})]})}function Es(){const[t,s]=n.useState(null),[r,i]=n.useState(null),[a,l]=n.useState(!1),[o,c]=n.useState(null),f=n.useRef(r);f.current=r;const x=n.useRef(t);x.current=t;const m=n.useCallback(async d=>{l(!0);try{const h=await fetch(`${A}/captures/${d}`);if(!h.ok){c(`HTTP ${h.status} ${h.statusText}`);return}if(!(h.headers.get("content-type")??"").includes("application/json")){c("Backend not reachable");return}const T=await h.json();i(T),c(null)}catch(h){c(String(h))}finally{l(!1)}},[]),p=n.useCallback(d=>{s(d),i(null),c(null),m(d)},[m]),g=n.useCallback(()=>{const d=x.current;d!==null&&m(d)},[m]),u=n.useCallback(()=>{s(null),i(null)},[]);return{selectedCapture:r,setSelectedCapture:i,selectedId:t,selectedIdRef:x,selectedCaptureRef:f,isLoadingDetail:a,detailError:o,selectCapture:p,fetchCapture:m,retryDetail:g,resetSelection:u}}function zs(){const[t,s]=n.useState([]),[r,i]=n.useState(!0),[a,l]=n.useState(null),[o,c]=n.useState(!1),f=n.useCallback(async()=>{try{const m=await fetch(`${A}/captures?limit=200`);if(!m.ok){l(`HTTP ${m.status} ${m.statusText}`),c(!1);return}if(!(m.headers.get("content-type")??"").includes("application/json")){c(!1);return}const g=await m.json();g.sort((u,d)=>d.id-u.id),s(g),l(null),c(!0)}catch(m){l(String(m)),c(!1)}finally{i(!1)}},[]),x=n.useCallback(()=>{f()},[f]);return{captures:t,setCaptures:s,isLoadingList:r,listError:a,backendReachable:o,loadList:f,retryList:x}}const Ls=`${window.location.protocol==="https:"?"wss":"ws"}://${window.location.host}/dashboard/ws`;function Ps({backendReachable:t,setWsState:s,onConnected:r,onCaptureClear:i,onVisionClear:a,onCaptureState:l,onGateStats:o,onCaptureUpsert:c}){const f=n.useRef(r);f.current=r;const x=n.useRef(i);x.current=i;const m=n.useRef(a);m.current=a;const p=n.useRef(l);p.current=l;const g=n.useRef(o);g.current=o;const u=n.useRef(c);u.current=c,n.useEffect(()=>{if(!t){s("unavailable");return}let d=null,h=!1;const N={clear:()=>x.current(),"vision-clear":()=>m.current(),state:w=>p.current(w.captureId,w.state),gate:w=>g.current(w.stats),new:w=>u.current(w.capture,!0),update:w=>u.current(w.capture,!1)};function T(){try{d=new WebSocket(Ls)}catch{s("unavailable");return}d.onopen=()=>{s("live"),f.current()},d.onmessage=w=>{try{const P=JSON.parse(w.data),I=N[P.type];I(P)}catch(P){console.error(P)}},d.onclose=()=>{s("down"),h||setTimeout(T,1e3)},d.onerror=()=>{d==null||d.close()}}return T(),()=>{h=!0,d==null||d.close()}},[t,s])}function Rs(){const[t,s]=n.useState(null),[r,i]=n.useState(null),a=n.useCallback(async()=>{try{const o=await fetch(`${A}/gate`);if(!o.ok){i(`HTTP ${o.status} ${o.statusText}`);return}if(!(o.headers.get("content-type")??"").includes("application/json"))return;s(await o.json()),i(null)}catch(o){i(String(o))}},[]),l=n.useCallback(()=>{a()},[a]);return{gateStats:t,setGateStats:s,gateError:r,loadGate:a,retryGate:l}}function Is(){const{captures:t,setCaptures:s,isLoadingList:r,listError:i,backendReachable:a,loadList:l,retryList:o}=zs(),{selectedCapture:c,selectedId:f,selectedIdRef:x,selectedCaptureRef:m,isLoadingDetail:p,detailError:g,selectCapture:u,fetchCapture:d,retryDetail:h,resetSelection:N}=Es(),{gateStats:T,setGateStats:w,gateError:P,loadGate:I,retryGate:J}=Rs(),[E,D]=n.useState("down");n.useEffect(()=>{l(),I()},[l,I]),Ps({backendReachable:a,setWsState:D,onConnected:()=>{l(),I()},onCaptureClear:()=>{s([])},onVisionClear:()=>{s(_=>_.filter(B=>!B.is_vision))},onCaptureState:(_,B)=>{s(F=>{const $=F.findIndex(q=>q.id===_);if($<0)return F;const O=F.slice();return O[$]={...O[$],state:B},O})},onGateStats:_=>{w(_)},onCaptureUpsert:(_,B)=>{var F;s($=>{const O=$.findIndex(q=>q.id===_.id);if(O>=0){const q=$.slice();return q[O]=_,q}return[_,...$]}),!B&&_.state==="done"&&(window.dispatchEvent(new CustomEvent(_t)),_.id===x.current&&((F=m.current)==null?void 0:F.state)==="streaming"&&d(_.id))}});const _e=n.useCallback(async()=>{try{await fetch(`${A}/clear`,{method:"POST"}),s([]),N()}catch(_){console.error(_)}},[s,N]);return{captures:t,selectedCapture:c,isLoadingDetail:p,isLoadingList:r,wsState:E,selectedId:f,gateStats:T,listError:i,gateError:P,detailError:g,selectCapture:u,clearCaptures:_e,retryList:o,retryGate:J,retryDetail:h}}function Ds(){return{copyText:n.useCallback(async s=>{try{if(navigator.clipboard&&window.isSecureContext)return await navigator.clipboard.writeText(s),!0}catch{}const r=document.createElement("textarea");r.value=s,r.style.position="fixed",r.style.top="-9999px",document.body.appendChild(r),r.focus(),r.select();let i=!1;try{i=document.execCommand("copy")}catch{}return document.body.removeChild(r),i},[])}}const $s=n.lazy(()=>S(()=>import("./config-tab-pnBjiSyC.js"),__vite__mapDeps([9,1,2,3,10,8,11,12,13])).then(t=>({default:t.ConfigTab}))),As=n.lazy(()=>S(()=>import("./models-tab-Deqk3WT3.js"),__vite__mapDeps([14,1,11,12,13,2,3])).then(t=>({default:t.ModelsTab}))),Fs=n.lazy(()=>S(()=>import("./performance-meter-Bd152C4C.js"),__vite__mapDeps([15,1,12,13,2,3])).then(t=>({default:t.PerformanceMeter}))),Os=n.lazy(()=>S(()=>import("./economics-tab-BJXa5ydD.js"),__vite__mapDeps([16,1,10,2,3,13])).then(t=>({default:t.EconomicsTab}))),qs=n.lazy(()=>S(()=>import("./vision-calls-BquNiDzm.js"),__vite__mapDeps([17,1,12,13,2,3])).then(t=>({default:t.VisionCalls}))),Ms=n.lazy(()=>S(()=>import("./mode-toggle-BxkGFiYG.js"),__vite__mapDeps([18,1,2,3])).then(t=>({default:t.ModeToggle}))),Vs=n.lazy(()=>S(()=>import("./sonner-DGu1DGeO.js"),__vite__mapDeps([19,1,2,3])).then(t=>({default:t.Toaster})));function U(){return e.jsx(W,{})}function M({value:t,label:s,tip:r}){return e.jsxs(j,{children:[e.jsx(v,{render:e.jsx("span",{}),children:e.jsx(ye,{value:t,children:s})}),e.jsx(y,{side:"bottom",children:r})]})}function Bs(){const{captures:t,selectedCapture:s,isLoadingDetail:r,isLoadingList:i,wsState:a,selectedId:l,gateStats:o,listError:c,detailError:f,selectCapture:x,clearCaptures:m,retryList:p,retryDetail:g}=Is(),{copyText:u}=Ds(),[d,h]=n.useState("Copy");return e.jsx(Tt,{children:e.jsx(Nt,{delay:300,children:e.jsxs(vs,{children:[e.jsx(Bt,{}),e.jsxs("div",{className:"h-screen flex flex-col overflow-hidden bg-background text-foreground",children:[e.jsx("a",{href:"#main",className:"sr-only focus:not-sr-only focus:absolute focus:z-50 focus:top-2 focus:left-2 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:shadow-lg focus:border focus:border-border",children:"Skip to content"}),e.jsx("h1",{className:"sr-only",children:"umans-gate"}),e.jsxs(je,{defaultValue:"captures",className:"flex flex-1 flex-col overflow-hidden",children:[e.jsxs("header",{className:"flex items-center gap-2 px-4 py-2 border-b bg-background",children:[e.jsx(Hs,{}),e.jsx(Ts,{wsState:a}),e.jsx("div",{className:"tab-scroll flex-1 min-w-0 overflow-x-auto overflow-y-hidden scrollbar-none",children:e.jsxs(ve,{className:"flex w-max md:mx-auto md:w-fit",children:[e.jsx(M,{value:"captures",label:"Captures",tip:"Live log of every intercepted API call"}),e.jsx(M,{value:"vision",label:"Vision Calls",tip:"Image-bearing requests with model responses"}),e.jsx(M,{value:"performance",label:"Performance",tip:"Per-model TTFT, TPS, and token throughput"}),e.jsx(M,{value:"economics",label:"Economics",tip:"Daily usage accumulation and cost tracking"}),e.jsx(M,{value:"models",label:"Models",tip:"Upstream model catalog with pricing"}),e.jsx(M,{value:"config",label:"Config",tip:"Edit proxy settings and reload live"})]})}),e.jsx(n.Suspense,{fallback:null,children:e.jsx(Ms,{})})]}),e.jsxs("main",{id:"main","aria-label":"Inspector",className:"flex-1 flex flex-col overflow-hidden",children:[e.jsx(z,{value:"captures",className:"flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(ys,{master:e.jsx(_s,{captures:t,selectedId:l,wsState:a,gateStats:o,listError:c,isLoading:i,onSelect:x,onClear:m,onRetry:p}),detail:e.jsx(ls,{capture:s,isLoading:r,detailError:f,onCopy:u,onCopyStatus:h,onRetry:g}),masterAriaLabel:"Captures list",detailAriaLabel:"Capture detail"})}),e.jsx(z,{value:"vision",className:"min-h-0 flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(n.Suspense,{fallback:e.jsx(U,{}),children:e.jsx(qs,{})})}),e.jsx(z,{value:"performance",className:"min-h-0 flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(n.Suspense,{fallback:e.jsx(U,{}),children:e.jsx(Fs,{})})}),e.jsx(z,{value:"models",className:"min-h-0 flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(n.Suspense,{fallback:e.jsx(U,{}),children:e.jsx(As,{})})}),e.jsx(z,{value:"economics",className:"min-h-0 flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(n.Suspense,{fallback:e.jsx(U,{}),children:e.jsx(Os,{})})}),e.jsx(z,{value:"config",className:"min-h-0 flex-1 overflow-hidden",keepMounted:!0,children:e.jsx(n.Suspense,{fallback:e.jsx(U,{}),children:e.jsx($s,{})})})]})]}),e.jsx(n.Suspense,{fallback:null,children:e.jsx(Vs,{})}),e.jsx("output",{"aria-live":"polite",className:"sr-only",children:d})]})]})})})}function Hs(){const{openDrawer:t}=te();return e.jsxs(j,{children:[e.jsx(v,{asChild:!0,children:e.jsx(L,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open captures",onClick:t,children:e.jsx(jt,{className:"h-5 w-5"})})}),e.jsx(y,{side:"bottom",children:"Open captures list"})]})}class Us extends Ee.Component{constructor(){super(...arguments);se(this,"state",{error:null})}static getDerivedStateFromError(r){return{error:r}}render(){const{error:r}=this.state;return r?this.props.fallback??e.jsxs("div",{className:"flex flex-col items-center justify-center gap-3 p-8 text-center text-muted-foreground",children:[e.jsx("p",{className:"text-sm font-medium text-destructive",children:"Something went wrong"}),e.jsx("p",{className:"text-xs",children:r.message}),e.jsxs(j,{children:[e.jsx(v,{render:e.jsx(L,{variant:"outline",size:"sm",onClick:()=>window.location.reload()}),children:"Reload"}),e.jsx(y,{side:"top",children:"Reload the page"})]})]}):this.props.children}}const ke=n.createContext(void 0);function Ne(){return typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function Gs(t){const s=window.document.documentElement;s.classList.remove("light","dark");const r=t==="system"?Ne():t;return s.classList.add(r),r}function Ks({children:t,defaultTheme:s="system",storageKey:r="umans-gate-theme"}){const[i,a]=n.useState(()=>typeof window>"u"?s:window.localStorage.getItem(r)??s),[l,o]=n.useState(()=>i==="system"?Ne():i);n.useEffect(()=>{const f=Gs(i);if(o(f),i!=="system")return;const x=window.matchMedia("(prefers-color-scheme: dark)"),m=p=>{const g=p.matches?"dark":"light";window.document.documentElement.classList.remove("light","dark"),window.document.documentElement.classList.add(g),o(g)};return x.addEventListener("change",m),()=>x.removeEventListener("change",m)},[i]);const c=n.useMemo(()=>({theme:i,resolvedTheme:l,setTheme:f=>{window.localStorage.setItem(r,f),a(f)}}),[i,l,r]);return e.jsx(ke.Provider,{value:c,children:t})}function Zs(){const t=n.useContext(ke);if(t===void 0)throw new Error("useTheme must be used within a ThemeProvider");return t}const Ce=document.getElementById("root");if(!Ce)throw new Error("Missing root element");ze.createRoot(Ce).render(e.jsx(n.StrictMode,{children:e.jsx(Us,{children:e.jsx(Ks,{defaultTheme:"system",storageKey:"umans-gate-theme",children:e.jsx(Bs,{})})})}));export{A,L as B,zt as C,kt as I,Dt as L,Ct as P,be as S,j as T,S as _,v as a,y as b,b as c,C as d,K as e,ee as f,W as g,ns as h,It as i,ie as j,G as k,pe as l,R as m,Y as n,_t as o,Zs as p,Xs as q,Ys as s,Et as u};
-//# sourceMappingURL=index-72wCsW4_.js.map