@agent-native/core 0.44.4 → 0.45.1

package/dist/client/blocks/library/annotation-rail.js

@@ -126,23 +126,51 @@ export function AnnotationHiddenStack({ items, ctx, showMarker = false, }) {
 const HOVER_CARD_WIDTH = 280;
 const HOVER_CARD_GAP = 12;
 const VIEWPORT_MARGIN = 8;
+export function resolveAnnotationHoverCardPosition(anchor, card, viewport) {
+    const rightLeft = anchor.codeRight + HOVER_CARD_GAP;
+    const fitsRight = rightLeft + card.width + VIEWPORT_MARGIN <= viewport.width;
+    const leftLeft = anchor.codeLeft - HOVER_CARD_GAP - card.width;
+    const fitsLeft = leftLeft >= VIEWPORT_MARGIN;
+    let left;
+    let top;
+    if (fitsRight) {
+        // Default: to the right of the code, centered on the hovered line.
+        left = rightLeft;
+        top = anchor.lineCenter - card.height / 2;
+    }
+    else if (fitsLeft) {
+        // Prefer the left gutter over covering the code below the hovered line.
+        left = leftLeft;
+        top = anchor.lineCenter - card.height / 2;
+    }
+    else {
+        // No clean side gutter → drop below the line, aligned to the code's left.
+        left = anchor.codeLeft;
+        top = anchor.lineBottom + HOVER_CARD_GAP;
+    }
+    // Clamp within the viewport so the card is never cut off.
+    left = Math.max(VIEWPORT_MARGIN, Math.min(left, viewport.width - card.width - VIEWPORT_MARGIN));
+    top = Math.max(VIEWPORT_MARGIN, Math.min(top, viewport.height - card.height - VIEWPORT_MARGIN));
+    return { top, left };
+}
 /**
  * The single on-hover note card, portaled to `document.body` and positioned
  * `fixed` so it escapes the code block's `overflow` and never reflows the code.
  *
  * Placement: by default it sits to the RIGHT of the code block's right edge,
  * vertically centered on the hovered line — so it never overlaps the code text.
- * If there isn't room to the right (it would overflow the viewport), it clamps
- * within the viewport, and if the right gutter is too narrow for the card it
- * falls back to BELOW the hovered line (left-aligned to the code block). The card
- * keeps itself open while hovered (`onMouseEnter`/`onMouseLeave` forwarded) so it
- * stays readable; the caller adds the small hover-intent close delay.
+ * If there isn't room to the right, it uses the LEFT of the code block when the
+ * card can fit there without covering code. Only when neither side fits does it
+ * fall back to BELOW the hovered line (left-aligned to the code block). The card
+ * keeps itself open while hovered (`onMouseEnter`/`onMouseLeave` forwarded) so
+ * it stays readable; the caller adds the small hover-intent close delay.
  */
-export function AnnotationHoverCard({ item, anchor, ctx, showMarker = false, onMouseEnter, onMouseLeave, }) {
+export function AnnotationHoverCard({ item, anchor, ctx, showMarker = false, onMouseEnter, onMouseLeave, onClose, }) {
     const cardRef = useRef(null);
     const [pos, setPos] = useState(null);
     // Measure the rendered card, then resolve a non-overlapping position: right of
-    // the code if it fits, else clamp into the viewport, else drop below the line.
+    // the code if it fits, then left if that side has a clean gutter, otherwise
+    // below the line.
     useLayoutEffect(() => {
         if (typeof window === "undefined")
             return;
@@ -152,24 +180,7 @@ export function AnnotationHoverCard({ item, anchor, ctx, showMarker = false, onM
         const height = rect && rect.height > 0 ? rect.height : 0;
         const vw = window.innerWidth || 0;
         const vh = window.innerHeight || 0;
-        const rightLeft = anchor.codeRight + HOVER_CARD_GAP;
-        const fitsRight = rightLeft + width + VIEWPORT_MARGIN <= vw;
-        let left;
-        let top;
-        if (fitsRight) {
-            // Default: to the right of the code, centered on the hovered line.
-            left = rightLeft;
-            top = anchor.lineCenter - height / 2;
-        }
-        else {
-            // No room to the right → drop below the line, aligned to the code's left.
-            left = anchor.codeLeft;
-            top = anchor.lineBottom + HOVER_CARD_GAP;
-        }
-        // Clamp within the viewport so the card is never cut off.
-        left = Math.max(VIEWPORT_MARGIN, Math.min(left, vw - width - VIEWPORT_MARGIN));
-        top = Math.max(VIEWPORT_MARGIN, Math.min(top, vh - height - VIEWPORT_MARGIN));
-        setPos({ top, left });
+        setPos(resolveAnnotationHoverCardPosition(anchor, { width, height }, { width: vw, height: vh }));
     }, [
         anchor.codeRight,
         anchor.codeLeft,
@@ -177,6 +188,17 @@ export function AnnotationHoverCard({ item, anchor, ctx, showMarker = false, onM
         anchor.lineBottom,
         item.index,
     ]);
+    // Close the card when the user scrolls so it doesn't float detached.
+    useEffect(() => {
+        if (!onClose || typeof window === "undefined")
+            return;
+        const handler = () => onClose();
+        window.addEventListener("scroll", handler, {
+            capture: true,
+            passive: true,
+        });
+        return () => window.removeEventListener("scroll", handler, { capture: true });
+    }, [onClose]);
     if (typeof document === "undefined")
         return null;
     return createPortal(_jsx("div", { ref: cardRef, role: "tooltip", "data-annotation-hover-card": true, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: "pointer-events-auto fixed z-50", style: {
@@ -188,10 +210,15 @@ export function AnnotationHoverCard({ item, anchor, ctx, showMarker = false, onM
         }, children: _jsx(AnnotationCard, { item: item, ctx: ctx, active: true, showMarker: showMarker, className: "shadow-lg shadow-black/10 dark:shadow-black/40" }) }), document.body);
 }
 /**
- * Hover-intent controller for the on-hover note card. Exposes `activeIndex` +
- * the captured `anchor`, plus `open`/`scheduleClose`/`cancelClose` handlers.
+ * Hover-intent + tap controller for the on-hover note card. Exposes
+ * `activeIndex` + the captured `anchor`, plus `open`/`toggle`/`close`/
+ * `scheduleClose`/`cancelClose` handlers.
  *
  *  - `open(index, anchor)` shows a card immediately (cancels any pending close).
+ *  - `toggle(index, anchor)` opens a card if it isn't already the active one,
+ *    or closes it if it is — used for click/tap on annotated rows so touch users
+ *    can access notes without hover.
+ *  - `close()` hides the card immediately (used on scroll to avoid stale cards).
  *  - `scheduleClose()` hides after a short delay, so moving the pointer from the
  *    code line across the gap into the card itself keeps it open.
  *  - `cancelClose()` (call on card mouse-enter) keeps it open while reading.
@@ -209,6 +236,14 @@ export function useAnnotationHover(delay = 130) {
         cancelClose();
         setActive({ index, anchor });
     };
+    const toggle = (index, anchor) => {
+        cancelClose();
+        setActive((prev) => (prev?.index === index ? null : { index, anchor }));
+    };
+    const close = () => {
+        cancelClose();
+        setActive(null);
+    };
     const scheduleClose = () => {
         cancelClose();
         timer.current = setTimeout(() => setActive(null), delay);
@@ -218,6 +253,8 @@ export function useAnnotationHover(delay = 130) {
         activeIndex: active?.index ?? null,
         anchor: active?.anchor ?? null,
         open,
+        toggle,
+        close,
         scheduleClose,
         cancelClose,
     };

package/dist/client/blocks/library/annotation-rail.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-rail.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/annotation-rail.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../utils.js\";\nimport type { BlockRenderContext } from \"../types.js\";\n\n/**\n * Shared line-anchored annotation UI for the `annotated-code` and `diff` blocks.\n *\n * Both blocks render a numbered code surface plus a side \"rail\" of notes, where\n * each note targets a 1-based `lines` ref (`\"3\"` or `\"3-5\"`) and hovering a code\n * line ↔ its note cross-highlights. This module owns the pure pieces that were\n * identical between them so neither block forks the behavior:\n *\n *  - `parseLineRange` — the forgiving 1-based `lines` range parser.\n *  - `resolveAnnotations` / `buildLineMarkerMap` — turn a raw annotation list\n *    into stable, marker-numbered, range-resolved records and a line→markers map.\n *  - `rangeLabel` — the human \"Line 8\" / \"Lines 3–6\" label.\n *  - `AnnotationGutterMarker` — the numbered amber pip placed on an annotated row\n *    (used by the diff grid; the annotated-code surface uses its own rail bar).\n *  - `AnnotationNoteRail` — the responsive list of note cards with two-way hover.\n *    `showMarker` opts the diff block into a leading numbered pip on each card so\n *    a note can be matched to its `①`/`②` row marker; annotated-code omits it to\n *    keep its original card chrome.\n *\n * `AnnotatedCodeBlock` annotates a single code surface; `DiffBlock` annotates a\n * before/after grid (each annotation also carries a `side`). The shared types\n * here are intentionally minimal — callers pass their own `side` handling and\n * decide which rows a marker lands on; this module only owns the parsing, the\n * resolved-record shape, and the rendered marker + rail chrome.\n */\n\n/* ── Line-ref parsing ──────────────────────────────────────────────────────── */\n\n/**\n * Parse a 1-based `lines` ref (`\"3\"` or `\"3-5\"`) into an inclusive `[start,end]`\n * pair, clamped to `[1, lineCount]`. Returns `null` for malformed or fully\n * out-of-range refs so callers can ignore them gracefully. A reversed range\n * (`\"5-3\"`) is normalized; a partially out-of-range range is clamped.\n */\nexport function parseLineRange(\n  ref: string,\n  lineCount: number,\n): { start: number; end: number } | null {\n  const match = /^\\s*(\\d+)\\s*(?:-\\s*(\\d+)\\s*)?$/.exec(ref);\n  if (!match) return null;\n  let start = Number.parseInt(match[1], 10);\n  let end = match[2] != null ? Number.parseInt(match[2], 10) : start;\n  if (!Number.isFinite(start) || !Number.isFinite(end)) return null;\n  if (start > end) [start, end] = [end, start];\n  // Fully outside the file → ignore.\n  if (end < 1 || start > lineCount) return null;\n  return { start: Math.max(1, start), end: Math.min(lineCount, end) };\n}\n\n/** The minimal annotation shape the rail needs (a superset works too). */\nexport interface RailAnnotation {\n  lines: string;\n  label?: string;\n  note: string;\n}\n\nexport interface ResolvedAnnotation<A extends RailAnnotation = RailAnnotation> {\n  /** Index in the original `annotations` array (stable hover key). */\n  index: number;\n  /** 1-based marker number (authoring order). */\n  marker: number;\n  annotation: A;\n  range: { start: number; end: number } | null;\n}\n\n/**\n * Resolve a raw annotation list into stable, marker-numbered records, parsing\n * each `lines` ref against `lineCount`. `lineCountFor` lets the diff block pick a\n * per-annotation line count (before-side vs after-side); annotated-code passes a\n * single constant. Markers are authoring-order, 1-based, and assigned to ALL\n * annotations (even unresolved ones) so numbering is stable regardless of which\n * refs happen to match.\n */\nexport function resolveAnnotations<A extends RailAnnotation>(\n  annotations: A[] | undefined,\n  lineCountFor: (annotation: A) => number,\n): ResolvedAnnotation<A>[] {\n  return (annotations ?? []).map((annotation, index) => ({\n    index,\n    marker: index + 1,\n    annotation,\n    range: parseLineRange(annotation.lines, lineCountFor(annotation)),\n  }));\n}\n\n/** Map a 1-based line number → the resolved annotations covering it. */\nexport function buildLineMarkerMap<A extends RailAnnotation>(\n  resolved: ResolvedAnnotation<A>[],\n): Map<number, ResolvedAnnotation<A>[]> {\n  const map = new Map<number, ResolvedAnnotation<A>[]>();\n  for (const item of resolved) {\n    if (!item.range) continue;\n    for (let n = item.range.start; n <= item.range.end; n += 1) {\n      const list = map.get(n) ?? [];\n      list.push(item);\n      map.set(n, list);\n    }\n  }\n  return map;\n}\n\n/** Human label for a resolved annotation's line span (\"Line 8\" / \"Lines 3–6\"). */\nexport function rangeLabel(item: ResolvedAnnotation): string {\n  if (!item.range) return `Lines ${item.annotation.lines}`;\n  return item.range.start === item.range.end\n    ? `Line ${item.range.start}`\n    : `Lines ${item.range.start}–${item.range.end}`;\n}\n\n/* ── Marker ────────────────────────────────────────────────────────────────── */\n\n/**\n * The numbered amber pip rendered on an annotated code row's gutter. `active`\n * brightens it when its note (or a co-located row) is hovered.\n */\nexport function AnnotationGutterMarker({\n  marker,\n  active,\n  className,\n}: {\n  marker: number;\n  active: boolean;\n  className?: string;\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex size-[15px] shrink-0 items-center justify-center rounded-full text-[9px] font-semibold leading-none tabular-nums transition-colors\",\n        active\n          ? \"bg-amber-500 text-white dark:bg-amber-400 dark:text-amber-950\"\n          : \"bg-amber-400/25 text-amber-700 dark:bg-amber-300/20 dark:text-amber-300\",\n        className,\n      )}\n    >\n      {marker}\n    </span>\n  );\n}\n\n/* ── Note card ─────────────────────────────────────────────────────────────── */\n\n/**\n * One line-anchored note card: marker pip (when `showMarker`), the resolved line\n * span (\"Line 8\"), an optional label, and the markdown `note` (via\n * `ctx.renderMarkdown`). This is the single source of card markup, rendered both\n * by the visually-hidden a11y/test stack and by the on-hover portal popover.\n */\nexport function AnnotationCard<A extends RailAnnotation>({\n  item,\n  ctx,\n  active = false,\n  showMarker = false,\n  className,\n  onMouseEnter,\n  onMouseLeave,\n}: {\n  item: ResolvedAnnotation<A>;\n  ctx: BlockRenderContext;\n  active?: boolean;\n  showMarker?: boolean;\n  className?: string;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}) {\n  return (\n    <div\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={cn(\n        \"rounded-lg border px-3.5 py-2.5 transition-colors\",\n        active\n          ? \"border-amber-400/70 bg-amber-50 dark:border-amber-300/40 dark:bg-amber-300/[0.08]\"\n          : \"border-plan-line bg-plan-block/40 hover:border-amber-400/50\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-wrap gap-x-2 gap-y-0.5\",\n          showMarker ? \"items-center\" : \"items-baseline\",\n        )}\n      >\n        {showMarker && (\n          <AnnotationGutterMarker marker={item.marker} active={active} />\n        )}\n        <span className=\"text-[11px] font-semibold uppercase tracking-wide text-plan-muted\">\n          {rangeLabel(item)}\n        </span>\n        {item.annotation.label && (\n          <span className=\"text-[13px] font-semibold text-plan-text\">\n            {item.annotation.label}\n          </span>\n        )}\n      </div>\n      <div className=\"plan-annotation-note mt-1 text-[13px] leading-relaxed text-plan-text/85\">\n        {ctx.renderMarkdown ? (\n          ctx.renderMarkdown(item.annotation.note)\n        ) : (\n          <p>{item.annotation.note}</p>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Visually-hidden stack of every resolved note. It is NOT a visible column — it\n * sits in the flow but clipped to a 1px box (the `sr-only` pattern) so the note\n * text and the per-card marker pips stay in the accessibility tree and in the\n * DOM (assistive tech can reach them, and tests that read `textContent`/count\n * pips still see them) WITHOUT painting a persistent rail beside the code. The\n * visible card appears only on hover via {@link AnnotationHoverCard}.\n */\nexport function AnnotationHiddenStack<A extends RailAnnotation>({\n  items,\n  ctx,\n  showMarker = false,\n}: {\n  items: ResolvedAnnotation<A>[];\n  ctx: BlockRenderContext;\n  showMarker?: boolean;\n}) {\n  const resolved = useMemo(() => items.filter((item) => item.range), [items]);\n  if (resolved.length === 0) return null;\n  return (\n    <div\n      className=\"absolute size-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)] [clip-path:inset(50%)]\"\n      data-annotation-hidden-stack\n    >\n      {resolved.map((item) => (\n        <AnnotationCard\n          key={item.index}\n          item={item}\n          ctx={ctx}\n          showMarker={showMarker}\n        />\n      ))}\n    </div>\n  );\n}\n\n/* ── Hover popover (portal, anchored RIGHT of the code) ────────────────────── */\n\n/** The geometry the hover card anchors to (in viewport coordinates). */\nexport interface AnnotationAnchor {\n  /** Right edge of the code block (where the card should start). */\n  codeRight: number;\n  /** Left edge of the code block (for the below-fallback alignment). */\n  codeLeft: number;\n  /** Vertical center of the hovered line. */\n  lineCenter: number;\n  /** Bottom of the hovered line (for the below-fallback placement). */\n  lineBottom: number;\n}\n\nconst HOVER_CARD_WIDTH = 280;\nconst HOVER_CARD_GAP = 12;\nconst VIEWPORT_MARGIN = 8;\n\n/**\n * The single on-hover note card, portaled to `document.body` and positioned\n * `fixed` so it escapes the code block's `overflow` and never reflows the code.\n *\n * Placement: by default it sits to the RIGHT of the code block's right edge,\n * vertically centered on the hovered line — so it never overlaps the code text.\n * If there isn't room to the right (it would overflow the viewport), it clamps\n * within the viewport, and if the right gutter is too narrow for the card it\n * falls back to BELOW the hovered line (left-aligned to the code block). The card\n * keeps itself open while hovered (`onMouseEnter`/`onMouseLeave` forwarded) so it\n * stays readable; the caller adds the small hover-intent close delay.\n */\nexport function AnnotationHoverCard<A extends RailAnnotation>({\n  item,\n  anchor,\n  ctx,\n  showMarker = false,\n  onMouseEnter,\n  onMouseLeave,\n}: {\n  item: ResolvedAnnotation<A>;\n  anchor: AnnotationAnchor;\n  ctx: BlockRenderContext;\n  showMarker?: boolean;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}) {\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\n\n  // Measure the rendered card, then resolve a non-overlapping position: right of\n  // the code if it fits, else clamp into the viewport, else drop below the line.\n  useLayoutEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const el = cardRef.current;\n    const rect = el?.getBoundingClientRect();\n    const width = rect && rect.width > 0 ? rect.width : HOVER_CARD_WIDTH;\n    const height = rect && rect.height > 0 ? rect.height : 0;\n    const vw = window.innerWidth || 0;\n    const vh = window.innerHeight || 0;\n\n    const rightLeft = anchor.codeRight + HOVER_CARD_GAP;\n    const fitsRight = rightLeft + width + VIEWPORT_MARGIN <= vw;\n\n    let left: number;\n    let top: number;\n    if (fitsRight) {\n      // Default: to the right of the code, centered on the hovered line.\n      left = rightLeft;\n      top = anchor.lineCenter - height / 2;\n    } else {\n      // No room to the right → drop below the line, aligned to the code's left.\n      left = anchor.codeLeft;\n      top = anchor.lineBottom + HOVER_CARD_GAP;\n    }\n    // Clamp within the viewport so the card is never cut off.\n    left = Math.max(\n      VIEWPORT_MARGIN,\n      Math.min(left, vw - width - VIEWPORT_MARGIN),\n    );\n    top = Math.max(\n      VIEWPORT_MARGIN,\n      Math.min(top, vh - height - VIEWPORT_MARGIN),\n    );\n    setPos({ top, left });\n  }, [\n    anchor.codeRight,\n    anchor.codeLeft,\n    anchor.lineCenter,\n    anchor.lineBottom,\n    item.index,\n  ]);\n\n  if (typeof document === \"undefined\") return null;\n\n  return createPortal(\n    <div\n      ref={cardRef}\n      role=\"tooltip\"\n      data-annotation-hover-card\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className=\"pointer-events-auto fixed z-50\"\n      style={{\n        top: pos?.top ?? anchor.lineCenter,\n        left: pos?.left ?? anchor.codeRight + HOVER_CARD_GAP,\n        width: HOVER_CARD_WIDTH,\n        // Hide until measured to avoid a one-frame jump from the fallback spot.\n        visibility: pos ? \"visible\" : \"hidden\",\n      }}\n    >\n      <AnnotationCard\n        item={item}\n        ctx={ctx}\n        active\n        showMarker={showMarker}\n        className=\"shadow-lg shadow-black/10 dark:shadow-black/40\"\n      />\n    </div>,\n    document.body,\n  );\n}\n\n/**\n * Hover-intent controller for the on-hover note card. Exposes `activeIndex` +\n * the captured `anchor`, plus `open`/`scheduleClose`/`cancelClose` handlers.\n *\n *  - `open(index, anchor)` shows a card immediately (cancels any pending close).\n *  - `scheduleClose()` hides after a short delay, so moving the pointer from the\n *    code line across the gap into the card itself keeps it open.\n *  - `cancelClose()` (call on card mouse-enter) keeps it open while reading.\n */\nexport function useAnnotationHover(delay = 130) {\n  const [active, setActive] = useState<{\n    index: number;\n    anchor: AnnotationAnchor;\n  } | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelClose = () => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  };\n  const open = (index: number, anchor: AnnotationAnchor) => {\n    cancelClose();\n    setActive({ index, anchor });\n  };\n  const scheduleClose = () => {\n    cancelClose();\n    timer.current = setTimeout(() => setActive(null), delay);\n  };\n\n  useEffect(() => () => cancelClose(), []);\n\n  return {\n    activeIndex: active?.index ?? null,\n    anchor: active?.anchor ?? null,\n    open,\n    scheduleClose,\n    cancelClose,\n  } as const;\n}\n\n/**\n * Build an {@link AnnotationAnchor} from the code block element and the hovered\n * row element. The card anchors to the code block's RIGHT edge and the row's\n * vertical center, both in viewport coordinates (so a `fixed` portal lines up).\n */\nexport function anchorFromElements(\n  codeEl: HTMLElement | null,\n  rowEl: HTMLElement | null,\n): AnnotationAnchor | null {\n  if (!codeEl || !rowEl) return null;\n  const code = codeEl.getBoundingClientRect();\n  const row = rowEl.getBoundingClientRect();\n  return {\n    codeRight: code.right,\n    codeLeft: code.left,\n    lineCenter: row.top + row.height / 2,\n    lineBottom: row.bottom,\n  };\n}\n\n/**\n * The responsive list of line-anchored note cards. Each card shows its marker\n * pip, the resolved line span (\"Line 8\"), an optional label, and the markdown\n * `note` (via `ctx.renderMarkdown`). Hovering a card sets the active index;\n * `activeIndex` driven from outside lets a hovered code row light its card and\n * vice-versa. Only annotations whose `range` resolved are listed.\n *\n * @deprecated Superseded by the on-hover {@link AnnotationHoverCard}; kept for\n * back-compat with any external importer. Both block read renderers now use the\n * hover popover anchored to the right of the code instead of a persistent rail.\n */\nexport function AnnotationNoteRail<A extends RailAnnotation>({\n  items,\n  activeIndex,\n  onActiveChange,\n  ctx,\n  className,\n  showMarker = false,\n}: {\n  items: ResolvedAnnotation<A>[];\n  activeIndex: number | null;\n  onActiveChange: (index: number | null) => void;\n  ctx: BlockRenderContext;\n  className?: string;\n  /** Show a leading numbered pip on each card (diff block). */\n  showMarker?: boolean;\n}) {\n  const sideAnnotations = useMemo(\n    () => items.filter((item) => item.range),\n    [items],\n  );\n  return (\n    <div className={cn(\"flex flex-col gap-2.5\", className)}>\n      {sideAnnotations.map((item) => (\n        <AnnotationCard\n          key={item.index}\n          item={item}\n          ctx={ctx}\n          active={activeIndex === item.index}\n          showMarker={showMarker}\n          onMouseEnter={() => onActiveChange(item.index)}\n          onMouseLeave={() => onActiveChange(null)}\n        />\n      ))}\n    </div>\n  );\n}\n\n/** Whether a resolved list has at least one note worth rendering a rail for. */\nexport function hasRailAnnotations(items: ResolvedAnnotation[]): boolean {\n  return items.some((item) => item.range);\n}\n\nexport type AnnotationRailChildren = ReactNode;\n"]}
+{"version":3,"file":"annotation-rail.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/annotation-rail.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../utils.js\";\nimport type { BlockRenderContext } from \"../types.js\";\n\n/**\n * Shared line-anchored annotation UI for the `annotated-code` and `diff` blocks.\n *\n * Both blocks render a numbered code surface plus a side \"rail\" of notes, where\n * each note targets a 1-based `lines` ref (`\"3\"` or `\"3-5\"`) and hovering a code\n * line ↔ its note cross-highlights. This module owns the pure pieces that were\n * identical between them so neither block forks the behavior:\n *\n *  - `parseLineRange` — the forgiving 1-based `lines` range parser.\n *  - `resolveAnnotations` / `buildLineMarkerMap` — turn a raw annotation list\n *    into stable, marker-numbered, range-resolved records and a line→markers map.\n *  - `rangeLabel` — the human \"Line 8\" / \"Lines 3–6\" label.\n *  - `AnnotationGutterMarker` — the numbered amber pip placed on an annotated row\n *    (used by the diff grid; the annotated-code surface uses its own rail bar).\n *  - `AnnotationNoteRail` — the responsive list of note cards with two-way hover.\n *    `showMarker` opts the diff block into a leading numbered pip on each card so\n *    a note can be matched to its `①`/`②` row marker; annotated-code omits it to\n *    keep its original card chrome.\n *\n * `AnnotatedCodeBlock` annotates a single code surface; `DiffBlock` annotates a\n * before/after grid (each annotation also carries a `side`). The shared types\n * here are intentionally minimal — callers pass their own `side` handling and\n * decide which rows a marker lands on; this module only owns the parsing, the\n * resolved-record shape, and the rendered marker + rail chrome.\n */\n\n/* ── Line-ref parsing ──────────────────────────────────────────────────────── */\n\n/**\n * Parse a 1-based `lines` ref (`\"3\"` or `\"3-5\"`) into an inclusive `[start,end]`\n * pair, clamped to `[1, lineCount]`. Returns `null` for malformed or fully\n * out-of-range refs so callers can ignore them gracefully. A reversed range\n * (`\"5-3\"`) is normalized; a partially out-of-range range is clamped.\n */\nexport function parseLineRange(\n  ref: string,\n  lineCount: number,\n): { start: number; end: number } | null {\n  const match = /^\\s*(\\d+)\\s*(?:-\\s*(\\d+)\\s*)?$/.exec(ref);\n  if (!match) return null;\n  let start = Number.parseInt(match[1], 10);\n  let end = match[2] != null ? Number.parseInt(match[2], 10) : start;\n  if (!Number.isFinite(start) || !Number.isFinite(end)) return null;\n  if (start > end) [start, end] = [end, start];\n  // Fully outside the file → ignore.\n  if (end < 1 || start > lineCount) return null;\n  return { start: Math.max(1, start), end: Math.min(lineCount, end) };\n}\n\n/** The minimal annotation shape the rail needs (a superset works too). */\nexport interface RailAnnotation {\n  lines: string;\n  label?: string;\n  note: string;\n}\n\nexport interface ResolvedAnnotation<A extends RailAnnotation = RailAnnotation> {\n  /** Index in the original `annotations` array (stable hover key). */\n  index: number;\n  /** 1-based marker number (authoring order). */\n  marker: number;\n  annotation: A;\n  range: { start: number; end: number } | null;\n}\n\n/**\n * Resolve a raw annotation list into stable, marker-numbered records, parsing\n * each `lines` ref against `lineCount`. `lineCountFor` lets the diff block pick a\n * per-annotation line count (before-side vs after-side); annotated-code passes a\n * single constant. Markers are authoring-order, 1-based, and assigned to ALL\n * annotations (even unresolved ones) so numbering is stable regardless of which\n * refs happen to match.\n */\nexport function resolveAnnotations<A extends RailAnnotation>(\n  annotations: A[] | undefined,\n  lineCountFor: (annotation: A) => number,\n): ResolvedAnnotation<A>[] {\n  return (annotations ?? []).map((annotation, index) => ({\n    index,\n    marker: index + 1,\n    annotation,\n    range: parseLineRange(annotation.lines, lineCountFor(annotation)),\n  }));\n}\n\n/** Map a 1-based line number → the resolved annotations covering it. */\nexport function buildLineMarkerMap<A extends RailAnnotation>(\n  resolved: ResolvedAnnotation<A>[],\n): Map<number, ResolvedAnnotation<A>[]> {\n  const map = new Map<number, ResolvedAnnotation<A>[]>();\n  for (const item of resolved) {\n    if (!item.range) continue;\n    for (let n = item.range.start; n <= item.range.end; n += 1) {\n      const list = map.get(n) ?? [];\n      list.push(item);\n      map.set(n, list);\n    }\n  }\n  return map;\n}\n\n/** Human label for a resolved annotation's line span (\"Line 8\" / \"Lines 3–6\"). */\nexport function rangeLabel(item: ResolvedAnnotation): string {\n  if (!item.range) return `Lines ${item.annotation.lines}`;\n  return item.range.start === item.range.end\n    ? `Line ${item.range.start}`\n    : `Lines ${item.range.start}–${item.range.end}`;\n}\n\n/* ── Marker ────────────────────────────────────────────────────────────────── */\n\n/**\n * The numbered amber pip rendered on an annotated code row's gutter. `active`\n * brightens it when its note (or a co-located row) is hovered.\n */\nexport function AnnotationGutterMarker({\n  marker,\n  active,\n  className,\n}: {\n  marker: number;\n  active: boolean;\n  className?: string;\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex size-[15px] shrink-0 items-center justify-center rounded-full text-[9px] font-semibold leading-none tabular-nums transition-colors\",\n        active\n          ? \"bg-amber-500 text-white dark:bg-amber-400 dark:text-amber-950\"\n          : \"bg-amber-400/25 text-amber-700 dark:bg-amber-300/20 dark:text-amber-300\",\n        className,\n      )}\n    >\n      {marker}\n    </span>\n  );\n}\n\n/* ── Note card ─────────────────────────────────────────────────────────────── */\n\n/**\n * One line-anchored note card: marker pip (when `showMarker`), the resolved line\n * span (\"Line 8\"), an optional label, and the markdown `note` (via\n * `ctx.renderMarkdown`). This is the single source of card markup, rendered both\n * by the visually-hidden a11y/test stack and by the on-hover portal popover.\n */\nexport function AnnotationCard<A extends RailAnnotation>({\n  item,\n  ctx,\n  active = false,\n  showMarker = false,\n  className,\n  onMouseEnter,\n  onMouseLeave,\n}: {\n  item: ResolvedAnnotation<A>;\n  ctx: BlockRenderContext;\n  active?: boolean;\n  showMarker?: boolean;\n  className?: string;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}) {\n  return (\n    <div\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={cn(\n        \"rounded-lg border px-3.5 py-2.5 transition-colors\",\n        active\n          ? \"border-amber-400/70 bg-amber-50 dark:border-amber-300/40 dark:bg-amber-300/[0.08]\"\n          : \"border-plan-line bg-plan-block/40 hover:border-amber-400/50\",\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-wrap gap-x-2 gap-y-0.5\",\n          showMarker ? \"items-center\" : \"items-baseline\",\n        )}\n      >\n        {showMarker && (\n          <AnnotationGutterMarker marker={item.marker} active={active} />\n        )}\n        <span className=\"text-[11px] font-semibold uppercase tracking-wide text-plan-muted\">\n          {rangeLabel(item)}\n        </span>\n        {item.annotation.label && (\n          <span className=\"text-[13px] font-semibold text-plan-text\">\n            {item.annotation.label}\n          </span>\n        )}\n      </div>\n      <div className=\"plan-annotation-note mt-1 text-[13px] leading-relaxed text-plan-text/85\">\n        {ctx.renderMarkdown ? (\n          ctx.renderMarkdown(item.annotation.note)\n        ) : (\n          <p>{item.annotation.note}</p>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Visually-hidden stack of every resolved note. It is NOT a visible column — it\n * sits in the flow but clipped to a 1px box (the `sr-only` pattern) so the note\n * text and the per-card marker pips stay in the accessibility tree and in the\n * DOM (assistive tech can reach them, and tests that read `textContent`/count\n * pips still see them) WITHOUT painting a persistent rail beside the code. The\n * visible card appears only on hover via {@link AnnotationHoverCard}.\n */\nexport function AnnotationHiddenStack<A extends RailAnnotation>({\n  items,\n  ctx,\n  showMarker = false,\n}: {\n  items: ResolvedAnnotation<A>[];\n  ctx: BlockRenderContext;\n  showMarker?: boolean;\n}) {\n  const resolved = useMemo(() => items.filter((item) => item.range), [items]);\n  if (resolved.length === 0) return null;\n  return (\n    <div\n      className=\"absolute size-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)] [clip-path:inset(50%)]\"\n      data-annotation-hidden-stack\n    >\n      {resolved.map((item) => (\n        <AnnotationCard\n          key={item.index}\n          item={item}\n          ctx={ctx}\n          showMarker={showMarker}\n        />\n      ))}\n    </div>\n  );\n}\n\n/* ── Hover popover (portal, anchored beside the code) ──────────────────────── */\n\n/** The geometry the hover card anchors to (in viewport coordinates). */\nexport interface AnnotationAnchor {\n  /** Right edge of the code block (where the card should start). */\n  codeRight: number;\n  /** Left edge of the code block (for the below-fallback alignment). */\n  codeLeft: number;\n  /** Vertical center of the hovered line. */\n  lineCenter: number;\n  /** Bottom of the hovered line (for the below-fallback placement). */\n  lineBottom: number;\n}\n\nconst HOVER_CARD_WIDTH = 280;\nconst HOVER_CARD_GAP = 12;\nconst VIEWPORT_MARGIN = 8;\n\nexport function resolveAnnotationHoverCardPosition(\n  anchor: AnnotationAnchor,\n  card: { width: number; height: number },\n  viewport: { width: number; height: number },\n): { top: number; left: number } {\n  const rightLeft = anchor.codeRight + HOVER_CARD_GAP;\n  const fitsRight = rightLeft + card.width + VIEWPORT_MARGIN <= viewport.width;\n  const leftLeft = anchor.codeLeft - HOVER_CARD_GAP - card.width;\n  const fitsLeft = leftLeft >= VIEWPORT_MARGIN;\n\n  let left: number;\n  let top: number;\n  if (fitsRight) {\n    // Default: to the right of the code, centered on the hovered line.\n    left = rightLeft;\n    top = anchor.lineCenter - card.height / 2;\n  } else if (fitsLeft) {\n    // Prefer the left gutter over covering the code below the hovered line.\n    left = leftLeft;\n    top = anchor.lineCenter - card.height / 2;\n  } else {\n    // No clean side gutter → drop below the line, aligned to the code's left.\n    left = anchor.codeLeft;\n    top = anchor.lineBottom + HOVER_CARD_GAP;\n  }\n\n  // Clamp within the viewport so the card is never cut off.\n  left = Math.max(\n    VIEWPORT_MARGIN,\n    Math.min(left, viewport.width - card.width - VIEWPORT_MARGIN),\n  );\n  top = Math.max(\n    VIEWPORT_MARGIN,\n    Math.min(top, viewport.height - card.height - VIEWPORT_MARGIN),\n  );\n\n  return { top, left };\n}\n\n/**\n * The single on-hover note card, portaled to `document.body` and positioned\n * `fixed` so it escapes the code block's `overflow` and never reflows the code.\n *\n * Placement: by default it sits to the RIGHT of the code block's right edge,\n * vertically centered on the hovered line — so it never overlaps the code text.\n * If there isn't room to the right, it uses the LEFT of the code block when the\n * card can fit there without covering code. Only when neither side fits does it\n * fall back to BELOW the hovered line (left-aligned to the code block). The card\n * keeps itself open while hovered (`onMouseEnter`/`onMouseLeave` forwarded) so\n * it stays readable; the caller adds the small hover-intent close delay.\n */\nexport function AnnotationHoverCard<A extends RailAnnotation>({\n  item,\n  anchor,\n  ctx,\n  showMarker = false,\n  onMouseEnter,\n  onMouseLeave,\n  onClose,\n}: {\n  item: ResolvedAnnotation<A>;\n  anchor: AnnotationAnchor;\n  ctx: BlockRenderContext;\n  showMarker?: boolean;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  /** Called when the card should be dismissed (e.g. on scroll). */\n  onClose?: () => void;\n}) {\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\n\n  // Measure the rendered card, then resolve a non-overlapping position: right of\n  // the code if it fits, then left if that side has a clean gutter, otherwise\n  // below the line.\n  useLayoutEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const el = cardRef.current;\n    const rect = el?.getBoundingClientRect();\n    const width = rect && rect.width > 0 ? rect.width : HOVER_CARD_WIDTH;\n    const height = rect && rect.height > 0 ? rect.height : 0;\n    const vw = window.innerWidth || 0;\n    const vh = window.innerHeight || 0;\n    setPos(\n      resolveAnnotationHoverCardPosition(\n        anchor,\n        { width, height },\n        { width: vw, height: vh },\n      ),\n    );\n  }, [\n    anchor.codeRight,\n    anchor.codeLeft,\n    anchor.lineCenter,\n    anchor.lineBottom,\n    item.index,\n  ]);\n\n  // Close the card when the user scrolls so it doesn't float detached.\n  useEffect(() => {\n    if (!onClose || typeof window === \"undefined\") return;\n    const handler = () => onClose();\n    window.addEventListener(\"scroll\", handler, {\n      capture: true,\n      passive: true,\n    });\n    return () =>\n      window.removeEventListener(\"scroll\", handler, { capture: true });\n  }, [onClose]);\n\n  if (typeof document === \"undefined\") return null;\n\n  return createPortal(\n    <div\n      ref={cardRef}\n      role=\"tooltip\"\n      data-annotation-hover-card\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className=\"pointer-events-auto fixed z-50\"\n      style={{\n        top: pos?.top ?? anchor.lineCenter,\n        left: pos?.left ?? anchor.codeRight + HOVER_CARD_GAP,\n        width: HOVER_CARD_WIDTH,\n        // Hide until measured to avoid a one-frame jump from the fallback spot.\n        visibility: pos ? \"visible\" : \"hidden\",\n      }}\n    >\n      <AnnotationCard\n        item={item}\n        ctx={ctx}\n        active\n        showMarker={showMarker}\n        className=\"shadow-lg shadow-black/10 dark:shadow-black/40\"\n      />\n    </div>,\n    document.body,\n  );\n}\n\n/**\n * Hover-intent + tap controller for the on-hover note card. Exposes\n * `activeIndex` + the captured `anchor`, plus `open`/`toggle`/`close`/\n * `scheduleClose`/`cancelClose` handlers.\n *\n *  - `open(index, anchor)` shows a card immediately (cancels any pending close).\n *  - `toggle(index, anchor)` opens a card if it isn't already the active one,\n *    or closes it if it is — used for click/tap on annotated rows so touch users\n *    can access notes without hover.\n *  - `close()` hides the card immediately (used on scroll to avoid stale cards).\n *  - `scheduleClose()` hides after a short delay, so moving the pointer from the\n *    code line across the gap into the card itself keeps it open.\n *  - `cancelClose()` (call on card mouse-enter) keeps it open while reading.\n */\nexport function useAnnotationHover(delay = 130) {\n  const [active, setActive] = useState<{\n    index: number;\n    anchor: AnnotationAnchor;\n  } | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelClose = () => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  };\n  const open = (index: number, anchor: AnnotationAnchor) => {\n    cancelClose();\n    setActive({ index, anchor });\n  };\n  const toggle = (index: number, anchor: AnnotationAnchor) => {\n    cancelClose();\n    setActive((prev) => (prev?.index === index ? null : { index, anchor }));\n  };\n  const close = () => {\n    cancelClose();\n    setActive(null);\n  };\n  const scheduleClose = () => {\n    cancelClose();\n    timer.current = setTimeout(() => setActive(null), delay);\n  };\n\n  useEffect(() => () => cancelClose(), []);\n\n  return {\n    activeIndex: active?.index ?? null,\n    anchor: active?.anchor ?? null,\n    open,\n    toggle,\n    close,\n    scheduleClose,\n    cancelClose,\n  } as const;\n}\n\n/**\n * Build an {@link AnnotationAnchor} from the code block element and the hovered\n * row element. The card anchors to the code block's RIGHT edge and the row's\n * vertical center, both in viewport coordinates (so a `fixed` portal lines up).\n */\nexport function anchorFromElements(\n  codeEl: HTMLElement | null,\n  rowEl: HTMLElement | null,\n): AnnotationAnchor | null {\n  if (!codeEl || !rowEl) return null;\n  const code = codeEl.getBoundingClientRect();\n  const row = rowEl.getBoundingClientRect();\n  return {\n    codeRight: code.right,\n    codeLeft: code.left,\n    lineCenter: row.top + row.height / 2,\n    lineBottom: row.bottom,\n  };\n}\n\n/**\n * The responsive list of line-anchored note cards. Each card shows its marker\n * pip, the resolved line span (\"Line 8\"), an optional label, and the markdown\n * `note` (via `ctx.renderMarkdown`). Hovering a card sets the active index;\n * `activeIndex` driven from outside lets a hovered code row light its card and\n * vice-versa. Only annotations whose `range` resolved are listed.\n *\n * @deprecated Superseded by the on-hover {@link AnnotationHoverCard}; kept for\n * back-compat with any external importer. Both block read renderers now use the\n * hover popover anchored to the right of the code instead of a persistent rail.\n */\nexport function AnnotationNoteRail<A extends RailAnnotation>({\n  items,\n  activeIndex,\n  onActiveChange,\n  ctx,\n  className,\n  showMarker = false,\n}: {\n  items: ResolvedAnnotation<A>[];\n  activeIndex: number | null;\n  onActiveChange: (index: number | null) => void;\n  ctx: BlockRenderContext;\n  className?: string;\n  /** Show a leading numbered pip on each card (diff block). */\n  showMarker?: boolean;\n}) {\n  const sideAnnotations = useMemo(\n    () => items.filter((item) => item.range),\n    [items],\n  );\n  return (\n    <div className={cn(\"flex flex-col gap-2.5\", className)}>\n      {sideAnnotations.map((item) => (\n        <AnnotationCard\n          key={item.index}\n          item={item}\n          ctx={ctx}\n          active={activeIndex === item.index}\n          showMarker={showMarker}\n          onMouseEnter={() => onActiveChange(item.index)}\n          onMouseLeave={() => onActiveChange(null)}\n        />\n      ))}\n    </div>\n  );\n}\n\n/** Whether a resolved list has at least one note worth rendering a rail for. */\nexport function hasRailAnnotations(items: ResolvedAnnotation[]): boolean {\n  return items.some((item) => item.range);\n}\n\nexport type AnnotationRailChildren = ReactNode;\n"]}

package/dist/client/blocks/library/code-filename-label.d.ts

@@ -0,0 +1,8 @@
+export declare function CodeFilenameLabel({ filename, fallback, className, directoryClassName, basenameClassName, }: {
+    filename?: string | null;
+    fallback?: string;
+    className?: string;
+    directoryClassName?: string;
+    basenameClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-filename-label.d.ts.map

package/dist/client/blocks/library/code-filename-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-filename-label.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-filename-label.tsx"],"names":[],"mappings":"AAcA,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,iBAAiB,GAClB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CAgCA"}

package/dist/client/blocks/library/code-filename-label.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils.js";
+function splitFilename(filename) {
+    const value = filename?.trim() || "snippet";
+    const segments = value.split("/").filter(Boolean);
+    const basename = segments[segments.length - 1] ?? value;
+    const directory = segments.length > 1 ? `${segments.slice(0, -1).join("/")}/` : null;
+    return { basename, directory };
+}
+export function CodeFilenameLabel({ filename, fallback = "snippet", className, directoryClassName, basenameClassName, }) {
+    const value = filename?.trim() || fallback;
+    const { basename, directory } = splitFilename(value);
+    return (_jsxs("span", { className: cn("inline-flex min-w-0 flex-1 items-baseline font-mono", className), title: value, children: [directory && (_jsx("span", { "data-code-filename-directory": true, className: cn("min-w-0 shrink truncate", directoryClassName), children: directory })), _jsx("span", { "data-code-filename-basename": true, className: cn("min-w-0 truncate", directory ? "max-w-[60%] shrink-0" : "flex-1", basenameClassName), children: basename })] }));
+}
+//# sourceMappingURL=code-filename-label.js.map

package/dist/client/blocks/library/code-filename-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-filename-label.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code-filename-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,SAAS,aAAa,CAAC,QAAwB;IAI7C,MAAM,KAAK,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC;IACxD,MAAM,SAAS,GACb,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,SAAS,EACT,kBAAkB,EAClB,iBAAiB,GAOlB;IACC,MAAM,KAAK,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,QAAQ,CAAC;IAC3C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,aAEX,SAAS,IAAI,CACZ,qDAEE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,CAAC,YAE3D,SAAS,GACL,CACR,EACD,oDAEE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,QAAQ,EAC7C,iBAAiB,CAClB,YAEA,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { cn } from \"../../utils.js\";\n\nfunction splitFilename(filename?: string | null): {\n  basename: string;\n  directory: string | null;\n} {\n  const value = filename?.trim() || \"snippet\";\n  const segments = value.split(\"/\").filter(Boolean);\n  const basename = segments[segments.length - 1] ?? value;\n  const directory =\n    segments.length > 1 ? `${segments.slice(0, -1).join(\"/\")}/` : null;\n  return { basename, directory };\n}\n\nexport function CodeFilenameLabel({\n  filename,\n  fallback = \"snippet\",\n  className,\n  directoryClassName,\n  basenameClassName,\n}: {\n  filename?: string | null;\n  fallback?: string;\n  className?: string;\n  directoryClassName?: string;\n  basenameClassName?: string;\n}) {\n  const value = filename?.trim() || fallback;\n  const { basename, directory } = splitFilename(value);\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex min-w-0 flex-1 items-baseline font-mono\",\n        className,\n      )}\n      title={value}\n    >\n      {directory && (\n        <span\n          data-code-filename-directory\n          className={cn(\"min-w-0 shrink truncate\", directoryClassName)}\n        >\n          {directory}\n        </span>\n      )}\n      <span\n        data-code-filename-basename\n        className={cn(\n          \"min-w-0 truncate\",\n          directory ? \"max-w-[60%] shrink-0\" : \"flex-1\",\n          basenameClassName,\n        )}\n      >\n        {basename}\n      </span>\n    </span>\n  );\n}\n"]}

package/dist/client/blocks/library/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmYtE,eAAO,MAAM,SAAS,2CAYpB,CAAC"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/code.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2YtE,eAAO,MAAM,SAAS,2CAYpB,CAAC"}

package/dist/client/blocks/library/code.js

@@ -6,6 +6,7 @@ import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/po
 import { defineBlock } from "../types.js";
 import { CodeSurface, DEFAULT_CODE_MAX_LINES } from "./HighlightedCode.js";
 import { highlightCode, inferLanguageFromFilename, normalizeCodeLanguage, } from "./code-highlight.js";
+import { CodeFilenameLabel } from "./code-filename-label.js";
 import { codeSchema, codeMdx } from "./code.config.js";
 /**
  * Standard `code` block (STANDARD core library): THE primitive single code
@@ -53,7 +54,7 @@ function CodeRead({ data, blockId }) {
         inferLanguageFromFilename(data.filename) ??
         undefined;
     const hasFilename = Boolean(data.filename?.trim());
-    return (_jsx("section", { className: "plan-block", "data-block-id": blockId, children: _jsxs("div", { className: "plan-code group relative", children: [hasFilename && (_jsxs("div", { className: "plan-code-head", children: [_jsxs("span", { className: "plan-code-filename", children: [_jsx(IconCode, { className: "size-4 shrink-0 opacity-70" }), data.filename] }), _jsx("span", { className: "plan-code-chrome", children: _jsx(CopyButton, { value: data.code }) })] })), _jsx(CodeSurface, { code: data.code, language: language, maxLines: data.maxLines, className: data.filename ? "mt-0" : "mt-0", showLanguageLabel: hasFilename }), !hasFilename && (_jsx("span", { className: "plan-code-chrome plan-code-chrome-float", children: _jsx(CopyButton, { value: data.code }) })), data.caption && _jsx("p", { className: "plan-code-caption", children: data.caption })] }) }));
+    return (_jsx("section", { className: "plan-block", "data-block-id": blockId, children: _jsxs("div", { className: "plan-code group relative", children: [hasFilename && (_jsxs("div", { className: "plan-code-head", children: [_jsxs("span", { className: "plan-code-filename", children: [_jsx(IconCode, { className: "size-4 shrink-0 opacity-70" }), _jsx(CodeFilenameLabel, { filename: data.filename, directoryClassName: "text-plan-muted", basenameClassName: "text-plan-text" })] }), _jsx("span", { className: "plan-code-chrome", children: _jsx(CopyButton, { value: data.code }) })] })), _jsx(CodeSurface, { code: data.code, language: language, maxLines: data.maxLines, className: data.filename ? "mt-0" : "mt-0", showLanguageLabel: false }), !hasFilename && (_jsx("span", { className: "plan-code-chrome plan-code-chrome-float", children: _jsx(CopyButton, { value: data.code }) })), data.caption && _jsx("p", { className: "plan-code-caption", children: data.caption })] }) }));
 }
 /* ── Edit (single border, no resize, auto-grow, hover chrome) ──────────────── */
 const SETTINGS_INPUT = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
@@ -110,7 +111,7 @@ function CodeEditorSurface({ code, language, filename, maxLines, editable, onCod
         layer.scrollTop = event.currentTarget.scrollTop;
     };
     const chrome = (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: selectId, className: "sr-only", children: "Code language" }), _jsx("select", { id: selectId, "data-plan-interactive": true, disabled: !editable, className: "plan-code-lang-select", value: normalizeCodeLanguage(language) ? (language ?? "") : "", onChange: (event) => onLanguageChange(event.target.value || undefined), children: CODE_LANGUAGES.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value || "auto"))) }), editable && (_jsx(CodeSettingsPopover, { filename: filename, maxLines: maxLines, onFilenameChange: onFilenameChange, onMaxLinesChange: onMaxLinesChange })), _jsx(CopyButton, { value: code })] }));
