@kestack/web-platform 0.0.0-stage → 0.0.1

package/dist/components/viewers/git-changes/git-changes.js

@@ -0,0 +1,170 @@
+import { lucide_exports } from "../../lib/lucide.js";
+import { Input } from "../../ui/input.js";
+import { cn } from "../../lib/utils.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../ui/dropdown-menu.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/viewers/git-changes/git-changes.tsx
+const defaultGitOptions = {
+	showChanges: true,
+	includeUnchanged: true,
+	includeDeleted: true
+};
+const uncommittedBaseRef = "HEAD";
+const changeLabels = {
+	added: "New",
+	modified: "Modified",
+	deleted: "Deleted"
+};
+const changeShortLabels = {
+	added: "new",
+	modified: "mod",
+	deleted: "del"
+};
+function changeSurfaceClass(status) {
+	switch (status) {
+		case "added": return "border-green-500 ring-1 ring-green-500/40";
+		case "modified": return "border-amber-500 ring-1 ring-amber-500/40";
+		case "deleted": return "border-red-500 ring-1 ring-red-500/40";
+		default: return "";
+	}
+}
+function ChangeBadge({ status, label = changeShortLabels[status], className }) {
+	return /* @__PURE__ */ jsx("span", {
+		title: changeLabels[status],
+		className: cn("shrink-0 rounded-sm border px-1 py-px text-[9px] font-semibold uppercase tracking-wider", status === "added" ? "border-green-500/60 text-green-600 dark:text-green-400" : status === "deleted" ? "border-red-500/60 text-red-600 dark:text-red-400" : "border-amber-500/60 text-amber-600 dark:text-amber-400", className),
+		children: label
+	});
+}
+/**
+* Derives each owner's standing in a Change set from the files it owns: added
+* when every owned file is added, modified when any is added or modified.
+* Owners with no changed file are absent.
+*/
+function rollUpChanges(membership, files) {
+	const total = /* @__PURE__ */ new Map();
+	const added = /* @__PURE__ */ new Map();
+	const touched = /* @__PURE__ */ new Set();
+	for (const [file, owner] of membership) {
+		total.set(owner, (total.get(owner) ?? 0) + 1);
+		const status = files.get(file);
+		if (status === void 0) continue;
+		touched.add(owner);
+		if (status === "added") added.set(owner, (added.get(owner) ?? 0) + 1);
+	}
+	const rolled = /* @__PURE__ */ new Map();
+	for (const owner of touched) rolled.set(owner, added.get(owner) === total.get(owner) ? "added" : "modified");
+	return rolled;
+}
+function changedPathsUnder(files, prefixes) {
+	const list = typeof prefixes === "string" ? [prefixes] : prefixes;
+	const owned = /* @__PURE__ */ new Map();
+	for (const [path, status] of files) if (list.some((prefix) => path === prefix || path.startsWith(`${prefix}/`))) owned.set(path, status);
+	return owned;
+}
+/**
+* The git comparison menu every Tool shows: whether changes are drawn,
+* whether unchanged owners stay visible, and which Base ref they are measured
+* against. `ownerLabel` names what the Tool marks, such as "modules".
+*/
+function ChangesMenu({ options, baseRef, branches, hasChanges, ownerLabel, offerDeleted = false, onOptionsChange, onBaseRefChange }) {
+	const [branchSearch, setBranchSearch] = useState("");
+	const filteredBranches = branches.filter(({ name }) => name.toLocaleLowerCase().includes(branchSearch.trim().toLocaleLowerCase()));
+	const comparing = baseRef === "HEAD" ? "Uncommitted changes" : baseRef;
+	const summary = !options.showChanges ? "Git changes off" : hasChanges ? comparing : `No changes · ${comparing}`;
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		onOpenChange: (open) => {
+			if (!open) setBranchSearch("");
+		},
+		children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			"aria-label": "Git comparison options",
+			title: "Git comparison options",
+			className: "flex size-9 items-center justify-center gap-2 rounded-md border border-border/60 bg-background text-sm text-foreground outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring/40 md:h-8 md:w-auto md:max-w-56 md:justify-between md:px-2.5",
+			children: [
+				/* @__PURE__ */ jsx(lucide_exports.GitBranch, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "hidden truncate md:inline",
+					children: summary
+				}),
+				/* @__PURE__ */ jsx(lucide_exports.ChevronDown, { className: "hidden size-3.5 shrink-0 text-muted-foreground md:block" })
+			]
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "w-[min(20rem,calc(100vw-1rem))]",
+			children: [/* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+				/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Git changes" }),
+				/* @__PURE__ */ jsx(DropdownMenuCheckboxItem, {
+					className: "min-h-11 md:min-h-8",
+					checked: options.showChanges,
+					onCheckedChange: (showChanges) => onOptionsChange({
+						...options,
+						showChanges
+					}),
+					children: "Show git changes"
+				}),
+				/* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
+					className: "min-h-11 md:min-h-8",
+					checked: options.includeUnchanged,
+					disabled: !options.showChanges,
+					onCheckedChange: (includeUnchanged) => onOptionsChange({
+						...options,
+						includeUnchanged
+					}),
+					children: ["Include unchanged ", ownerLabel]
+				}),
+				offerDeleted && /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
+					className: "min-h-11 md:min-h-8",
+					checked: options.includeDeleted,
+					disabled: !options.showChanges,
+					onCheckedChange: (includeDeleted) => onOptionsChange({
+						...options,
+						includeDeleted
+					}),
+					children: ["Include deleted ", ownerLabel]
+				})
+			] }), options.showChanges && onBaseRefChange !== void 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Compare against" }), /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, {
+				value: baseRef,
+				onValueChange: onBaseRefChange,
+				children: [
+					/* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+						className: "min-h-11 md:min-h-8",
+						value: "HEAD",
+						children: "Uncommitted changes"
+					}),
+					branches.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "relative px-1.5 py-1",
+						onKeyDown: (event) => event.stopPropagation(),
+						children: [/* @__PURE__ */ jsx(lucide_exports.Search, { className: "pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+							value: branchSearch,
+							onChange: (event) => setBranchSearch(event.target.value),
+							placeholder: "Search branches…",
+							"aria-label": "Search branches",
+							className: "h-11 pl-9 text-base md:h-9 md:text-sm"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "max-h-56 overflow-y-auto",
+						children: [filteredBranches.map((branch) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
+							className: "min-h-11 md:min-h-8",
+							value: branch.name,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 flex-1 truncate",
+								children: branch.name
+							}), branch.current && /* @__PURE__ */ jsx("span", {
+								className: "text-xs text-muted-foreground",
+								children: "Current"
+							})]
+						}, branch.name)), filteredBranches.length === 0 && branches.length > 0 && /* @__PURE__ */ jsx("p", {
+							className: "px-2 py-3 text-center text-sm text-muted-foreground",
+							children: "No matching branches"
+						})]
+					})
+				]
+			})] })] })]
+		})]
+	});
+}
+//#endregion
+export { ChangeBadge, ChangesMenu, changeSurfaceClass, changedPathsUnder, defaultGitOptions, rollUpChanges, uncommittedBaseRef };
+
+//# sourceMappingURL=git-changes.js.map

