@flanksource/clicky-ui 0.3.45 → 0.3.47

package/NOTICE.md

@@ -607,6 +607,17 @@ of its upstream source.
 | UiLogoOllama | simple-icons:ollama |
 | UiLogoPerplexity | simple-icons:perplexity |
 | UiLogoHuggingface | simple-icons:huggingface |
+| UiLogoGo | simple-icons:go |
+| UiLogoVitest | simple-icons:vitest |
+| UiLogoJest | simple-icons:jest |
+| UiLogoPlaywright | simple-icons:playwright |
+| UiLogoEslint | simple-icons:eslint |
+| UiLogoOxc | simple-icons:oxc |
+| UiLogoTypescript | simple-icons:typescript |
+| UiLogoPython | simple-icons:python |
+| UiLogoRuff | simple-icons:ruff |
+| UiLogoMarkdown | simple-icons:markdown |
+| UiLogoReact | simple-icons:react |
 | UiReceipt | ph:receipt-light |
 | UiReceiptFilled | ph:receipt-fill |
 | UiBank | ph:bank-light |

package/README.md

@@ -218,6 +218,28 @@ Both hooks persist their choice to `localStorage` under `clicky-ui-theme` / `cli
 </script>
 ```
 
+## Multiplexing SSE streams
+
+Browsers cap HTTP/1.1 at six connections per host, shared across tabs, so an app that opens one native `EventSource` per topic can starve its own fetches. `createEventHub` returns an `EventSourceFactory` that multiplexes every stream the hooks open (`useTaskRun`, `usePrompts`, `useLogTail`, ...) over one real connection to a server events endpoint (such as clicky's `sse.Hub`). Wrap the tree in `EventSourceProvider` once:
+
+```tsx
+import { EventSourceProvider, createEventHub } from "@flanksource/clicky-ui/hooks";
+
+// Create the hub once at module scope so every render shares one connection.
+// `buildId` is the build the page was served with (e.g. from a <meta> tag);
+// when the server's hello reports a different build the page reloads once.
+// Omit it (or pass null) to never reload.
+const eventHub = createEventHub({ buildId: document.querySelector<HTMLMetaElement>('meta[name="app-build"]')?.content });
+
+root.render(
+  <EventSourceProvider value={eventHub}>
+    <App />
+  </EventSourceProvider>,
+);
+```
+
+Options: `url` (default `/api/events`), `buildId` (`string | null`), and `onBuildMismatch` (default `window.location.reload()`). Each hub keeps its own connection, so two hubs never share state.
+
 ## Lint rules
 
 The package ships opt-in [oxlint](https://oxc.rs/docs/guide/usage/linter/js-plugins.html)

package/dist/ai.cjs

@@ -4,6 +4,7 @@ const agentActionIcons = require("./data/ai/agent-action-icons.cjs");
 const AdvancedChatConfig = require("./data/ai/AdvancedChatConfig.cjs");
 const ToolPreferences = require("./data/ai/ToolPreferences.cjs");
 const sessionCategories = require("./data/ai/session-categories.cjs");
+const ChatWindow_placement = require("./data/ai/ChatWindow.placement.cjs");
 const claudeComplete = require("./data/ai/examples/sessions/claude-complete.cjs");
 const types = require("./data/chat/types.cjs");
 const claude = require("./data/ai/examples/sessions/claude.cjs");
@@ -17,6 +18,7 @@ const ChatWindowManager = require("./data/ai/ChatWindowManager.cjs");
 const ToolPreferencesList = require("./data/ai/ToolPreferencesList.cjs");
 const ContextBadges = require("./data/ai/ContextBadges.cjs");
 const ContextMeter = require("./data/chat/ContextMeter.cjs");
+const SessionInspector_remote = require("./data/ai/SessionInspector.remote.cjs");
 const OrderedPresetSelect = require("./data/ai/runtime-profiles/OrderedPresetSelect.cjs");
 const PermissionStrategiesEditor = require("./data/ai/runtime-profiles/PermissionStrategiesEditor.cjs");
 const PresetSpecEditor = require("./data/ai/runtime-profiles/PresetSpecEditor.cjs");
@@ -56,9 +58,9 @@ const SessionInspector_approvals = require("./data/ai/SessionInspector.approvals
 const SessionChatComposer = require("./data/ai/SessionChatComposer.cjs");
 const SessionViewer_header = require("./data/ai/SessionViewer.header.cjs");
 const SessionInspector = require("./data/ai/SessionInspector.cjs");
+const SessionTail = require("./data/ai/SessionTail.cjs");
 const SessionViewer = require("./data/ai/SessionViewer.cjs");
 const index$2 = require("./data/ai/SpecRuntimeEditor/index.cjs");
-const SessionInspector_remote = require("./data/ai/SessionInspector.remote.cjs");
 const ThreadPicker = require("./data/ai/ThreadPicker.cjs");
 const unspecified = require("./data/runtime/unspecified.cjs");
 const toolPolicy = require("./data/chat/tool-policy.cjs");
@@ -102,6 +104,7 @@ exports.classifyToolCategory = sessionCategories.classifyToolCategory;
 exports.collectSessionFilters = sessionCategories.collectSessionFilters;
 exports.eventCategory = sessionCategories.eventCategory;
 exports.isEventVisible = sessionCategories.isEventVisible;
+exports.CHAT_WINDOW_MOBILE_QUERY = ChatWindow_placement.CHAT_WINDOW_MOBILE_QUERY;
 exports.CLAUDE_COMPLETE_SESSION = claudeComplete.CLAUDE_COMPLETE_SESSION;
 exports.CLAUDE_PERMISSION_MODES = types.CLAUDE_PERMISSION_MODES;
 exports.CLAUDE_PERMISSION_MODE_OPTIONS = types.CLAUDE_PERMISSION_MODE_OPTIONS;
@@ -120,6 +123,14 @@ exports.CompactToolPreferencesList = ToolPreferencesList.CompactToolPreferencesL
 exports.ContextBadges = ContextBadges.ContextBadges;
 exports.ContextBadgesReadonly = ContextBadges.ContextBadgesReadonly;
 exports.ContextMeter = ContextMeter.ContextMeter;
+exports.DEFAULT_SESSION_PAGE_SIZE = SessionInspector_remote.DEFAULT_SESSION_PAGE_SIZE;
+exports.TERMINAL_SESSION_LIFECYCLES = SessionInspector_remote.TERMINAL_SESSION_LIFECYCLES;
+exports.fetchRemoteSession = SessionInspector_remote.fetchRemoteSession;
+exports.isTerminalSessionLifecycle = SessionInspector_remote.isTerminalSessionLifecycle;
+exports.mergeSessionMessages = SessionInspector_remote.mergeSessionMessages;
+exports.openRemoteSession = SessionInspector_remote.openRemoteSession;
+exports.sessionUrl = SessionInspector_remote.sessionUrl;
+exports.useRemoteSession = SessionInspector_remote.useRemoteSession;
 exports.OrderedPresetSelect = OrderedPresetSelect.OrderedPresetSelect;
 exports.PermissionStrategiesEditor = PermissionStrategiesEditor.PermissionStrategiesEditor;
 exports.PresetSpecEditor = PresetSpecEditor.PresetSpecEditor;
@@ -196,15 +207,9 @@ exports.SessionApprovalsPanel = SessionInspector_approvals.SessionApprovalsPanel
 exports.SessionChatComposer = SessionChatComposer.SessionChatComposer;
 exports.SessionContextMeter = SessionViewer_header.SessionContextMeter;
 exports.SessionInspector = SessionInspector.SessionInspector;
+exports.SessionTail = SessionTail.SessionTail;
 exports.SessionViewer = SessionViewer.SessionViewer;
 exports.SpecRuntimeEditor = index$2.SpecRuntimeEditor;
-exports.TERMINAL_SESSION_LIFECYCLES = SessionInspector_remote.TERMINAL_SESSION_LIFECYCLES;
-exports.fetchRemoteSession = SessionInspector_remote.fetchRemoteSession;
-exports.isTerminalSessionLifecycle = SessionInspector_remote.isTerminalSessionLifecycle;
-exports.mergeSessionMessages = SessionInspector_remote.mergeSessionMessages;
-exports.openRemoteSession = SessionInspector_remote.openRemoteSession;
-exports.sessionFollowUrl = SessionInspector_remote.sessionFollowUrl;
-exports.useRemoteSession = SessionInspector_remote.useRemoteSession;
 exports.ThreadPicker = ThreadPicker.ThreadPicker;
 exports.UNSPECIFIED_HINT = unspecified.UNSPECIFIED_HINT;
 exports.UNSPECIFIED_ID = unspecified.UNSPECIFIED_ID;

package/dist/ai.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ai.js

@@ -2,6 +2,7 @@ import { AGENT_RUNTIME_ICONS, APPROVAL_ICONS, EFFORT_ICONS, PERMISSION_MODE_ICON
 import { AdvancedChatConfig } from "./data/ai/AdvancedChatConfig.js";
 import { AdvancedChatSettings, ToolPreferences, ToolPreferencesMenu } from "./data/ai/ToolPreferences.js";
 import { CATEGORY_ICONS, CATEGORY_LABELS, classifyCommand, classifyToolCategory, collectSessionFilters, eventCategory, isEventVisible } from "./data/ai/session-categories.js";
+import { CHAT_WINDOW_MOBILE_QUERY } from "./data/ai/ChatWindow.placement.js";
 import { CLAUDE_COMPLETE_SESSION } from "./data/ai/examples/sessions/claude-complete.js";
 import { CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, normalizeToolPolicy } from "./data/chat/types.js";
 import { CLAUDE_SESSION_EXAMPLE } from "./data/ai/examples/sessions/claude.js";
@@ -15,6 +16,7 @@ import { ChatWindowManagerProvider } from "./data/ai/ChatWindowManager.js";
 import { CompactToolPreferencesList } from "./data/ai/ToolPreferencesList.js";
 import { ContextBadges, ContextBadgesReadonly } from "./data/ai/ContextBadges.js";
 import { ContextMeter } from "./data/chat/ContextMeter.js";
+import { DEFAULT_SESSION_PAGE_SIZE, TERMINAL_SESSION_LIFECYCLES, fetchRemoteSession, isTerminalSessionLifecycle, mergeSessionMessages, openRemoteSession, sessionUrl, useRemoteSession } from "./data/ai/SessionInspector.remote.js";
 import { OrderedPresetSelect } from "./data/ai/runtime-profiles/OrderedPresetSelect.js";
 import { PermissionStrategiesEditor } from "./data/ai/runtime-profiles/PermissionStrategiesEditor.js";
 import { PresetSpecEditor } from "./data/ai/runtime-profiles/PresetSpecEditor.js";
@@ -54,9 +56,9 @@ import { SessionApprovalsPanel } from "./data/ai/SessionInspector.approvals.js";
 import { SessionChatComposer } from "./data/ai/SessionChatComposer.js";
 import { SessionContextMeter } from "./data/ai/SessionViewer.header.js";
 import { SessionInspector } from "./data/ai/SessionInspector.js";
+import { SessionTail } from "./data/ai/SessionTail.js";
 import { SessionViewer } from "./data/ai/SessionViewer.js";
 import { SpecRuntimeEditor } from "./data/ai/SpecRuntimeEditor/index.js";
-import { TERMINAL_SESSION_LIFECYCLES, fetchRemoteSession, isTerminalSessionLifecycle, mergeSessionMessages, openRemoteSession, sessionFollowUrl, useRemoteSession } from "./data/ai/SessionInspector.remote.js";
 import { ThreadPicker } from "./data/ai/ThreadPicker.js";
 import { UNSPECIFIED_HINT, UNSPECIFIED_ID, UNSPECIFIED_LABEL, UNSPECIFIED_NAME, unspecifiedHint } from "./data/runtime/unspecified.js";
 import { appendToolPolicy, matchesTool, normalizeToolPolicyRules, resolveToolPolicy, toolPolicyFromPreferences } from "./data/chat/tool-policy.js";
@@ -90,6 +92,7 @@ export {
   AdvancedChatSettings,
   CATEGORY_ICONS,
   CATEGORY_LABELS,
+  CHAT_WINDOW_MOBILE_QUERY,
   CLAUDE_COMPLETE_SESSION,
   CLAUDE_PERMISSION_MODES,
   CLAUDE_PERMISSION_MODE_OPTIONS,
@@ -106,6 +109,7 @@ export {
   ContextBadges,
   ContextBadgesReadonly,
   ContextMeter,
+  DEFAULT_SESSION_PAGE_SIZE,
   EFFORT_ICONS,
   EXAMPLE_SESSIONS,
   OrderedPresetSelect,
@@ -158,6 +162,7 @@ export {
   SessionChatComposer,
   SessionContextMeter,
   SessionInspector,
+  SessionTail,
   SessionViewer,
   SpecEditorDialog,
   SpecRuntimeEditor,
@@ -259,8 +264,8 @@ export {
   selectionForMode,
   selectionForRuntime,
   serializeContext,
-  sessionFollowUrl,
   sessionTone,
+  sessionUrl,
   sourceLabel,
   sourceTone,
   specToPromptRuntimeValue,

package/dist/ai.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ErrorWrapper.cjs

@@ -152,9 +152,8 @@ function errorReport(error, componentStack) {
   ];
   if (error.name !== "Error") lines.push(`Type: ${error.name}`);
   if (error.cause !== void 0) lines.push(`Cause: ${String(error.cause)}`);
-  if (typeof window !== "undefined") {
-    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);
-  }
+  const page = errorDiagnostics$1.reportPageLine();
+  if (page) lines.push(page);
   if (typeof navigator !== "undefined" && navigator.userAgent) {
     lines.push(`User agent: ${navigator.userAgent}`);
   }

package/dist/components/ErrorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\") {\n    // Origin and path only: an error report is pasted into issues and chats,\n    // and a query string or fragment routinely carries a session token, a\n    // signed URL or a search term the reporter did not mean to publish.\n    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);\n  }\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","Fragment","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics"],"mappings":"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"}
+{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  reportPageLine,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  const page = reportPageLine();\n  if (page) lines.push(page);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","Fragment","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics","reportPageLine"],"mappings":"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"}

package/dist/components/ErrorWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM,IAAI,YAAY;CAWhC"}
+{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM,IAAI,YAAY;CAWhC"}

package/dist/components/ErrorWrapper.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { Component, useState, useMemo } from "react";
 import { ErrorDetails } from "../data/diagnostics/ErrorDetails.js";
-import { normalizeErrorDiagnostics } from "../data/diagnostics/error-diagnostics.js";
+import { normalizeErrorDiagnostics, reportPageLine } from "../data/diagnostics/error-diagnostics.js";
 import { Icon } from "../data/Icon.js";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
@@ -150,9 +150,8 @@ function errorReport(error, componentStack) {
   ];
   if (error.name !== "Error") lines.push(`Type: ${error.name}`);
   if (error.cause !== void 0) lines.push(`Cause: ${String(error.cause)}`);
-  if (typeof window !== "undefined") {
-    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);
-  }
+  const page = reportPageLine();
+  if (page) lines.push(page);
   if (typeof navigator !== "undefined" && navigator.userAgent) {
     lines.push(`User agent: ${navigator.userAgent}`);
   }

package/dist/components/ErrorWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorWrapper.js","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\") {\n    // Origin and path only: an error report is pasted into issues and chats,\n    // and a query string or fragment routinely carries a session token, a\n    // signed URL or a search term the reporter did not mean to publish.\n    lines.push(`Page: ${window.location.origin}${window.location.pathname}`);\n  }\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorWrapper.js","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  reportPageLine,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render(): ReactElement {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return <>{this.props.children}</>;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  const page = reportPageLine();\n  if (page) lines.push(page);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":[],"mappings":"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"}

package/dist/data/AccessMark.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const useTheme = require("../hooks/use-theme.cjs");
+const utils = require("../lib/utils.cjs");
+const UiWriteAccess = require("../icons/components/UiWriteAccess.cjs");
+const UiReadAccess = require("../icons/components/UiReadAccess.cjs");
+const WORDS = { read: "Read", write: "Written", readwrite: "Read and written" };
+const ICONS = {
+  read: { light: UiReadAccess.UiReadAccess, dark: UiReadAccess.UiReadAccessDark },
+  write: { light: UiWriteAccess.UiWriteAccess, dark: UiWriteAccess.UiWriteAccessDark }
+};
+const KINDS = { read: ["read"], write: ["write"], readwrite: ["read", "write"] };
+function AccessMark({ access, className }) {
+  const dark = useTheme.useResolvedTheme() === "dark";
+  const words = WORDS[access];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { role: "img", "aria-label": words, title: words, "data-access": access, className: utils.cn("inline-flex shrink-0 items-center gap-px text-sm leading-none", className), children: KINDS[access].map((kind) => {
+    const Icon = dark ? ICONS[kind].dark : ICONS[kind].light;
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, "data-access-icon": kind }, kind);
+  }) });
+}
+exports.AccessMark = AccessMark;
+//# sourceMappingURL=AccessMark.cjs.map

package/dist/data/AccessMark.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessMark.cjs","sources":["../../src/data/AccessMark.tsx"],"sourcesContent":["import { useResolvedTheme } from \"../hooks/use-theme\";\nimport { UiReadAccess, UiReadAccessDark, UiWriteAccess, UiWriteAccessDark, type IconComponent } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DataAccess } from \"./data-access\";\n\nexport interface AccessMarkProps {\n  access: DataAccess;\n  className?: string;\n}\n\nconst WORDS: Record<DataAccess, string> = { read: \"Read\", write: \"Written\", readwrite: \"Read and written\" };\n\nconst ICONS: Record<\"read\" | \"write\", { light: IconComponent; dark: IconComponent }> = {\n  read: { light: UiReadAccess, dark: UiReadAccessDark },\n  write: { light: UiWriteAccess, dark: UiWriteAccessDark },\n};\n\nconst KINDS: Record<DataAccess, (\"read\" | \"write\")[]> = { read: [\"read\"], write: [\"write\"], readwrite: [\"read\", \"write\"] };\n\n/**\n * How a name is accessed, as the read and write icons the call graph draws its edges with: one icon for\n * a read or a write, both side by side for a name that is read and written. Its words are its title.\n */\nexport function AccessMark({ access, className }: AccessMarkProps) {\n  const dark = useResolvedTheme() === \"dark\";\n  const words = WORDS[access];\n  return (\n    <span role=\"img\" aria-label={words} title={words} data-access={access} className={cn(\"inline-flex shrink-0 items-center gap-px text-sm leading-none\", className)}>\n      {KINDS[access].map((kind) => {\n        const Icon = dark ? ICONS[kind].dark : ICONS[kind].light;\n        return <Icon key={kind} aria-hidden data-access-icon={kind} />;\n      })}\n    </span>\n  );\n}\n"],"names":["UiReadAccess","UiReadAccessDark","UiWriteAccess","UiWriteAccessDark","useResolvedTheme","jsx","cn"],"mappings":";;;;;;;AAUA,MAAM,QAAoC,EAAE,MAAM,QAAQ,OAAO,WAAW,WAAW,mBAAA;AAEvF,MAAM,QAAiF;AAAA,EACrF,MAAM,EAAE,OAAOA,2BAAc,MAAMC,aAAAA,iBAAA;AAAA,EACnC,OAAO,EAAE,OAAOC,cAAAA,eAAe,MAAMC,cAAAA,kBAAA;AACvC;AAEA,MAAM,QAAkD,EAAE,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC,QAAQ,OAAO,EAAA;AAMhH,SAAS,WAAW,EAAE,QAAQ,aAA8B;AACjE,QAAM,OAAOC,SAAAA,uBAAuB;AACpC,QAAM,QAAQ,MAAM,MAAM;AAC1B,SACEC,2BAAAA,IAAC,UAAK,MAAK,OAAM,cAAY,OAAO,OAAO,OAAO,eAAa,QAAQ,WAAWC,MAAAA,GAAG,iEAAiE,SAAS,GAC5J,UAAA,MAAM,MAAM,EAAE,IAAI,CAAC,SAAS;AAC3B,UAAM,OAAO,OAAO,MAAM,IAAI,EAAE,OAAO,MAAM,IAAI,EAAE;AACnD,0CAAQ,MAAA,EAAgB,eAAW,MAAC,oBAAkB,QAApC,IAA0C;AAAA,EAC9D,CAAC,EAAA,CACH;AAEJ;;"}

