@tangle-network/ui 11.44.0 → 11.45.0

package/dist/editor/use-editor.d.ts

@@ -1,6 +1,5 @@
 import { Collaborator, ConnectionState } from "./editor-provider.js";
 import { HocuspocusProvider } from "@hocuspocus/provider";
-//#region src/editor/use-editor.d.ts
 /**
  * Hook to get the current connection state and helpers.
  */
@@ -63,5 +62,4 @@ export declare function useAwareness(): {
   setLocalState: (state: Record<string, unknown>) => void;
   setLocalStateField: (field: string, value: unknown) => void;
   awareness: HocuspocusProvider["awareness"] | undefined;
-};
-//#endregion
+};

package/dist/editor/use-editor.js

@@ -1,7 +1,7 @@
 "use client";
 import { useEditorContext } from "./editor-provider.js";
 import { useCallback, useEffect, useState } from "react";
-//#region src/editor/use-editor.ts
+// src/editor/use-editor.ts
 /**
 * Hook to get the current connection state and helpers.
 */
@@ -154,5 +154,4 @@ function useAwareness() {
 		awareness
 	};
 }
-//#endregion
 export { useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useYjsState };

package/dist/files/file-artifact-pane.d.ts

@@ -2,7 +2,6 @@ import { ArtifactPaneProps } from "../primitives/artifact-pane.js";
 import { DocumentEditorBackend, DocumentEditorMode, DocumentEditorPaneCollaborationConfig } from "../editor/document-editor-pane.js";
 import { FilePreviewProps } from "./file-preview.js";
 import { FileTabData } from "./file-tabs.js";
-//#region src/files/file-artifact-pane.d.ts
 export interface FileArtifactPaneEditorOptions {
   enabled?: boolean;
   /** Persisted baseline when content is the current draft. */
@@ -45,5 +44,4 @@ export interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className
  * PDF, video, audio, CSV, spreadsheet, markdown, code, text) renders here too;
  * `onDownload` drives both the header button and the body's download cards.
  */
-export declare function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose, onDownload, urlTransform, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, headerClassName, hideTitleBlock, editor }: FileArtifactPaneProps): import("react").JSX.Element;
-//#endregion
+export declare function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose, onDownload, urlTransform, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, headerClassName, hideTitleBlock, editor }: FileArtifactPaneProps): import("react").JSX.Element;

package/dist/files/file-artifact-pane.js

@@ -1,4 +1,4 @@
-import { focusRing } from "../lib/focus.js";
+import "../lib/focus.js";
 import { ArtifactPane } from "../primitives/artifact-pane.js";
 import { detectFileFormat } from "./file-format.js";
 import { FilePreview } from "./file-preview.js";
@@ -6,7 +6,7 @@ import { FileTabs } from "./file-tabs.js";
 import { Suspense, lazy } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Download, X } from "lucide-react";
-//#region src/files/file-artifact-pane.tsx
+// src/files/file-artifact-pane.tsx
 const LazyDocumentEditorPane = lazy(async () => {
 	return { default: (await import("../editor/document-editor-pane.js")).DocumentEditorPane };
 });
@@ -21,20 +21,21 @@ function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose,
 		tabs,
 		activeId: activeTabId,
 		onSelect: onTabSelect,
-		onClose: onTabClose
+		onClose: onTabClose,
+		className: "shadow-none"
 	}) : void 0;
 	const isEditableMarkdown = (detectFileFormat(filename, mimeType) === "markdown" || (path ? detectFileFormat(path, mimeType) === "markdown" : false)) && editor?.enabled;
 	const headerActions = onDownload || onClose ? /* @__PURE__ */ jsxs(Fragment$1, { children: [onDownload && /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": `Download ${filename}`,
 		onClick: onDownload,
-		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
+		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0`,
 		children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
 	}), onClose && /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": `Close ${filename}`,
 		onClick: onClose,
-		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
+		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0`,
 		children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
 	})] }) : void 0;
 	if (isEditableMarkdown) return /* @__PURE__ */ jsx(Suspense, {
@@ -111,5 +112,4 @@ function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose,
 		})
 	});
 }
-//#endregion
 export { FileArtifactPane };

package/dist/files/file-card.d.ts

@@ -1,6 +1,5 @@
 import "../primitives/icon-tile.js";
 import * as React from "react";