package/dist/components/viewers/git-changes/git-changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"git-changes.js","names":["GitBranch","ChevronDown","Search"],"sources":["../../../../src/components/viewers/git-changes/git-changes.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { Branch, ChangeStatus } from 'laymos';\n\nimport { ChevronDown, GitBranch, Search } from '#lib/lucide';\nimport { Input } from '#components/ui/input';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '#components/ui/dropdown-menu';\nimport { cn } from '#lib/utils';\n\nexport interface GitOptions {\n  // Off hides the change overlay entirely, whatever git reports.\n  readonly showChanges: boolean;\n  readonly includeUnchanged: boolean;\n  // Owners the change deleted, shown where they stood; offered only where a\n  // caller can show them.\n  readonly includeDeleted: boolean;\n}\n\nexport const defaultGitOptions: GitOptions = {\n  showChanges: true,\n  includeUnchanged: true,\n  includeDeleted: true,\n};\n\n// The Base ref 'HEAD' means the working tree's uncommitted changes; any other\n// value is a branch name, whose Change set already carries uncommitted work\n// on top, since a Base ref diffs against the working tree, never a commit.\nexport const uncommittedBaseRef = 'HEAD';\n\nconst changeLabels: Readonly<Record<ChangeStatus, string>> = {\n  added: 'New',\n  modified: 'Modified',\n  deleted: 'Deleted',\n};\n\nconst changeShortLabels: Readonly<Record<ChangeStatus, string>> = {\n  added: 'new',\n  modified: 'mod',\n  deleted: 'del',\n};\n\nexport function changeSurfaceClass(status: ChangeStatus | undefined): string {\n  switch (status) {\n    case 'added':\n      return 'border-green-500 ring-1 ring-green-500/40';\n    case 'modified':\n      return 'border-amber-500 ring-1 ring-amber-500/40';\n    case 'deleted':\n      return 'border-red-500 ring-1 ring-red-500/40';\n    default:\n      return '';\n  }\n}\n\nexport function ChangeBadge({\n  status,\n  label = changeShortLabels[status],\n  className,\n}: {\n  readonly status: ChangeStatus;\n  readonly label?: string;\n  readonly className?: string;\n}) {\n  return (\n    <span\n      title={changeLabels[status]}\n      className={cn(\n        'shrink-0 rounded-sm border px-1 py-px text-[9px] font-semibold uppercase tracking-wider',\n        status === 'added'\n          ? 'border-green-500/60 text-green-600 dark:text-green-400'\n          : status === 'deleted'\n            ? 'border-red-500/60 text-red-600 dark:text-red-400'\n            : 'border-amber-500/60 text-amber-600 dark:text-amber-400',\n        className,\n      )}\n    >\n      {label}\n    </span>\n  );\n}\n\n/**\n * Derives each owner's standing in a Change set from the files it owns: added\n * when every owned file is added, modified when any is added or modified.\n * Owners with no changed file are absent.\n */\nexport function rollUpChanges(\n  membership: ReadonlyMap<string, string>,\n  files: ReadonlyMap<string, ChangeStatus>,\n): ReadonlyMap<string, ChangeStatus> {\n  const total = new Map<string, number>();\n  const added = new Map<string, number>();\n  const touched = new Set<string>();\n\n  for (const [file, owner] of membership) {\n    total.set(owner, (total.get(owner) ?? 0) + 1);\n    const status = files.get(file);\n    if (status === undefined) continue;\n    touched.add(owner);\n    if (status === 'added') added.set(owner, (added.get(owner) ?? 0) + 1);\n  }\n\n  const rolled = new Map<string, ChangeStatus>();\n  for (const owner of touched) {\n    rolled.set(\n      owner,\n      added.get(owner) === total.get(owner) ? 'added' : 'modified',\n    );\n  }\n  return rolled;\n}\n\nexport function changedPathsUnder(\n  files: ReadonlyMap<string, ChangeStatus>,\n  prefixes: string | readonly string[],\n): ReadonlyMap<string, ChangeStatus> {\n  const list = typeof prefixes === 'string' ? [prefixes] : prefixes;\n  const owned = new Map<string, ChangeStatus>();\n  for (const [path, status] of files) {\n    if (\n      list.some((prefix) => path === prefix || path.startsWith(`${prefix}/`))\n    ) {\n      owned.set(path, status);\n    }\n  }\n  return owned;\n}\n\n/**\n * The git comparison menu every Tool shows: whether changes are drawn,\n * whether unchanged owners stay visible, and which Base ref they are measured\n * against. `ownerLabel` names what the Tool marks, such as \"modules\".\n */\nexport function ChangesMenu({\n  options,\n  baseRef,\n  branches,\n  hasChanges,\n  ownerLabel,\n  offerDeleted = false,\n  onOptionsChange,\n  onBaseRefChange,\n}: {\n  readonly options: GitOptions;\n  readonly baseRef: string;\n  readonly branches: readonly Branch[];\n  readonly hasChanges: boolean;\n  readonly ownerLabel: string;\n  /** Offer Include deleted, for a caller that shows deleted owners. */\n  readonly offerDeleted?: boolean;\n  readonly onOptionsChange: (options: GitOptions) => void;\n  readonly onBaseRefChange?: (baseRef: string) => void;\n}) {\n  const [branchSearch, setBranchSearch] = useState('');\n  const filteredBranches = branches.filter(({ name }) =>\n    name.toLocaleLowerCase().includes(branchSearch.trim().toLocaleLowerCase()),\n  );\n  const comparing =\n    baseRef === uncommittedBaseRef ? 'Uncommitted changes' : baseRef;\n  const summary = !options.showChanges\n    ? 'Git changes off'\n    : hasChanges\n      ? comparing\n      : `No changes · ${comparing}`;\n  return (\n    <DropdownMenu\n      onOpenChange={(open) => {\n        if (!open) setBranchSearch('');\n      }}\n    >\n      <DropdownMenuTrigger\n        aria-label=\"Git comparison options\"\n        title=\"Git comparison options\"\n        className=\"flex size-9 items-center justify-center gap-2 rounded-md border border-border/60 bg-background text-sm text-foreground outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring/40 md:h-8 md:w-auto md:max-w-56 md:justify-between md:px-2.5\"\n      >\n        <GitBranch className=\"size-3.5 shrink-0 text-muted-foreground\" />\n        <span className=\"hidden truncate md:inline\">{summary}</span>\n        <ChevronDown className=\"hidden size-3.5 shrink-0 text-muted-foreground md:block\" />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"end\"\n        className=\"w-[min(20rem,calc(100vw-1rem))]\"\n      >\n        <DropdownMenuGroup>\n          <DropdownMenuLabel>Git changes</DropdownMenuLabel>\n          <DropdownMenuCheckboxItem\n            className=\"min-h-11 md:min-h-8\"\n            checked={options.showChanges}\n            onCheckedChange={(showChanges) =>\n              onOptionsChange({ ...options, showChanges })\n            }\n          >\n            Show git changes\n          </DropdownMenuCheckboxItem>\n          <DropdownMenuCheckboxItem\n            className=\"min-h-11 md:min-h-8\"\n            checked={options.includeUnchanged}\n            disabled={!options.showChanges}\n            onCheckedChange={(includeUnchanged) =>\n              onOptionsChange({ ...options, includeUnchanged })\n            }\n          >\n            Include unchanged {ownerLabel}\n          </DropdownMenuCheckboxItem>\n          {offerDeleted && (\n            <DropdownMenuCheckboxItem\n              className=\"min-h-11 md:min-h-8\"\n              checked={options.includeDeleted}\n              disabled={!options.showChanges}\n              onCheckedChange={(includeDeleted) =>\n                onOptionsChange({ ...options, includeDeleted })\n              }\n            >\n              Include deleted {ownerLabel}\n            </DropdownMenuCheckboxItem>\n          )}\n        </DropdownMenuGroup>\n        {options.showChanges && onBaseRefChange !== undefined && (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuLabel>Compare against</DropdownMenuLabel>\n              <DropdownMenuRadioGroup\n                value={baseRef}\n                onValueChange={onBaseRefChange}\n              >\n                <DropdownMenuRadioItem\n                  className=\"min-h-11 md:min-h-8\"\n                  value={uncommittedBaseRef}\n                >\n                  Uncommitted changes\n                </DropdownMenuRadioItem>\n                {branches.length > 0 && (\n                  <div\n                    className=\"relative px-1.5 py-1\"\n                    onKeyDown={(event) => event.stopPropagation()}\n                  >\n                    <Search className=\"pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\" />\n                    <Input\n                      value={branchSearch}\n                      onChange={(event) => setBranchSearch(event.target.value)}\n                      placeholder=\"Search branches…\"\n                      aria-label=\"Search branches\"\n                      className=\"h-11 pl-9 text-base md:h-9 md:text-sm\"\n                    />\n                  </div>\n                )}\n                <div className=\"max-h-56 overflow-y-auto\">\n                  {filteredBranches.map((branch) => (\n                    <DropdownMenuRadioItem\n                      className=\"min-h-11 md:min-h-8\"\n                      key={branch.name}\n                      value={branch.name}\n                    >\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {branch.name}\n                      </span>\n                      {branch.current && (\n                        <span className=\"text-xs text-muted-foreground\">\n                          Current\n                        </span>\n                      )}\n                    </DropdownMenuRadioItem>\n                  ))}\n                  {filteredBranches.length === 0 && branches.length > 0 && (\n                    <p className=\"px-2 py-3 text-center text-sm text-muted-foreground\">\n                      No matching branches\n                    </p>\n                  )}\n                </div>\n              </DropdownMenuRadioGroup>\n            </DropdownMenuGroup>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":"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"}

