4f: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 50:T747,.cr-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .cr-icon { flex: none; vertical-align: -0.125em; } /* * Glass layers, public so apps can use them. Each is a tint at a layer opacity with a bright * hairline edge and a top highlight. All turn solid with no blur under prefers-reduced-transparency, * prefers-contrast: more, or data-transparency="reduce" on the root. * .cr-window the frame of a screen: most translucent, strongest blur * .cr-surface a tile inside a window (cards, rows, panels): no blur of its own * .cr-glass a sheet that floats above (requests, bars, drawers) * .cr-popover menus, tooltips, popovers: nearly opaque so text stays crisp */ .cr-window, .cr-glass, .cr-popover { border: 1px solid var(--cr-color-glass-edge); box-shadow: var(--cr-shadow-md), inset 0 1px 0 var(--cr-color-glass-highlight); } .cr-window { background-color: var(--cr-color-glass-window); -webkit-backdrop-filter: var(--cr-glass-filter-window); backdrop-filter: var(--cr-glass-filter-window); } .cr-glass, .cr-popover { background-color: var(--cr-color-glass-sheet); -webkit-backdrop-filter: var(--cr-glass-filter-sheet); backdrop-filter: var(--cr-glass-filter-sheet); box-shadow: var(--cr-shadow-sheet), inset 0 1px 0 var(--cr-color-glass-highlight); } .cr-popover { background-color: var(--cr-color-glass-popover); } .cr-surface { border: 1px solid var(--cr-color-glass-edge); background-color: var(--cr-color-glass-tile); box-shadow: var(--cr-shadow-card); } /* Titles: the system face, bold and tightly tracked. */ .cr-display { font-family: var(--cr-font-family-display); font-weight: var(--cr-font-weight-bold); letter-spacing: var(--cr-font-tracking-title); } 51:T1464,// Small inline icons. Decorative only: every use sits next to visible text. import type { SVGProps } from 'react'; type IconProps = SVGProps; function Icon({ children, ...props }: IconProps) { return ( ); } export const CheckIcon = (p: IconProps) => ; export const CrossIcon = (p: IconProps) => ; export const PauseIcon = (p: IconProps) => ; export const BlockedIcon = (p: IconProps) => ; export const AlertIcon = (p: IconProps) => ; export const DotIcon = (p: IconProps) => ; export const ChevronIcon = (p: IconProps) => ; export const RetryIcon = (p: IconProps) => ; export const ShieldIcon = (p: IconProps) => ; export const ArrowDownIcon = (p: IconProps) => ; export const ChevronDownIcon = (p: IconProps) => ; export const InfoIcon = (p: IconProps) => ; export const ChevronLeftIcon = (p: IconProps) => ; export const SearchIcon = (p: IconProps) => ; export const CopyIcon = (p: IconProps) => ; export const PlusIcon = (p: IconProps) => ; export const SunIcon = (p: IconProps) => ; export const MoonIcon = (p: IconProps) => ; export const MonitorIcon = (p: IconProps) => ; export const ThumbIcon = (p: IconProps) => ; export const DotsIcon = (p: IconProps) => ; export const PlayIcon = (p: IconProps) => ; export const PauseBarsIcon = (p: IconProps) => ; export const VolumeIcon = (p: IconProps) => ; export const MutedIcon = (p: IconProps) => ; export const ExpandIcon = (p: IconProps) => ; export const StopIcon = (p: IconProps) => ; export const MenuIcon = (p: IconProps) => ; export const SidebarIcon = (p: IconProps) => ; export const SendIcon = (p: IconProps) => ; export const SparkIcon = (p: IconProps) => ; export const FileIcon = (p: IconProps) => ; export const ImageIcon = (p: IconProps) => ; export const ArrowUpIcon = (p: IconProps) => ; export const MinusIcon = (p: IconProps) => ; 52:T2c11,/* Generated by @creance-ui/tokens. Do not edit. */ :root { color-scheme: light; --cr-gray-0: #ffffff; --cr-gray-50: #f5f5f7; --cr-gray-100: #e9ebef; --cr-gray-200: #cdd0d6; --cr-gray-300: #a3a8b0; --cr-gray-400: #7a8089; --cr-gray-500: #5f6368; --cr-gray-600: #4a4e54; --cr-gray-700: #3c4043; --cr-gray-750: #3a3e48; --cr-gray-800: #2c2f38; --cr-gray-850: #1c1e24; --cr-gray-900: #1d1d1f; --cr-gray-950: #101216; --cr-blue-300: #4da3ff; --cr-blue-500: #0071e3; --cr-blue-600: #0062c4; --cr-blue-700: #004f9e; --cr-red-300: #ff7b72; --cr-red-400: #ff6961; --cr-red-500: #d0342c; --cr-red-600: #c5221f; --cr-red-700: #b3261e; --cr-space-0: 0px; --cr-space-1: 4px; --cr-space-2: 8px; --cr-space-3: 12px; --cr-space-4: 16px; --cr-space-5: 20px; --cr-space-6: 24px; --cr-space-8: 32px; --cr-space-10: 40px; --cr-space-12: 48px; --cr-radius-sm: 8px; --cr-radius-md: 12px; --cr-radius-lg: 18px; --cr-radius-xl: 22px; --cr-radius-2xl: 28px; --cr-radius-full: 9999px; --cr-font-family-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', system-ui, sans-serif; --cr-font-family-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', system-ui, sans-serif; --cr-font-family-mono: 'SF Mono', ui-monospace, 'JetBrains Mono', Menlo, Consolas, monospace; --cr-font-size-xs: 12px; --cr-font-size-sm: 13px; --cr-font-size-md: 15px; --cr-font-size-lg: 16px; --cr-font-size-xl: 20px; --cr-font-size-2xl: 24px; --cr-font-size-3xl: 30px; --cr-font-size-4xl: 44px; --cr-font-weight-regular: 400; --cr-font-weight-medium: 500; --cr-font-weight-semibold: 600; --cr-font-weight-bold: 700; --cr-font-line-height-tight: 1.25; --cr-font-line-height-normal: 1.5; --cr-font-tracking-tight: -0.01em; --cr-font-tracking-title: -0.022em; --cr-motion-duration-fast: 120ms; --cr-motion-duration-base: 200ms; --cr-motion-duration-slow: 320ms; --cr-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --cr-motion-easing-spring: cubic-bezier(0.32, 0.72, 0, 1); --cr-focus-width: 3px; --cr-focus-offset: 2px; --cr-glass-opacity-window: 32%; --cr-glass-opacity-tile: 50%; --cr-glass-opacity-sheet: 62%; --cr-glass-opacity-popover: 80%; --cr-glass-opacity-control: 70%; --cr-glass-filter-window: blur(40px) saturate(170%); --cr-glass-filter-sheet: blur(24px) saturate(180%); --cr-control-height-md: 44px; --cr-control-height-sm: 36px; --cr-color-bg-subtle: rgb(0 0 0 / 0.05); --cr-color-bg-overlay: rgb(30 40 60 / 0.18); --cr-color-glass-edge: rgb(255 255 255 / 0.7); --cr-color-glass-highlight: rgb(255 255 255 / 0.85); --cr-color-text-link: #0066cc; --cr-color-border-default: rgb(0 0 0 / 0.1); --cr-color-border-strong: rgb(0 0 0 / 0.22); --cr-color-focus: rgb(0 113 227 / 0.55); --cr-color-accent-subtle: rgb(0 113 227 / 0.12); --cr-color-ink-subtle: rgb(0 0 0 / 0.07); --cr-color-tether-slack: rgb(29 29 31 / 0.22); --cr-color-sky-star: rgb(29 29 31 / 0); --cr-color-status-running-bg: rgb(0 0 0 / 0.06); --cr-color-status-blocked-bg: rgb(0 0 0 / 0.04); --cr-color-status-done-bg: rgb(0 0 0 / 0.04); --cr-color-risk-low-bg: rgb(0 0 0 / 0.04); --cr-color-risk-medium-bg: rgb(0 0 0 / 0.06); --cr-color-diff-added-bg: rgb(0 0 0 / 0.06); --cr-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.08); --cr-shadow-card: 0 2px 6px rgb(30 40 60 / 0.06); --cr-shadow-md: 0 30px 80px rgb(30 40 60 / 0.18), 0 2px 6px rgb(30 40 60 / 0.06); --cr-shadow-sheet: 0 20px 50px rgb(30 40 60 / 0.16); --cr-shadow-accent: 0 6px 16px rgb(0 113 227 / 0.28); --cr-gradient-canvas: radial-gradient(60% 55% at 12% 18%, #c9d6ea, transparent 70%), radial-gradient(50% 55% at 88% 12%, #ddd3ea, transparent 70%), radial-gradient(70% 60% at 70% 95%, #cfdde6, transparent 70%); --cr-gradient-horizon: radial-gradient(80% 50% at 50% 100%, rgb(30 40 60 / 0.05), transparent 70%); --cr-color-bg-canvas: var(--cr-gray-100); --cr-color-bg-surface: var(--cr-gray-0); --cr-color-bg-raised: var(--cr-gray-0); --cr-color-bg-inverse: var(--cr-gray-900); --cr-color-glass-tint: var(--cr-gray-0); --cr-color-text-default: var(--cr-gray-900); --cr-color-text-secondary: var(--cr-gray-700); --cr-color-text-muted: var(--cr-gray-500); --cr-color-text-inverse: var(--cr-gray-0); --cr-color-accent-bg: var(--cr-blue-500); --cr-color-accent-bg-hover: var(--cr-blue-600); --cr-color-accent-bg-active: var(--cr-blue-700); --cr-color-accent-fg: var(--cr-gray-0); --cr-color-ink-bg: var(--cr-gray-900); --cr-color-ink-bg-hover: var(--cr-gray-700); --cr-color-ink-fg: var(--cr-gray-0); --cr-color-danger-bg: var(--cr-red-600); --cr-color-danger-bg-hover: var(--cr-red-700); --cr-color-danger-fg: var(--cr-gray-0); --cr-color-danger-text: var(--cr-red-600); --cr-color-tether-taut: var(--cr-gray-900); --cr-color-status-running-fg: var(--cr-gray-700); --cr-color-status-waiting-fg: var(--cr-gray-0); --cr-color-status-waiting-bg: var(--cr-gray-900); --cr-color-status-blocked-fg: var(--cr-gray-500); --cr-color-status-done-fg: var(--cr-gray-500); --cr-color-status-failed-fg: var(--cr-red-700); --cr-color-status-failed-bg: color-mix(in srgb, var(--cr-red-600) 9%, transparent); --cr-color-risk-low-fg: var(--cr-gray-500); --cr-color-risk-medium-fg: var(--cr-gray-700); --cr-color-risk-high-fg: var(--cr-red-700); --cr-color-risk-high-bg: color-mix(in srgb, var(--cr-red-600) 9%, transparent); --cr-color-diff-added-fg: var(--cr-gray-700); --cr-color-diff-removed-bg: color-mix(in srgb, var(--cr-red-600) 8%, transparent); --cr-color-diff-removed-fg: var(--cr-red-700); --cr-shadow-glow: var(--cr-shadow-sheet); --cr-color-glass-window: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-window), transparent); --cr-color-glass-tile: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-tile), transparent); --cr-color-glass-sheet: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-sheet), transparent); --cr-color-glass-popover: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-popover), transparent); --cr-color-glass-control: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-control), transparent); --cr-color-glass-surface: var(--cr-color-glass-sheet); } :root:where([data-theme="dark"], .dark) { color-scheme: dark; --cr-color-bg-subtle: rgb(255 255 255 / 0.07); --cr-color-bg-overlay: rgb(0 0 0 / 0.5); --cr-color-glass-tint: rgb(40 43 52); --cr-color-glass-edge: rgb(255 255 255 / 0.12); --cr-color-glass-highlight: rgb(255 255 255 / 0.1); --cr-color-border-default: rgb(255 255 255 / 0.12); --cr-color-border-strong: rgb(255 255 255 / 0.26); --cr-color-focus: rgb(77 163 255 / 0.7); --cr-color-accent-subtle: rgb(77 163 255 / 0.18); --cr-color-ink-subtle: rgb(255 255 255 / 0.1); --cr-color-tether-slack: rgb(245 245 247 / 0.22); --cr-color-sky-star: rgb(255 255 255 / 0.5); --cr-color-status-running-bg: rgb(255 255 255 / 0.08); --cr-color-status-blocked-bg: rgb(255 255 255 / 0.06); --cr-color-status-done-bg: rgb(255 255 255 / 0.06); --cr-color-risk-low-bg: rgb(255 255 255 / 0.06); --cr-color-risk-medium-bg: rgb(255 255 255 / 0.08); --cr-color-diff-added-bg: rgb(255 255 255 / 0.08); --cr-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.4); --cr-shadow-card: 0 2px 6px rgb(0 0 0 / 0.3); --cr-shadow-md: 0 30px 80px rgb(0 0 0 / 0.4), 0 2px 6px rgb(0 0 0 / 0.13); --cr-shadow-sheet: 0 20px 50px rgb(0 0 0 / 0.35); --cr-shadow-accent: 0 6px 16px rgb(0 113 227 / 0.35); --cr-gradient-canvas: radial-gradient(60% 55% at 12% 18%, #1c2840, transparent 70%), radial-gradient(50% 55% at 88% 12%, #2a2140, transparent 70%), radial-gradient(70% 60% at 70% 95%, #17282f, transparent 70%); --cr-gradient-horizon: radial-gradient(80% 50% at 50% 100%, rgb(255 255 255 / 0.04), transparent 70%); --cr-color-bg-canvas: var(--cr-gray-950); --cr-color-bg-surface: var(--cr-gray-850); --cr-color-bg-raised: var(--cr-gray-800); --cr-color-bg-inverse: var(--cr-gray-50); --cr-color-glass-window: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-window), transparent); --cr-color-glass-tile: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-tile), transparent); --cr-color-glass-sheet: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-sheet), transparent); --cr-color-glass-popover: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-popover), transparent); --cr-color-glass-control: color-mix(in srgb, var(--cr-color-glass-tint) var(--cr-glass-opacity-control), transparent); --cr-color-text-default: var(--cr-gray-50); --cr-color-text-secondary: var(--cr-gray-200); --cr-color-text-muted: var(--cr-gray-300); --cr-color-text-inverse: var(--cr-gray-900); --cr-color-text-link: var(--cr-blue-300); --cr-color-accent-bg: var(--cr-blue-500); --cr-color-accent-bg-hover: var(--cr-blue-600); --cr-color-accent-bg-active: var(--cr-blue-700); --cr-color-accent-fg: var(--cr-gray-0); --cr-color-ink-bg: var(--cr-gray-50); --cr-color-ink-bg-hover: var(--cr-gray-200); --cr-color-ink-fg: var(--cr-gray-900); --cr-color-danger-bg: var(--cr-red-500); --cr-color-danger-bg-hover: var(--cr-red-600); --cr-color-danger-fg: var(--cr-gray-0); --cr-color-danger-text: var(--cr-red-400); --cr-color-tether-taut: var(--cr-gray-50); --cr-color-status-running-fg: var(--cr-gray-200); --cr-color-status-waiting-fg: var(--cr-gray-900); --cr-color-status-waiting-bg: var(--cr-gray-50); --cr-color-status-blocked-fg: var(--cr-gray-300); --cr-color-status-done-fg: var(--cr-gray-300); --cr-color-status-failed-fg: var(--cr-red-300); --cr-color-status-failed-bg: color-mix(in srgb, var(--cr-red-400) 14%, transparent); --cr-color-risk-low-fg: var(--cr-gray-300); --cr-color-risk-medium-fg: var(--cr-gray-200); --cr-color-risk-high-fg: var(--cr-red-300); --cr-color-risk-high-bg: color-mix(in srgb, var(--cr-red-400) 14%, transparent); --cr-color-diff-added-fg: var(--cr-gray-200); --cr-color-diff-removed-bg: color-mix(in srgb, var(--cr-red-400) 14%, transparent); --cr-color-diff-removed-fg: var(--cr-red-300); --cr-shadow-glow: var(--cr-shadow-sheet); --cr-color-glass-surface: var(--cr-color-glass-sheet); } /* Solid surfaces and no blur when the person asks for less transparency or more contrast. */ @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) { :root:root { --cr-glass-opacity-window: 100%; --cr-glass-opacity-tile: 100%; --cr-glass-opacity-sheet: 100%; --cr-glass-opacity-popover: 100%; --cr-glass-opacity-control: 100%; --cr-glass-filter-window: none; --cr-glass-filter-sheet: none; } } :root[data-transparency="reduce"] { --cr-glass-opacity-window: 100%; --cr-glass-opacity-tile: 100%; --cr-glass-opacity-sheet: 100%; --cr-glass-opacity-popover: 100%; --cr-glass-opacity-control: 100%; --cr-glass-filter-window: none; --cr-glass-filter-sheet: none; } @media (prefers-reduced-motion: reduce) { :root:root { --cr-motion-duration-fast: 0ms; --cr-motion-duration-base: 0ms; --cr-motion-duration-slow: 0ms; } } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4f",null,{"files":[{"path":"creance-base/LiveRegion.tsx","content":"'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * A polite live region. The message is set a beat after mount because screen readers only announce\n * changes to a region that already exists in the DOM.\n */\nexport function LiveRegion({ message }: { message: string }) {\n const [text, setText] = useState('');\n useEffect(() => {\n const id = setTimeout(() => setText(message), 150);\n return () => clearTimeout(id);\n }, [message]);\n return (\n

