64: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 65: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 66:T10d5,'use client'; /** * @file system-notice-banner.tsx * @description An in-conversation banner notice rendered inside the chat surface * (not as a user/assistant bubble) for local-first state changes: * offline/online transitions, model switch, capability-unavailable, WebGPU→WASM * fallback, cache eviction, or download-required notices. Data source: * `useNetworkStatus` / `useCapabilities`. */ import * as React from 'react'; import { CloudOff, Cpu, Download, Info, RefreshCw, Trash2, TriangleAlert, X, } from 'lucide-react'; import { cn } from '@/registry/localmode/lib/utils'; import { Button } from '@/registry/localmode/ui/button'; /** The kind of notice (drives icon + default copy). */ export type NoticeKind = | 'offline' | 'online' | 'fallback' | 'capability-unavailable' | 'model-switch' | 'eviction' | 'download-required' | 'info'; /** Visual tone. */ export type NoticeTone = 'info' | 'warning'; const KIND_META: Record< NoticeKind, { icon: React.ReactNode; tone: NoticeTone; defaultMessage: string } > = { offline: { icon: , tone: 'warning', defaultMessage: "You're offline - cached models still work.", }, online: { icon: , tone: 'info', defaultMessage: 'Back online.', }, fallback: { icon: , tone: 'warning', defaultMessage: 'WebGPU unavailable - falling back to WASM (slower).', }, 'capability-unavailable': { icon: , tone: 'warning', defaultMessage: 'A required capability is unavailable on this device.', }, 'model-switch': { icon: , tone: 'info', defaultMessage: 'Switched models.', }, eviction: { icon: , tone: 'warning', defaultMessage: 'A cached model was evicted to free storage.', }, 'download-required': { icon: , tone: 'info', defaultMessage: 'This model needs to download before first use.', }, info: { icon: , tone: 'info', defaultMessage: '', }, }; /** Props for {@link SystemNoticeBanner}. */ export interface SystemNoticeBannerProps extends React.ComponentProps<'div'> { /** The notice kind (sets the icon, tone, and default copy). @default "info" */ kind?: NoticeKind; /** Override the tone independently of `kind`. */ tone?: NoticeTone; /** Notice text (falls back to the kind's default copy). */ message?: string; /** Optional trailing action (e.g. a "Download" or "Retry" button). */ action?: React.ReactNode; /** When provided, renders a dismiss control. */ onDismiss?: () => void; } /** * An inline local-first state banner. * * @example * ```tsx * const { isOnline } = useNetworkStatus(); * {!isOnline && } * ``` */ export function SystemNoticeBanner({ kind = 'info', tone, message, action, onDismiss, className, children, ...props }: SystemNoticeBannerProps) { const meta = KIND_META[kind]; const resolvedTone = tone ?? meta.tone; return (

{meta.icon} {children ?? message ?? meta.defaultMessage} {action ? {action} : null} {onDismiss && ( )}

); } export default SystemNoticeBanner; 63:["$","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","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"}]]}]}]]}],["$","$L64",null,{"namespace":"@registrydirectory","registryDependencies":["https://localmode.ai/r/ui/lib/utils.json","button"]}]]}],null]}],["$","$L65",null,{"files":[{"path":"registry/localmode/conversation/system-notice-banner/system-notice-banner.tsx","content":"$66","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]