package/dist/components/viewers/git-changes/index.d.ts

@@ -0,0 +1,2 @@
+import { ChangeBadge, ChangesMenu, GitOptions, changeSurfaceClass, changedPathsUnder, defaultGitOptions, rollUpChanges, uncommittedBaseRef } from "./git-changes.js";
+export { ChangeBadge, ChangesMenu, type GitOptions, changeSurfaceClass, changedPathsUnder, defaultGitOptions, rollUpChanges, uncommittedBaseRef };

package/dist/components/viewers/git-changes/index.js

@@ -0,0 +1,2 @@
+import { ChangeBadge, ChangesMenu, changeSurfaceClass, changedPathsUnder, defaultGitOptions, rollUpChanges, uncommittedBaseRef } from "./git-changes.js";
+export { ChangeBadge, ChangesMenu, changeSurfaceClass, changedPathsUnder, defaultGitOptions, rollUpChanges, uncommittedBaseRef };

package/dist/components/viewers/json/index.d.ts

@@ -0,0 +1,4 @@
+import { JsonEditor, JsonEditorProps } from "./json-editor.js";
+import { JsonTree } from "./json-tree.js";
+import { JsonViewer, JsonViewerProps } from "./json-viewer.js";
+export { JsonEditor, type JsonEditorProps, JsonTree, JsonViewer, type JsonViewerProps };

package/dist/components/viewers/json/index.js

@@ -0,0 +1,4 @@
+import { JsonEditor } from "./json-editor.js";
+import { JsonTree } from "./json-tree.js";
+import { JsonViewer } from "./json-viewer.js";
+export { JsonEditor, JsonTree, JsonViewer };

package/dist/components/viewers/json/json-editor.d.ts