\n {text}\n

\n );\n}\n","type":"registry:lib","target":"@lib/creance/LiveRegion.tsx"},{"path":"creance-base/VisuallyHidden.tsx","content":"import type { HTMLAttributes } from 'react';\n\n/** Content for screen readers only. */\nexport function VisuallyHidden(props: HTMLAttributes) {\n return ;\n}\n","type":"registry:lib","target":"@lib/creance/VisuallyHidden.tsx"},{"path":"creance-base/base.css","content":"$50","type":"registry:file","target":"@lib/creance/base.css"},{"path":"creance-base/cx.ts","content":"// Shared base styles (.cr-visually-hidden, .cr-icon). Imported here because every component imports cx;\n// an import in index.ts alone gets tree-shaken, since index.ts only re-exports.\nimport './base.css';\n\n/** Joins class names, skipping falsy values. */\nexport function cx(...names: Array): string {\n return names.filter(Boolean).join(' ');\n}\n","type":"registry:lib","target":"@lib/creance/cx.ts"},{"path":"creance-base/deprecate.ts","content":"// Bundlers replace process.env.NODE_ENV in apps; this file never imports Node types.\ndeclare const process: { env: { NODE_ENV?: string } };\n\nfunction isProduction(): boolean {\n try {\n return process.env.NODE_ENV === 'production';\n } catch {\n // No bundler and no `process`: treat as development.\n return false;\n }\n}\n\nconst warned = new Set();\n\n/** Warns once per key, outside production. */\nexport function deprecate(key: string, message: string): void {\n if (isProduction() || warned.has(key)) return;\n warned.add(key);\n console.warn(`[creance] ${message}`);\n}\n","type":"registry:lib","target":"@lib/creance/deprecate.ts"},{"path":"creance-base/formatDuration.ts","content":"/** 12s, 2m 05s, 1h 02m. */\nexport function formatDuration(ms: number): string {\n const s = Math.max(0, Math.floor(ms / 1000));\n if (s < 60) return `${s}s`;\n const m = Math.floor(s / 60);\n if (m < 60) return `${m}m ${String(s % 60).padStart(2, '0')}s`;\n return `${Math.floor(m / 60)}h ${String(m % 60).padStart(2, '0')}m`;\n}\n","type":"registry:lib","target":"@lib/creance/formatDuration.ts"},{"path":"creance-base/icons.tsx","content":"$51","type":"registry:lib","target":"@lib/creance/icons.tsx"},{"path":"creance-base/useNow.ts","content":"'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * The current time, read just after mount and then every `interval` ms while `ticking`.\n * Undefined until mounted: a clock read while rendering differs between the server and the browser,\n * and Next.js refuses it when prerendering.\n */\nexport function useNow(interval: number, ticking = true): number | undefined {\n const [now, setNow] = useState();\n useEffect(() => {\n const tick = () => setNow(Date.now());\n const first = setTimeout(tick, 0);\n const id = ticking ? setInterval(tick, interval) : undefined;\n return () => {\n clearTimeout(first);\n clearInterval(id);\n };\n }, [interval, ticking]);\n return now;\n}\n","type":"registry:lib","target":"@lib/creance/useNow.ts"},{"path":"creance-base/tokens.css","content":"$52","type":"registry:file","target":"@lib/creance/tokens.css"}],"className":"h-[70svh] min-h-80"}]]}]