-//#region src/files/file-card.d.ts
 /** Who added a file, as a reader of the list should see them. */
 export interface FileUploader {
   name: string;
@@ -26,5 +25,4 @@ export interface FileCardProps extends FileDetails, Omit<React.HTMLAttributes<HT
   /** Further buttons after Download, such as Open or Delete. */
   actions?: React.ReactNode;
 }
-export declare const FileCard: React.ForwardRefExoticComponent<FileCardProps & React.RefAttributes<HTMLDivElement>>;
-//#endregion
+export declare const FileCard: React.ForwardRefExoticComponent<FileCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/files/file-card.js

@@ -6,7 +6,7 @@ import { getFormatLabel, resolveFilePreviewKind } from "./file-format.js";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Download, File, FileAudio, FileCode, FileImage, FileJson, FileSpreadsheet, FileText, FileVideo } from "lucide-react";
-//#region src/files/file-card.tsx
+// src/files/file-card.tsx
 /**
 * FileCard — one file, described: its kind, name, size, date and uploader,
 * with Download and any actions the host adds. FilePreview shows it for a file
@@ -158,5 +158,4 @@ const FileCard = React.forwardRef(({ filename, mimeType, size, date, uploader, d
 	]
 }));
 FileCard.displayName = "FileCard";
-//#endregion
 export { FactSeparator, FileCard, FileFacts, FileKindTile, uploaderLabel };

package/dist/files/file-format.d.ts

@@ -1,4 +1,3 @@
-//#region src/files/file-format.d.ts
 /**
  * Shared file-format detection for every file surface — the preview pane, the
  * artifact pane, and code rendering. Centralising extension/MIME → format logic
@@ -47,5 +46,4 @@ export declare function getSyntaxLanguage(filename: string): string | undefined;
  * a MIME type on an extensionless file (where the extension can't reveal it);
  * any other code format keys off the extension.
  */
-export declare function getCodeLanguage(filename: string, format: FileFormat | FilePreviewKind): string | undefined;
-//#endregion
+export declare function getCodeLanguage(filename: string, format: FileFormat | FilePreviewKind): string | undefined;

package/dist/files/file-format.js

@@ -1,4 +1,4 @@
-//#region src/files/file-format.ts
+// src/files/file-format.ts
 const IMAGE_EXTENSIONS = [
 	"png",
 	"jpg",
@@ -156,5 +156,4 @@ function getCodeLanguage(filename, format) {
 	if (format === "json" || format === "yaml") return format;
 	return getSyntaxLanguage(filename);
 }
-//#endregion
 export { detectFileFormat, fileExtension, getCodeLanguage, getFormatLabel, getSyntaxLanguage, resolveFilePreviewKind };

package/dist/files/file-list.d.ts

@@ -1,6 +1,5 @@
 import { FileDetails } from "./file-card.js";
 import * as React from "react";
-//#region src/files/file-list.d.ts
 export interface FileListItem extends FileDetails {
   /** Stable key, and what `activeId` matches. */
   id: string;
@@ -21,5 +20,4 @@ export interface FileListProps<T extends FileListItem = FileListItem> extends Om
   /** Shown in place of the list when `files` is empty. */
   empty?: React.ReactNode;
 }
-export declare function FileList<T extends FileListItem>({ files, onOpen, onDownload, onDelete, activeId, empty, className, ...props }: FileListProps<T>): React.JSX.Element;
-//#endregion
+export declare function FileList<T extends FileListItem>({ files, onOpen, onDownload, onDelete, activeId, empty, className, ...props }: FileListProps<T>): React.JSX.Element;

package/dist/files/file-list.js

@@ -5,7 +5,7 @@ import { FactSeparator, FileFacts, FileKindTile, uploaderLabel } from "./file-ca
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Download, Trash2 } from "lucide-react";
-//#region src/files/file-list.tsx
+// src/files/file-list.tsx
 function FileList({ files, onOpen, onDownload, onDelete, activeId, empty = "No files yet.", className, ...props }) {
 	if (files.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: cn("rounded-[var(--radius-md)] border border-border bg-card px-4 py-10 text-center text-sm text-muted-foreground", className),
@@ -84,5 +84,4 @@ function FileList({ files, onOpen, onDownload, onDelete, activeId, empty = "No f
 		})
 	});
 }
-//#endregion
 export { FileList };

package/dist/files/file-preview.d.ts