@@ -0,0 +1,14 @@
+//#region src/components/viewers/json/json-editor.d.ts
+export type JsonEditorProps = {
+  value: string;
+  onChange?: (value: string) => void;
+  readOnly?: boolean;
+  placeholder?: string;
+  className?: string;
+  minHeight?: string;
+  maxHeight?: string;
+};
+/** Controlled JSON editor backed by CodeMirror. */
+export declare function JsonEditor({ value, onChange, readOnly, placeholder, className, minHeight, maxHeight }: JsonEditorProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=json-editor.d.ts.map

package/dist/components/viewers/json/json-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.d.ts","names":[],"sources":["../../../../src/components/viewers/json/json-editor.tsx"],"mappings":";YAMY;EACV;EACA,YAAY;EACZ;EACA;EACA;EACA;EACA;;;wBAuCc,aACd,OACA,UACA,UACA,aACA,WACA,WACA,aACC,kCAAe,IAAA"}

package/dist/components/viewers/json/json-editor.js

@@ -0,0 +1,84 @@
+import { cn } from "../../lib/utils.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import CodeMirror, { EditorView, Prec } from "@uiw/react-codemirror";
+import { json } from "@codemirror/lang-json";
+import { xcodeDark, xcodeLight } from "@uiw/codemirror-theme-xcode";
+//#region src/components/viewers/json/json-editor.tsx
+const baseTheme = EditorView.theme({
+	"&": {
+		backgroundColor: "transparent",
+		fontSize: "13px"
+	},
+	".cm-gutters": {
+		backgroundColor: "transparent",
+		border: "none"
+	},
+	".cm-content": { lineHeight: "1.7" },
+	".cm-line": { lineHeight: "1.7" },
+	"&.cm-focused": { outline: "none" },
+	".cm-scroller": { overflow: "auto" }
+});
+function readDarkMode() {
+	if (typeof document === "undefined") return false;
+	return getComputedStyle(document.body).colorScheme === "dark";
+}
+function useDarkMode() {
+	const [dark, setDark] = useState(readDarkMode);
+	useEffect(() => {
+		const update = () => setDark(readDarkMode());
+		const observer = new MutationObserver(update);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: [
+				"class",
+				"data-theme",
+				"style"
+			]
+		});
+		observer.observe(document.body, {
+			attributes: true,
+			attributeFilter: [
+				"class",
+				"data-theme",
+				"style"
+			]
+		});
+		update();
+		return () => observer.disconnect();
+	}, []);
+	return dark;
+}
+/** Controlled JSON editor backed by CodeMirror. */
+function JsonEditor({ value, onChange, readOnly, placeholder, className, minHeight, maxHeight }) {
+	const dark = useDarkMode();
+	const isReadOnly = readOnly ?? onChange == null;
+	const extensions = useMemo(() => [
+		json(),
+		EditorView.lineWrapping,
+		Prec.highest(baseTheme)
+	], []);
+	return /* @__PURE__ */ jsx(CodeMirror, {
+		value,
+		onChange,
+		readOnly: isReadOnly,
+		editable: !isReadOnly,
+		theme: dark ? xcodeDark : xcodeLight,
+		placeholder,
+		extensions,
+		height: minHeight == null && maxHeight == null ? "100%" : void 0,
+		minHeight,
+		maxHeight,
+		basicSetup: {
+			lineNumbers: false,
+			foldGutter: false,
+			highlightActiveLine: !isReadOnly,
+			highlightActiveLineGutter: false
+		},
+		className: cn("border-border overflow-hidden rounded-md border bg-transparent", className)
+	});
+}
+//#endregion
+export { JsonEditor };
+
+//# sourceMappingURL=json-editor.js.map

