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:T1694,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; import { Seam } from "@/registry/starseam/ui/seam"; import { CopyButton } from "@/registry/starseam/ui/copy-button"; const LINE_HEIGHT = 1.75; const FONT_SIZE = 13; /** Must match the py-[10px] on both

 blocks — border-box eats it. */
const PAD_Y = 10;

export interface CodeBlockProps {
  /** The exact source. Copying always yields all of it, collapsed or not. */
  code: string;
  /** Shown as an instrument label in the head row. */
  filename?: string;
  /** Shown beside the filename, e.g. "TSX", "JSON". Display only. */
  lang?: string;
  /** Render a line-number gutter behind a vertical seam. */
  lineNumbers?: boolean;
  /**
   * Lines visible while collapsed. Longer code gets an expand row at the
   * plate's foot; 0 disables collapsing. Ignored when the code is shorter.
   */
  collapsedLines?: number;
  /** Soft-wrap long lines instead of scrolling. Disables the gutter. */
  wrap?: boolean;
  /**
   * Pre-highlighted HTML from the `highlight` lib (ink shades only, no hues
   * — DECISIONS 01). Plain `code` renders monochrome when absent. Data across
   * the boundary, never a function (DECISIONS 11).
   */
  highlightedHtml?: string;
  /** Control labels — data, never functions. */
  labels?: { expand?: string; collapse?: string };
  className?: string;
}

/**
 * A plate that holds source code. The head row carries the filename as an
 * instrument label with a copy button; the body is ink on lacquer; long code
 * folds at a seam, and the expand row below it is marked by a rivet while
 * open — an open panel is a selection, never a severity (DECISIONS 10).
 * The collapsed state clips; it never scrolls vertically (DECISIONS 08 —
 * folding is stillness, the expand row is the only way down).
 */
function CodeBlock({
  code,
  filename,
  lang,
  lineNumbers = false,
  collapsedLines = 12,
  wrap = false,
  highlightedHtml,
  labels,
  className,
}: CodeBlockProps) {
  const lines = React.useMemo(() => code.replace(/\n$/, "").split("\n"), [code]);
  const collapsible = collapsedLines > 0 && lines.length > collapsedLines;
  const [open, setOpen] = React.useState(false);
  const clipped = collapsible && !open;
  const gutter = lineNumbers && !wrap;

  const codeStyle: React.CSSProperties = {
    fontSize: `${FONT_SIZE}px`,
    lineHeight: LINE_HEIGHT,
    maxHeight: clipped
      ? `${collapsedLines * FONT_SIZE * LINE_HEIGHT + PAD_Y * 2}px`
      : undefined,
  };

  return (
    
      
        
          {filename ? (
            {filename}
          ) : null}
          {lang ? {lang} : null}
        
        
      
      
      {/* Long lines pan here; the fold is a clip, never a vertical scroll. */}
      
        {gutter ? (
          <>
                          {(clipped ? lines.slice(0, collapsedLines) : lines)
                .map((_, i) => i + 1)
                .join("\n")}
            
            
          
        ) : null}
                  {highlightedHtml ? (
            
          ) : (
            {code}
          )}
        

      

      {collapsible ? (
        <>
          
          
        
      ) : null}
    

  );
}

export { CodeBlock };
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":[null,["$","$L4c",null,{"namespace":"@starseam","registryDependencies":["https://starseam.astroicers.link/r/theme.json","https://starseam.astroicers.link/r/seam.json","https://starseam.astroicers.link/r/copy-button.json"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/starseam/ui/code-block.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]