@@ -1,5 +1,4 @@
 import { UrlTransform } from "react-markdown";
-//#region src/files/file-preview.d.ts
 export interface FilePreviewProps {
   filename: string;
   content?: string;
@@ -23,5 +22,4 @@ export declare const CSV_PREVIEW_ROW_LIMIT = 500;
  * a trailing line break add no row.
  */
 export declare function parseCsv(content: string): string[][];
-export declare function FilePreview({ filename, content, blobUrl, mimeType, size, urlTransform, onClose, onDownload, hideHeader, className }: FilePreviewProps): import("react").JSX.Element;
-//#endregion
+export declare function FilePreview({ filename, content, blobUrl, mimeType, size, urlTransform, onClose, onDownload, hideHeader, className }: FilePreviewProps): import("react").JSX.Element;

package/dist/files/file-preview.js

@@ -8,7 +8,7 @@ import { PdfViewer } from "./pdf-viewer.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Download, Music, X } from "lucide-react";
-//#region src/files/file-preview.tsx
+// src/files/file-preview.tsx
 /**
 * FilePreview — universal file renderer.
 *
@@ -309,5 +309,4 @@ function FilePreview({ filename, content, blobUrl, mimeType, size, urlTransform,
 		})]
 	});
 }
-//#endregion
 export { CSV_PREVIEW_ROW_LIMIT, FilePreview, parseCsv };

package/dist/files/file-tabs.d.ts

@@ -1,6 +1,9 @@
-//#region src/files/file-tabs.d.ts
 /**
- * FileTabs — tab bar for open files in the preview panel.
+ * FileTabs: one tab per open file. The strip sits on its host's chrome plane and
+ * draws its baseline as an inset shadow (a host whose border is the baseline
+ * passes `shadow-none`); the active tab paints the card plane over it, so it
+ * joins the content below. A long name is cut in the middle, keeping its end
+ * and extension. Arrow keys, Home and End move the selection; Delete closes.
  */
 export interface FileTabData {
   id: string;
@@ -13,7 +16,8 @@ export interface FileTabsProps {
   activeId?: string;
   onSelect: (id: string) => void;
   onClose: (id: string) => void;
+  /** Accessible name of the tab list. Defaults to "Open files". */
+  label?: string;
   className?: string;
 }
-export declare function FileTabs({ tabs, activeId, onSelect, onClose, className }: FileTabsProps): import("react").JSX.Element | null;
-//#endregion
+export declare function FileTabs({ tabs, activeId, onSelect, onClose, label, className }: FileTabsProps): import("react").JSX.Element | null;

package/dist/files/file-tabs.js

@@ -1,10 +1,16 @@
-import { focusRing, focusRingInset } from "../lib/focus.js";
+import { controlMotion } from "../lib/motion.js";
+import { focusRingInset } from "../lib/focus.js";
 import { cn } from "../lib/utils.js";
+import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileCode, FileSpreadsheet, FileText, X } from "lucide-react";
-//#region src/files/file-tabs.tsx
+// src/files/file-tabs.tsx
 /**
-* FileTabs — tab bar for open files in the preview panel.
+* FileTabs: one tab per open file. The strip sits on its host's chrome plane and
+* draws its baseline as an inset shadow (a host whose border is the baseline
+* passes `shadow-none`); the active tab paints the card plane over it, so it
+* joins the content below. A long name is cut in the middle, keeping its end
+* and extension. Arrow keys, Home and End move the selection; Delete closes.
 */
 function getTabIcon(name) {
 	const ext = name.split(".").pop()?.toLowerCase() || "";
@@ -12,37 +18,95 @@ function getTabIcon(name) {
 	if (["csv", "xlsx"].includes(ext)) return FileSpreadsheet;
 	return FileCode;
 }
-function FileTabs({ tabs, activeId, onSelect, onClose, className }) {
+/** A long name keeps its extension and the characters before it after the ellipsis. */
+function splitName(name) {
+	if (name.length <= 18) return [name, ""];
+	const dot = name.lastIndexOf(".");
+	const keep = Math.min(Math.max((dot > 0 ? name.length - dot : 0) + 6, 8), 12);
+	return [name.slice(0, -keep), name.slice(-keep)];
+}
+function FileTabs({ tabs, activeId, onSelect, onClose, label = "Open files", className }) {
+	const stripRef = useRef(null);
+	useEffect(() => {
+		const strip = stripRef.current;
+		const tab = strip?.querySelector("[aria-selected=\"true\"]")?.parentElement;
+		if (strip && tab) strip.scrollLeft = Math.min(tab.offsetLeft, Math.max(strip.scrollLeft, tab.offsetLeft + tab.offsetWidth - strip.clientWidth));
+	}, [activeId, tabs.length]);
 	if (tabs.length === 0) return null;
+	const tabButtons = () => [...stripRef.current?.querySelectorAll("[role=\"tab\"]") ?? []];
+	const onKeyDown = (event) => {
+		const at = tabButtons().indexOf(event.target);
+		const last = tabs.length - 1;
+		const next = {
+			ArrowRight: at === last ? 0 : at + 1,
+			ArrowLeft: at === 0 ? last : at - 1,
+			Home: 0,
+			End: last
+		}[event.key];
+		if (at < 0 || next === void 0 && event.key !== "Delete") return;
+		event.preventDefault();
+		if (next !== void 0) {
+			tabButtons()[next]?.focus();
+			onSelect(tabs[next].id);
+			return;
+		}
+		onClose(tabs[at].id);
+		requestAnimationFrame(() => (tabButtons().find((tab) => tab.getAttribute("aria-selected") === "true") ?? tabButtons().at(-1))?.focus());
+	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center border-b border-border bg-background overflow-x-auto", className),
+		ref: stripRef,
+		role: "tablist",
+		"aria-label": label,
+		onKeyDown,
+		className: cn("relative flex h-10 min-w-0 items-end gap-1 overflow-x-auto px-2 shadow-[inset_0_-1px_0_hsl(var(--border))] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", className),
 		children: tabs.map((tab) => {
 			const isActive = tab.id === activeId;
 			const Icon = getTabIcon(tab.name);
+			const [head, tail] = splitName(tab.name);
 			return /* @__PURE__ */ jsxs("div", {
-				className: cn("group flex items-center border-r border-border shrink-0", isActive ? "bg-card text-foreground border-b-2 border-b-primary" : "text-muted-foreground hover:bg-muted/50"),
+				title: tab.path,
+				className: cn("group relative flex h-[calc(100%-0.375rem)] max-w-72 shrink-0 items-center rounded-t-lg border border-b-0 text-sm", controlMotion, isActive ? "border-border bg-card text-foreground" : "border-transparent text-muted-foreground hover:bg-[var(--ix-hover-bg)] hover:text-foreground"),
 				children: [/* @__PURE__ */ jsxs("button", {
 					type: "button",
+					role: "tab",
+					"aria-selected": isActive,
+					"aria-label": tab.dirty ? `${tab.name}, unsaved changes` : tab.name,
+					tabIndex: isActive || !activeId && tab === tabs[0] ? 0 : -1,
 					onClick: () => onSelect(tab.id),
-					className: cn("flex min-w-0 items-center gap-1.5 px-3 py-1.5 text-xs transition-colors hover:text-foreground", focusRingInset),
+					className: cn("flex h-full min-w-0 items-center gap-1.5 rounded-t-lg pl-3 pr-1", focusRingInset),
 					children: [
-						/* @__PURE__ */ jsx(Icon, { className: "h-3 w-3 shrink-0" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "max-w-[120px] truncate",
-							children: tab.name
+						/* @__PURE__ */ jsx(Icon, {
+							"aria-hidden": true,
+							className: "size-3.5 shrink-0 text-muted-foreground"
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "flex min-w-0",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "overflow-hidden text-ellipsis whitespace-pre",
+								children: head
+							}), tail && /* @__PURE__ */ jsx("span", {
+								className: "shrink-0 whitespace-pre",
+								children: tail
+							})]
 						}),
-						tab.dirty && /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-primary" })
+						tab.dirty && /* @__PURE__ */ jsx("span", {
+							"aria-hidden": true,
+							className: "size-1.5 shrink-0 rounded-full bg-[var(--accent-text)]"
+						})
 					]
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
+					tabIndex: -1,
 					"aria-label": `Close ${tab.name}`,
 					onClick: () => onClose(tab.id),
-					className: cn("mr-1 rounded p-0.5 opacity-0 transition-opacity hover:bg-accent focus-visible:opacity-100 group-hover:opacity-100", focusRing),
-					children: /* @__PURE__ */ jsx(X, { className: "h-2.5 w-2.5" })
+					className: cn("mr-1.5 grid size-5 shrink-0 place-items-center rounded-md text-muted-foreground hover:bg-[var(--ix-hover-bg)] hover:text-foreground", controlMotion, !isActive && "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"),
+					children: /* @__PURE__ */ jsx(X, {
+						"aria-hidden": true,
+						className: "size-3"
+					})
 				})]
 			}, tab.id);
 		})
 	});
 }
-//#endregion
 export { FileTabs };

package/dist/files/file-tree.d.ts

@@ -1,4 +1,3 @@
-//#region src/files/file-tree.d.ts
 /**
  * FileTree — directory browser with file type icons.
  *
@@ -27,5 +26,4 @@ export interface FileTreeVisibilityOptions {
   isVisible?: (node: FileNode) => boolean;
 }
 export declare function filterFileTree(root: FileNode, visibility?: FileTreeVisibilityOptions): FileNode | null;
-export declare function FileTree({ root, selectedPath, onSelect, className, defaultExpanded, visibility }: FileTreeProps): import("react").JSX.Element | null;
-//#endregion
+export declare function FileTree({ root, selectedPath, onSelect, className, defaultExpanded, visibility }: FileTreeProps): import("react").JSX.Element | null;

package/dist/files/file-tree.js

@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, File, FileCode, FileImage, FileJson, FileSpreadsheet, FileText, Folder, FolderOpen } from "lucide-react";
-//#region src/files/file-tree.tsx
+// src/files/file-tree.tsx
 /**
 * FileTree — directory browser with file type icons.
 *
@@ -131,5 +131,4 @@ function FileTree({ root, selectedPath, onSelect, className, defaultExpanded = t
 		})
 	});
 }
-//#endregion
 export { FileTree, filterFileTree };

package/dist/files/pdf-loader.d.ts

@@ -1,5 +1,4 @@
 import "pdfjs-dist";
-//#region src/files/pdf-loader.d.ts
 export interface PdfViewerConfig {
   /**
    * URL of `pdfjs-dist/legacy/build/pdf.worker.min.mjs` from the installed
@@ -18,5 +17,4 @@ export interface PdfViewerConfig {
  * the first `PdfViewer` renders; a worker set afterwards applies only when no
  * document has loaded the main-thread worker yet.
  */
-export declare function configurePdfViewer(next: PdfViewerConfig): void;
-//#endregion
+export declare function configurePdfViewer(next: PdfViewerConfig): void;

package/dist/files/pdf-loader.js

@@ -1,5 +1,5 @@
 import { isMissingPeerError, rethrow } from "../lib/optional-peer.js";
-//#region src/files/pdf-loader.ts
+// src/files/pdf-loader.ts
 let config = {};
 /**
 * Sets the page-wide pdf.js worker and asset locations. Call it once, before
@@ -78,5 +78,4 @@ function pdfAssetParams() {
 		iccUrl: `${base}iccs/`
 	};
 }
-//#endregion
 export { MissingPdfjsError, asMissingPdfjsError, configurePdfViewer, isMissingPdfjsError, loadPdfjs, pdfAssetParams };

package/dist/files/pdf-viewer.d.ts

@@ -1,4 +1,3 @@
-//#region src/files/pdf-viewer.d.ts
 /**
  * PdfViewer — renders a PDF's pages to canvas with pdf.js, so a document reads
  * the same in every browser, phones included. A continuous column of pages
@@ -28,5 +27,4 @@ export interface PdfViewerProps {
   /** Give the viewer a height; it scrolls its pages inside it. */
   className?: string;
 }