package/dist/components/viewers/json/json-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.js","names":[],"sources":["../../../../src/components/viewers/json/json-editor.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport CodeMirror, { EditorView, Prec } from '@uiw/react-codemirror';\nimport { json } from '@codemirror/lang-json';\nimport { xcodeDark, xcodeLight } from '@uiw/codemirror-theme-xcode';\nimport { cn } from '#lib/utils';\n\nexport type JsonEditorProps = {\n  value: string;\n  onChange?: (value: string) => void;\n  readOnly?: boolean;\n  placeholder?: string;\n  className?: string;\n  minHeight?: string;\n  maxHeight?: string;\n};\n\nconst baseTheme = EditorView.theme({\n  '&': { backgroundColor: 'transparent', fontSize: '13px' },\n  '.cm-gutters': { backgroundColor: 'transparent', border: 'none' },\n  '.cm-content': { lineHeight: '1.7' },\n  '.cm-line': { lineHeight: '1.7' },\n  '&.cm-focused': { outline: 'none' },\n  '.cm-scroller': { overflow: 'auto' },\n});\n\nfunction readDarkMode(): boolean {\n  if (typeof document === 'undefined') return false;\n  return getComputedStyle(document.body).colorScheme === 'dark';\n}\n\nfunction useDarkMode(): boolean {\n  const [dark, setDark] = useState(readDarkMode);\n\n  useEffect(() => {\n    const update = () => setDark(readDarkMode());\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme', 'style'],\n    });\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme', 'style'],\n    });\n    update();\n    return () => observer.disconnect();\n  }, []);\n\n  return dark;\n}\n\n/** Controlled JSON editor backed by CodeMirror. */\nexport function JsonEditor({\n  value,\n  onChange,\n  readOnly,\n  placeholder,\n  className,\n  minHeight,\n  maxHeight,\n}: JsonEditorProps) {\n  const dark = useDarkMode();\n  const isReadOnly = readOnly ?? onChange == null;\n  const extensions = useMemo(\n    () => [json(), EditorView.lineWrapping, Prec.highest(baseTheme)],\n    [],\n  );\n  const fill = minHeight == null && maxHeight == null;\n\n  return (\n    <CodeMirror\n      value={value}\n      onChange={onChange}\n      readOnly={isReadOnly}\n      editable={!isReadOnly}\n      theme={dark ? xcodeDark : xcodeLight}\n      placeholder={placeholder}\n      extensions={extensions}\n      height={fill ? '100%' : undefined}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      basicSetup={{\n        lineNumbers: false,\n        foldGutter: false,\n        highlightActiveLine: !isReadOnly,\n        highlightActiveLineGutter: false,\n      }}\n      className={cn(\n        'border-border overflow-hidden rounded-md border bg-transparent',\n        className,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAgBA,MAAM,YAAY,WAAW,MAAM;CACjC,KAAK;EAAE,iBAAiB;EAAe,UAAU;CAAO;CACxD,eAAe;EAAE,iBAAiB;EAAe,QAAQ;CAAO;CAChE,eAAe,EAAE,YAAY,MAAM;CACnC,YAAY,EAAE,YAAY,MAAM;CAChC,gBAAgB,EAAE,SAAS,OAAO;CAClC,gBAAgB,EAAE,UAAU,OAAO;AACrC,CAAC;AAED,SAAS,eAAwB;CAC/B,IAAI,OAAO,aAAa,aAAa,OAAO;CAC5C,OAAO,iBAAiB,SAAS,IAAI,CAAC,CAAC,gBAAgB;AACzD;AAEA,SAAS,cAAuB;CAC9B,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;CAE7C,gBAAgB;EACd,MAAM,eAAe,QAAQ,aAAa,CAAC;EAC3C,MAAM,WAAW,IAAI,iBAAiB,MAAM;EAC5C,SAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB;IAAC;IAAS;IAAc;GAAO;EAClD,CAAC;EACD,SAAS,QAAQ,SAAS,MAAM;GAC9B,YAAY;GACZ,iBAAiB;IAAC;IAAS;IAAc;GAAO;EAClD,CAAC;EACD,OAAO;EACP,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,CAAC;CAEL,OAAO;AACT;;AAGA,SAAgB,WAAW,EACzB,OACA,UACA,UACA,aACA,WACA,WACA,aACkB;CAClB,MAAM,OAAO,YAAY;CACzB,MAAM,aAAa,YAAY,YAAY;CAC3C,MAAM,aAAa,cACX;EAAC,KAAK;EAAG,WAAW;EAAc,KAAK,QAAQ,SAAS;CAAC,GAC/D,CAAC,CACH;CAGA,OACE,oBAAC,YAAD;EACS;EACG;EACV,UAAU;EACV,UAAU,CAAC;EACX,OAAO,OAAO,YAAY;EACb;EACD;EACZ,QAXS,aAAa,QAAQ,aAAa,OAW5B,SAAS,KAAA;EACb;EACA;EACX,YAAY;GACV,aAAa;GACb,YAAY;GACZ,qBAAqB,CAAC;GACtB,2BAA2B;EAC7B;EACA,WAAW,GACT,kEACA,SACF;CACD,CAAA;AAEL"}

package/dist/components/viewers/json/json-tree.d.ts

@@ -0,0 +1,11 @@
+//#region src/components/viewers/json/json-tree.d.ts
+interface JsonTreeProps {
+  value: object;
+  collapsed?: number | boolean;
+  size?: 'compact' | 'roomy';
+  /** `plain` keeps values in the text color; `syntax` colors them by kind. */
+  tone?: 'plain' | 'syntax';
+}
+export declare function JsonTree({ value, collapsed, size, tone }: JsonTreeProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=json-tree.d.ts.map

package/dist/components/viewers/json/json-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-tree.d.ts","names":[],"sources":["../../../../src/components/viewers/json/json-tree.tsx"],"mappings":";UA2EU;EACR;EACA;EACA;;EAEA;;wBAGc,WACd,OACA,WACA,MACA,QACC,gCAAa,IAAA"}

package/dist/components/viewers/json/json-tree.js

@@ -0,0 +1,88 @@
+import { jsx } from "react/jsx-runtime";
+import JsonView from "@uiw/react-json-view";
+//#region src/components/viewers/json/json-tree.tsx
+const JSON_FONT_SIZE = 14;
+const JSON_FONT_SIZE_ROOMY = 15;
+const baseJsonViewStyle = {
+	lineHeight: 1.6,
+	"--w-rjv-font-family": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+	"--w-rjv-color": "var(--foreground)",
+	"--w-rjv-key-string": "var(--muted-foreground)",
+	"--w-rjv-background-color": "transparent",
+	"--w-rjv-line-color": "var(--border)",
+	"--w-rjv-arrow-color": "var(--muted-foreground)",
+	"--w-rjv-edit-color": "var(--muted-foreground)",
+	"--w-rjv-info-color": "var(--muted-foreground)",
+	"--w-rjv-update-color": "var(--muted-foreground)",
+	"--w-rjv-curlybraces-color": "var(--muted-foreground)",
+	"--w-rjv-brackets-color": "var(--muted-foreground)",
+	"--w-rjv-quotes-color": "var(--muted-foreground)",
+	"--w-rjv-quotes-string-color": "var(--foreground)",
+	"--w-rjv-type-string-color": "var(--foreground)",
+	"--w-rjv-type-int-color": "var(--foreground)",
+	"--w-rjv-type-float-color": "var(--foreground)",
+	"--w-rjv-type-bigint-color": "var(--foreground)",
+	"--w-rjv-type-boolean-color": "var(--foreground)",
+	"--w-rjv-type-date-color": "var(--foreground)",
+	"--w-rjv-type-url-color": "var(--foreground)",
+	"--w-rjv-type-null-color": "var(--muted-foreground)",
+	"--w-rjv-type-undefined-color": "var(--muted-foreground)",
+	"--w-rjv-type-nan-color": "var(--destructive)"
+};
+const syntaxJsonViewStyle = {
+	"--w-rjv-quotes-string-color": "var(--positive)",
+	"--w-rjv-type-string-color": "var(--positive)",
+	"--w-rjv-type-int-color": "var(--chart-8)",
+	"--w-rjv-type-float-color": "var(--chart-8)",
+	"--w-rjv-type-bigint-color": "var(--chart-8)",
+	"--w-rjv-type-boolean-color": "var(--chart-9)",
+	"--w-rjv-type-date-color": "var(--chart-7)",
+	"--w-rjv-type-url-color": "var(--chart-7)"
+};
+function normalizeJsonStrings(value) {
+	if (value === null || value === void 0) return value;
+	if (typeof value === "string") {
+		if (value.length < 2) return value;
+		const first = value[0];
+		if (first !== "{" && first !== "[") return value;
+		try {
+			const parsed = JSON.parse(value);
+			if (parsed !== null && typeof parsed === "object") return normalizeJsonStrings(parsed);
+			return value;
+		} catch {
+			return value;
+		}
+	}
+	if (Array.isArray(value)) return value.map(normalizeJsonStrings);
+	if (typeof value === "object") {
+		const out = {};
+		for (const [k, v] of Object.entries(value)) out[k] = normalizeJsonStrings(v);
+		return out;
+	}
+	return value;
+}
+function JsonTree({ value, collapsed = 2, size = "compact", tone = "plain" }) {
+	const normalized = normalizeJsonStrings(value);
+	const style = {
+		...baseJsonViewStyle,
+		...tone === "syntax" ? syntaxJsonViewStyle : {},
+		fontSize: size === "roomy" ? JSON_FONT_SIZE_ROOMY : JSON_FONT_SIZE
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "min-w-0 [&_.w-rjv]:!overflow-visible [&_.w-rjv-inner]:!overflow-visible [&_.w-rjv-line]:!whitespace-normal [&_.w-rjv-line]:break-all [&_.w-rjv-value]:!whitespace-pre-wrap [&_.w-rjv-value]:break-all",
+		children: /* @__PURE__ */ jsx(JsonView, {
+			value: normalized,
+			style,
+			collapsed,
+			displayDataTypes: false,
+			displayObjectSize: false,
+			enableClipboard: false,
+			indentWidth: size === "roomy" ? 18 : 14,
+			shortenTextAfterLength: 0
+		})
+	});
+}
+//#endregion
+export { JsonTree };
+
+//# sourceMappingURL=json-tree.js.map

package/dist/components/viewers/json/json-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-tree.js","names":[],"sources":["../../../../src/components/viewers/json/json-tree.tsx"],"sourcesContent":["import JsonView from '@uiw/react-json-view';\n\nconst JSON_FONT_SIZE = 14;\nconst JSON_FONT_SIZE_ROOMY = 15;\n\nconst baseJsonViewStyle = {\n  lineHeight: 1.6,\n  '--w-rjv-font-family':\n    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n  '--w-rjv-color': 'var(--foreground)',\n  '--w-rjv-key-string': 'var(--muted-foreground)',\n  '--w-rjv-background-color': 'transparent',\n  '--w-rjv-line-color': 'var(--border)',\n  '--w-rjv-arrow-color': 'var(--muted-foreground)',\n  '--w-rjv-edit-color': 'var(--muted-foreground)',\n  '--w-rjv-info-color': 'var(--muted-foreground)',\n  '--w-rjv-update-color': 'var(--muted-foreground)',\n  '--w-rjv-curlybraces-color': 'var(--muted-foreground)',\n  '--w-rjv-brackets-color': 'var(--muted-foreground)',\n  '--w-rjv-quotes-color': 'var(--muted-foreground)',\n  // Values are content: full foreground in both themes. Only nothing-values\n  // are dimmed, and only the broken ones are red.\n  '--w-rjv-quotes-string-color': 'var(--foreground)',\n  '--w-rjv-type-string-color': 'var(--foreground)',\n  '--w-rjv-type-int-color': 'var(--foreground)',\n  '--w-rjv-type-float-color': 'var(--foreground)',\n  '--w-rjv-type-bigint-color': 'var(--foreground)',\n  '--w-rjv-type-boolean-color': 'var(--foreground)',\n  '--w-rjv-type-date-color': 'var(--foreground)',\n  '--w-rjv-type-url-color': 'var(--foreground)',\n  '--w-rjv-type-null-color': 'var(--muted-foreground)',\n  '--w-rjv-type-undefined-color': 'var(--muted-foreground)',\n  '--w-rjv-type-nan-color': 'var(--destructive)',\n} as React.CSSProperties;\n\n// Code-like colors, for reading data structure at a glance: keys muted, each\n// kind of value its own hue.\nconst syntaxJsonViewStyle = {\n  '--w-rjv-quotes-string-color': 'var(--positive)',\n  '--w-rjv-type-string-color': 'var(--positive)',\n  '--w-rjv-type-int-color': 'var(--chart-8)',\n  '--w-rjv-type-float-color': 'var(--chart-8)',\n  '--w-rjv-type-bigint-color': 'var(--chart-8)',\n  '--w-rjv-type-boolean-color': 'var(--chart-9)',\n  '--w-rjv-type-date-color': 'var(--chart-7)',\n  '--w-rjv-type-url-color': 'var(--chart-7)',\n} as React.CSSProperties;\n\nfunction normalizeJsonStrings(value: unknown): unknown {\n  if (value === null || value === undefined) return value;\n  if (typeof value === 'string') {\n    if (value.length < 2) return value;\n    const first = value[0];\n    if (first !== '{' && first !== '[') return value;\n    try {\n      const parsed = JSON.parse(value);\n      if (parsed !== null && typeof parsed === 'object') {\n        return normalizeJsonStrings(parsed);\n      }\n      return value;\n    } catch {\n      return value;\n    }\n  }\n  if (Array.isArray(value)) return value.map(normalizeJsonStrings);\n  if (typeof value === 'object') {\n    const out: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(value as Record<string, unknown>)) {\n      out[k] = normalizeJsonStrings(v);\n    }\n    return out;\n  }\n  return value;\n}\n\ninterface JsonTreeProps {\n  value: object;\n  collapsed?: number | boolean;\n  size?: 'compact' | 'roomy';\n  /** `plain` keeps values in the text color; `syntax` colors them by kind. */\n  tone?: 'plain' | 'syntax';\n}\n\nexport function JsonTree({\n  value,\n  collapsed = 2,\n  size = 'compact',\n  tone = 'plain',\n}: JsonTreeProps) {\n  const normalized = normalizeJsonStrings(value) as object;\n  const style = {\n    ...baseJsonViewStyle,\n    ...(tone === 'syntax' ? syntaxJsonViewStyle : {}),\n    fontSize: size === 'roomy' ? JSON_FONT_SIZE_ROOMY : JSON_FONT_SIZE,\n  } as React.CSSProperties;\n  return (\n    <div className=\"min-w-0 [&_.w-rjv]:!overflow-visible [&_.w-rjv-inner]:!overflow-visible [&_.w-rjv-line]:!whitespace-normal [&_.w-rjv-line]:break-all [&_.w-rjv-value]:!whitespace-pre-wrap [&_.w-rjv-value]:break-all\">\n      <JsonView\n        value={normalized}\n        style={style}\n        collapsed={collapsed}\n        displayDataTypes={false}\n        displayObjectSize={false}\n        enableClipboard={false}\n        indentWidth={size === 'roomy' ? 18 : 14}\n        shortenTextAfterLength={0}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;CACxB,YAAY;CACZ,uBACE;CACF,iBAAiB;CACjB,sBAAsB;CACtB,4BAA4B;CAC5B,sBAAsB;CACtB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,wBAAwB;CACxB,6BAA6B;CAC7B,0BAA0B;CAC1B,wBAAwB;CAGxB,+BAA+B;CAC/B,6BAA6B;CAC7B,0BAA0B;CAC1B,4BAA4B;CAC5B,6BAA6B;CAC7B,8BAA8B;CAC9B,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,gCAAgC;CAChC,0BAA0B;AAC5B;AAIA,MAAM,sBAAsB;CAC1B,+BAA+B;CAC/B,6BAA6B;CAC7B,0BAA0B;CAC1B,4BAA4B;CAC5B,6BAA6B;CAC7B,8BAA8B;CAC9B,2BAA2B;CAC3B,0BAA0B;AAC5B;AAEA,SAAS,qBAAqB,OAAyB;CACrD,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,OAAO;CAClD,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,GAAG,OAAO;EAC7B,MAAM,QAAQ,MAAM;EACpB,IAAI,UAAU,OAAO,UAAU,KAAK,OAAO;EAC3C,IAAI;GACF,MAAM,SAAS,KAAK,MAAM,KAAK;GAC/B,IAAI,WAAW,QAAQ,OAAO,WAAW,UACvC,OAAO,qBAAqB,MAAM;GAEpC,OAAO;EACT,QAAQ;GACN,OAAO;EACT;CACF;CACA,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,IAAI,oBAAoB;CAC/D,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,MAA+B,CAAC;EACtC,KAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,KAAgC,GAClE,IAAI,KAAK,qBAAqB,CAAC;EAEjC,OAAO;CACT;CACA,OAAO;AACT;AAUA,SAAgB,SAAS,EACvB,OACA,YAAY,GACZ,OAAO,WACP,OAAO,WACS;CAChB,MAAM,aAAa,qBAAqB,KAAK;CAC7C,MAAM,QAAQ;EACZ,GAAG;EACH,GAAI,SAAS,WAAW,sBAAsB,CAAC;EAC/C,UAAU,SAAS,UAAU,uBAAuB;CACtD;CACA,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,UAAD;GACE,OAAO;GACA;GACI;GACX,kBAAkB;GAClB,mBAAmB;GACnB,iBAAiB;GACjB,aAAa,SAAS,UAAU,KAAK;GACrC,wBAAwB;EACzB,CAAA;CACE,CAAA;AAET"}

package/dist/components/viewers/json/json-viewer.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/viewers/json/json-viewer.d.ts
+export type JsonViewerProps = {
+  value: unknown;
+  label?: string;
+  maxHeight?: string;
+};
+/** Read-only JSON view with a copy-to-clipboard button. */
+export declare function JsonViewer({ value, label, maxHeight }: JsonViewerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=json-viewer.d.ts.map

package/dist/components/viewers/json/json-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.d.ts","names":[],"sources":["../../../../src/components/viewers/json/json-viewer.tsx"],"mappings":";YAKY;EACV;EACA;EACA;;;wBAIc,aACd,OACA,OACA,aACC,kCAAe,IAAA"}

package/dist/components/viewers/json/json-viewer.js

@@ -0,0 +1,48 @@
+import { Button } from "../../ui/button.js";
+import { lucide_exports } from "../../lib/lucide.js";
+import { JsonEditor } from "./json-editor.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/viewers/json/json-viewer.tsx
+/** Read-only JSON view with a copy-to-clipboard button. */
+function JsonViewer({ value, label, maxHeight = "400px" }) {
+	const [copied, setCopied] = useState(false);
+	const timerRef = useRef(null);
+	const json = useMemo(() => JSON.stringify(value, null, 2), [value]);
+	useEffect(() => () => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+	}, []);
+	const copy = () => {
+		navigator.clipboard.writeText(json);
+		if (timerRef.current) clearTimeout(timerRef.current);
+		setCopied(true);
+		timerRef.current = setTimeout(() => setCopied(false), 1500);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "overflow-hidden rounded-md border border-border",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-8 items-center justify-between border-b px-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "px-1 text-xs font-medium text-muted-foreground",
+				children: label
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-xs",
+				onClick: copy,
+				"aria-label": "Copy JSON",
+				title: "Copy JSON",
+				children: copied ? /* @__PURE__ */ jsx(lucide_exports.CheckIcon, {}) : /* @__PURE__ */ jsx(lucide_exports.CopyIcon, {})
+			})]
+		}), /* @__PURE__ */ jsx(JsonEditor, {
+			value: json,
+			readOnly: true,
+			maxHeight,
+			className: "rounded-none border-0"
+		})]
+	});
+}
+//#endregion
+export { JsonViewer };
+
+//# sourceMappingURL=json-viewer.js.map