package/dist/data/AccessMark.d.ts

@@ -0,0 +1,11 @@
+import { DataAccess } from './data-access.js';
+export interface AccessMarkProps {
+    access: DataAccess;
+    className?: string;
+}
+/**
+ * How a name is accessed, as the read and write icons the call graph draws its edges with: one icon for
+ * a read or a write, both side by side for a name that is read and written. Its words are its title.
+ */
+export declare function AccessMark({ access, className }: AccessMarkProps): import("react").JSX.Element;
+//# sourceMappingURL=AccessMark.d.ts.map

package/dist/data/AccessMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessMark.d.ts","sourceRoot":"","sources":["../../src/data/AccessMark.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,+BAWhE"}

package/dist/data/AccessMark.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { useResolvedTheme } from "../hooks/use-theme.js";
+import { cn } from "../lib/utils.js";
+import { UiWriteAccessDark, UiWriteAccess } from "../icons/components/UiWriteAccess.js";
+import { UiReadAccessDark, UiReadAccess } from "../icons/components/UiReadAccess.js";
+const WORDS = { read: "Read", write: "Written", readwrite: "Read and written" };
+const ICONS = {
+  read: { light: UiReadAccess, dark: UiReadAccessDark },
+  write: { light: UiWriteAccess, dark: UiWriteAccessDark }
+};
+const KINDS = { read: ["read"], write: ["write"], readwrite: ["read", "write"] };
+function AccessMark({ access, className }) {
+  const dark = useResolvedTheme() === "dark";
+  const words = WORDS[access];
+  return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": words, title: words, "data-access": access, className: cn("inline-flex shrink-0 items-center gap-px text-sm leading-none", className), children: KINDS[access].map((kind) => {
+    const Icon = dark ? ICONS[kind].dark : ICONS[kind].light;
+    return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, "data-access-icon": kind }, kind);
+  }) });
+}
+export {
+  AccessMark
+};
+//# sourceMappingURL=AccessMark.js.map

