@tangle-network/ui 11.44.0 → 11.44.1

package/dist/primitives/status-pill.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/status-pill.tsx
+// src/primitives/status-pill.tsx
 const TONE_SURFACE = {
 	violet: "bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)] border-[var(--surface-violet-border)]",
 	success: "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)] border-[var(--surface-success-border)]",
@@ -118,5 +118,4 @@ const StatusPill = React.forwardRef(({ className, tone, children, icon, bare = f
 	}), children]
 }));
 StatusPill.displayName = "StatusPill";
-//#endregion
 export { StatusPill };

package/dist/primitives/switch.d.ts

@@ -1,6 +1,4 @@
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-//#region src/primitives/switch.d.ts
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { Switch };

package/dist/primitives/switch.js

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-//#region src/primitives/switch.tsx
+// src/primitives/switch.tsx
 const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
 	className: cn("relative pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1.5 pointer-coarse:before:-inset-y-3.5 pointer-coarse:before:content-['']", "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 shadow-sm transition-[background-color,border-color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-transparent data-[state=checked]:bg-[var(--accent-text)] data-[state=unchecked]:border-muted-foreground data-[state=unchecked]:bg-transparent", focusRing, className),
 	...props,
@@ -12,5 +12,4 @@ const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 	children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-[translate,background-color] data-[state=checked]:translate-x-4 data-[state=checked]:bg-card data-[state=unchecked]:translate-x-0 data-[state=unchecked]:bg-muted-foreground") })
 }));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-//#endregion
 export { Switch };

package/dist/primitives/table.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/table.d.ts
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
   /** Keep the existing scroll wrapper by default; false returns only the native table. */
   wrapper?: boolean;
@@ -18,5 +17,4 @@ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
 declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/table.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { tablePresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/table.tsx
+// src/primitives/table.tsx
 const Table = React.forwardRef(({ className, wrapper = true, wrapperProps, ...props }, ref) => {
 	const table = /* @__PURE__ */ jsx("table", {
 		ref,
@@ -60,5 +60,4 @@ const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 	...props
 }));
 TableCaption.displayName = "TableCaption";
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/primitives/tabs.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-//#region src/primitives/tabs.d.ts
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
   variant?: "default" | "pills" | "underline";
@@ -9,5 +8,4 @@ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.Ta
   variant?: "default" | "pills" | "underline";
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/primitives/tabs.js

@@ -4,7 +4,7 @@ import { tabsPresentation } from "../presentation.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-//#region src/primitives/tabs.tsx
+// src/primitives/tabs.tsx
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, variant = "default", ...props }, ref) => {
 	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
@@ -28,5 +28,4 @@ const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
 	...props
 }));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-//#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/primitives/tag.d.ts

@@ -1,6 +1,5 @@
 import { Tone } from "./tone.js";
 import * as React from "react";
-//#region src/primitives/tag.d.ts
 /**
  * A static label for what something IS: a category, a kind, a named value.
  *
@@ -38,5 +37,4 @@ export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "c
   wrap?: boolean;
 }
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-//#endregion
 export { Tag };

package/dist/primitives/tag.js

@@ -4,7 +4,7 @@ import { TONE_CLASSES } from "./tone.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
-//#region src/primitives/tag.tsx
+// src/primitives/tag.tsx
 const SIZE = {
 	sm: "gap-1 px-2 text-xs [&_svg]:size-3",
 	md: "gap-1.5 px-2.5 text-sm [&_svg]:size-3.5"
@@ -53,5 +53,4 @@ const Tag = React.forwardRef(({ className, children, tone = "neutral", emphasis
 	});
 });
 Tag.displayName = "Tag";
-//#endregion
 export { Tag };

package/dist/primitives/terminal-display.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/terminal-display.d.ts
 export interface TerminalDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: "default" | "sandbox";
   title?: string;
@@ -21,5 +20,4 @@ export interface TerminalInputProps extends Omit<React.InputHTMLAttributes<HTMLI
   variant?: "default" | "sandbox";
 }
 declare const TerminalInput: React.ForwardRefExoticComponent<TerminalInputProps & React.RefAttributes<HTMLInputElement>>;
-//#endregion
 export { TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine };

package/dist/primitives/terminal-display.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/terminal-display.tsx
+// src/primitives/terminal-display.tsx
 const TerminalDisplay = React.forwardRef(({ className, variant = "default", title = "Terminal", showHeader = true, autoScroll = true, maxHeight = "400px", children, ...props }, ref) => {
 	const containerRef = useRef(null);
 	useEffect(() => {
@@ -105,5 +105,4 @@ const TerminalInput = React.forwardRef(({ className, onSubmit, variant: _variant
 	});
 });
 TerminalInput.displayName = "TerminalInput";
-//#endregion
 export { TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine };

package/dist/primitives/text-shimmer.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/primitives/text-shimmer.d.ts
 export interface TextShimmerProps {
   children: ReactNode;
   className?: string;
@@ -12,5 +11,4 @@ export interface TextShimmerProps {
  * styles it needs, so a consumer that only scans this package for Tailwind
  * classes still gets the animation.
  */