-export declare function PdfViewer({ src, filename, size, onDownload, className }: PdfViewerProps): import("react").JSX.Element;
-//#endregion
+export declare function PdfViewer({ src, filename, size, onDownload, className }: PdfViewerProps): import("react").JSX.Element;

package/dist/files/pdf-viewer.js

@@ -8,7 +8,7 @@ import { isMissingPdfjsError, loadPdfjs, pdfAssetParams } from "./pdf-loader.js"
 import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, Download, Info, LoaderCircle, ZoomIn, ZoomOut } from "lucide-react";
-//#region src/files/pdf-viewer.tsx
+// src/files/pdf-viewer.tsx
 /**
 * PdfViewer — renders a PDF's pages to canvas with pdf.js, so a document reads
 * the same in every browser, phones included. A continuous column of pages
@@ -563,5 +563,4 @@ const PdfPage = memo(function PdfPage({ doc, pageNumber, pageCount, zoom, placeh
 		})]
 	});
 });
-//#endregion
 export { PdfViewer };

package/dist/files/rich-file-tree.d.ts

@@ -1,7 +1,6 @@
 import { FileNode } from "./file-tree.js";
 import { CSSProperties, ReactNode } from "react";
 import { ContextMenuItem, ContextMenuOpenContext, GitStatus, GitStatusEntry } from "@pierre/trees";
-//#region src/files/rich-file-tree.d.ts
 /**
  * Re-export Pierre's git-status union under a stable name so consumers
  * don't import directly from the dep. If we ever swap the underlying
@@ -58,5 +57,4 @@ export interface RichFileTreeThemeVars {
   /** Muted (parent path, breadcrumb) foreground. */
   mutedFg: string;
 }