package/dist/data/AccessMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessMark.js","sources":["../../src/data/AccessMark.tsx"],"sourcesContent":["import { useResolvedTheme } from \"../hooks/use-theme\";\nimport { UiReadAccess, UiReadAccessDark, UiWriteAccess, UiWriteAccessDark, type IconComponent } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DataAccess } from \"./data-access\";\n\nexport interface AccessMarkProps {\n  access: DataAccess;\n  className?: string;\n}\n\nconst WORDS: Record<DataAccess, string> = { read: \"Read\", write: \"Written\", readwrite: \"Read and written\" };\n\nconst ICONS: Record<\"read\" | \"write\", { light: IconComponent; dark: IconComponent }> = {\n  read: { light: UiReadAccess, dark: UiReadAccessDark },\n  write: { light: UiWriteAccess, dark: UiWriteAccessDark },\n};\n\nconst KINDS: Record<DataAccess, (\"read\" | \"write\")[]> = { read: [\"read\"], write: [\"write\"], readwrite: [\"read\", \"write\"] };\n\n/**\n * How a name is accessed, as the read and write icons the call graph draws its edges with: one icon for\n * a read or a write, both side by side for a name that is read and written. Its words are its title.\n */\nexport function AccessMark({ access, className }: AccessMarkProps) {\n  const dark = useResolvedTheme() === \"dark\";\n  const words = WORDS[access];\n  return (\n    <span role=\"img\" aria-label={words} title={words} data-access={access} className={cn(\"inline-flex shrink-0 items-center gap-px text-sm leading-none\", className)}>\n      {KINDS[access].map((kind) => {\n        const Icon = dark ? ICONS[kind].dark : ICONS[kind].light;\n        return <Icon key={kind} aria-hidden data-access-icon={kind} />;\n      })}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAUA,MAAM,QAAoC,EAAE,MAAM,QAAQ,OAAO,WAAW,WAAW,mBAAA;AAEvF,MAAM,QAAiF;AAAA,EACrF,MAAM,EAAE,OAAO,cAAc,MAAM,iBAAA;AAAA,EACnC,OAAO,EAAE,OAAO,eAAe,MAAM,kBAAA;AACvC;AAEA,MAAM,QAAkD,EAAE,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC,QAAQ,OAAO,EAAA;AAMhH,SAAS,WAAW,EAAE,QAAQ,aAA8B;AACjE,QAAM,OAAO,uBAAuB;AACpC,QAAM,QAAQ,MAAM,MAAM;AAC1B,SACE,oBAAC,UAAK,MAAK,OAAM,cAAY,OAAO,OAAO,OAAO,eAAa,QAAQ,WAAW,GAAG,iEAAiE,SAAS,GAC5J,UAAA,MAAM,MAAM,EAAE,IAAI,CAAC,SAAS;AAC3B,UAAM,OAAO,OAAO,MAAM,IAAI,EAAE,OAAO,MAAM,IAAI,EAAE;AACnD,+BAAQ,MAAA,EAAgB,eAAW,MAAC,oBAAkB,QAApC,IAA0C;AAAA,EAC9D,CAAC,EAAA,CACH;AAEJ;"}

package/dist/data/Clicky.cjs

@@ -2885,6 +2885,9 @@ function clickyCellRawValue(node, column) {
   if (node.kind === "map" || node.kind === "list") {
     return clickyNodeJSONValue(node);
   }
+  if (node.kind === "code" && node.language === "json") {
+    return JSON.parse(node.source ?? "null");
+  }
   if (node.filterValue !== void 0) return node.filterValue;
   const text = clickyNodeText(node);
   if (text === "" && (column == null ? void 0 : column.type) !== void 0 && NON_TEXT_COLUMN_TYPES.has(column.type)) {