-export declare function TextShimmer({ children, className, durationMs }: TextShimmerProps): import("react").JSX.Element;
-//#endregion
+export declare function TextShimmer({ children, className, durationMs }: TextShimmerProps): import("react").JSX.Element;

package/dist/primitives/text-shimmer.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { useEffect, useLayoutEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/primitives/text-shimmer.tsx
+// src/primitives/text-shimmer.tsx
 const CLASS_NAME = "tangle-text-shimmer";
 const STYLE_ID = "tangle-text-shimmer-styles";
 /**
@@ -60,5 +60,4 @@ function TextShimmer({ children, className, durationMs = 1400 }) {
 		children
 	});
 }
-//#endregion
 export { TextShimmer };

package/dist/primitives/theme-toggle.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/theme-toggle.d.ts
 type Theme = "light" | "dark" | "system";
 type Mode = Exclude<Theme, "system">;
 declare function setTheme(next: Theme): void;
@@ -8,4 +7,4 @@ export declare function useTheme(): {
   resolvedTheme: Mode;
 };
 export declare function ThemeToggle(): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/primitives/theme-toggle.js

@@ -1,6 +1,6 @@
 import { useEffect, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/theme-toggle.tsx
+// src/primitives/theme-toggle.tsx
 const preferenceEvent = "tangle:theme-preference";
 const systemQuery = "(prefers-color-scheme: dark)";
 const namedModes = [
@@ -158,5 +158,4 @@ function ThemeToggle() {
 		children: resolvedTheme === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
 	});
 }
-//#endregion
 export { ThemeToggle, useTheme };

package/dist/primitives/time-select.d.ts

@@ -1,6 +1,5 @@
 import { ControlSize } from "../lib/control-presentation.js";
 import * as React from "react";
-//#region src/primitives/time-select.d.ts
 export interface TimeSelectProps {
   /** `HH:MM`, 24-hour, the value a native time input reports. */
   value?: string;
@@ -23,5 +22,4 @@ export interface TimeSelectProps {
  * slots stays listed so the current time is never lost.
  */
 declare const TimeSelect: React.ForwardRefExoticComponent<TimeSelectProps & React.RefAttributes<HTMLButtonElement>>;
-//#endregion
 export { TimeSelect };

package/dist/primitives/time-select.js

@@ -2,7 +2,7 @@
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/time-select.tsx
+// src/primitives/time-select.tsx
 const TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
 /**
 * A time of day as a Select on the control scale: the day in `step`-minute
@@ -47,5 +47,4 @@ const TimeSelect = React.forwardRef(({ value, onChange, step = 15, placeholder =
 	});
 });
 TimeSelect.displayName = "TimeSelect";
-//#endregion
 export { TimeSelect };

package/dist/primitives/toast.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/toast.d.ts
 export interface Toast {
   id: string;
   title: string;
@@ -26,4 +25,4 @@ export declare function ToastProvider({ children }: {
   children: React.ReactNode;
 }): React.JSX.Element;
 export declare function useToast(): ToastContextValue;
-//#endregion
+export {};

package/dist/primitives/toast.js

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertTriangle, CheckCircle2, Info, X } from "lucide-react";
-//#region src/primitives/toast.tsx
+// src/primitives/toast.tsx
 const toastVariants = cva("pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-lg border p-4 shadow-lg transition-all", {
 	variants: { variant: {
 		default: "border-border bg-background text-foreground",
@@ -151,5 +151,4 @@ function useToast() {
 	if (!context) throw new Error("useToast must be used within a ToastProvider");
 	return context;
 }
-//#endregion
 export { ToastContainer, ToastProvider, useToast };

package/dist/primitives/tone.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/tone.d.ts
 /**
  * Categorical tones: the colours that tell KINDS of things apart — an entity,
  * a file type, a channel, a capability. A category never reports a state; that
@@ -36,5 +35,4 @@ export declare const TONE_CLASSES: Record<Tone, ToneClasses>;
  * The same key always gets the same tone, in every product and session.
  * Distinct keys can share a tone, so the label or glyph must still name it.
  */
-export declare function toneFor(key: string): CategoryTone;
-//#endregion
+export declare function toneFor(key: string): CategoryTone;

package/dist/primitives/tone.js

@@ -1,4 +1,4 @@
-//#region src/primitives/tone.ts
+// src/primitives/tone.ts
 /**
 * Categorical tones: the colours that tell KINDS of things apart — an entity,
 * a file type, a channel, a capability. A category never reports a state; that
@@ -102,5 +102,4 @@ function toneFor(key) {
 	}
 	return CATEGORY_TONES[(hash >>> 0) % CATEGORY_TONES.length];
 }
-//#endregion
 export { CATEGORY_TONES, TONE_CLASSES, toneFor };

package/dist/primitives/toolbar.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/toolbar.d.ts
 /**
  * The control row above a table or list: search, filters, then the view switch.
  *
@@ -53,5 +52,4 @@ export interface FilterFieldProps extends React.HTMLAttributes<HTMLDivElement> {
   htmlFor?: string;
 }
 declare const FilterField: React.ForwardRefExoticComponent<FilterFieldProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { FilterField, Toolbar };

package/dist/primitives/toolbar.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/primitives/toolbar.tsx
+// src/primitives/toolbar.tsx
 const Toolbar = React.forwardRef(({ className, search, filters, actions, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
 	ref,
 	className: cn("mb-4 flex flex-col gap-3 lg:flex-row lg:items-center [--field-surface:hsl(var(--card))]", className),
@@ -33,5 +33,4 @@ const FilterField = React.forwardRef(({ className, label, htmlFor, children, ...
 	}), children]
 }));
 FilterField.displayName = "FilterField";
-//#endregion
 export { FilterField, Toolbar };

package/dist/primitives/tooltip.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-//#region src/primitives/tooltip.d.ts
 declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 declare namespace TooltipProvider {
   var displayName: string;
@@ -18,5 +17,4 @@ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimit
   /** Render through a portal; use false to keep content in its local owner. */
   portal?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-//#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/tooltip.js

@@ -6,7 +6,7 @@ import { Slottable } from "@radix-ui/react-slot";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-//#region src/primitives/tooltip.tsx
+// src/primitives/tooltip.tsx
 /**
 * Wrap an app (or a toolbar) once. The open delay applies to the first tooltip;
 * moving between triggers inside `skipDelayDuration` opens the next one at
@@ -51,5 +51,4 @@ const TooltipContent = React.forwardRef(({ className, sideOffset = 6, asChild, c
 	return portal ? /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: content }) : content;
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-//#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/upload-progress.d.ts

@@ -1,4 +1,3 @@
-//#region src/primitives/upload-progress.d.ts
 /**
  * UploadProgress — file upload status indicators.
  *
@@ -19,5 +18,4 @@ export interface UploadProgressProps {
   onRetry?: (id: string) => void;
   className?: string;
 }
-export declare function UploadProgress({ files, onRemove, onRetry, className }: UploadProgressProps): import("react").JSX.Element | null;
-//#endregion
+export declare function UploadProgress({ files, onRemove, onRetry, className }: UploadProgressProps): import("react").JSX.Element | null;

package/dist/primitives/upload-progress.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CheckCircle2, FileText, Loader2, RefreshCw, X } from "lucide-react";
-//#region src/primitives/upload-progress.tsx
+// src/primitives/upload-progress.tsx
 /**
 * UploadProgress — file upload status indicators.
 *
@@ -73,5 +73,4 @@ function UploadProgress({ files, onRemove, onRetry, className }) {
 		}, file.id))
 	});
 }
-//#endregion
 export { UploadProgress };

package/dist/primitives/wizard.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-//#region src/primitives/wizard.d.ts
 export interface WizardProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   /** Drives the active step; omit for uncontrolled with `defaultStep`. */
@@ -26,5 +25,4 @@ export interface WizardStepProps {
 export declare function WizardStep({ title, children, nextLabel, onNext, nextDisabled, hideBack }: WizardStepProps): React.JSX.Element;
 export interface Wizard extends React.FC<WizardProps> {
   Step: typeof WizardStep;
-}
-//#endregion
+}

package/dist/primitives/wizard.js

@@ -3,7 +3,7 @@ import { Button } from "./button.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronLeft } from "lucide-react";
-//#region src/primitives/wizard.tsx
+// src/primitives/wizard.tsx
 const WizardContext = React.createContext(null);
 function useWizardContext(component) {
 	const context = React.useContext(WizardContext);
@@ -154,5 +154,4 @@ function WizardStep({ title, children, nextLabel, onNext, nextDisabled, hideBack
 	});
 }
 Wizard.Step = WizardStep;
-//#endregion
 export { Wizard, WizardStep };

package/dist/redaction/redacted-document.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/redaction/redacted-document.d.ts
 /**
  * Viewer for a server-produced redacted document. Renders text inline and each
  * redacted span as a masked chip; clicking a chip asks the server to reveal that
@@ -37,5 +36,4 @@ export interface RedactedDocumentProps {
   labelForKind?: (kind: string) => string;
   className?: string;
 }
-export declare function RedactedDocument({ document, onReveal, labelForKind, className }: RedactedDocumentProps): ReactNode;
-//#endregion
+export declare function RedactedDocument({ document, onReveal, labelForKind, className }: RedactedDocumentProps): ReactNode;

package/dist/redaction/redacted-document.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Eye, EyeOff, Loader2, ShieldAlert } from "lucide-react";
-//#region src/redaction/redacted-document.tsx
+// src/redaction/redacted-document.tsx
 const defaultLabel = (kind) => kind.replace(/[-_]/g, " ").toUpperCase();
 function RedactedChip({ kind, label, onReveal }) {
 	const [state, setState] = useState({ status: "masked" });
@@ -70,5 +70,4 @@ function RedactedDocument({ document, onReveal, labelForKind = defaultLabel, cla
 		}, seg.id))
 	});
 }
-//#endregion
 export { RedactedDocument };

package/dist/redaction.js

@@ -1,2 +1 @@
-import { RedactedDocument } from "./redaction/redacted-document.js";
-export { RedactedDocument };
+export { RedactedDocument } from "./redaction/redacted-document.js";

package/dist/run/approval-card.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/run/approval-card.d.ts
 export interface ApprovalDiffFile {
   path: string;
   change?: "added" | "modified" | "deleted";
@@ -42,5 +41,4 @@ export declare function ApprovalDiffSummary({ files, note }: {
  * where, its step in a plan, the files it writes, and the raw request behind
  * a Details toggle. The caller owns the decision and supplies the actions.
  */
-export declare function ApprovalCard({ title, context, step, plan, diff, diffNote, details, status, actions, className, ...props }: ApprovalCardProps): import("react").JSX.Element;
-//#endregion
+export declare function ApprovalCard({ title, context, step, plan, diff, diffNote, details, status, actions, className, ...props }: ApprovalCardProps): import("react").JSX.Element;

package/dist/run/approval-card.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRight, Circle, FileMinus, FilePen, FilePlus } from "lucide-react";
-//#region src/run/approval-card.tsx
+// src/run/approval-card.tsx
 const CHANGE_ICON = {
 	added: FilePlus,
 	modified: FilePen,
@@ -158,5 +158,4 @@ function ApprovalCard({ title, context, step, plan, diff, diffNote, details, sta
 		]
 	});
 }