-    return (_jsxs("div", { className: cn("plan-code plan-code-editing group relative", !hasFilename && "plan-code-editing--unlabeled", !editable && "opacity-60"), children: [hasFilename && (_jsxs("div", { className: "plan-code-head", children: [_jsxs("span", { className: "plan-code-filename plan-code-muted", children: [_jsx(IconCode, { className: "size-4 shrink-0 opacity-70" }), filename] }), _jsx("span", { className: "plan-code-chrome", children: chrome })] })), _jsxs("div", { className: "plan-code-editor-body", children: [_jsx("pre", { ref: highlightLayerRef, "aria-hidden": "true", className: "plan-code-editor-layer", children: _jsxs("code", { children: [highlighted, code.endsWith("\n") ? " " : null] }) }), _jsx("textarea", { "data-plan-interactive": true, spellCheck: false, wrap: "off", rows: Math.max(3, rows), className: "plan-code-editor-input", value: code, disabled: !editable, onChange: (event) => onCodeChange(event.target.value), onScroll: syncScroll }), collapsed && (_jsx("div", { className: "plan-code-editor-fade", "aria-hidden": "true" }))] }), !hasFilename && (_jsx("span", { className: "plan-code-chrome plan-code-chrome-float", children: chrome })), collapsible && (_jsx("button", { type: "button", "data-plan-interactive": true, className: "plan-code-surface-toggle", onClick: () => setExpanded((value) => !value), children: collapsed
+    return (_jsxs("div", { className: cn("plan-code plan-code-editing group relative", !hasFilename && "plan-code-editing--unlabeled", !editable && "opacity-60"), children: [hasFilename && (_jsxs("div", { className: "plan-code-head", children: [_jsxs("span", { className: "plan-code-filename plan-code-muted", children: [_jsx(IconCode, { className: "size-4 shrink-0 opacity-70" }), _jsx(CodeFilenameLabel, { filename: filename, directoryClassName: "text-plan-muted", basenameClassName: "text-plan-text" })] }), _jsx("span", { className: "plan-code-chrome", children: chrome })] })), _jsxs("div", { className: "plan-code-editor-body", children: [_jsx("pre", { ref: highlightLayerRef, "aria-hidden": "true", className: "plan-code-editor-layer", children: _jsxs("code", { children: [highlighted, code.endsWith("\n") ? " " : null] }) }), _jsx("textarea", { "data-plan-interactive": true, spellCheck: false, wrap: "off", rows: Math.max(3, rows), className: "plan-code-editor-input", value: code, disabled: !editable, onChange: (event) => onCodeChange(event.target.value), onScroll: syncScroll }), collapsed && (_jsx("div", { className: "plan-code-editor-fade", "aria-hidden": "true" }))] }), !hasFilename && (_jsx("span", { className: "plan-code-chrome plan-code-chrome-float", children: chrome })), collapsible && (_jsx("button", { type: "button", "data-plan-interactive": true, className: "plan-code-surface-toggle", onClick: () => setExpanded((value) => !value), children: collapsed
                     ? `Show ${hiddenLines} more line${hiddenLines === 1 ? "" : "s"}`
                     : "Show less" }))] }));
 }

package/dist/client/blocks/library/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useId,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type UIEvent,\n} from \"react\";\nimport { IconCheck, IconCode, IconCopy, IconPencil } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../components/ui/popover.js\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport { CodeSurface, DEFAULT_CODE_MAX_LINES } from \"./HighlightedCode.js\";\nimport {\n  highlightCode,\n  inferLanguageFromFilename,\n  normalizeCodeLanguage,\n} from \"./code-highlight.js\";\nimport { codeSchema, codeMdx, type CodeData } from \"./code.config.js\";\n\n/**\n * Standard `code` block (STANDARD core library): THE primitive single code\n * snippet, used everywhere in plan + content. Notion-style — one border, a\n * hover-revealed language switcher + copy, and the shared collapse-to-N-lines\n * read surface. A \"file rail\" of several files is just the `tabs` primitive\n * holding `code` blocks; there is no bespoke \"code-tabs\" container.\n *\n * Read = the shared {@link CodeSurface} (Shiki, single border, language label,\n * \"Show N more lines\"). Edit = a clean, single-border editable surface (no\n * drag-to-resize; it auto-grows to its content) with the same hover chrome.\n */\n\n/** Language options for the hover switcher; \"\" is the Auto-detect sentinel. */\nconst CODE_LANGUAGES: ReadonlyArray<{ value: string; label: string }> = [\n  { value: \"\", label: \"Auto\" },\n  { value: \"typescript\", label: \"TypeScript\" },\n  { value: \"javascript\", label: \"JavaScript\" },\n  { value: \"tsx\", label: \"TSX\" },\n  { value: \"jsx\", label: \"JSX\" },\n  { value: \"json\", label: \"JSON\" },\n  { value: \"html\", label: \"HTML\" },\n  { value: \"css\", label: \"CSS\" },\n  { value: \"bash\", label: \"Bash\" },\n  { value: \"python\", label: \"Python\" },\n  { value: \"sql\", label: \"SQL\" },\n  { value: \"yaml\", label: \"YAML\" },\n  { value: \"markdown\", label: \"Markdown\" },\n  { value: \"graphql\", label: \"GraphQL\" },\n  { value: \"go\", label: \"Go\" },\n  { value: \"rust\", label: \"Rust\" },\n  { value: \"diff\", label: \"Diff\" },\n];\n\nfunction CopyButton({ value }: { value: string }) {\n  const [copied, setCopied] = useState(false);\n  return (\n    <button\n      type=\"button\"\n      data-plan-interactive\n      aria-label={copied ? \"Copied\" : \"Copy code\"}\n      title={copied ? \"Copied\" : \"Copy code\"}\n      className=\"plan-code-chip\"\n      onClick={() => {\n        void navigator.clipboard?.writeText(value).then(\n          () => {\n            setCopied(true);\n            setTimeout(() => setCopied(false), 1200);\n          },\n          () => {},\n        );\n      }}\n    >\n      {copied ? (\n        <IconCheck className=\"size-3.5\" />\n      ) : (\n        <IconCopy className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/* ── Read ──────────────────────────────────────────────────────────────────── */\n\nfunction CodeRead({ data, blockId }: BlockReadProps<CodeData>) {\n  const language =\n    normalizeCodeLanguage(data.language) ??\n    inferLanguageFromFilename(data.filename) ??\n    undefined;\n  const hasFilename = Boolean(data.filename?.trim());\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      <div className=\"plan-code group relative\">\n        {hasFilename && (\n          <div className=\"plan-code-head\">\n            <span className=\"plan-code-filename\">\n              <IconCode className=\"size-4 shrink-0 opacity-70\" />\n              {data.filename}\n            </span>\n            <span className=\"plan-code-chrome\">\n              <CopyButton value={data.code} />\n            </span>\n          </div>\n        )}\n        <CodeSurface\n          code={data.code}\n          language={language}\n          maxLines={data.maxLines}\n          className={data.filename ? \"mt-0\" : \"mt-0\"}\n          showLanguageLabel={hasFilename}\n        />\n        {!hasFilename && (\n          <span className=\"plan-code-chrome plan-code-chrome-float\">\n            <CopyButton value={data.code} />\n          </span>\n        )}\n        {data.caption && <p className=\"plan-code-caption\">{data.caption}</p>}\n      </div>\n    </section>\n  );\n}\n\n/* ── Edit (single border, no resize, auto-grow, hover chrome) ──────────────── */\n\nconst SETTINGS_INPUT =\n  \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\n/** Hover \"settings\" (pencil) → popover to edit the filename + max-lines cap. */\nfunction CodeSettingsPopover({\n  filename,\n  maxLines,\n  onFilenameChange,\n  onMaxLinesChange,\n}: {\n  filename?: string;\n  maxLines?: number;\n  onFilenameChange: (filename: string | undefined) => void;\n  onMaxLinesChange: (maxLines: number | undefined) => void;\n}) {\n  const [filenameDraft, setFilenameDraft] = useState(filename ?? \"\");\n\n  useEffect(() => {\n    setFilenameDraft(filename ?? \"\");\n  }, [filename]);\n\n  const commitFilename = () => {\n    const next = filenameDraft.trim();\n    onFilenameChange(next || undefined);\n  };\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-plan-interactive\n          aria-label=\"Code block settings\"\n          title=\"Code block settings\"\n          className=\"plan-code-chip\"\n        >\n          <IconPencil className=\"size-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        side=\"bottom\"\n        className=\"w-64 p-0\"\n        data-plan-interactive\n      >\n        <div className=\"border-b border-border px-3 py-2 text-sm font-semibold text-foreground\">\n          Code block\n        </div>\n        <div className=\"grid gap-3 p-3\">\n          <label className=\"grid gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Filename\n            </span>\n            <input\n              type=\"text\"\n              data-plan-interactive\n              className={SETTINGS_INPUT}\n              placeholder=\"src/file.ts\"\n              value={filenameDraft}\n              onBlur={commitFilename}\n              onChange={(event) => setFilenameDraft(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\") {\n                  commitFilename();\n                  event.currentTarget.blur();\n                }\n                if (event.key === \"Escape\") {\n                  setFilenameDraft(filename ?? \"\");\n                  event.currentTarget.blur();\n                }\n              }}\n            />\n          </label>\n          <label className=\"grid gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Max lines before expand\n            </span>\n            <input\n              type=\"number\"\n              min={0}\n              step={1}\n              data-plan-interactive\n              className={SETTINGS_INPUT}\n              placeholder={`${DEFAULT_CODE_MAX_LINES} (default) · 0 = no limit`}\n              value={maxLines ?? \"\"}\n              onChange={(event) => {\n                const raw = event.target.value.trim();\n                const parsed = raw === \"\" ? undefined : Number(raw);\n                onMaxLinesChange(\n                  parsed === undefined || Number.isNaN(parsed)\n                    ? undefined\n                    : Math.max(0, Math.min(2000, Math.floor(parsed))),\n                );\n              }}\n            />\n          </label>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction CodeEditorSurface({\n  code,\n  language,\n  filename,\n  maxLines,\n  editable,\n  onCodeChange,\n  onLanguageChange,\n  onFilenameChange,\n  onMaxLinesChange,\n}: {\n  code: string;\n  language?: string;\n  filename?: string;\n  maxLines?: number;\n  editable: boolean;\n  onCodeChange: (code: string) => void;\n  onLanguageChange: (language: string | undefined) => void;\n  onFilenameChange: (filename: string | undefined) => void;\n  onMaxLinesChange: (maxLines: number | undefined) => void;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const highlightLayerRef = useRef<HTMLPreElement>(null);\n  const selectId = useId();\n  const resolvedLanguage =\n    normalizeCodeLanguage(language) ?? inferLanguageFromFilename(filename);\n  const highlighted = useMemo(\n    () => highlightCode(code, resolvedLanguage),\n    [resolvedLanguage, code],\n  );\n  // Size the editor to its content by line count — deterministic, no layout\n  // measurement. `wrap=\"off\"` means one row per line. Long snippets collapse to\n  // `cap` lines behind a \"Show N more lines\" toggle, matching the read surface\n  // and the file-tree block. `maxLines` omitted ⇒ DEFAULT (40); `0` ⇒ never\n  // collapse (show everything).\n  const lineCount = code ? code.split(\"\\n\").length : 1;\n  const cap =\n    maxLines == null ? DEFAULT_CODE_MAX_LINES : maxLines > 0 ? maxLines : null;\n  const collapsible = cap != null && lineCount > cap;\n  const collapsed = collapsible && !expanded;\n  const hiddenLines = collapsible ? lineCount - (cap as number) : 0;\n  const rows = collapsed ? (cap as number) : lineCount + 1;\n  const hasFilename = Boolean(filename?.trim());\n\n  const syncScroll = (event: UIEvent<HTMLTextAreaElement>) => {\n    const layer = highlightLayerRef.current;\n    if (!layer) return;\n    layer.scrollLeft = event.currentTarget.scrollLeft;\n    layer.scrollTop = event.currentTarget.scrollTop;\n  };\n\n  const chrome = (\n    <>\n      <label htmlFor={selectId} className=\"sr-only\">\n        Code language\n      </label>\n      <select\n        id={selectId}\n        data-plan-interactive\n        disabled={!editable}\n        className=\"plan-code-lang-select\"\n        value={normalizeCodeLanguage(language) ? (language ?? \"\") : \"\"}\n        onChange={(event) => onLanguageChange(event.target.value || undefined)}\n      >\n        {CODE_LANGUAGES.map((option) => (\n          <option key={option.value || \"auto\"} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      {editable && (\n        <CodeSettingsPopover\n          filename={filename}\n          maxLines={maxLines}\n          onFilenameChange={onFilenameChange}\n          onMaxLinesChange={onMaxLinesChange}\n        />\n      )}\n      <CopyButton value={code} />\n    </>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"plan-code plan-code-editing group relative\",\n        !hasFilename && \"plan-code-editing--unlabeled\",\n        !editable && \"opacity-60\",\n      )}\n    >\n      {hasFilename && (\n        <div className=\"plan-code-head\">\n          <span className=\"plan-code-filename plan-code-muted\">\n            <IconCode className=\"size-4 shrink-0 opacity-70\" />\n            {filename}\n          </span>\n          <span className=\"plan-code-chrome\">{chrome}</span>\n        </div>\n      )}\n      <div className=\"plan-code-editor-body\">\n        <pre\n          ref={highlightLayerRef}\n          aria-hidden=\"true\"\n          className=\"plan-code-editor-layer\"\n        >\n          <code>\n            {highlighted}\n            {code.endsWith(\"\\n\") ? \" \" : null}\n          </code>\n        </pre>\n        <textarea\n          data-plan-interactive\n          spellCheck={false}\n          wrap=\"off\"\n          rows={Math.max(3, rows)}\n          className=\"plan-code-editor-input\"\n          value={code}\n          disabled={!editable}\n          onChange={(event: ChangeEvent<HTMLTextAreaElement>) =>\n            onCodeChange(event.target.value)\n          }\n          onScroll={syncScroll}\n        />\n        {collapsed && (\n          <div className=\"plan-code-editor-fade\" aria-hidden=\"true\" />\n        )}\n      </div>\n      {!hasFilename && (\n        <span className=\"plan-code-chrome plan-code-chrome-float\">\n          {chrome}\n        </span>\n      )}\n      {collapsible && (\n        <button\n          type=\"button\"\n          data-plan-interactive\n          className=\"plan-code-surface-toggle\"\n          onClick={() => setExpanded((value) => !value)}\n        >\n          {collapsed\n            ? `Show ${hiddenLines} more line${hiddenLines === 1 ? \"\" : \"s\"}`\n            : \"Show less\"}\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction CodeEdit({ data, onChange, editable }: BlockEditProps<CodeData>) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-2\">\n      <CodeEditorSurface\n        code={data.code}\n        language={data.language}\n        filename={data.filename}\n        maxLines={data.maxLines}\n        editable={editable}\n        onCodeChange={(code) => onChange({ ...data, code })}\n        onLanguageChange={(language) => onChange({ ...data, language })}\n        onFilenameChange={(filename) => onChange({ ...data, filename })}\n        onMaxLinesChange={(maxLines) => onChange({ ...data, maxLines })}\n      />\n      {editable && (\n        <input\n          type=\"text\"\n          data-plan-interactive\n          className=\"plan-code-caption-input\"\n          placeholder=\"Caption\"\n          value={data.caption ?? \"\"}\n          onChange={(event) =>\n            onChange({ ...data, caption: event.target.value || undefined })\n          }\n        />\n      )}\n    </div>\n  );\n}\n\n/* ── Spec ──────────────────────────────────────────────────────────────────── */\n\nexport const codeBlock = defineBlock<CodeData>({\n  type: \"code\",\n  schema: codeSchema,\n  mdx: codeMdx,\n  Read: CodeRead,\n  Edit: CodeEdit,\n  placement: [\"block\"],\n  editSurface: \"inline\",\n  label: \"Code\",\n  icon: IconCode,\n  description:\n    \"A single syntax-highlighted code snippet, Notion-style: one border, a hover language switcher + copy, and collapse-to-N lines. Put several in a `tabs` block for a file rail.\",\n});\n"]}
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/code.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useId,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type UIEvent,\n} from \"react\";\nimport { IconCheck, IconCode, IconCopy, IconPencil } from \"@tabler/icons-react\";\nimport { cn } from \"../../utils.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../components/ui/popover.js\";\nimport { defineBlock } from \"../types.js\";\nimport type { BlockReadProps, BlockEditProps } from \"../types.js\";\nimport { CodeSurface, DEFAULT_CODE_MAX_LINES } from \"./HighlightedCode.js\";\nimport {\n  highlightCode,\n  inferLanguageFromFilename,\n  normalizeCodeLanguage,\n} from \"./code-highlight.js\";\nimport { CodeFilenameLabel } from \"./code-filename-label.js\";\nimport { codeSchema, codeMdx, type CodeData } from \"./code.config.js\";\n\n/**\n * Standard `code` block (STANDARD core library): THE primitive single code\n * snippet, used everywhere in plan + content. Notion-style — one border, a\n * hover-revealed language switcher + copy, and the shared collapse-to-N-lines\n * read surface. A \"file rail\" of several files is just the `tabs` primitive\n * holding `code` blocks; there is no bespoke \"code-tabs\" container.\n *\n * Read = the shared {@link CodeSurface} (Shiki, single border, language label,\n * \"Show N more lines\"). Edit = a clean, single-border editable surface (no\n * drag-to-resize; it auto-grows to its content) with the same hover chrome.\n */\n\n/** Language options for the hover switcher; \"\" is the Auto-detect sentinel. */\nconst CODE_LANGUAGES: ReadonlyArray<{ value: string; label: string }> = [\n  { value: \"\", label: \"Auto\" },\n  { value: \"typescript\", label: \"TypeScript\" },\n  { value: \"javascript\", label: \"JavaScript\" },\n  { value: \"tsx\", label: \"TSX\" },\n  { value: \"jsx\", label: \"JSX\" },\n  { value: \"json\", label: \"JSON\" },\n  { value: \"html\", label: \"HTML\" },\n  { value: \"css\", label: \"CSS\" },\n  { value: \"bash\", label: \"Bash\" },\n  { value: \"python\", label: \"Python\" },\n  { value: \"sql\", label: \"SQL\" },\n  { value: \"yaml\", label: \"YAML\" },\n  { value: \"markdown\", label: \"Markdown\" },\n  { value: \"graphql\", label: \"GraphQL\" },\n  { value: \"go\", label: \"Go\" },\n  { value: \"rust\", label: \"Rust\" },\n  { value: \"diff\", label: \"Diff\" },\n];\n\nfunction CopyButton({ value }: { value: string }) {\n  const [copied, setCopied] = useState(false);\n  return (\n    <button\n      type=\"button\"\n      data-plan-interactive\n      aria-label={copied ? \"Copied\" : \"Copy code\"}\n      title={copied ? \"Copied\" : \"Copy code\"}\n      className=\"plan-code-chip\"\n      onClick={() => {\n        void navigator.clipboard?.writeText(value).then(\n          () => {\n            setCopied(true);\n            setTimeout(() => setCopied(false), 1200);\n          },\n          () => {},\n        );\n      }}\n    >\n      {copied ? (\n        <IconCheck className=\"size-3.5\" />\n      ) : (\n        <IconCopy className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/* ── Read ──────────────────────────────────────────────────────────────────── */\n\nfunction CodeRead({ data, blockId }: BlockReadProps<CodeData>) {\n  const language =\n    normalizeCodeLanguage(data.language) ??\n    inferLanguageFromFilename(data.filename) ??\n    undefined;\n  const hasFilename = Boolean(data.filename?.trim());\n  return (\n    <section className=\"plan-block\" data-block-id={blockId}>\n      <div className=\"plan-code group relative\">\n        {hasFilename && (\n          <div className=\"plan-code-head\">\n            <span className=\"plan-code-filename\">\n              <IconCode className=\"size-4 shrink-0 opacity-70\" />\n              <CodeFilenameLabel\n                filename={data.filename}\n                directoryClassName=\"text-plan-muted\"\n                basenameClassName=\"text-plan-text\"\n              />\n            </span>\n            <span className=\"plan-code-chrome\">\n              <CopyButton value={data.code} />\n            </span>\n          </div>\n        )}\n        <CodeSurface\n          code={data.code}\n          language={language}\n          maxLines={data.maxLines}\n          className={data.filename ? \"mt-0\" : \"mt-0\"}\n          showLanguageLabel={false}\n        />\n        {!hasFilename && (\n          <span className=\"plan-code-chrome plan-code-chrome-float\">\n            <CopyButton value={data.code} />\n          </span>\n        )}\n        {data.caption && <p className=\"plan-code-caption\">{data.caption}</p>}\n      </div>\n    </section>\n  );\n}\n\n/* ── Edit (single border, no resize, auto-grow, hover chrome) ──────────────── */\n\nconst SETTINGS_INPUT =\n  \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\n/** Hover \"settings\" (pencil) → popover to edit the filename + max-lines cap. */\nfunction CodeSettingsPopover({\n  filename,\n  maxLines,\n  onFilenameChange,\n  onMaxLinesChange,\n}: {\n  filename?: string;\n  maxLines?: number;\n  onFilenameChange: (filename: string | undefined) => void;\n  onMaxLinesChange: (maxLines: number | undefined) => void;\n}) {\n  const [filenameDraft, setFilenameDraft] = useState(filename ?? \"\");\n\n  useEffect(() => {\n    setFilenameDraft(filename ?? \"\");\n  }, [filename]);\n\n  const commitFilename = () => {\n    const next = filenameDraft.trim();\n    onFilenameChange(next || undefined);\n  };\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-plan-interactive\n          aria-label=\"Code block settings\"\n          title=\"Code block settings\"\n          className=\"plan-code-chip\"\n        >\n          <IconPencil className=\"size-3.5\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        side=\"bottom\"\n        className=\"w-64 p-0\"\n        data-plan-interactive\n      >\n        <div className=\"border-b border-border px-3 py-2 text-sm font-semibold text-foreground\">\n          Code block\n        </div>\n        <div className=\"grid gap-3 p-3\">\n          <label className=\"grid gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Filename\n            </span>\n            <input\n              type=\"text\"\n              data-plan-interactive\n              className={SETTINGS_INPUT}\n              placeholder=\"src/file.ts\"\n              value={filenameDraft}\n              onBlur={commitFilename}\n              onChange={(event) => setFilenameDraft(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\") {\n                  commitFilename();\n                  event.currentTarget.blur();\n                }\n                if (event.key === \"Escape\") {\n                  setFilenameDraft(filename ?? \"\");\n                  event.currentTarget.blur();\n                }\n              }}\n            />\n          </label>\n          <label className=\"grid gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Max lines before expand\n            </span>\n            <input\n              type=\"number\"\n              min={0}\n              step={1}\n              data-plan-interactive\n              className={SETTINGS_INPUT}\n              placeholder={`${DEFAULT_CODE_MAX_LINES} (default) · 0 = no limit`}\n              value={maxLines ?? \"\"}\n              onChange={(event) => {\n                const raw = event.target.value.trim();\n                const parsed = raw === \"\" ? undefined : Number(raw);\n                onMaxLinesChange(\n                  parsed === undefined || Number.isNaN(parsed)\n                    ? undefined\n                    : Math.max(0, Math.min(2000, Math.floor(parsed))),\n                );\n              }}\n            />\n          </label>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction CodeEditorSurface({\n  code,\n  language,\n  filename,\n  maxLines,\n  editable,\n  onCodeChange,\n  onLanguageChange,\n  onFilenameChange,\n  onMaxLinesChange,\n}: {\n  code: string;\n  language?: string;\n  filename?: string;\n  maxLines?: number;\n  editable: boolean;\n  onCodeChange: (code: string) => void;\n  onLanguageChange: (language: string | undefined) => void;\n  onFilenameChange: (filename: string | undefined) => void;\n  onMaxLinesChange: (maxLines: number | undefined) => void;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const highlightLayerRef = useRef<HTMLPreElement>(null);\n  const selectId = useId();\n  const resolvedLanguage =\n    normalizeCodeLanguage(language) ?? inferLanguageFromFilename(filename);\n  const highlighted = useMemo(\n    () => highlightCode(code, resolvedLanguage),\n    [resolvedLanguage, code],\n  );\n  // Size the editor to its content by line count — deterministic, no layout\n  // measurement. `wrap=\"off\"` means one row per line. Long snippets collapse to\n  // `cap` lines behind a \"Show N more lines\" toggle, matching the read surface\n  // and the file-tree block. `maxLines` omitted ⇒ DEFAULT (40); `0` ⇒ never\n  // collapse (show everything).\n  const lineCount = code ? code.split(\"\\n\").length : 1;\n  const cap =\n    maxLines == null ? DEFAULT_CODE_MAX_LINES : maxLines > 0 ? maxLines : null;\n  const collapsible = cap != null && lineCount > cap;\n  const collapsed = collapsible && !expanded;\n  const hiddenLines = collapsible ? lineCount - (cap as number) : 0;\n  const rows = collapsed ? (cap as number) : lineCount + 1;\n  const hasFilename = Boolean(filename?.trim());\n\n  const syncScroll = (event: UIEvent<HTMLTextAreaElement>) => {\n    const layer = highlightLayerRef.current;\n    if (!layer) return;\n    layer.scrollLeft = event.currentTarget.scrollLeft;\n    layer.scrollTop = event.currentTarget.scrollTop;\n  };\n\n  const chrome = (\n    <>\n      <label htmlFor={selectId} className=\"sr-only\">\n        Code language\n      </label>\n      <select\n        id={selectId}\n        data-plan-interactive\n        disabled={!editable}\n        className=\"plan-code-lang-select\"\n        value={normalizeCodeLanguage(language) ? (language ?? \"\") : \"\"}\n        onChange={(event) => onLanguageChange(event.target.value || undefined)}\n      >\n        {CODE_LANGUAGES.map((option) => (\n          <option key={option.value || \"auto\"} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n      {editable && (\n        <CodeSettingsPopover\n          filename={filename}\n          maxLines={maxLines}\n          onFilenameChange={onFilenameChange}\n          onMaxLinesChange={onMaxLinesChange}\n        />\n      )}\n      <CopyButton value={code} />\n    </>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"plan-code plan-code-editing group relative\",\n        !hasFilename && \"plan-code-editing--unlabeled\",\n        !editable && \"opacity-60\",\n      )}\n    >\n      {hasFilename && (\n        <div className=\"plan-code-head\">\n          <span className=\"plan-code-filename plan-code-muted\">\n            <IconCode className=\"size-4 shrink-0 opacity-70\" />\n            <CodeFilenameLabel\n              filename={filename}\n              directoryClassName=\"text-plan-muted\"\n              basenameClassName=\"text-plan-text\"\n            />\n          </span>\n          <span className=\"plan-code-chrome\">{chrome}</span>\n        </div>\n      )}\n      <div className=\"plan-code-editor-body\">\n        <pre\n          ref={highlightLayerRef}\n          aria-hidden=\"true\"\n          className=\"plan-code-editor-layer\"\n        >\n          <code>\n            {highlighted}\n            {code.endsWith(\"\\n\") ? \" \" : null}\n          </code>\n        </pre>\n        <textarea\n          data-plan-interactive\n          spellCheck={false}\n          wrap=\"off\"\n          rows={Math.max(3, rows)}\n          className=\"plan-code-editor-input\"\n          value={code}\n          disabled={!editable}\n          onChange={(event: ChangeEvent<HTMLTextAreaElement>) =>\n            onCodeChange(event.target.value)\n          }\n          onScroll={syncScroll}\n        />\n        {collapsed && (\n          <div className=\"plan-code-editor-fade\" aria-hidden=\"true\" />\n        )}\n      </div>\n      {!hasFilename && (\n        <span className=\"plan-code-chrome plan-code-chrome-float\">\n          {chrome}\n        </span>\n      )}\n      {collapsible && (\n        <button\n          type=\"button\"\n          data-plan-interactive\n          className=\"plan-code-surface-toggle\"\n          onClick={() => setExpanded((value) => !value)}\n        >\n          {collapsed\n            ? `Show ${hiddenLines} more line${hiddenLines === 1 ? \"\" : \"s\"}`\n            : \"Show less\"}\n        </button>\n      )}\n    </div>\n  );\n}\n\nfunction CodeEdit({ data, onChange, editable }: BlockEditProps<CodeData>) {\n  return (\n    <div className=\"flex min-w-0 flex-col gap-2\">\n      <CodeEditorSurface\n        code={data.code}\n        language={data.language}\n        filename={data.filename}\n        maxLines={data.maxLines}\n        editable={editable}\n        onCodeChange={(code) => onChange({ ...data, code })}\n        onLanguageChange={(language) => onChange({ ...data, language })}\n        onFilenameChange={(filename) => onChange({ ...data, filename })}\n        onMaxLinesChange={(maxLines) => onChange({ ...data, maxLines })}\n      />\n      {editable && (\n        <input\n          type=\"text\"\n          data-plan-interactive\n          className=\"plan-code-caption-input\"\n          placeholder=\"Caption\"\n          value={data.caption ?? \"\"}\n          onChange={(event) =>\n            onChange({ ...data, caption: event.target.value || undefined })\n          }\n        />\n      )}\n    </div>\n  );\n}\n\n/* ── Spec ──────────────────────────────────────────────────────────────────── */\n\nexport const codeBlock = defineBlock<CodeData>({\n  type: \"code\",\n  schema: codeSchema,\n  mdx: codeMdx,\n  Read: CodeRead,\n  Edit: CodeEdit,\n  placement: [\"block\"],\n  editSurface: \"inline\",\n  label: \"Code\",\n  icon: IconCode,\n  description:\n    \"A single syntax-highlighted code snippet, Notion-style: one border, a hover language switcher + copy, and collapse-to-N lines. Put several in a `tabs` block for a file rail.\",\n});\n"]}

