50: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/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"],"RegistryDependencies"] 51: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"] 52:T781,.cr-citation { display: inline-grid; place-items: center; box-sizing: border-box; min-width: 18px; height: 18px; margin: 0 1px; padding: 0 4px; border: 0; border-radius: var(--cr-radius-full); background: var(--cr-color-bg-subtle); color: var(--cr-color-text-secondary); font-family: var(--cr-font-family-sans); font-size: 11px; font-weight: var(--cr-font-weight-bold); line-height: 1; text-decoration: none; vertical-align: 2px; cursor: pointer; } .cr-citation:hover { background: var(--cr-color-ink-bg); color: var(--cr-color-ink-fg); } .cr-citation:focus-visible, .cr-sources__item:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } .cr-sources { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--cr-space-2); margin: 0; padding: 0; list-style: none; font-family: var(--cr-font-family-sans); } .cr-sources__item { display: flex; align-items: center; gap: var(--cr-space-3); box-sizing: border-box; height: 100%; padding: var(--cr-space-2) var(--cr-space-3) var(--cr-space-2) var(--cr-space-2); border-radius: 14px; color: var(--cr-color-text-default); font-size: var(--cr-font-size-sm); text-decoration: none; } .cr-sources__item[href]:hover .cr-sources__title { text-decoration: underline; text-underline-offset: 3px; } .cr-sources__number { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: var(--cr-radius-full); background: var(--cr-color-bg-subtle); font-size: 11px; font-weight: var(--cr-font-weight-bold); } .cr-sources__text { display: flex; flex-direction: column; min-width: 0; } .cr-sources__title { font-weight: var(--cr-font-weight-semibold); } .cr-sources__detail { color: var(--cr-color-text-muted); font-size: var(--cr-font-size-xs); } 53:T868,'use client'; import type { MouseEventHandler, ReactNode } from 'react'; import { cx } from '@/lib/creance/cx'; import './Sources.css'; export interface CitationProps { /** The number shown, matching the source's place in the list. */ index: number; /** With an `href` it is a link; without, a button. */ href?: string; onClick?: MouseEventHandler; /** Accessible name. Default "Source {index}". Add the title when you have it: "Source 1, Build 482 log". */ label?: string; className?: string; } /** A numbered marker in the text that leads to a source. */ export function Citation({ index, href, onClick, label = `Source ${index}`, className }: CitationProps) { const props = { className: cx('cr-citation', className), 'aria-label': label, onClick }; return href ? ( {index} ) : ( ); } export interface Source { title: ReactNode; /** Where it came from: a path, a site, a date. */ detail?: ReactNode; href?: string; onClick?: MouseEventHandler; } export interface SourcesProps { /** In the order they are cited. Each is numbered from 1. */ items: Source[]; /** Accessible name of the list. Default "Sources". */ label?: string; className?: string; } /** What an answer is based on: a numbered list with a title and where each one came from. */ export function Sources({ items, label = 'Sources', className }: SourcesProps) { return (

{source.title} {source.detail && {source.detail}}

); } 4f:["$","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":[null,["$","$L50",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"sources/Sources.css","content":"$52","type":"registry:file","target":"@components/creance/sources/Sources.css"},{"path":"sources/Sources.tsx","content":"$53","type":"registry:ui","target":"@components/creance/sources/Sources.tsx"}],"className":"h-[70svh] min-h-80"}]]}]