-//#endregion
 export { ApprovalCard, ApprovalDiffSummary };

package/dist/run/expandable-content.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/run/expandable-content.tsx
+// src/run/expandable-content.tsx
 /**
 * Clamps tall content to a fixed height with a bottom fade and a
 * "Show more / Show less" toggle. Content shorter than the cap renders
@@ -37,5 +37,4 @@ function ExpandableContent({ children, collapsedMaxPx = 180, fadeClassName = "fr
 		}) : null]
 	});
 }
-//#endregion
 export { ExpandableContent };

package/dist/run/expanded-tool-detail.d.ts

@@ -1,5 +1,4 @@
 import { ToolPart } from "../types/parts.js";
-//#region src/run/expanded-tool-detail.d.ts
 export interface ExpandedToolDetailProps {
   part: ToolPart;
 }
@@ -8,5 +7,4 @@ export interface ExpandedToolDetailProps {
  * Dispatches to specialised previews (CommandPreview, WriteFilePreview)
  * or falls back to a generic input/output code view.
  */
-export declare const ExpandedToolDetail: import("react").MemoExoticComponent<({ part }: ExpandedToolDetailProps) => import("react").JSX.Element>;
-//#endregion
+export declare const ExpandedToolDetail: import("react").MemoExoticComponent<({ part }: ExpandedToolDetailProps) => import("react").JSX.Element>;