package/dist/components/viewers/json/json-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.js","names":["CheckIcon","CopyIcon"],"sources":["../../../../src/components/viewers/json/json-viewer.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Button } from '#components/ui/button';\nimport { CheckIcon, CopyIcon } from '#lib/lucide';\nimport { JsonEditor } from './json-editor';\n\nexport type JsonViewerProps = {\n  value: unknown;\n  label?: string;\n  maxHeight?: string;\n};\n\n/** Read-only JSON view with a copy-to-clipboard button. */\nexport function JsonViewer({\n  value,\n  label,\n  maxHeight = '400px',\n}: JsonViewerProps) {\n  const [copied, setCopied] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const json = useMemo(() => JSON.stringify(value, null, 2), [value]);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    },\n    [],\n  );\n\n  const copy = () => {\n    void navigator.clipboard.writeText(json);\n    if (timerRef.current) clearTimeout(timerRef.current);\n    setCopied(true);\n    timerRef.current = setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border\">\n      <div className=\"flex min-h-8 items-center justify-between border-b px-2\">\n        <span className=\"px-1 text-xs font-medium text-muted-foreground\">\n          {label}\n        </span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-xs\"\n          onClick={copy}\n          aria-label=\"Copy JSON\"\n          title=\"Copy JSON\"\n        >\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </Button>\n      </div>\n      <JsonEditor\n        value={json}\n        readOnly\n        maxHeight={maxHeight}\n        className=\"rounded-none border-0\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,WAAW,EACzB,OACA,OACA,YAAY,WACM;CAClB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,WAAW,OAA6C,IAAI;CAClE,MAAM,OAAO,cAAc,KAAK,UAAU,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;CAElE,sBACc;EACV,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;CACrD,GACA,CAAC,CACH;CAEA,MAAM,aAAa;EACjB,UAAe,UAAU,UAAU,IAAI;EACvC,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;EACnD,UAAU,IAAI;EACd,SAAS,UAAU,iBAAiB,UAAU,KAAK,GAAG,IAAI;CAC5D;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA;GACG,CAAA,GACN,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;IACT,cAAW;IACX,OAAM;IAEL,UAAA,SAAS,oBAACA,eAAAA,WAAD,CAAY,CAAA,IAAI,oBAACC,eAAAA,UAAD,CAAW,CAAA;GAC/B,CAAA,CACL;EACL,CAAA,GAAA,oBAAC,YAAD;GACE,OAAO;GACP,UAAA;GACW;GACX,WAAU;EACX,CAAA,CACE;;AAET"}