-export declare function RichFileTree({ root, paths, selectedPath, onSelect, search, initialExpansion, gitStatus, renderContextMenu, header, themeOverrides, className, style, height }: RichFileTreeProps): import("react").JSX.Element;
-//#endregion
+export declare function RichFileTree({ root, paths, selectedPath, onSelect, search, initialExpansion, gitStatus, renderContextMenu, header, themeOverrides, className, style, height }: RichFileTreeProps): import("react").JSX.Element;

package/dist/files/rich-file-tree.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { FileTree, useFileTree } from "@pierre/trees/react";
-//#region src/files/rich-file-tree.tsx
+// src/files/rich-file-tree.tsx
 /**
 * RichFileTree — feature-rich file browser built on @pierre/trees.
 *
@@ -141,5 +141,4 @@ function RichFileTree({ root, paths, selectedPath, onSelect, search = true, init
 		style: themeStyle
 	});
 }
-//#endregion
 export { RichFileTree };

package/dist/hooks/use-auth.d.ts

@@ -1,4 +1,3 @@
-//#region src/hooks/use-auth.d.ts
 export interface AuthUser {
   customer_id: string;
   email: string;
@@ -36,5 +35,4 @@ export declare function createAuthFetcher(_apiBaseUrl: string): <T = unknown>(ur
  * Hook to get the API key from localStorage.
  * For backwards compatibility with API key-based auth.
  */