package/dist/client/blocks/library/diff.config.d.ts

@@ -42,7 +42,7 @@ export interface DiffData {
     before: string;
     /** New ("after") source. */
     after: string;
-    /** Layout: unified (default, one column) or split (side-by-side). */
+    /** Layout: split (default, side-by-side) or unified (one column). */
     mode?: DiffMode;
     /** Line-anchored notes over the before/after sides. */
     annotations?: DiffAnnotation[];

package/dist/client/blocks/library/diff.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"diff.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diff.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsDxB;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC;KACpB,MAAM,EAAE;KACR,IAAI,EAAE;KACN,KAAK,CAAC,oBAAoB,EAAE;IAC3B,OAAO,EAAE,oDAAoD;CAC9D,CAAC;KACD,GAAG,CAAC,EAAE,CAAC,CAAC;AAEX,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5C,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC5C,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;CAC1C,CAA8B,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC/C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC9C,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC7C,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;CAC9D,CAAmC,CAAC;AAErC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC/C,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAyB;QAClD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE;QAClC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAiB,aAAa,CAAC,IAAI,EAAE;KAC9D,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the PLAN-SPECIFIC diff block: its data schema and MDX\n * round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via\n * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this\n * React-free means importing it into a server module never pulls React (or the\n * `diff` line-differ used only by the renderer) into the Nitro/SSR bundle.\n *\n * The schema MUST stay data-compatible with the `diff` branch of `planBlockSchema`\n * (`plan-content.ts`), and the MDX `tag` + flat attribute shape MUST match the\n * `<Diff filename language mode before after />` self-closing encoding so stored\n * `.mdx` round-trips. The `before`/`after` source lives in ATTRIBUTES (not MDX\n * children) — the shared `prop()` encoder round-trips multiline strings cleanly,\n * and keeping them attributes avoids the code being reflowed as prose.\n */\n\n/** Rendering layout for the diff body. */\nexport type DiffMode = \"unified\" | \"split\";\n\n/**\n * One line-anchored note attached to a diff, mirroring the `annotated-code`\n * annotation shape but adding `side`. The `lines` ref is 1-based against the\n * chosen side's source: `side: \"after\"` (the default) targets the new file's\n * line numbers, `side: \"before\"` the old file's. Optional ⇒ a diff without\n * annotations renders exactly as before.\n */\nexport interface DiffAnnotation {\n  /** Which side the line ref targets; defaults to \"after\". */\n  side?: \"before\" | \"after\";\n  /** 1-based line ref against that side's text: \"13\" or \"13-15\" (inclusive). */\n  lines: string;\n  /** Optional short label shown before the note (e.g. \"Validation\"). */\n  label?: string;\n  /** The note prose (markdown), rendered through `ctx.renderMarkdown`. */\n  note: string;\n}\n\nexport interface DiffData {\n  /** Optional file path shown in the header (e.g. `src/add.ts`). */\n  filename?: string;\n  /** Optional language label rendered as a chip (e.g. `ts`). Purely cosmetic. */\n  language?: string;\n  /** Original (\"before\") source. */\n  before: string;\n  /** New (\"after\") source. */\n  after: string;\n  /** Layout: unified (default, one column) or split (side-by-side). */\n  mode?: DiffMode;\n  /** Line-anchored notes over the before/after sides. */\n  annotations?: DiffAnnotation[];\n}\n\n/**\n * A 1-based line reference: `\"3\"` or `\"3-5\"` (inclusive). Whitespace tolerant.\n * Matches the `annotated-code` line-ref schema so both blocks validate refs\n * identically.\n */\nconst lineRefSchema = z\n  .string()\n  .trim()\n  .regex(/^\\d+(\\s*-\\s*\\d+)?$/, {\n    message: 'lines must be a 1-based line ref like \"3\" or \"3-5\"',\n  })\n  .max(40);\n\nconst diffAnnotationSchema = z.object({\n  side: z.enum([\"before\", \"after\"]).optional(),\n  lines: lineRefSchema,\n  label: z.string().trim().max(160).optional(),\n  note: z.string().trim().min(1).max(4_000),\n}) as z.ZodType<DiffAnnotation>;\n\nexport const diffSchema = z.object({\n  filename: z.string().trim().max(400).optional(),\n  language: z.string().trim().max(40).optional(),\n  before: z.string().max(100_000),\n  after: z.string().max(100_000),\n  mode: z.enum([\"unified\", \"split\"]).optional(),\n  annotations: z.array(diffAnnotationSchema).max(80).optional(),\n}) as unknown as z.ZodType<DiffData>;\n\n/**\n * MDX config: `filename`, `language`, `mode`, `before`, `after`, and\n * `annotations` are flat attributes — the\n * `<Diff id … filename language mode before after annotations />` self-closing\n * form. Insertion order of `toAttrs` is the on-disk attribute order. `before`/\n * `after` are multiline string attributes (round-trip through the shared `prop()`\n * encoder); `annotations` is a JSON array attribute, encoded the same way as the\n * `annotated-code` block. `fromAttrs` mirrors a forgiving parse (`before ?? \"\"`,\n * `after ?? \"\"`, `annotations ?? []`, optional `filename`/`language`/`mode`\n * undefined when absent) so a plan missing an attribute still parses.\n */\nexport const diffMdx: BlockMdxConfig<DiffData> = {\n  tag: \"Diff\",\n  toAttrs: (data) => ({\n    filename: data.filename,\n    language: data.language,\n    mode: data.mode,\n    before: data.before,\n    after: data.after,\n    annotations: data.annotations,\n  }),\n  fromAttrs: (attrs) => ({\n    filename: attrs.string(\"filename\"),\n    language: attrs.string(\"language\"),\n    mode: attrs.string(\"mode\") as DiffMode | undefined,\n    before: attrs.string(\"before\") ?? \"\",\n    after: attrs.string(\"after\") ?? \"\",\n    annotations: attrs.array<DiffAnnotation>(\"annotations\") ?? [],\n  }),\n};\n"]}
+{"version":3,"file":"diff.config.js","sourceRoot":"","sources":["../../../../src/client/blocks/library/diff.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAsDxB;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC;KACpB,MAAM,EAAE;KACR,IAAI,EAAE;KACN,KAAK,CAAC,oBAAoB,EAAE;IAC3B,OAAO,EAAE,oDAAoD;CAC9D,CAAC;KACD,GAAG,CAAC,EAAE,CAAC,CAAC;AAEX,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5C,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC5C,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;CAC1C,CAA8B,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;IAC/C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC9C,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC7C,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;CAC9D,CAAmC,CAAC;AAErC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC/C,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAyB;QAClD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE;QAClC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAiB,aAAa,CAAC,IAAI,EAAE;KAC9D,CAAC;CACH,CAAC","sourcesContent":["import { z } from \"zod\";\nimport type { BlockMdxConfig } from \"../types.js\";\n\n/**\n * Pure (React-free) part of the PLAN-SPECIFIC diff block: its data schema and MDX\n * round-trip config. Shared by the server MDX adapter (`plan-mdx.ts` via\n * `plan-block-registry.ts`) and the client spec (`planBlocks.tsx`). Keeping this\n * React-free means importing it into a server module never pulls React (or the\n * `diff` line-differ used only by the renderer) into the Nitro/SSR bundle.\n *\n * The schema MUST stay data-compatible with the `diff` branch of `planBlockSchema`\n * (`plan-content.ts`), and the MDX `tag` + flat attribute shape MUST match the\n * `<Diff filename language mode before after />` self-closing encoding so stored\n * `.mdx` round-trips. The `before`/`after` source lives in ATTRIBUTES (not MDX\n * children) — the shared `prop()` encoder round-trips multiline strings cleanly,\n * and keeping them attributes avoids the code being reflowed as prose.\n */\n\n/** Rendering layout for the diff body. */\nexport type DiffMode = \"unified\" | \"split\";\n\n/**\n * One line-anchored note attached to a diff, mirroring the `annotated-code`\n * annotation shape but adding `side`. The `lines` ref is 1-based against the\n * chosen side's source: `side: \"after\"` (the default) targets the new file's\n * line numbers, `side: \"before\"` the old file's. Optional ⇒ a diff without\n * annotations renders exactly as before.\n */\nexport interface DiffAnnotation {\n  /** Which side the line ref targets; defaults to \"after\". */\n  side?: \"before\" | \"after\";\n  /** 1-based line ref against that side's text: \"13\" or \"13-15\" (inclusive). */\n  lines: string;\n  /** Optional short label shown before the note (e.g. \"Validation\"). */\n  label?: string;\n  /** The note prose (markdown), rendered through `ctx.renderMarkdown`. */\n  note: string;\n}\n\nexport interface DiffData {\n  /** Optional file path shown in the header (e.g. `src/add.ts`). */\n  filename?: string;\n  /** Optional language label rendered as a chip (e.g. `ts`). Purely cosmetic. */\n  language?: string;\n  /** Original (\"before\") source. */\n  before: string;\n  /** New (\"after\") source. */\n  after: string;\n  /** Layout: split (default, side-by-side) or unified (one column). */\n  mode?: DiffMode;\n  /** Line-anchored notes over the before/after sides. */\n  annotations?: DiffAnnotation[];\n}\n\n/**\n * A 1-based line reference: `\"3\"` or `\"3-5\"` (inclusive). Whitespace tolerant.\n * Matches the `annotated-code` line-ref schema so both blocks validate refs\n * identically.\n */\nconst lineRefSchema = z\n  .string()\n  .trim()\n  .regex(/^\\d+(\\s*-\\s*\\d+)?$/, {\n    message: 'lines must be a 1-based line ref like \"3\" or \"3-5\"',\n  })\n  .max(40);\n\nconst diffAnnotationSchema = z.object({\n  side: z.enum([\"before\", \"after\"]).optional(),\n  lines: lineRefSchema,\n  label: z.string().trim().max(160).optional(),\n  note: z.string().trim().min(1).max(4_000),\n}) as z.ZodType<DiffAnnotation>;\n\nexport const diffSchema = z.object({\n  filename: z.string().trim().max(400).optional(),\n  language: z.string().trim().max(40).optional(),\n  before: z.string().max(100_000),\n  after: z.string().max(100_000),\n  mode: z.enum([\"unified\", \"split\"]).optional(),\n  annotations: z.array(diffAnnotationSchema).max(80).optional(),\n}) as unknown as z.ZodType<DiffData>;\n\n/**\n * MDX config: `filename`, `language`, `mode`, `before`, `after`, and\n * `annotations` are flat attributes — the\n * `<Diff id … filename language mode before after annotations />` self-closing\n * form. Insertion order of `toAttrs` is the on-disk attribute order. `before`/\n * `after` are multiline string attributes (round-trip through the shared `prop()`\n * encoder); `annotations` is a JSON array attribute, encoded the same way as the\n * `annotated-code` block. `fromAttrs` mirrors a forgiving parse (`before ?? \"\"`,\n * `after ?? \"\"`, `annotations ?? []`, optional `filename`/`language`/`mode`\n * undefined when absent) so a plan missing an attribute still parses.\n */\nexport const diffMdx: BlockMdxConfig<DiffData> = {\n  tag: \"Diff\",\n  toAttrs: (data) => ({\n    filename: data.filename,\n    language: data.language,\n    mode: data.mode,\n    before: data.before,\n    after: data.after,\n    annotations: data.annotations,\n  }),\n  fromAttrs: (attrs) => ({\n    filename: attrs.string(\"filename\"),\n    language: attrs.string(\"language\"),\n    mode: attrs.string(\"mode\") as DiffMode | undefined,\n    before: attrs.string(\"before\") ?? \"\",\n    after: attrs.string(\"after\") ?? \"\",\n    annotations: attrs.array<DiffAnnotation>(\"annotations\") ?? [],\n  }),\n};\n"]}

package/dist/client/blocks/library/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqD3E,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAyI/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gDAepB,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/client/blocks/library/html.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAuD3E,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,cAAc,CAAC,aAAa,CAAC,2CAyI/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gDAepB,CAAC"}

package/dist/client/blocks/library/html.js

@@ -23,7 +23,9 @@ import { htmlSchema, htmlMdx } from "./html.config.js";
 function buildSrcDoc(data, sanitize) {
     const css = data.css ?? "";
     const body = sanitize ? sanitize(data.html, data.css) : data.html;
-    return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}${css}</style></head><body>${body}</body></html>`;
+    // Use prefers-color-scheme so the iframe ink matches the host theme even
+    // though the iframe document is isolated and can't inherit CSS variables.
+    return `<!doctype html><html><head><style>body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#1f1f1d;background:transparent;}*{box-sizing:border-box}@media(prefers-color-scheme:dark){body{color:#e8e8e6}}${css}</style></head><body>${body}</body></html>`;
 }
 function HtmlPreview({ data, title, sanitize, }) {
     return (_jsxs(_Fragment, { children: [_jsx("iframe", { title: title || "Custom HTML block", srcDoc: buildSrcDoc(data, sanitize), sandbox: "allow-same-origin", referrerPolicy: "no-referrer", className: "mt-4 h-[360px] w-full rounded-xl border bg-muted" }), data.caption && (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: data.caption }))] }));