package/dist/components/viewers/markdown-viewer/index.d.ts

@@ -0,0 +1,2 @@
+import { MarkdownViewer } from "./markdown-viewer.js";
+export { MarkdownViewer };

package/dist/components/viewers/markdown-viewer/index.js

@@ -0,0 +1,2 @@
+import { MarkdownViewer } from "./markdown-viewer.js";
+export { MarkdownViewer };

package/dist/components/viewers/markdown-viewer/markdown-viewer.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/viewers/markdown-viewer/markdown-viewer.d.ts
+export declare function MarkdownViewer({ children, className, onLinkClick }: {
+  readonly children: string;
+  readonly className?: string;
+  readonly onLinkClick?: (href: string) => boolean | void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=markdown-viewer.d.ts.map

package/dist/components/viewers/markdown-viewer/markdown-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.d.ts","names":[],"sources":["../../../../src/components/viewers/markdown-viewer/markdown-viewer.tsx"],"mappings":";wBAQgB,iBACd,UACA,WACA;WAES;WACA;WAEA,eAAe;oBACzB,IAAA"}

package/dist/components/viewers/markdown-viewer/markdown-viewer.js

@@ -0,0 +1,65 @@
+import { cn } from "../../lib/utils.js";
+import { scrollbarStyles } from "../../lib/scrollStyles.js";
+import { SourceViewer } from "../source-viewer/source-viewer.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+//#region src/components/viewers/markdown-viewer/markdown-viewer.tsx
+function MarkdownViewer({ children, className, onLinkClick }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("prose dark:prose-invert max-w-none", className),
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			remarkPlugins: [remarkGfm],
+			components: {
+				a: ({ href, children, node: _node, ...rest }) => /* @__PURE__ */ jsx("a", {
+					href,
+					...rest,
+					onClick: (event) => {
+						if (href !== void 0 && onLinkClick?.(href) === true) event.preventDefault();
+					},
+					children
+				}),
+				pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
+				code: MarkdownCode,
+				table: ({ children }) => /* @__PURE__ */ jsx("div", {
+					className: cn("not-prose my-4 overflow-x-auto", scrollbarStyles),
+					children: /* @__PURE__ */ jsx("table", {
+						className: "w-full border-collapse text-sm",
+						children
+					})
+				}),
+				th: ({ children }) => /* @__PURE__ */ jsx("th", {
+					className: "border-b border-border px-3 py-2 text-left font-semibold",
+					children
+				}),
+				td: ({ children }) => /* @__PURE__ */ jsx("td", {
+					className: "border-b border-border/50 px-3 py-2 align-top",
+					children
+				})
+			},
+			children
+		})
+	});
+}
+function MarkdownCode({ className, children }) {
+	const language = /language-(\w+)/.exec(className ?? "")?.[1];
+	if (language === void 0) return /* @__PURE__ */ jsx("code", {
+		className,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "not-prose my-3",
+		children: /* @__PURE__ */ jsx(SourceViewer, {
+			filePath: `snippet.${language}`,
+			content: String(children).replace(/\n$/, ""),
+			autoHeight: true,
+			showHeader: false,
+			showLineNumbers: false,
+			className: "rounded-lg border border-border"
+		})
+	});
+}
+//#endregion
+export { MarkdownViewer };
+
+//# sourceMappingURL=markdown-viewer.js.map