-export declare function useApiKey(): string | null;
-//#endregion
+export declare function useApiKey(): string | null;

package/dist/hooks/use-auth.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-//#region src/hooks/use-auth.ts
+// src/hooks/use-auth.ts
 /**
 * Hook for managing authentication state.
 * Fetches user session from the API and provides loading/error states.
@@ -87,5 +87,4 @@ function useApiKey() {
 	}, []);
 	return apiKey;
 }
-//#endregion
 export { createAuthFetcher, useApiKey, useAuth };

package/dist/hooks/use-auto-scroll.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from "react";
-//#region src/hooks/use-auto-scroll.d.ts
 /**
  * Scroll-to-bottom behaviour: sticks to the bottom while streaming,
  * pauses when user scrolls up, resumes when user scrolls back down.
@@ -7,5 +6,4 @@ import { RefObject } from "react";
 export declare function useAutoScroll(containerRef: RefObject<HTMLElement | null>, deps?: unknown[]): {
   isAtBottom: boolean;
   scrollToBottom: () => void;
-};
-//#endregion
+};

package/dist/hooks/use-auto-scroll.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-//#region src/hooks/use-auto-scroll.ts
+// src/hooks/use-auto-scroll.ts
 const BOTTOM_THRESHOLD = 40;
 /**
 * Scroll-to-bottom behaviour: sticks to the bottom while streaming,
@@ -44,5 +44,4 @@ function useAutoScroll(containerRef, deps = []) {
 		}, [containerRef])
 	};
 }
-//#endregion
 export { useAutoScroll };

package/dist/hooks/use-dropdown-menu.d.ts

@@ -1,4 +1,3 @@
-//#region src/hooks/use-dropdown-menu.d.ts
 interface UseDropdownMenuOptions {
   closeOnEsc?: boolean;
 }
@@ -9,4 +8,4 @@ export declare function useDropdownMenu(options?: UseDropdownMenuOptions): {
   toggle: () => void;
   close: () => void;
 };
-//#endregion
+export {};

package/dist/hooks/use-dropdown-menu.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-//#region src/hooks/use-dropdown-menu.ts
+// src/hooks/use-dropdown-menu.ts
 function useDropdownMenu(options) {
 	const closeOnEsc = options?.closeOnEsc ?? true;
 	const [open, setOpen] = useState(false);
@@ -27,5 +27,4 @@ function useDropdownMenu(options) {
 		close: () => setOpen(false)
 	};
 }
-//#endregion
 export { useDropdownMenu };

package/dist/hooks/use-live-time.d.ts

@@ -1,7 +1,5 @@
-//#region src/hooks/use-live-time.d.ts
 /**
  * Returns `Date.now()` and re-renders every `intervalMs` so derived
  * values like "uptime" tick forward without polling upstream data.
  */
