@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/file-system/file-system-project.mjs

@@ -0,0 +1,253 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { Empty } from "../empty.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { Input } from "../input.mjs";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../breadcrumb.mjs";
+import { SideMenu } from "../side-menu.mjs";
+import { useFileSystem, useNodeIcon, useTypeLabel } from "./context.mjs";
+import { fsDescendants, fsFolderListing, fsNode, fsQuery, fsTrail } from "./model.mjs";
+import { FileSystemNew } from "./file-system-new.mjs";
+import { FileSystemTable } from "./file-system-table.mjs";
+import { FileText, FolderOpen, Info, Search, Trash2 } from "lucide-react";
+import { Fragment, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/file-system/file-system-project.tsx
+function FileSystemProject({ projectId, onBack, selectedId, onSelect, onOpenName, onCreate }) {
+	const { index, byType } = useFileSystem();
+	const typeLabel = useTypeLabel();
+	const [section, setSection] = useState("files");
+	const [query, setQuery] = useState("");
+	const [folderId, setFolderId] = useState(projectId);
+	const project = fsNode(index, projectId);
+	const searching = query.trim() !== "";
+	const files = useMemo(() => searching ? fsQuery(index, {
+		rootId: projectId,
+		folderId: projectId,
+		query
+	}) : fsFolderListing(index, folderId), [
+		index,
+		projectId,
+		folderId,
+		query,
+		searching
+	]);
+	const fileCount = useMemo(() => fsQuery(index, {
+		rootId: projectId,
+		folderId: projectId
+	}).length, [index, projectId]);
+	const retired = useMemo(() => fsDescendants(index, projectId).filter((n) => n.trashed), [index, projectId]);
+	const trail = useMemo(() => folderId === projectId ? [] : fsTrail(index, folderId).filter((n) => n.kind === "folder"), [
+		index,
+		folderId,
+		projectId
+	]);
+	const typeCounts = useMemo(() => {
+		const counts = /* @__PURE__ */ new Map();
+		for (const n of fsDescendants(index, projectId)) {
+			if (n.kind !== "file" || !n.fileType || n.trashed) continue;
+			counts.set(n.fileType, (counts.get(n.fileType) ?? 0) + 1);
+		}
+		return [...counts.entries()].map(([type, count]) => ({
+			label: byType.get(type)?.label ?? type,
+			count
+		})).sort((a, b) => b.count - a.count);
+	}, [
+		index,
+		projectId,
+		byType
+	]);
+	if (!project) return null;
+	const groups = [{ items: [{
+		id: "overview",
+		label: "Overview",
+		icon: Info
+	}, {
+		id: "files",
+		label: "Files",
+		icon: FileText,
+		count: fileCount
+	}] }, {
+		divider: true,
+		items: [{
+			id: "trash",
+			label: "Trash",
+			icon: Trash2,
+			count: retired.length
+		}]
+	}];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row",
+		children: [/* @__PURE__ */ jsx(SideMenu, {
+			title: project.name,
+			onBack,
+			backLabel: "Back to all files",
+			showSearch: false,
+			groups,
+			activeItemId: section,
+			onItemSelect: (id) => setSection(id),
+			className: "wwc:md:w-[240px]"
+		}), /* @__PURE__ */ jsx(ScrollArea, {
+			className: "wwc:min-w-0 wwc:flex-1",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-col wwc:gap-4 wwc:p-4",
+				children: [
+					section === "overview" && /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:max-w-[70ch] wwc:flex-col wwc:gap-5",
+						children: [
+							project.description && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-[14px] wwc:leading-relaxed wwc:text-foreground",
+								children: project.description
+							}),
+							project.tags?.length ? /* @__PURE__ */ jsx("div", {
+								className: "wwc:flex wwc:flex-wrap wwc:gap-1.5",
+								children: project.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+									variant: "secondary",
+									className: "wwc:font-normal",
+									children: tag
+								}, tag))
+							}) : null,
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:flex-col wwc:gap-2",
+								children: [
+									/* @__PURE__ */ jsx("h3", {
+										className: "wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+										children: "What is in here"
+									}),
+									/* @__PURE__ */ jsx("dl", {
+										className: "wwc:grid wwc:grid-cols-2 wwc:gap-x-6 wwc:gap-y-2 wwc:sm:grid-cols-3",
+										children: typeCounts.map(({ label, count }) => /* @__PURE__ */ jsxs("div", {
+											className: "wwc:flex wwc:items-baseline wwc:justify-between wwc:gap-2",
+											children: [/* @__PURE__ */ jsx("dt", {
+												className: "wwc:truncate wwc:text-[13px] wwc:text-muted-foreground",
+												children: label
+											}), /* @__PURE__ */ jsx("dd", {
+												className: "wwc:text-[15px] wwc:font-medium wwc:tabular-nums",
+												children: count
+											})]
+										}, label))
+									}),
+									typeCounts.length === 0 && /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-[13px] wwc:text-muted-foreground",
+										children: "This project has no files yet."
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:flex-col wwc:gap-1 wwc:text-[13px]",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+									children: "Last modified"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "wwc:tabular-nums",
+									children: project.updatedAt
+								})]
+							})
+						]
+					}),
+					section === "files" && !searching && trail.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: "wwc:flex wwc:items-center wwc:gap-1.5",
+							onClick: () => setFolderId(projectId),
+							children: [/* @__PURE__ */ jsx(CrumbIcon, { node: project }), project.name]
+						})
+					}) }), trail.map((node, i) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbSeparator, {}), /* @__PURE__ */ jsx(BreadcrumbItem, { children: i === trail.length - 1 ? /* @__PURE__ */ jsxs(BreadcrumbPage, {
+						className: "wwc:flex wwc:items-center wwc:gap-1.5",
+						children: [/* @__PURE__ */ jsx(CrumbIcon, { node }), node.name]
+					}) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: "wwc:flex wwc:items-center wwc:gap-1.5",
+							onClick: () => setFolderId(node.id),
+							children: [/* @__PURE__ */ jsx(CrumbIcon, { node }), node.name]
+						})
+					}) })] }, node.id))] }) }),
+					section === "files" && /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:min-w-0 wwc:flex-wrap wwc:items-center wwc:gap-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:relative wwc:min-w-[200px] wwc:flex-1",
+							children: [/* @__PURE__ */ jsx(Search, { className: "wwc:pointer-events-none wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+								value: query,
+								onChange: (e) => setQuery(e.target.value),
+								placeholder: `Search ${project.name}...`,
+								className: "wwc:h-8 wwc:pl-8 wwc:text-[13px]"
+							})]
+						}), /* @__PURE__ */ jsx(FileSystemNew, {
+							parentId: folderId,
+							scope: "project",
+							onCreate,
+							onCreated: (node) => {
+								setSection("files");
+								setQuery("");
+								onSelect(node);
+							}
+						})]
+					}),
+					section === "files" && (files.length > 0 ? /* @__PURE__ */ jsx(FileSystemTable, {
+						rows: files,
+						selectedId,
+						onSelect,
+						onOpenName: (node) => node.kind === "folder" ? setFolderId(node.id) : onOpenName(node),
+						showPath: searching
+					}) : searching ? /* @__PURE__ */ jsx(Empty, {
+						icon: /* @__PURE__ */ jsx(FolderOpen, { className: "wwc:h-8 wwc:w-8" }),
+						title: "No files match",
+						description: `Nothing in ${project.name} matches "${query.trim()}".`,
+						action: /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => setQuery(""),
+							children: "Clear search"
+						})
+					}) : /* @__PURE__ */ jsx(Empty, {
+						icon: /* @__PURE__ */ jsx(FolderOpen, { className: "wwc:h-8 wwc:w-8" }),
+						title: "No files",
+						description: folderId === projectId ? "Nothing has been filed in this project yet. Use New to add the first one." : "This folder is empty. Use New to file something in it."
+					})),
+					section === "trash" && (retired.length > 0 ? /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:flex-col wwc:gap-2",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "wwc:text-[13px] wwc:text-muted-foreground",
+							children: "Retired files. They keep their address, so a link to one still resolves, but they are listed nowhere else."
+						}), /* @__PURE__ */ jsx("ul", {
+							className: "wwc:flex wwc:flex-col wwc:divide-y wwc:divide-border wwc:rounded-lg wwc:border wwc:border-border",
+							children: retired.map((n) => /* @__PURE__ */ jsxs("li", {
+								className: "wwc:flex wwc:items-center wwc:gap-3 wwc:px-3 wwc:py-2.5",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:min-w-0 wwc:flex-1 wwc:truncate wwc:text-[13px]",
+										children: n.name
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:shrink-0 wwc:text-[12px] wwc:text-muted-foreground",
+										children: typeLabel(n)
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:shrink-0 wwc:text-[12px] wwc:tabular-nums wwc:text-muted-foreground",
+										children: n.updatedAt
+									})
+								]
+							}, n.id))
+						})]
+					}) : /* @__PURE__ */ jsx(Empty, {
+						icon: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-8 wwc:w-8" }),
+						title: "Trash is empty",
+						description: "Nothing in this project has been retired."
+					}))
+				]
+			})
+		})]
+	});
+}
+/** One crumb's mark — the same icon the node carries as a row, so the trail and the list agree. */
+function CrumbIcon({ node }) {
+	const Icon = useNodeIcon(node);
+	return /* @__PURE__ */ jsx(Icon, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground" });
+}
+//#endregion
+export { FileSystemProject };
+
+//# sourceMappingURL=file-system-project.mjs.map

package/dist/file-system/file-system-project.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-system-project.mjs","names":[],"sources":["../../src/file-system/file-system-project.tsx"],"sourcesContent":["import {FileText, FolderOpen, Info, Search, Trash2} from \"lucide-react\";\nimport {Fragment, useMemo, useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {\n\tBreadcrumb,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"../breadcrumb\";\nimport {Button} from \"../button\";\nimport {Empty} from \"../empty\";\nimport {Input} from \"../input\";\nimport {ScrollArea} from \"../scroll-area\";\nimport {SideMenu, type SideMenuGroup} from \"../side-menu\";\nimport {useFileSystem, useNodeIcon, useTypeLabel} from \"./context\";\nimport {FileSystemNew} from \"./file-system-new\";\nimport {FileSystemTable} from \"./file-system-table\";\nimport {\n\tfsDescendants,\n\tfsFolderListing,\n\tfsNode,\n\tfsQuery,\n\tfsTrail,\n\ttype FileSystemDraft,\n\ttype FileSystemNode,\n} from \"./model\";\n\n// A project's own page. Opening a project swaps the whole layout: the facet rail gives way to this\n// project's sections, and the listing walks its folders.\n//\n// The sections are the ones a file system can actually fill from its own data. A host wanting more —\n// a cover page, a usage report — should compose them around this widget rather than have it ship\n// empty shells.\n\nexport type FileSystemProjectSection = \"overview\" | \"files\" | \"trash\";\n\nexport interface FileSystemProjectProps {\n\tprojectId: string;\n\t/** Back to the root's all-files listing. */\n\tonBack: () => void;\n\tselectedId: string | null;\n\tonSelect: (node: FileSystemNode) => void;\n\t/** A row's NAME was clicked and it is not a folder — the host opens it. */\n\tonOpenName: (node: FileSystemNode) => void;\n\tonCreate: (draft: FileSystemDraft) => FileSystemNode | undefined;\n}\n\nexport function FileSystemProject({\n\tprojectId,\n\tonBack,\n\tselectedId,\n\tonSelect,\n\tonOpenName,\n\tonCreate,\n}: FileSystemProjectProps) {\n\tconst {index, byType} = useFileSystem();\n\tconst typeLabel = useTypeLabel();\n\tconst [section, setSection] = useState<FileSystemProjectSection>(\"files\");\n\tconst [query, setQuery] = useState(\"\");\n\t// Where in the project you are standing. Inside a project the hierarchy IS the point — a folder you\n\t// cannot open is a folder you cannot file anything into — so this walks it.\n\tconst [folderId, setFolderId] = useState(projectId);\n\n\tconst project = fsNode(index, projectId);\n\n\t// Searching flattens, and spans the whole project rather than the folder you happen to be in: a\n\t// match one level down would otherwise look like no match at all.\n\tconst searching = query.trim() !== \"\";\n\tconst files = useMemo(\n\t\t() =>\n\t\t\tsearching ? fsQuery(index, {rootId: projectId, folderId: projectId, query}) : fsFolderListing(index, folderId),\n\t\t[index, projectId, folderId, query, searching],\n\t);\n\t// The rail reports what the project HOLDS, not what the query left standing — a number falling as\n\t// you type reads as files disappearing rather than a list being narrowed.\n\tconst fileCount = useMemo(() => fsQuery(index, {rootId: projectId, folderId: projectId}).length, [index, projectId]);\n\tconst retired = useMemo(() => fsDescendants(index, projectId).filter((n) => n.trashed), [index, projectId]);\n\tconst trail = useMemo(\n\t\t() => (folderId === projectId ? [] : fsTrail(index, folderId).filter((n) => n.kind === \"folder\")),\n\t\t[index, folderId, projectId],\n\t);\n\tconst typeCounts = useMemo(() => {\n\t\tconst counts = new Map<string, number>();\n\t\tfor (const n of fsDescendants(index, projectId)) {\n\t\t\tif (n.kind !== \"file\" || !n.fileType || n.trashed) continue;\n\t\t\tcounts.set(n.fileType, (counts.get(n.fileType) ?? 0) + 1);\n\t\t}\n\t\treturn [...counts.entries()]\n\t\t\t.map(([type, count]) => ({label: byType.get(type)?.label ?? type, count}))\n\t\t\t.sort((a, b) => b.count - a.count);\n\t}, [index, projectId, byType]);\n\n\tif (!project) return null;\n\n\tconst groups: SideMenuGroup[] = [\n\t\t{\n\t\t\titems: [\n\t\t\t\t{id: \"overview\", label: \"Overview\", icon: Info},\n\t\t\t\t{id: \"files\", label: \"Files\", icon: FileText, count: fileCount},\n\t\t\t],\n\t\t},\n\t\t{divider: true, items: [{id: \"trash\", label: \"Trash\", icon: Trash2, count: retired.length}]},\n\t];\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row\">\n\t\t\t<SideMenu\n\t\t\t\ttitle={project.name}\n\t\t\t\tonBack={onBack}\n\t\t\t\tbackLabel=\"Back to all files\"\n\t\t\t\tshowSearch={false}\n\t\t\t\tgroups={groups}\n\t\t\t\tactiveItemId={section}\n\t\t\t\tonItemSelect={(id) => setSection(id as FileSystemProjectSection)}\n\t\t\t\tclassName=\"wwc:md:w-[240px]\"\n\t\t\t/>\n\n\t\t\t<ScrollArea className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-4 wwc:p-4\">\n\t\t\t\t\t{section === \"overview\" && (\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:max-w-[70ch] wwc:flex-col wwc:gap-5\">\n\t\t\t\t\t\t\t{project.description && (\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-[14px] wwc:leading-relaxed wwc:text-foreground\">{project.description}</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{project.tags?.length ? (\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t{project.tags.map((tag) => (\n\t\t\t\t\t\t\t\t\t\t<Badge key={tag} variant=\"secondary\" className=\"wwc:font-normal\">\n\t\t\t\t\t\t\t\t\t\t\t{tag}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tWhat is in here\n\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t{/* Counts, not a chart: a handful of numbers do not need axes, and the point is which\n\t\t\t\t\t\t\t\t    kinds of record this project holds at all. */}\n\t\t\t\t\t\t\t\t<dl className=\"wwc:grid wwc:grid-cols-2 wwc:gap-x-6 wwc:gap-y-2 wwc:sm:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t{typeCounts.map(({label, count}) => (\n\t\t\t\t\t\t\t\t\t\t<div key={label} className=\"wwc:flex wwc:items-baseline wwc:justify-between wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t<dt className=\"wwc:truncate wwc:text-[13px] wwc:text-muted-foreground\">{label}</dt>\n\t\t\t\t\t\t\t\t\t\t\t<dd className=\"wwc:text-[15px] wwc:font-medium wwc:tabular-nums\">{count}</dd>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</dl>\n\t\t\t\t\t\t\t\t{typeCounts.length === 0 && (\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-[13px] wwc:text-muted-foreground\">This project has no files yet.</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-1 wwc:text-[13px]\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tLast modified\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span className=\"wwc:tabular-nums\">{project.updatedAt}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{section === \"files\" && !searching && trail.length > 0 && (\n\t\t\t\t\t\t<Breadcrumb>\n\t\t\t\t\t\t\t<BreadcrumbList>\n\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:gap-1.5\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setFolderId(projectId)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<CrumbIcon node={project} />\n\t\t\t\t\t\t\t\t\t\t\t{project.name}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t\t{trail.map((node, i) => (\n\t\t\t\t\t\t\t\t\t<Fragment key={node.id}>\n\t\t\t\t\t\t\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t\t\t\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t\t\t{i === trail.length - 1 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<BreadcrumbPage className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<CrumbIcon node={node} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t{node.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</BreadcrumbPage>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:gap-1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setFolderId(node.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CrumbIcon node={node} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{node.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</BreadcrumbList>\n\t\t\t\t\t\t</Breadcrumb>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{section === \"files\" && (\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:flex-wrap wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t<div className=\"wwc:relative wwc:min-w-[200px] wwc:flex-1\">\n\t\t\t\t\t\t\t\t<Search className=\"wwc:pointer-events-none wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tvalue={query}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setQuery(e.target.value)}\n\t\t\t\t\t\t\t\t\tplaceholder={`Search ${project.name}...`}\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:pl-8 wwc:text-[13px]\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<FileSystemNew\n\t\t\t\t\t\t\t\tparentId={folderId}\n\t\t\t\t\t\t\t\tscope=\"project\"\n\t\t\t\t\t\t\t\tonCreate={onCreate}\n\t\t\t\t\t\t\t\tonCreated={(node) => {\n\t\t\t\t\t\t\t\t\tsetSection(\"files\");\n\t\t\t\t\t\t\t\t\t// A new file must not land behind a live query, so the search clears with it.\n\t\t\t\t\t\t\t\t\tsetQuery(\"\");\n\t\t\t\t\t\t\t\t\tonSelect(node);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{section === \"files\" &&\n\t\t\t\t\t\t(files.length > 0 ? (\n\t\t\t\t\t\t\t<FileSystemTable\n\t\t\t\t\t\t\t\trows={files}\n\t\t\t\t\t\t\t\tselectedId={selectedId}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tonOpenName={(node) => (node.kind === \"folder\" ? setFolderId(node.id) : onOpenName(node))}\n\t\t\t\t\t\t\t\t// A search spans the project, so its rows come from everywhere and need their paths; a\n\t\t\t\t\t\t\t\t// folder listing is one place, and every row would repeat it.\n\t\t\t\t\t\t\t\tshowPath={searching}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : searching ? (\n\t\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\t\ticon={<FolderOpen className=\"wwc:h-8 wwc:w-8\" />}\n\t\t\t\t\t\t\t\ttitle=\"No files match\"\n\t\t\t\t\t\t\t\tdescription={`Nothing in ${project.name} matches \"${query.trim()}\".`}\n\t\t\t\t\t\t\t\taction={\n\t\t\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={() => setQuery(\"\")}>\n\t\t\t\t\t\t\t\t\t\tClear search\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\t\ticon={<FolderOpen className=\"wwc:h-8 wwc:w-8\" />}\n\t\t\t\t\t\t\t\ttitle=\"No files\"\n\t\t\t\t\t\t\t\tdescription={\n\t\t\t\t\t\t\t\t\tfolderId === projectId\n\t\t\t\t\t\t\t\t\t\t? \"Nothing has been filed in this project yet. Use New to add the first one.\"\n\t\t\t\t\t\t\t\t\t\t: \"This folder is empty. Use New to file something in it.\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t{section === \"trash\" &&\n\t\t\t\t\t\t(retired.length > 0 ? (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-[13px] wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tRetired files. They keep their address, so a link to one still resolves, but they are listed nowhere\n\t\t\t\t\t\t\t\t\telse.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<ul className=\"wwc:flex wwc:flex-col wwc:divide-y wwc:divide-border wwc:rounded-lg wwc:border wwc:border-border\">\n\t\t\t\t\t\t\t\t\t{retired.map((n) => (\n\t\t\t\t\t\t\t\t\t\t<li key={n.id} className=\"wwc:flex wwc:items-center wwc:gap-3 wwc:px-3 wwc:py-2.5\">\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:flex-1 wwc:truncate wwc:text-[13px]\">{n.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:shrink-0 wwc:text-[12px] wwc:text-muted-foreground\">{typeLabel(n)}</span>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:shrink-0 wwc:text-[12px] wwc:tabular-nums wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t{n.updatedAt}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\t\ticon={<Trash2 className=\"wwc:h-8 wwc:w-8\" />}\n\t\t\t\t\t\t\t\ttitle=\"Trash is empty\"\n\t\t\t\t\t\t\t\tdescription=\"Nothing in this project has been retired.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</ScrollArea>\n\t\t</div>\n\t);\n}\n\n/** One crumb's mark — the same icon the node carries as a row, so the trail and the list agree. */\nfunction CrumbIcon({node}: {node: FileSystemNode}) {\n\tconst Icon = useNodeIcon(node);\n\treturn <Icon className=\"wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground\" />;\n}\n"],"mappings":"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"}