package/dist/components/viewers/markdown-viewer/markdown-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.js","names":[],"sources":["../../../../src/components/viewers/markdown-viewer/markdown-viewer.tsx"],"sourcesContent":["import type { ComponentProps, MouseEvent } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { SourceViewer } from '../source-viewer/index';\nimport { scrollbarStyles } from '#lib/scrollStyles';\nimport { cn } from '#lib/utils';\n\nexport function MarkdownViewer({\n  children,\n  className,\n  onLinkClick,\n}: {\n  readonly children: string;\n  readonly className?: string;\n  // Return true to take over the navigation for that href.\n  readonly onLinkClick?: (href: string) => boolean | void;\n}) {\n  return (\n    <div className={cn('prose dark:prose-invert max-w-none', className)}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={{\n          a: ({ href, children, node: _node, ...rest }) => (\n            <a\n              href={href}\n              {...rest}\n              onClick={(event: MouseEvent<HTMLAnchorElement>) => {\n                if (href !== undefined && onLinkClick?.(href) === true) {\n                  event.preventDefault();\n                }\n              }}\n            >\n              {children}\n            </a>\n          ),\n          pre: ({ children }) => <>{children}</>,\n          code: MarkdownCode,\n          table: ({ children }) => (\n            <div\n              className={cn('not-prose my-4 overflow-x-auto', scrollbarStyles)}\n            >\n              <table className=\"w-full border-collapse text-sm\">\n                {children}\n              </table>\n            </div>\n          ),\n          th: ({ children }) => (\n            <th className=\"border-b border-border px-3 py-2 text-left font-semibold\">\n              {children}\n            </th>\n          ),\n          td: ({ children }) => (\n            <td className=\"border-b border-border/50 px-3 py-2 align-top\">\n              {children}\n            </td>\n          ),\n        }}\n      >\n        {children}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nfunction MarkdownCode({ className, children }: ComponentProps<'code'>) {\n  const language = /language-(\\w+)/.exec(className ?? '')?.[1];\n  if (language === undefined) {\n    return <code className={className}>{children}</code>;\n  }\n  return (\n    <div className=\"not-prose my-3\">\n      <SourceViewer\n        filePath={`snippet.${language}`}\n        content={String(children).replace(/\\n$/, '')}\n        autoHeight\n        showHeader={false}\n        showLineNumbers={false}\n        className=\"rounded-lg border border-border\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,eAAe,EAC7B,UACA,WACA,eAMC;CACD,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,sCAAsC,SAAS;EAChE,UAAA,oBAAC,eAAD;GACE,eAAe,CAAC,SAAS;GACzB,YAAY;IACV,IAAI,EAAE,MAAM,UAAU,MAAM,OAAO,GAAG,WACpC,oBAAC,KAAD;KACQ;KACN,GAAI;KACJ,UAAU,UAAyC;MACjD,IAAI,SAAS,KAAA,KAAa,cAAc,IAAI,MAAM,MAChD,MAAM,eAAe;KAEzB;KAEC;IACA,CAAA;IAEL,MAAM,EAAE,eAAe,oBAAA,UAAA,EAAG,SAAW,CAAA;IACrC,MAAM;IACN,QAAQ,EAAE,eACR,oBAAC,OAAD;KACE,WAAW,GAAG,kCAAkC,eAAe;KAE/D,UAAA,oBAAC,SAAD;MAAO,WAAU;MACd;KACI,CAAA;IACJ,CAAA;IAEP,KAAK,EAAE,eACL,oBAAC,MAAD;KAAI,WAAU;KACX;IACC,CAAA;IAEN,KAAK,EAAE,eACL,oBAAC,MAAD;KAAI,WAAU;KACX;IACC,CAAA;GAER;GAEC;EACY,CAAA;CACZ,CAAA;AAET;AAEA,SAAS,aAAa,EAAE,WAAW,YAAoC;CACrE,MAAM,WAAW,iBAAiB,KAAK,aAAa,EAAE,CAAC,GAAG;CAC1D,IAAI,aAAa,KAAA,GACf,OAAO,oBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA;CAErD,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,cAAD;GACE,UAAU,WAAW;GACrB,SAAS,OAAO,QAAQ,CAAC,CAAC,QAAQ,OAAO,EAAE;GAC3C,YAAA;GACA,YAAY;GACZ,iBAAiB;GACjB,WAAU;EACX,CAAA;CACE,CAAA;AAET"}

package/dist/components/viewers/source-explorer/index.d.ts

@@ -0,0 +1,2 @@
+import { ChangedPaths, DocumentationSlot, LoadFileDiff, LoadFiles, SourceExplorer, SourceExplorerProps, SourceExplorerTab, SourceFile } from "./source-explorer.js";
+export { type ChangedPaths, type DocumentationSlot, type LoadFileDiff, type LoadFiles, SourceExplorer, type SourceExplorerProps, type SourceExplorerTab, type SourceFile };

package/dist/components/viewers/source-explorer/index.js

@@ -0,0 +1,2 @@
+import { SourceExplorer } from "./source-explorer.js";
+export { SourceExplorer };