-export declare function useLiveTime(intervalMs?: number): number;
-//#endregion
+export declare function useLiveTime(intervalMs?: number): number;

package/dist/hooks/use-live-time.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-//#region src/hooks/use-live-time.ts
+// src/hooks/use-live-time.ts
 /**
 * Returns `Date.now()` and re-renders every `intervalMs` so derived
 * values like "uptime" tick forward without polling upstream data.
@@ -18,5 +18,4 @@ function useLiveTime(intervalMs = 1e3) {
 	}, [intervalMs]);
 	return now;
 }
-//#endregion
 export { useLiveTime };

package/dist/hooks/use-realtime-session.d.ts

@@ -1,6 +1,5 @@
 import { SdkSessionEvent } from "./use-sdk-session.js";
 import { ActiveSessionConnectionState, ActiveSessionTransportMode, RegisterActiveSessionOptions } from "../stores/active-sessions-store.js";
-//#region src/hooks/use-realtime-session.d.ts
 export interface RealtimeSessionOptions extends RegisterActiveSessionOptions {
   connectUrl?: string | null;
   enabled?: boolean;
@@ -28,5 +27,4 @@ export interface RealtimeSessionRegistryProps {
   sessions: RealtimeSessionTarget[];
 }
 export declare function useRealtimeSession({ sessionId, projectId, projectLabel, title, href, metadata, connectUrl, enabled, foreground, keepRegistered, reconnect, reconnectIntervalMs, maxReconnectAttempts, transportMode, onEvent, onOpen, onClose, onError }: RealtimeSessionOptions): RealtimeSessionState;
-export declare function RealtimeSessionRegistry({ sessions }: RealtimeSessionRegistryProps): import("react").FunctionComponentElement<RealtimeSessionTarget>[];
-//#endregion
+export declare function RealtimeSessionRegistry({ sessions }: RealtimeSessionRegistryProps): import("react").FunctionComponentElement<RealtimeSessionTarget>[];

package/dist/hooks/use-realtime-session.js

@@ -1,6 +1,6 @@
 import { bumpActiveSessionActivity, registerActiveSession, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta } from "../stores/active-sessions-store.js";
 import { createElement, useEffect, useMemo, useRef, useState } from "react";
-//#region src/hooks/use-realtime-session.ts
+// src/hooks/use-realtime-session.ts
 function parseEvent(message) {
 	try {
 		const parsed = JSON.parse(message);
@@ -231,5 +231,4 @@ function RealtimeSessionRegistry({ sessions }) {
 		...session
 	}));
 }
-//#endregion
 export { RealtimeSessionRegistry, useRealtimeSession };

package/dist/hooks/use-run-collapse-state.d.ts

@@ -1,5 +1,4 @@
 import { Run } from "../types/run.js";
-//#region src/hooks/use-run-collapse-state.d.ts
 /**
  * Manages per-run collapse state with auto-collapse after run completion.
  *
@@ -9,5 +8,4 @@ import { Run } from "../types/run.js";
 export declare function useRunCollapseState(runs: Run[]): {
   isCollapsed: (runId: string) => boolean;
   toggleCollapse: (runId: string) => void;
-};
-//#endregion
+};

package/dist/hooks/use-run-collapse-state.js

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-//#region src/hooks/use-run-collapse-state.ts
+// src/hooks/use-run-collapse-state.ts
 /**
 * Manages per-run collapse state with auto-collapse after run completion.
 *
@@ -20,5 +20,4 @@ function useRunCollapseState(runs) {
 		}, [])
 	};
 }
-//#endregion
 export { useRunCollapseState };