package/dist/run/expanded-tool-detail.js

@@ -12,7 +12,7 @@ import { ExpandableContent } from "./expandable-content.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, ArrowLeft, ArrowRight, FileText, Loader2 } from "lucide-react";
-//#region src/run/expanded-tool-detail.tsx
+// src/run/expanded-tool-detail.tsx
 const FLUSH_TOGGLE = "mx-3 mb-2";
 const EXT_LANG = {
 	ts: "typescript",
@@ -165,5 +165,4 @@ const ExpandedToolDetail = memo(({ part }) => {
 	});
 });
 ExpandedToolDetail.displayName = "ExpandedToolDetail";
-//#endregion
 export { ExpandedToolDetail };

package/dist/run/inline-thinking-item.d.ts

@@ -1,5 +1,4 @@
 import { ReasoningPart } from "../types/parts.js";
-//#region src/run/inline-thinking-item.d.ts
 export interface InlineThinkingItemProps {
   part: ReasoningPart;
   defaultOpen?: boolean;
@@ -13,5 +12,4 @@ export interface InlineThinkingItemProps {
   className?: string;
   contentClassName?: string;
 }
-export declare const InlineThinkingItem: import("react").MemoExoticComponent<({ part, defaultOpen, autoCollapse, openWhileActive, className, contentClassName }: InlineThinkingItemProps) => import("react").JSX.Element>;
-//#endregion
+export declare const InlineThinkingItem: import("react").MemoExoticComponent<({ part, defaultOpen, autoCollapse, openWhileActive, className, contentClassName }: InlineThinkingItemProps) => import("react").JSX.Element>;

package/dist/run/inline-thinking-item.js

@@ -6,7 +6,7 @@ import { Markdown } from "../markdown/markdown.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Brain } from "lucide-react";
-//#region src/run/inline-thinking-item.tsx
+// src/run/inline-thinking-item.tsx
 const InlineThinkingItem = memo(({ part, defaultOpen = false, autoCollapse = true, openWhileActive = true, className, contentClassName }) => {
 	const [open, setOpen] = useState(defaultOpen);
 	const autoCollapsedRef = useRef(false);
@@ -57,5 +57,4 @@ const InlineThinkingItem = memo(({ part, defaultOpen = false, autoCollapse = tru
 	});
 });
 InlineThinkingItem.displayName = "InlineThinkingItem";
-//#endregion
 export { InlineThinkingItem };

package/dist/run/inline-tool-item.d.ts

@@ -1,7 +1,6 @@
 import { ToolPart } from "../types/parts.js";
 import { CustomToolRenderer } from "../types/tool-display.js";
 import { ReactNode } from "react";
-//#region src/run/inline-tool-item.d.ts
 export interface InlineToolItemProps {
   part: ToolPart;
   renderToolDetail?: CustomToolRenderer;
@@ -21,5 +20,4 @@ export interface InlineToolItemProps {
  * error). Expands on click to show ExpandedToolDetail. Rendered through the
  * shared RunRowShell so it stays consistent with the reasoning row.
  */
-export declare const InlineToolItem: import("react").MemoExoticComponent<({ part, renderToolDetail, groupPosition, className, contentClassName, actions, title: titleOverride, description: descriptionOverride }: InlineToolItemProps) => import("react").JSX.Element>;
-//#endregion
+export declare const InlineToolItem: import("react").MemoExoticComponent<({ part, renderToolDetail, groupPosition, className, contentClassName, actions, title: titleOverride, description: descriptionOverride }: InlineToolItemProps) => import("react").JSX.Element>;

package/dist/run/inline-tool-item.js

@@ -6,7 +6,7 @@ import { RunRowShell } from "./run-row-shell.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Bot, ClipboardList, FileEdit, FileSearch, Globe, PencilLine, Search, Settings, Terminal } from "lucide-react";
-//#region src/run/inline-tool-item.tsx
+// src/run/inline-tool-item.tsx
 /** Map tool category to a lucide-react icon component. */
 const TOOL_CATEGORY_ICON_MAP = {
 	command: Terminal,
@@ -59,5 +59,4 @@ const InlineToolItem = memo(({ part, renderToolDetail, groupPosition = "single",
 	});
 });
 InlineToolItem.displayName = "InlineToolItem";
-//#endregion
 export { InlineToolItem };

package/dist/run/run-group.d.ts

@@ -3,7 +3,6 @@ import { AgentBranding } from "../types/branding.js";
 import { CustomToolRenderer } from "../types/tool-display.js";
 import { Run } from "../types/run.js";
 import { ReactNode } from "react";
-//#region src/run/run-group.d.ts
 export interface RunGroupProps {
   run: Run;
   partMap: Record<string, SessionPart[]>;
@@ -22,5 +21,4 @@ export interface RunGroupProps {
  * Collapsible container for a consecutive group of assistant messages (a "run").
  * Shows a summary header with stats and renders tool/thinking/text parts.
  */
-export declare const RunGroup: import("react").MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, headerActions, renderToolActions }: RunGroupProps) => import("react").JSX.Element | null>;
-//#endregion
+export declare const RunGroup: import("react").MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, headerActions, renderToolActions }: RunGroupProps) => import("react").JSX.Element | null>;

package/dist/run/run-group.js

@@ -10,7 +10,7 @@ import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bot, ChevronDown, ChevronRight, ClipboardList, FileEdit, FileSearch, Globe, Loader2, PencilLine, Search, Settings, Sparkles, Terminal } from "lucide-react";
 import * as Collapsible from "@radix-ui/react-collapsible";
-//#region src/run/run-group.tsx
+// src/run/run-group.tsx
 /**
 * One row on the run's timeline spine: a connector line + accent dot in a
 * narrow gutter, content to the right, so a run reads as separated, distinct
@@ -383,5 +383,4 @@ const RunGroup = memo(({ run, partMap, collapsed, onToggle, branding = DEFAULT_B
 	});
 });
 RunGroup.displayName = "RunGroup";
-//#endregion
 export { RunGroup };

package/dist/run/run-item-primitives.d.ts

@@ -1,5 +1,3 @@
-//#region src/run/run-item-primitives.d.ts
 export declare function LiveDuration({ startTime }: {
   startTime: number;
-}): import("react").JSX.Element;
-//#endregion
+}): import("react").JSX.Element;