package/dist/file-system/file-system-table.d.mts

@@ -0,0 +1,17 @@
+import { FileSystemNode } from "./model.mjs";
+//#region src/file-system/file-system-table.d.ts
+export interface FileSystemTableProps {
+  rows: FileSystemNode[];
+  selectedId: string | null;
+  onSelect: (node: FileSystemNode) => void;
+  onOpenName: (node: FileSystemNode) => void;
+  /**
+   * Print each row's folder under its name. The flat listing needs it — that line is the hierarchy;
+   * inside one folder every row shares it, so it only repeats.
+   */
+  showPath?: boolean;
+  pageSize?: number;
+}
+export declare function FileSystemTable({ rows, selectedId, onSelect, onOpenName, showPath, pageSize }: FileSystemTableProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=file-system-table.d.mts.map

package/dist/file-system/file-system-table.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-system-table.d.mts","names":[],"sources":["../../src/file-system/file-system-table.tsx"],"mappings":";;iBAoBiB;EAChB,MAAM;EACN;EACA,WAAW,MAAM;EACjB,aAAa,MAAM;;;;;EAKnB;EACA;;wBAGe,kBACf,MACA,YACA,UACA,YACA,UACA,YACE,mDAAoB,IAAA"}

package/dist/file-system/file-system-table.mjs

@@ -0,0 +1,95 @@
+import { Badge } from "../badge.mjs";
+import { DataTable } from "../data-table.mjs";
+import { useFileSystem, useNodeIcon, useNodeTone, useTypeLabel } from "./context.mjs";
+import { FileSystemPathText } from "./file-system-path.mjs";
+import { fsFolderPath } from "./model.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/file-system/file-system-table.tsx
+function FileSystemTable({ rows, selectedId, onSelect, onOpenName, showPath = true, pageSize = 25 }) {
+	const typeLabel = useTypeLabel();
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns: [
+			{
+				accessorKey: "name",
+				header: "Name",
+				cell: ({ row }) => /* @__PURE__ */ jsx(NameCell, {
+					node: row.original,
+					showPath,
+					onOpenName
+				})
+			},
+			{
+				id: "type",
+				header: "Type",
+				accessorFn: (node) => node.kind === "project" ? "project" : node.fileType ?? "",
+				cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-[13px] wwc:text-muted-foreground",
+					children: typeLabel(row.original)
+				})
+			},
+			{
+				id: "tags",
+				header: "Tags",
+				cell: ({ row }) => row.original.tags?.length ? /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:flex-wrap wwc:gap-1",
+					children: row.original.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						className: "wwc:text-[11px] wwc:font-normal",
+						children: tag
+					}, tag))
+				}) : null
+			},
+			{
+				id: "updated",
+				header: "Last modified",
+				accessorFn: (node) => node.updatedTs,
+				cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+					className: "wwc:whitespace-nowrap wwc:text-[13px] wwc:tabular-nums wwc:text-muted-foreground",
+					children: row.original.updatedAt
+				})
+			}
+		],
+		data: rows,
+		getRowId: (row) => row.id,
+		onRowActivate: (row) => onSelect(row.original),
+		getRowAriaLabel: (row) => `Show details for ${row.original.name}`,
+		getRowClassName: (row) => row.original.id === selectedId ? "wwc:bg-accent" : void 0,
+		flushToolbar: true,
+		showColumnToggle: false,
+		showPagination: rows.length > pageSize,
+		pageSize,
+		recordLabel: "item"
+	});
+}
+/** One row's name cell: the tinted mark, the underlined name that leaves, and the path beneath it. */
+function NameCell({ node, showPath, onOpenName }) {
+	const { index } = useFileSystem();
+	const Icon = useNodeIcon(node);
+	const tone = useNodeTone(node);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-w-0 wwc:items-start wwc:gap-2.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn("wwc:mt-px wwc:flex wwc:h-6 wwc:w-6 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md", tone),
+			children: /* @__PURE__ */ jsx(Icon, { className: "wwc:h-3.5 wwc:w-3.5" })
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:min-w-0 wwc:flex-col",
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation();
+					onOpenName(node);
+				},
+				className: "wwc:min-w-0 wwc:truncate wwc:text-left wwc:font-medium wwc:text-foreground wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+				children: node.name
+			}), showPath && node.kind !== "project" && /* @__PURE__ */ jsx(FileSystemPathText, {
+				path: fsFolderPath(index, node.id),
+				className: "wwc:text-[11px] wwc:text-muted-foreground"
+			})]
+		})]
+	});
+}
+//#endregion
+export { FileSystemTable };
+
+//# sourceMappingURL=file-system-table.mjs.map

