4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T20fb,'use client'; /** * @file devtools-drawer.tsx * @description The global observability drawer body (`ui/blocks/devtools-drawer`) — six tabbed surfaces (Queue / Events / Pipeline / Models / Device / VectorDB) over the `@localmode/devtools` bridge. * @constraint onClear/onEvict are intentionally unwired — the devtools bridge exposes no provider-agnostic clear/evict API. */ import * as React from 'react'; import { Database, Power, X } from 'lucide-react'; import { disableDevTools, enableDevTools } from '@localmode/devtools'; import { useDevToolsEvents, useDevToolsModelCache, useDevToolsPipelineRuns, useDevToolsQueueStats, useDevToolsVectorDBs, } from '@localmode/devtools/react'; import { DeviceCapabilityGrid } from '@/components/device-capability-grid'; import { EventLogViewer } from '@/components/event-log-viewer'; import { InferenceQueueMonitor } from '@/components/inference-queue-monitor'; import { ModelCacheTable } from '@/components/model-cache-table'; import { PipelineRunInspector } from '@/components/pipeline-run-inspector'; import { VectorStorageObservability } from '@/components/vector-storage-observability'; import { cn } from '@/lib/utils'; const TABS = [ { id: 'queue', label: 'Queue' }, { id: 'events', label: 'Events' }, { id: 'pipeline', label: 'Pipeline' }, { id: 'models', label: 'Models' }, { id: 'device', label: 'Device' }, { id: 'vectordb', label: 'VectorDB' }, ] as const; type TabId = (typeof TABS)[number]['id']; export interface DevToolsDrawerProps { open: boolean; onOpenChange: (open: boolean) => void; onPowerOff?: () => void; } function formatRelative(iso: string): string { const then = new Date(iso).getTime(); if (Number.isNaN(then)) return iso; const seconds = Math.max(0, Math.round((Date.now() - then) / 1000)); if (seconds < 5) return 'just now'; if (seconds < 60) return `${seconds}s ago`; const minutes = Math.round(seconds / 60); if (minutes < 60) return `${minutes}m ago`; const hours = Math.round(minutes / 60); if (hours < 24) return `${hours}h ago`; return `${Math.round(hours / 24)}d ago`; } function TabPanel({ id, active, children, }: { id: TabId; active: boolean; children: React.ReactNode; }) { return (

{children}

); } export function DevToolsDrawer({ open, onOpenChange, onPowerOff }: DevToolsDrawerProps) { const [tab, setTab] = React.useState('queue'); React.useEffect(() => { enableDevTools(); }, []); const queues = useDevToolsQueueStats(); const events = useDevToolsEvents(); const runs = useDevToolsPipelineRuns(); const models = useDevToolsModelCache(); const vectorDBs = useDevToolsVectorDBs(); const handlePowerOff = () => { disableDevTools(); if (onPowerOff) onPowerOff(); else onOpenChange(false); }; const collections = Object.entries(vectorDBs); return (

LocalMode DevTools

{}

{} {collections.length === 0 ? (

) : (

{collections.map(([name, s]) => (

{}

{name} {s.totalAdds.toLocaleString()} adds ·{' '} {s.totalSearches.toLocaleString()} searches ·{' '} {s.totalDeletes.toLocaleString()} deletes last activity {formatRelative(s.lastActivity)}

0 ? s.avgSearchDurationMs : undefined } className="max-w-none" />

))}

Compression stats aren't collected by the devtools bridge; tiers show the raw default.

)}

); } 4f:T94b,'use client'; /** * @file drawer-host.tsx * @description The SHIPPED devtools drawer host for the */ import * as React from 'react'; import { Activity } from 'lucide-react'; const STORAGE_KEY = 'localmode:devtools-enabled'; const DevToolsDrawer = React.lazy(() => import('./devtools-drawer').then((m) => ({ default: m.DevToolsDrawer })), ); export function DevToolsDrawerHost() { const [open, setOpen] = React.useState(false); const [everOpened, setEverOpened] = React.useState(false); React.useEffect(() => { let cancelled = false; let persisted = false; try { persisted = window.localStorage.getItem(STORAGE_KEY) === '1'; } catch { } if (!persisted) return; void import('@localmode/devtools').then((m) => { if (!cancelled) m.enableDevTools(); }); return () => { cancelled = true; }; }, []); const handleToggle = () => { if (!everOpened) { setEverOpened(true); try { window.localStorage.setItem(STORAGE_KEY, '1'); } catch { } setOpen(true); return; } setOpen((o) => !o); }; const handlePowerOff = () => { setOpen(false); setEverOpened(false); try { window.localStorage.removeItem(STORAGE_KEY); } catch { } }; return ( <> {} {everOpened && ( )} ); } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@localmode/devtools",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40localmode%2Fdevtools","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@localmode/devtools"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4c",null,{"namespace":"@localmode","registryDependencies":["https://localmode.ai/r/ui/lib/utils.json","https://localmode.ai/r/ui/devtools/inference-queue-monitor.json","https://localmode.ai/r/ui/devtools/event-log-viewer.json","https://localmode.ai/r/ui/devtools/pipeline-run-inspector.json","https://localmode.ai/r/ui/devtools/model-cache-table.json","https://localmode.ai/r/ui/local-first/device-capability-grid.json","https://localmode.ai/r/ui/local-first/vector-storage-observability.json"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"src/app/blocks/devtools-drawer/devtools-drawer.tsx","content":"$4e","type":"registry:component","target":"components/blocks/devtools-drawer/devtools-drawer.tsx"},{"path":"src/app/blocks/devtools-drawer/drawer-host.tsx","content":"$4f","type":"registry:component","target":"components/blocks/devtools-drawer/drawer-host.tsx"}],"className":"h-[70svh] min-h-80"}]]}]