package/dist/file-system/file-system-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-system-table.mjs","names":[],"sources":["../../src/file-system/file-system-table.tsx"],"sourcesContent":["import type {ColumnDef} from \"@tanstack/react-table\";\n\nimport {cn} from \"@corensystem/coren-utils\";\n\nimport {Badge} from \"../badge\";\nimport {DataTable} from \"../data-table\";\nimport {useFileSystem, useNodeIcon, useNodeTone, useTypeLabel} from \"./context\";\nimport {FileSystemPathText} from \"./file-system-path\";\nimport {fsFolderPath, type FileSystemNode} from \"./model\";\n\n// The listing, shared by the all-files view and a project's Files section so the two cannot drift.\n//\n// Two targets in one row, which is the whole interaction model:\n//\n//   the NAME  — underlined, and the only thing that leaves this surface.\n//   the ROW   — selects, and the details panel fills in. Nothing navigates.\n//\n// Selecting and leaving are different intentions and they get different targets. A row that navigated\n// on click would make \"what is this?\" impossible to ask without first losing your place.\n\nexport interface FileSystemTableProps {\n\trows: FileSystemNode[];\n\tselectedId: string | null;\n\tonSelect: (node: FileSystemNode) => void;\n\tonOpenName: (node: FileSystemNode) => void;\n\t/**\n\t * Print each row's folder under its name. The flat listing needs it — that line is the hierarchy;\n\t * inside one folder every row shares it, so it only repeats.\n\t */\n\tshowPath?: boolean;\n\tpageSize?: number;\n}\n\nexport function FileSystemTable({\n\trows,\n\tselectedId,\n\tonSelect,\n\tonOpenName,\n\tshowPath = true,\n\tpageSize = 25,\n}: FileSystemTableProps) {\n\tconst typeLabel = useTypeLabel();\n\n\tconst columns: ColumnDef<FileSystemNode>[] = [\n\t\t{\n\t\t\taccessorKey: \"name\",\n\t\t\theader: \"Name\",\n\t\t\tcell: ({row}) => <NameCell node={row.original} showPath={showPath} onOpenName={onOpenName} />,\n\t\t},\n\t\t{\n\t\t\tid: \"type\",\n\t\t\theader: \"Type\",\n\t\t\taccessorFn: (node) => (node.kind === \"project\" ? \"project\" : (node.fileType ?? \"\")),\n\t\t\tcell: ({row}) => <span className=\"wwc:text-[13px] wwc:text-muted-foreground\">{typeLabel(row.original)}</span>,\n\t\t},\n\t\t{\n\t\t\tid: \"tags\",\n\t\t\theader: \"Tags\",\n\t\t\tcell: ({row}) =>\n\t\t\t\trow.original.tags?.length ? (\n\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:gap-1\">\n\t\t\t\t\t\t{row.original.tags.map((tag) => (\n\t\t\t\t\t\t\t<Badge key={tag} variant=\"secondary\" className=\"wwc:text-[11px] wwc:font-normal\">\n\t\t\t\t\t\t\t\t{tag}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null,\n\t\t},\n\t\t{\n\t\t\tid: \"updated\",\n\t\t\theader: \"Last modified\",\n\t\t\taccessorFn: (node) => node.updatedTs,\n\t\t\tcell: ({row}) => (\n\t\t\t\t<span className=\"wwc:whitespace-nowrap wwc:text-[13px] wwc:tabular-nums wwc:text-muted-foreground\">\n\t\t\t\t\t{row.original.updatedAt}\n\t\t\t\t</span>\n\t\t\t),\n\t\t},\n\t];\n\n\treturn (\n\t\t<DataTable\n\t\t\tcolumns={columns}\n\t\t\tdata={rows}\n\t\t\tgetRowId={(row) => row.id}\n\t\t\tonRowActivate={(row) => onSelect(row.original)}\n\t\t\tgetRowAriaLabel={(row) => `Show details for ${row.original.name}`}\n\t\t\tgetRowClassName={(row) => (row.original.id === selectedId ? \"wwc:bg-accent\" : undefined)}\n\t\t\tflushToolbar\n\t\t\t// Four columns, each the point of the row — so a menu to hide them offers only ways to make\n\t\t\t// the surface worse.\n\t\t\tshowColumnToggle={false}\n\t\t\tshowPagination={rows.length > pageSize}\n\t\t\tpageSize={pageSize}\n\t\t\trecordLabel=\"item\"\n\t\t/>\n\t);\n}\n\n/** One row's name cell: the tinted mark, the underlined name that leaves, and the path beneath it. */\nfunction NameCell({\n\tnode,\n\tshowPath,\n\tonOpenName,\n}: {\n\tnode: FileSystemNode;\n\tshowPath: boolean;\n\tonOpenName: (node: FileSystemNode) => void;\n}) {\n\tconst {index} = useFileSystem();\n\tconst Icon = useNodeIcon(node);\n\tconst tone = useNodeTone(node);\n\treturn (\n\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-start wwc:gap-2.5\">\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:mt-px wwc:flex wwc:h-6 wwc:w-6 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md\",\n\t\t\t\t\ttone,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Icon className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t</span>\n\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:flex-col\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t// The row selects; only the name leaves, so the name's click must not reach the row.\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tonOpenName(node);\n\t\t\t\t\t}}\n\t\t\t\t\tclassName=\"wwc:min-w-0 wwc:truncate wwc:text-left wwc:font-medium wwc:text-foreground wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary\"\n\t\t\t\t>\n\t\t\t\t\t{node.name}\n\t\t\t\t</button>\n\t\t\t\t{/* A project sits at the top level, so it has no path to print — the row would read \"/\" and\n\t\t\t\t    claim a location it does not have. */}\n\t\t\t\t{showPath && node.kind !== \"project\" && (\n\t\t\t\t\t<FileSystemPathText\n\t\t\t\t\t\tpath={fsFolderPath(index, node.id)}\n\t\t\t\t\t\tclassName=\"wwc:text-[11px] wwc:text-muted-foreground\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAiCA,SAAgB,gBAAgB,EAC/B,MACA,YACA,UACA,YACA,WAAW,MACX,WAAW,MACa;CACxB,MAAM,YAAY,aAAa;CAwC/B,OACC,oBAAC,WAAD;EACC,SAAS;GAvCV;IACC,aAAa;IACb,QAAQ;IACR,OAAO,EAAC,UAAS,oBAAC,UAAD;KAAU,MAAM,IAAI;KAAoB;KAAsB;IAAa,CAAA;GAC7F;GACA;IACC,IAAI;IACJ,QAAQ;IACR,aAAa,SAAU,KAAK,SAAS,YAAY,YAAa,KAAK,YAAY;IAC/E,OAAO,EAAC,UAAS,oBAAC,QAAD;KAAM,WAAU;KAA6C,UAAA,UAAU,IAAI,QAAQ;IAAQ,CAAA;GAC7G;GACA;IACC,IAAI;IACJ,QAAQ;IACR,OAAO,EAAC,UACP,IAAI,SAAS,MAAM,SAClB,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,IAAI,SAAS,KAAK,KAAK,QACvB,oBAAC,OAAD;MAAiB,SAAQ;MAAY,WAAU;MAC7C,UAAA;KACK,GAFK,GAEL,CACP;IACG,CAAA,IACF;GACN;GACA;IACC,IAAI;IACJ,QAAQ;IACR,aAAa,SAAS,KAAK;IAC3B,OAAO,EAAC,UACP,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,IAAI,SAAS;IACT,CAAA;GAER;EAKgB;EACf,MAAM;EACN,WAAW,QAAQ,IAAI;EACvB,gBAAgB,QAAQ,SAAS,IAAI,QAAQ;EAC7C,kBAAkB,QAAQ,oBAAoB,IAAI,SAAS;EAC3D,kBAAkB,QAAS,IAAI,SAAS,OAAO,aAAa,kBAAkB,KAAA;EAC9E,cAAA;EAGA,kBAAkB;EAClB,gBAAgB,KAAK,SAAS;EACpB;EACV,aAAY;CACZ,CAAA;AAEH;;AAGA,SAAS,SAAS,EACjB,MACA,UACA,cAKE;CACF,MAAM,EAAC,UAAS,cAAc;CAC9B,MAAM,OAAO,YAAY,IAAI;CAC7B,MAAM,OAAO,YAAY,IAAI;CAC7B,OACC,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACC,oBAAC,QAAD;GACC,WAAW,GACV,sGACA,IACD;GAEA,UAAA,oBAAC,MAAD,EAAM,WAAU,sBAAuB,CAAA;EAClC,CAAA,GACN,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,oBAAC,UAAD;IACC,MAAK;IAEL,UAAU,MAAM;KACf,EAAE,gBAAgB;KAClB,WAAW,IAAI;IAChB;IACA,WAAU;IAET,UAAA,KAAK;GACC,CAAA,GAGP,YAAY,KAAK,SAAS,aAC1B,oBAAC,oBAAD;IACC,MAAM,aAAa,OAAO,KAAK,EAAE;IACjC,WAAU;GACV,CAAA,CAEE;EACD,CAAA,CAAA;;AAEP"}

package/dist/file-system/file-system.d.mts

@@ -0,0 +1,35 @@
+import { FileSystemDraft, FileSystemFileType, FileSystemNode, fsNodeFromDraft } from "./model.mjs";
+//#region src/file-system/file-system.d.ts
+export interface FileSystemProps {
+  /** Every node, flat, each naming its parent. The widget derives its indexes from these. */
+  nodes: FileSystemNode[];
+  /** The node everything is listed under — an organization, a workspace, a tenant. */
+  rootId: string;
+  /** The file types this product offers: their labels, marks, tints, and the app that owns each. */
+  fileTypes: FileSystemFileType[];
+  /**
+   * Commit a new node. Return the node that was added — the surface selects it, because creating
+   * something and leaving the reader to find it is a job half done. Return `undefined` to cancel.
+   *
+   * Omit to make the file system read-only: no New menu is rendered.
+   */
+  onCreate?: (draft: FileSystemDraft) => FileSystemNode | undefined;
+  /**
+   * Names the action that opens a file's record, e.g. "Open in Pipelines". Return `undefined` for a
+   * node nothing opens, and no action is offered rather than one that apologises.
+   */
+  openLabel?: (node: FileSystemNode) => string | undefined;
+  onOpenFile?: (node: FileSystemNode) => void;
+  /** The open project, or `null` for the root listing. Controlled when both are passed. */
+  projectId?: string | null;
+  onProjectChange?: (projectId: string | null) => void;
+  /** Narrow the flat listing to one folder's subtree. Controlled when both are passed. */
+  folderId?: string | null;
+  onFolderChange?: (folderId: string | null) => void;
+  /** Placeholder for the search that spans the facets and the listing. */
+  searchPlaceholder?: string;
+}
+export declare function FileSystem({ nodes, rootId, fileTypes, onCreate, openLabel, onOpenFile, projectId, onProjectChange, folderId, onFolderChange, searchPlaceholder }: FileSystemProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { fsNodeFromDraft };
+//# sourceMappingURL=file-system.d.mts.map

package/dist/file-system/file-system.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-system.d.mts","names":[],"sources":["../../src/file-system/file-system.tsx"],"mappings":";;iBAiDiB;;EAEhB,OAAO;;EAEP;;EAEA,WAAW;;;;;;;EAOX,YAAY,OAAO,oBAAoB;;;;;EAKvC,aAAa,MAAM;EACnB,cAAc,MAAM;;EAEpB;EACA,mBAAmB;;EAEnB;EACA,kBAAkB;;EAElB;;wBAGe,aACf,OACA,QACA,WACA,UACA,WACA,YACA,WACA,iBACA,UACA,gBACA,qBACE,8CAAe,IAAA"}

package/dist/file-system/file-system.mjs

@@ -0,0 +1,179 @@
+import { Button } from "../button.mjs";
+import { Empty } from "../empty.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { Input } from "../input.mjs";
+import { FileSystemProvider } from "./context.mjs";
+import { buildFileSystemIndex, fsNode, fsNodeFromDraft, fsPath, fsQuery } from "./model.mjs";
+import { FileSystemDetails } from "./file-system-details.mjs";
+import { FILE_SYSTEM_NO_FILTERS, FileSystemFilters, fileSystemFilterCount } from "./file-system-filters.mjs";
+import { FileSystemNew } from "./file-system-new.mjs";
+import { FileSystemTable } from "./file-system-table.mjs";
+import { FileSystemProject } from "./file-system-project.mjs";
+import { FolderOpen, Search, X } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/file-system/file-system.tsx
+function FileSystem({ nodes, rootId, fileTypes, onCreate, openLabel, onOpenFile, projectId, onProjectChange, folderId, onFolderChange, searchPlaceholder = "Search files and folders..." }) {
+	const [query, setQuery] = useState("");
+	const [filters, setFilters] = useState(FILE_SYSTEM_NO_FILTERS);
+	const [selectedId, setSelectedId] = useState(null);
+	const [ownProjectId, setOwnProjectId] = useState(null);
+	const [ownFolderId, setOwnFolderId] = useState(null);
+	const openProjectId = projectId !== void 0 ? projectId : ownProjectId;
+	const setOpenProjectId = onProjectChange ?? setOwnProjectId;
+	const narrowedFolderId = folderId !== void 0 ? folderId : ownFolderId;
+	const setNarrowedFolderId = onFolderChange ?? setOwnFolderId;
+	const index = useMemo(() => buildFileSystemIndex(nodes), [nodes]);
+	const context = useMemo(() => ({
+		index,
+		rootId,
+		fileTypes,
+		byType: new Map(fileTypes.map((t) => [t.id, t])),
+		openLabel,
+		onOpenFile
+	}), [
+		index,
+		rootId,
+		fileTypes,
+		openLabel,
+		onOpenFile
+	]);
+	const folder = narrowedFolderId ? fsNode(index, narrowedFolderId) : void 0;
+	const selected = selectedId ? fsNode(index, selectedId) : void 0;
+	const facetCount = fileSystemFilterCount(filters);
+	const rows = useMemo(() => fsQuery(index, {
+		rootId,
+		folderId: narrowedFolderId,
+		query,
+		types: filters.types.length ? filters.types : void 0,
+		projectIds: filters.projectIds.length ? filters.projectIds : void 0,
+		tags: filters.tags.length ? filters.tags : void 0
+	}), [
+		index,
+		rootId,
+		narrowedFolderId,
+		query,
+		filters
+	]);
+	const narrowed = Boolean(folder) || facetCount > 0 || query.trim() !== "";
+	/** Ids are the widget's to mint when the host does not supply one, so a name twice cannot collide. */
+	const create = useCallback((draft) => {
+		if (!onCreate) return void 0;
+		return onCreate(draft) ?? void 0;
+	}, [onCreate]);
+	/** The underlined name: a project opens its page, a file opens whatever the host says it opens. */
+	const openName = useCallback((node) => {
+		if (node.kind === "project") {
+			setOpenProjectId(node.id);
+			setSelectedId(null);
+		} else onOpenFile?.(node);
+	}, [setOpenProjectId, onOpenFile]);
+	const details = selected ? /* @__PURE__ */ jsx("div", {
+		className: "wwc:hidden wwc:w-[300px] wwc:shrink-0 wwc:lg:block",
+		children: /* @__PURE__ */ jsx(FileSystemDetails, {
+			node: selected,
+			onClose: () => setSelectedId(null),
+			onOpenProject: selected.kind === "project" ? openName : void 0
+		})
+	}) : null;
+	if (openProjectId) return /* @__PURE__ */ jsx(FileSystemProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:min-h-0 wwc:flex-1",
+			children: [/* @__PURE__ */ jsx(FileSystemProject, {
+				projectId: openProjectId,
+				onBack: () => {
+					setOpenProjectId(null);
+					setSelectedId(null);
+				},
+				selectedId,
+				onSelect: (node) => setSelectedId(node.id),
+				onOpenName: openName,
+				onCreate: create
+			}), details]
+		})
+	});
+	return /* @__PURE__ */ jsx(FileSystemProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-w-0 wwc:flex-shrink-0 wwc:flex-wrap wwc:items-center wwc:gap-2 wwc:border-b wwc:border-border wwc:px-4 wwc:py-2.5",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:relative wwc:min-w-[240px] wwc:flex-1",
+						children: [/* @__PURE__ */ jsx(Search, { className: "wwc:pointer-events-none wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+							value: query,
+							onChange: (e) => setQuery(e.target.value),
+							placeholder: searchPlaceholder,
+							className: "wwc:h-8 wwc:pl-8 wwc:text-[13px]"
+						})]
+					}),
+					folder && /* @__PURE__ */ jsxs(Button, {
+						variant: "secondary",
+						size: "sm",
+						className: "wwc:h-8 wwc:gap-1.5 wwc:text-[12px]",
+						onClick: () => setNarrowedFolderId(null),
+						"aria-label": `Stop filtering by ${folder.name}`,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "wwc:font-mono",
+							children: fsPath(index, folder.id)
+						}), /* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" })]
+					}),
+					onCreate && /* @__PURE__ */ jsx(FileSystemNew, {
+						parentId: rootId,
+						scope: "root",
+						onCreate: create,
+						onCreated: (node) => {
+							setQuery("");
+							setFilters(FILE_SYSTEM_NO_FILTERS);
+							setSelectedId(node.id);
+						}
+					})
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-h-0 wwc:flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "wwc:hidden wwc:w-[240px] wwc:shrink-0 wwc:border-r wwc:border-border wwc:md:block",
+						children: /* @__PURE__ */ jsx(FileSystemFilters, {
+							value: filters,
+							onChange: setFilters
+						})
+					}),
+					/* @__PURE__ */ jsx(ScrollArea, {
+						className: "wwc:min-w-0 wwc:flex-1",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "wwc:flex wwc:flex-col wwc:gap-3 wwc:p-4",
+							children: rows.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+								icon: /* @__PURE__ */ jsx(FolderOpen, { className: "wwc:h-8 wwc:w-8" }),
+								title: "No files match",
+								description: narrowed ? "Nothing here matches the current search and filters." : "Nothing has been filed here yet.",
+								action: narrowed ? /* @__PURE__ */ jsx(Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => {
+										setQuery("");
+										setFilters(FILE_SYSTEM_NO_FILTERS);
+										setNarrowedFolderId(null);
+									},
+									children: "Clear filters"
+								}) : void 0
+							}) : /* @__PURE__ */ jsx(FileSystemTable, {
+								rows,
+								selectedId,
+								onSelect: (node) => setSelectedId(node.id),
+								onOpenName: openName
+							})
+						})
+					}),
+					details
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { FileSystem, fsNodeFromDraft };
+
+//# sourceMappingURL=file-system.mjs.map