@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/data/MarkdownEditor.model.d.ts

@@ -34,5 +34,5 @@ export type MarkdownEditorPreviewHeaders = HeadersInit | ((request: {
     format: MarkdownEditorPreviewFormat;
 }) => HeadersInit | undefined);
 export declare function buildMarkdownPreviewUrl(endpoint: string, format: MarkdownEditorPreviewFormat): string;
-export declare function clickyFormatForMarkdownPreview(format: MarkdownEditorPreviewFormat): "html" | "json" | "markdown" | "csv" | "pdf" | "excel" | "clicky-json";
+export declare function clickyFormatForMarkdownPreview(format: MarkdownEditorPreviewFormat): "html" | "json" | "markdown" | "pdf" | "csv" | "excel" | "clicky-json";
 //# sourceMappingURL=MarkdownEditor.model.d.ts.map

package/dist/data/MatrixTable.cjs

@@ -40,7 +40,7 @@ function MatrixTable({
           /* @__PURE__ */ jsxRuntime.jsx("col", {}),
           columns.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: columnWidth } }, index))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: utils.cn(!angledHeaders && "border-b border-border", headerClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: utils.cn(angledHeaders && "sticky top-0 z-20"), children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: utils.cn(!angledHeaders && "border-b border-border", headerClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "th",
             {
@@ -61,9 +61,10 @@ function MatrixTable({
                 scope: "col",
                 title: columnTitle(column),
                 className: utils.cn(
-                  "sticky top-0 z-20 overflow-visible border-b border-border p-0 align-bottom",
+                  "relative overflow-visible border-b border-border p-0 align-bottom",
                   columnClassName,
-                  headerClassName
+                  headerClassName,
+                  "bg-transparent"
                 ),
                 style: {
                   width: columnWidth,
@@ -99,7 +100,7 @@ function MatrixTable({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: "absolute bottom-2 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground",
+                      className: "absolute bottom-0 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground",
                       style: {
                         left: columnWidth / 2,
                         width: textWidth,

package/dist/data/MatrixTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MatrixTable.cjs","sources":["../../src/data/MatrixTable.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type MatrixTableRow = {\n  key: string;\n  label: ReactNode;\n  cells: ReactNode[];\n};\n\nexport type MatrixTableProps = {\n  columns: ReactNode[];\n  rows: MatrixTableRow[];\n  corner?: ReactNode;\n  emptyMessage?: ReactNode;\n  angledHeaders?: boolean;\n  density?: \"default\" | \"compact\";\n  columnWidth?: number;\n  headerHeight?: number;\n  // maxHeight caps the scroll viewport so the body scrolls under frozen\n  // headers (Excel-style freeze panes). Accepts any CSS length; number => px.\n  maxHeight?: number | string;\n  className?: string;\n  columnClassName?: string;\n  rowLabelClassName?: string;\n  cellClassName?: string;\n  // headerClassName is appended to the header row and every header cell (corner\n  // + columns). The header has no background by default; use this to add one,\n  // e.g. \"bg-muted\", since tailwind-merge lets the later class win.\n  headerClassName?: string;\n};\n\nexport function MatrixTable({\n  columns,\n  rows,\n  corner,\n  emptyMessage = \"No data\",\n  angledHeaders = false,\n  density = \"default\",\n  columnWidth = 48,\n  headerHeight = 120,\n  maxHeight,\n  className,\n  columnClassName,\n  rowLabelClassName,\n  cellClassName,\n  headerClassName,\n}: MatrixTableProps) {\n  if (rows.length === 0 || columns.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const textWidth = Math.round(headerHeight * 1.41);\n  const diagonalOverhang = Math.round(headerHeight * 0.71);\n  const compact = density === \"compact\";\n  const headerCellPadding = compact ? \"px-density-2 py-density-1\" : \"px-density-3 py-density-2\";\n  const rowLabelPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n  const bodyCellPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n\n  return (\n    <div\n      className={cn(\"overflow-auto rounded-md border border-border\", className)}\n      style={{\n        ...(angledHeaders ? { paddingRight: diagonalOverhang } : undefined),\n        ...(maxHeight !== undefined ? { maxHeight } : undefined),\n      }}\n    >\n      <table className={cn(\"w-max border-collapse\", compact ? \"text-xs\" : \"text-sm\")}>\n        {angledHeaders && (\n          <colgroup>\n            <col />\n            {columns.map((_, index) => (\n              <col key={index} style={{ width: columnWidth }} />\n            ))}\n          </colgroup>\n        )}\n        <thead>\n          <tr className={cn(!angledHeaders && \"border-b border-border\", headerClassName)}>\n            <th\n              scope=\"col\"\n              className={cn(\n                \"sticky left-0 top-0 z-30 min-w-44 border-r border-border text-left font-medium\",\n                headerCellPadding,\n                angledHeaders ? \"align-bottom\" : cn(\"border-b border-border\", columnClassName),\n                headerClassName,\n              )}\n            >\n              {corner}\n            </th>\n            {columns.map((column, index) =>\n              angledHeaders ? (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  title={columnTitle(column)}\n                  className={cn(\n                    \"sticky top-0 z-20 overflow-visible border-b border-border p-0 align-bottom\",\n                    columnClassName,\n                    headerClassName,\n                  )}\n                  style={{\n                    width: columnWidth,\n                    minWidth: columnWidth,\n                    maxWidth: columnWidth,\n                    height: headerHeight,\n                  }}\n                >\n                  <div\n                    className=\"absolute bottom-0 border-b border-border\"\n                    style={{\n                      left: columnWidth,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  />\n                  {index === 0 && (\n                    <div\n                      className=\"absolute bottom-0 border-b border-border\"\n                      style={{\n                        left: 0,\n                        width: textWidth,\n                        transform: \"rotate(-45deg)\",\n                        transformOrigin: \"0 100%\",\n                      }}\n                    />\n                  )}\n                  <div\n                    className=\"absolute bottom-2 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground\"\n                    style={{\n                      left: columnWidth / 2,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  >\n                    {column}\n                  </div>\n                </th>\n              ) : (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  className={cn(\n                    \"sticky top-0 z-20 min-w-24 whitespace-nowrap border-b border-border text-center text-xs font-medium text-muted-foreground\",\n                    headerCellPadding,\n                    columnClassName,\n                    headerClassName,\n                  )}\n                >\n                  {column}\n                </th>\n              ),\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row) => (\n            <tr key={row.key} className=\"border-b border-border last:border-b-0\">\n              <th\n                scope=\"row\"\n                className={cn(\n                  \"sticky left-0 z-10 border-r border-border bg-background text-left font-medium\",\n                  rowLabelPadding,\n                  rowLabelClassName,\n                )}\n              >\n                {row.label}\n              </th>\n              {columns.map((_, index) => (\n                <td\n                  key={index}\n                  className={cn(\n                    angledHeaders\n                      ? \"p-0 text-center align-middle\"\n                      : cn(bodyCellPadding, \"text-center align-middle\"),\n                    cellClassName,\n                  )}\n                  style={\n                    angledHeaders\n                      ? {\n                          width: columnWidth,\n                          minWidth: columnWidth,\n                          maxWidth: columnWidth,\n                        }\n                      : undefined\n                  }\n                >\n                  {row.cells[index] ?? null}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction columnTitle(column: ReactNode) {\n  if (typeof column === \"string\" || typeof column === \"number\") {\n    return String(column);\n  }\n  return undefined;\n}\n"],"names":["jsx","cn","jsxs"],"mappings":"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"}
+{"version":3,"file":"MatrixTable.cjs","sources":["../../src/data/MatrixTable.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type MatrixTableRow = {\n  key: string;\n  label: ReactNode;\n  cells: ReactNode[];\n};\n\nexport type MatrixTableProps = {\n  columns: ReactNode[];\n  rows: MatrixTableRow[];\n  corner?: ReactNode;\n  emptyMessage?: ReactNode;\n  angledHeaders?: boolean;\n  density?: \"default\" | \"compact\";\n  columnWidth?: number;\n  headerHeight?: number;\n  // maxHeight caps the scroll viewport so the body scrolls under frozen\n  // headers (Excel-style freeze panes). Accepts any CSS length; number => px.\n  maxHeight?: number | string;\n  className?: string;\n  columnClassName?: string;\n  rowLabelClassName?: string;\n  cellClassName?: string;\n  // headerClassName backgrounds the header plane and corner. Non-angled column\n  // cells also receive it; angled cells stay transparent so their labels can\n  // extend across neighbouring columns without being covered.\n  headerClassName?: string;\n};\n\nexport function MatrixTable({\n  columns,\n  rows,\n  corner,\n  emptyMessage = \"No data\",\n  angledHeaders = false,\n  density = \"default\",\n  columnWidth = 48,\n  headerHeight = 120,\n  maxHeight,\n  className,\n  columnClassName,\n  rowLabelClassName,\n  cellClassName,\n  headerClassName,\n}: MatrixTableProps) {\n  if (rows.length === 0 || columns.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const textWidth = Math.round(headerHeight * 1.41);\n  const diagonalOverhang = Math.round(headerHeight * 0.71);\n  const compact = density === \"compact\";\n  const headerCellPadding = compact ? \"px-density-2 py-density-1\" : \"px-density-3 py-density-2\";\n  const rowLabelPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n  const bodyCellPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n\n  return (\n    <div\n      className={cn(\"overflow-auto rounded-md border border-border\", className)}\n      style={{\n        ...(angledHeaders ? { paddingRight: diagonalOverhang } : undefined),\n        ...(maxHeight !== undefined ? { maxHeight } : undefined),\n      }}\n    >\n      <table className={cn(\"w-max border-collapse\", compact ? \"text-xs\" : \"text-sm\")}>\n        {angledHeaders && (\n          <colgroup>\n            <col />\n            {columns.map((_, index) => (\n              <col key={index} style={{ width: columnWidth }} />\n            ))}\n          </colgroup>\n        )}\n        <thead className={cn(angledHeaders && \"sticky top-0 z-20\")}>\n          <tr className={cn(!angledHeaders && \"border-b border-border\", headerClassName)}>\n            <th\n              scope=\"col\"\n              className={cn(\n                \"sticky left-0 top-0 z-30 min-w-44 border-r border-border text-left font-medium\",\n                headerCellPadding,\n                angledHeaders ? \"align-bottom\" : cn(\"border-b border-border\", columnClassName),\n                headerClassName,\n              )}\n            >\n              {corner}\n            </th>\n            {columns.map((column, index) =>\n              angledHeaders ? (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  title={columnTitle(column)}\n                  className={cn(\n                    \"relative overflow-visible border-b border-border p-0 align-bottom\",\n                    columnClassName,\n                    headerClassName,\n                    \"bg-transparent\",\n                  )}\n                  style={{\n                    width: columnWidth,\n                    minWidth: columnWidth,\n                    maxWidth: columnWidth,\n                    height: headerHeight,\n                  }}\n                >\n                  <div\n                    className=\"absolute bottom-0 border-b border-border\"\n                    style={{\n                      left: columnWidth,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  />\n                  {index === 0 && (\n                    <div\n                      className=\"absolute bottom-0 border-b border-border\"\n                      style={{\n                        left: 0,\n                        width: textWidth,\n                        transform: \"rotate(-45deg)\",\n                        transformOrigin: \"0 100%\",\n                      }}\n                    />\n                  )}\n                  <div\n                    className=\"absolute bottom-0 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground\"\n                    style={{\n                      left: columnWidth / 2,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  >\n                    {column}\n                  </div>\n                </th>\n              ) : (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  className={cn(\n                    \"sticky top-0 z-20 min-w-24 whitespace-nowrap border-b border-border text-center text-xs font-medium text-muted-foreground\",\n                    headerCellPadding,\n                    columnClassName,\n                    headerClassName,\n                  )}\n                >\n                  {column}\n                </th>\n              ),\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row) => (\n            <tr key={row.key} className=\"border-b border-border last:border-b-0\">\n              <th\n                scope=\"row\"\n                className={cn(\n                  \"sticky left-0 z-10 border-r border-border bg-background text-left font-medium\",\n                  rowLabelPadding,\n                  rowLabelClassName,\n                )}\n              >\n                {row.label}\n              </th>\n              {columns.map((_, index) => (\n                <td\n                  key={index}\n                  className={cn(\n                    angledHeaders\n                      ? \"p-0 text-center align-middle\"\n                      : cn(bodyCellPadding, \"text-center align-middle\"),\n                    cellClassName,\n                  )}\n                  style={\n                    angledHeaders\n                      ? {\n                          width: columnWidth,\n                          minWidth: columnWidth,\n                          maxWidth: columnWidth,\n                        }\n                      : undefined\n                  }\n                >\n                  {row.cells[index] ?? null}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction columnTitle(column: ReactNode) {\n  if (typeof column === \"string\" || typeof column === \"number\") {\n    return String(column);\n  }\n  return undefined;\n}\n"],"names":["jsx","cn","jsxs"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MatrixTable.d.ts","sourceRoot":"","sources":["../../src/data/MatrixTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,YAAwB,EACxB,aAAqB,EACrB,OAAmB,EACnB,WAAgB,EAChB,YAAkB,EAClB,SAAS,EACT,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,EAAE,gBAAgB,+BAsJlB"}
+{"version":3,"file":"MatrixTable.d.ts","sourceRoot":"","sources":["../../src/data/MatrixTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,YAAwB,EACxB,aAAqB,EACrB,OAAmB,EACnB,WAAgB,EAChB,YAAkB,EAClB,SAAS,EACT,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,EAAE,gBAAgB,+BAuJlB"}

package/dist/data/MatrixTable.js

@@ -38,7 +38,7 @@ function MatrixTable({
           /* @__PURE__ */ jsx("col", {}),
           columns.map((_, index) => /* @__PURE__ */ jsx("col", { style: { width: columnWidth } }, index))
         ] }),
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: cn(!angledHeaders && "border-b border-border", headerClassName), children: [
+        /* @__PURE__ */ jsx("thead", { className: cn(angledHeaders && "sticky top-0 z-20"), children: /* @__PURE__ */ jsxs("tr", { className: cn(!angledHeaders && "border-b border-border", headerClassName), children: [
           /* @__PURE__ */ jsx(
             "th",
             {
@@ -59,9 +59,10 @@ function MatrixTable({
                 scope: "col",
                 title: columnTitle(column),
                 className: cn(
-                  "sticky top-0 z-20 overflow-visible border-b border-border p-0 align-bottom",
+                  "relative overflow-visible border-b border-border p-0 align-bottom",
                   columnClassName,
-                  headerClassName
+                  headerClassName,
+                  "bg-transparent"
                 ),
                 style: {
                   width: columnWidth,
@@ -97,7 +98,7 @@ function MatrixTable({
                   /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: "absolute bottom-2 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground",
+                      className: "absolute bottom-0 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground",
                       style: {
                         left: columnWidth / 2,
                         width: textWidth,

package/dist/data/MatrixTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MatrixTable.js","sources":["../../src/data/MatrixTable.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type MatrixTableRow = {\n  key: string;\n  label: ReactNode;\n  cells: ReactNode[];\n};\n\nexport type MatrixTableProps = {\n  columns: ReactNode[];\n  rows: MatrixTableRow[];\n  corner?: ReactNode;\n  emptyMessage?: ReactNode;\n  angledHeaders?: boolean;\n  density?: \"default\" | \"compact\";\n  columnWidth?: number;\n  headerHeight?: number;\n  // maxHeight caps the scroll viewport so the body scrolls under frozen\n  // headers (Excel-style freeze panes). Accepts any CSS length; number => px.\n  maxHeight?: number | string;\n  className?: string;\n  columnClassName?: string;\n  rowLabelClassName?: string;\n  cellClassName?: string;\n  // headerClassName is appended to the header row and every header cell (corner\n  // + columns). The header has no background by default; use this to add one,\n  // e.g. \"bg-muted\", since tailwind-merge lets the later class win.\n  headerClassName?: string;\n};\n\nexport function MatrixTable({\n  columns,\n  rows,\n  corner,\n  emptyMessage = \"No data\",\n  angledHeaders = false,\n  density = \"default\",\n  columnWidth = 48,\n  headerHeight = 120,\n  maxHeight,\n  className,\n  columnClassName,\n  rowLabelClassName,\n  cellClassName,\n  headerClassName,\n}: MatrixTableProps) {\n  if (rows.length === 0 || columns.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const textWidth = Math.round(headerHeight * 1.41);\n  const diagonalOverhang = Math.round(headerHeight * 0.71);\n  const compact = density === \"compact\";\n  const headerCellPadding = compact ? \"px-density-2 py-density-1\" : \"px-density-3 py-density-2\";\n  const rowLabelPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n  const bodyCellPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n\n  return (\n    <div\n      className={cn(\"overflow-auto rounded-md border border-border\", className)}\n      style={{\n        ...(angledHeaders ? { paddingRight: diagonalOverhang } : undefined),\n        ...(maxHeight !== undefined ? { maxHeight } : undefined),\n      }}\n    >\n      <table className={cn(\"w-max border-collapse\", compact ? \"text-xs\" : \"text-sm\")}>\n        {angledHeaders && (\n          <colgroup>\n            <col />\n            {columns.map((_, index) => (\n              <col key={index} style={{ width: columnWidth }} />\n            ))}\n          </colgroup>\n        )}\n        <thead>\n          <tr className={cn(!angledHeaders && \"border-b border-border\", headerClassName)}>\n            <th\n              scope=\"col\"\n              className={cn(\n                \"sticky left-0 top-0 z-30 min-w-44 border-r border-border text-left font-medium\",\n                headerCellPadding,\n                angledHeaders ? \"align-bottom\" : cn(\"border-b border-border\", columnClassName),\n                headerClassName,\n              )}\n            >\n              {corner}\n            </th>\n            {columns.map((column, index) =>\n              angledHeaders ? (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  title={columnTitle(column)}\n                  className={cn(\n                    \"sticky top-0 z-20 overflow-visible border-b border-border p-0 align-bottom\",\n                    columnClassName,\n                    headerClassName,\n                  )}\n                  style={{\n                    width: columnWidth,\n                    minWidth: columnWidth,\n                    maxWidth: columnWidth,\n                    height: headerHeight,\n                  }}\n                >\n                  <div\n                    className=\"absolute bottom-0 border-b border-border\"\n                    style={{\n                      left: columnWidth,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  />\n                  {index === 0 && (\n                    <div\n                      className=\"absolute bottom-0 border-b border-border\"\n                      style={{\n                        left: 0,\n                        width: textWidth,\n                        transform: \"rotate(-45deg)\",\n                        transformOrigin: \"0 100%\",\n                      }}\n                    />\n                  )}\n                  <div\n                    className=\"absolute bottom-2 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground\"\n                    style={{\n                      left: columnWidth / 2,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  >\n                    {column}\n                  </div>\n                </th>\n              ) : (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  className={cn(\n                    \"sticky top-0 z-20 min-w-24 whitespace-nowrap border-b border-border text-center text-xs font-medium text-muted-foreground\",\n                    headerCellPadding,\n                    columnClassName,\n                    headerClassName,\n                  )}\n                >\n                  {column}\n                </th>\n              ),\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row) => (\n            <tr key={row.key} className=\"border-b border-border last:border-b-0\">\n              <th\n                scope=\"row\"\n                className={cn(\n                  \"sticky left-0 z-10 border-r border-border bg-background text-left font-medium\",\n                  rowLabelPadding,\n                  rowLabelClassName,\n                )}\n              >\n                {row.label}\n              </th>\n              {columns.map((_, index) => (\n                <td\n                  key={index}\n                  className={cn(\n                    angledHeaders\n                      ? \"p-0 text-center align-middle\"\n                      : cn(bodyCellPadding, \"text-center align-middle\"),\n                    cellClassName,\n                  )}\n                  style={\n                    angledHeaders\n                      ? {\n                          width: columnWidth,\n                          minWidth: columnWidth,\n                          maxWidth: columnWidth,\n                        }\n                      : undefined\n                  }\n                >\n                  {row.cells[index] ?? null}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction columnTitle(column: ReactNode) {\n  if (typeof column === \"string\" || typeof column === \"number\") {\n    return String(column);\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MatrixTable.js","sources":["../../src/data/MatrixTable.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type MatrixTableRow = {\n  key: string;\n  label: ReactNode;\n  cells: ReactNode[];\n};\n\nexport type MatrixTableProps = {\n  columns: ReactNode[];\n  rows: MatrixTableRow[];\n  corner?: ReactNode;\n  emptyMessage?: ReactNode;\n  angledHeaders?: boolean;\n  density?: \"default\" | \"compact\";\n  columnWidth?: number;\n  headerHeight?: number;\n  // maxHeight caps the scroll viewport so the body scrolls under frozen\n  // headers (Excel-style freeze panes). Accepts any CSS length; number => px.\n  maxHeight?: number | string;\n  className?: string;\n  columnClassName?: string;\n  rowLabelClassName?: string;\n  cellClassName?: string;\n  // headerClassName backgrounds the header plane and corner. Non-angled column\n  // cells also receive it; angled cells stay transparent so their labels can\n  // extend across neighbouring columns without being covered.\n  headerClassName?: string;\n};\n\nexport function MatrixTable({\n  columns,\n  rows,\n  corner,\n  emptyMessage = \"No data\",\n  angledHeaders = false,\n  density = \"default\",\n  columnWidth = 48,\n  headerHeight = 120,\n  maxHeight,\n  className,\n  columnClassName,\n  rowLabelClassName,\n  cellClassName,\n  headerClassName,\n}: MatrixTableProps) {\n  if (rows.length === 0 || columns.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const textWidth = Math.round(headerHeight * 1.41);\n  const diagonalOverhang = Math.round(headerHeight * 0.71);\n  const compact = density === \"compact\";\n  const headerCellPadding = compact ? \"px-density-2 py-density-1\" : \"px-density-3 py-density-2\";\n  const rowLabelPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n  const bodyCellPadding = compact ? \"px-density-2 py-1\" : \"px-density-3 py-density-2\";\n\n  return (\n    <div\n      className={cn(\"overflow-auto rounded-md border border-border\", className)}\n      style={{\n        ...(angledHeaders ? { paddingRight: diagonalOverhang } : undefined),\n        ...(maxHeight !== undefined ? { maxHeight } : undefined),\n      }}\n    >\n      <table className={cn(\"w-max border-collapse\", compact ? \"text-xs\" : \"text-sm\")}>\n        {angledHeaders && (\n          <colgroup>\n            <col />\n            {columns.map((_, index) => (\n              <col key={index} style={{ width: columnWidth }} />\n            ))}\n          </colgroup>\n        )}\n        <thead className={cn(angledHeaders && \"sticky top-0 z-20\")}>\n          <tr className={cn(!angledHeaders && \"border-b border-border\", headerClassName)}>\n            <th\n              scope=\"col\"\n              className={cn(\n                \"sticky left-0 top-0 z-30 min-w-44 border-r border-border text-left font-medium\",\n                headerCellPadding,\n                angledHeaders ? \"align-bottom\" : cn(\"border-b border-border\", columnClassName),\n                headerClassName,\n              )}\n            >\n              {corner}\n            </th>\n            {columns.map((column, index) =>\n              angledHeaders ? (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  title={columnTitle(column)}\n                  className={cn(\n                    \"relative overflow-visible border-b border-border p-0 align-bottom\",\n                    columnClassName,\n                    headerClassName,\n                    \"bg-transparent\",\n                  )}\n                  style={{\n                    width: columnWidth,\n                    minWidth: columnWidth,\n                    maxWidth: columnWidth,\n                    height: headerHeight,\n                  }}\n                >\n                  <div\n                    className=\"absolute bottom-0 border-b border-border\"\n                    style={{\n                      left: columnWidth,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  />\n                  {index === 0 && (\n                    <div\n                      className=\"absolute bottom-0 border-b border-border\"\n                      style={{\n                        left: 0,\n                        width: textWidth,\n                        transform: \"rotate(-45deg)\",\n                        transformOrigin: \"0 100%\",\n                      }}\n                    />\n                  )}\n                  <div\n                    className=\"absolute bottom-0 overflow-hidden text-ellipsis whitespace-nowrap pl-1 text-left text-xs font-medium leading-none text-muted-foreground\"\n                    style={{\n                      left: columnWidth / 2,\n                      width: textWidth,\n                      transform: \"rotate(-45deg)\",\n                      transformOrigin: \"0 100%\",\n                    }}\n                  >\n                    {column}\n                  </div>\n                </th>\n              ) : (\n                <th\n                  key={index}\n                  scope=\"col\"\n                  className={cn(\n                    \"sticky top-0 z-20 min-w-24 whitespace-nowrap border-b border-border text-center text-xs font-medium text-muted-foreground\",\n                    headerCellPadding,\n                    columnClassName,\n                    headerClassName,\n                  )}\n                >\n                  {column}\n                </th>\n              ),\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((row) => (\n            <tr key={row.key} className=\"border-b border-border last:border-b-0\">\n              <th\n                scope=\"row\"\n                className={cn(\n                  \"sticky left-0 z-10 border-r border-border bg-background text-left font-medium\",\n                  rowLabelPadding,\n                  rowLabelClassName,\n                )}\n              >\n                {row.label}\n              </th>\n              {columns.map((_, index) => (\n                <td\n                  key={index}\n                  className={cn(\n                    angledHeaders\n                      ? \"p-0 text-center align-middle\"\n                      : cn(bodyCellPadding, \"text-center align-middle\"),\n                    cellClassName,\n                  )}\n                  style={\n                    angledHeaders\n                      ? {\n                          width: columnWidth,\n                          minWidth: columnWidth,\n                          maxWidth: columnWidth,\n                        }\n                      : undefined\n                  }\n                >\n                  {row.cells[index] ?? null}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction columnTitle(column: ReactNode) {\n  if (typeof column === \"string\" || typeof column === \"number\") {\n    return String(column);\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ObjectGraph.cjs

@@ -19,6 +19,7 @@ function ObjectGraph({
   defaultOpenDepth = 2,
   renderLabel,
   renderValue,
+  renderType,
   loadChildren,
   onNodeSelect,
   selectedId,
@@ -80,6 +81,7 @@ function ObjectGraph({
               node,
               selected: selectedId != null && node.id === selectedId,
               ...renderValue ? { renderValue } : {},
+              ...renderType ? { renderType } : {},
               ...onNodeSelect ? { onSelect: onNodeSelect } : {}
             }
           ),
@@ -127,6 +129,7 @@ function DefaultObjectLabel({
   node,
   onSelect,
   renderValue,
+  renderType,
   selected = false
 }) {
   const label = onSelect ? (
@@ -153,10 +156,10 @@ function DefaultObjectLabel({
   const custom = renderValue == null ? void 0 : renderValue(node);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     label,
-    node.type && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/60", children: [
+    node.type && (renderType ? renderType(node) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/60", children: [
       "@",
       node.type
-    ] }),
+    ] })),
     custom != null ? custom : node.value != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
   ] });
 }

package/dist/data/ObjectGraph.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectGraph.cjs","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiEllipsis, UiFullscreen } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  countObjectGraphNodes,\n  pruneNullNodes,\n  type ObjectGraphNode,\n} from \"./object-graph-nodes\";\nimport { Tree } from \"./Tree\";\n\nexport type { ObjectGraphNode };\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Override how a node's value is rendered. Return `null`/`undefined` to fall\n   * back to the default scalar/raw span, so a caller only has to handle the\n   * nodes it recognises (e.g. a Java exception leaf).\n   */\n  renderValue?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n  /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */\n  showOptionsMenu?: boolean;\n  /**\n   * Initial state of the options menu's \"Hide null values\" toggle. Off by\n   * default so existing consumers keep seeing every node.\n   */\n  defaultHideNulls?: boolean;\n  /** Extra entries appended to the options menu. */\n  menuActions?: DropdownMenuItem[];\n  /**\n   * Render a fullscreen toggle in the toolbar. When clicked, the graph\n   * re-renders inside a full-viewport Modal. Defaults to `false`.\n   */\n  showFullscreenControl?: boolean;\n  /** Title of the fullscreen modal. */\n  fullscreenTitle?: ReactNode;\n  /** Accessible name of the fullscreen button. */\n  fullscreenButtonLabel?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  renderValue,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n  showOptionsMenu = false,\n  defaultHideNulls = false,\n  menuActions,\n  showFullscreenControl = false,\n  fullscreenTitle = \"Object\",\n  fullscreenButtonLabel = \"Open object browser full screen\",\n}: ObjectGraphProps<T>) {\n  const [hideNulls, setHideNulls] = useState(defaultHideNulls);\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n\n  const visibleRoots = useMemo(\n    () => (hideNulls ? pruneNullNodes(roots) : roots),\n    [hideNulls, roots],\n  );\n  const hiddenCount = useMemo(\n    () => (hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0),\n    [hideNulls, roots, visibleRoots],\n  );\n\n  const items: DropdownMenuItem[] = [\n    {\n      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : \"Hide null values\",\n      onSelect: () => setHideNulls((current) => !current),\n      ...(hideNulls ? { icon: UiCheck } : {}),\n      title: \"Drop fields whose value is null or blank\",\n    },\n    ...(menuActions ?? []),\n  ];\n\n  const renderGraph = ({ inFullscreen }: { inFullscreen: boolean }) => {\n    const actions =\n      showOptionsMenu || (showFullscreenControl && !inFullscreen) ? (\n        <>\n          {showFullscreenControl && !inFullscreen && (\n            <ToolbarButton label={fullscreenButtonLabel} onClick={() => setFullscreenOpen(true)}>\n              <Icon icon={UiFullscreen} className=\"text-sm\" />\n            </ToolbarButton>\n          )}\n          {showOptionsMenu && (\n            <DropdownMenu\n              items={items}\n              align=\"right\"\n              menuLabel=\"Display options\"\n              trigger={\n                <ToolbarButton label=\"Display options\">\n                  <Icon icon={UiEllipsis} className=\"text-sm\" />\n                </ToolbarButton>\n              }\n            />\n          )}\n        </>\n      ) : undefined;\n\n    return (\n      <Tree<T>\n        roots={visibleRoots}\n        getKey={(n) => n.id}\n        getChildren={(n) => n.children as T[] | undefined}\n        defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n        {...(className !== undefined && !inFullscreen ? { className } : {})}\n        {...(actions !== undefined ? { actions } : {})}\n        empty={\n          hideNulls && roots.length > 0 ? (\n            <div className=\"px-3 py-4 text-sm text-muted-foreground\">All values are null.</div>\n          ) : (\n            empty\n          )\n        }\n        {...(showControls !== undefined ? { showControls } : {})}\n        {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n        renderRow={({ node, loading, error }) => (\n          <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n            {renderLabel ? (\n              renderLabel(node)\n            ) : (\n              <DefaultObjectLabel\n                node={node}\n                selected={selectedId != null && node.id === selectedId}\n                {...(renderValue ? { renderValue } : {})}\n                {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n              />\n            )}\n            {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n            {error != null && (\n              <span className=\"break-all text-red-600\">\n                {error instanceof Error ? error.message : String(error)}\n              </span>\n            )}\n          </div>\n        )}\n      />\n    );\n  };\n\n  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });\n\n  return (\n    <>\n      {renderGraph({ inFullscreen: false })}\n      <Modal\n        open={fullscreenOpen}\n        onClose={() => setFullscreenOpen(false)}\n        title={fullscreenTitle}\n        size=\"full\"\n        className=\"h-[95vh]\"\n        scrollBody={false}\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{renderGraph({ inFullscreen: true })}</div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ToolbarButton({\n  label,\n  onClick,\n  children,\n}: {\n  label: string;\n  onClick?: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  renderValue,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  renderValue?: (node: T) => ReactNode;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  const custom = renderValue?.(node);\n  return (\n    <>\n      {label}\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {custom != null ? (\n        custom\n      ) : node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":["useState","useMemo","pruneNullNodes","countObjectGraphNodes","UiCheck","jsxs","Fragment","jsx","Icon","UiFullscreen","DropdownMenu","UiEllipsis","Tree","Modal","cn"],"mappings":"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"}
+{"version":3,"file":"ObjectGraph.cjs","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiEllipsis, UiFullscreen } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  countObjectGraphNodes,\n  pruneNullNodes,\n  type ObjectGraphNode,\n} from \"./object-graph-nodes\";\nimport { Tree } from \"./Tree\";\n\nexport type { ObjectGraphNode };\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Override how a node's value is rendered. Return `null`/`undefined` to fall\n   * back to the default scalar/raw span, so a caller only has to handle the\n   * nodes it recognises (e.g. a Java exception leaf).\n   */\n  renderValue?: (node: T) => ReactNode;\n  /**\n   * Override how a node's `@type` annotation is rendered (e.g. as a link into\n   * a class browser). Called only when `node.type` is set; the caller owns the\n   * whole type rendering, including the leading `@`. Ignored when `renderLabel`\n   * replaces the whole label — `renderType` only applies to the default label.\n   */\n  renderType?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n  /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */\n  showOptionsMenu?: boolean;\n  /**\n   * Initial state of the options menu's \"Hide null values\" toggle. Off by\n   * default so existing consumers keep seeing every node.\n   */\n  defaultHideNulls?: boolean;\n  /** Extra entries appended to the options menu. */\n  menuActions?: DropdownMenuItem[];\n  /**\n   * Render a fullscreen toggle in the toolbar. When clicked, the graph\n   * re-renders inside a full-viewport Modal. Defaults to `false`.\n   */\n  showFullscreenControl?: boolean;\n  /** Title of the fullscreen modal. */\n  fullscreenTitle?: ReactNode;\n  /** Accessible name of the fullscreen button. */\n  fullscreenButtonLabel?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  renderValue,\n  renderType,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n  showOptionsMenu = false,\n  defaultHideNulls = false,\n  menuActions,\n  showFullscreenControl = false,\n  fullscreenTitle = \"Object\",\n  fullscreenButtonLabel = \"Open object browser full screen\",\n}: ObjectGraphProps<T>) {\n  const [hideNulls, setHideNulls] = useState(defaultHideNulls);\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n\n  const visibleRoots = useMemo(\n    () => (hideNulls ? pruneNullNodes(roots) : roots),\n    [hideNulls, roots],\n  );\n  const hiddenCount = useMemo(\n    () => (hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0),\n    [hideNulls, roots, visibleRoots],\n  );\n\n  const items: DropdownMenuItem[] = [\n    {\n      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : \"Hide null values\",\n      onSelect: () => setHideNulls((current) => !current),\n      ...(hideNulls ? { icon: UiCheck } : {}),\n      title: \"Drop fields whose value is null or blank\",\n    },\n    ...(menuActions ?? []),\n  ];\n\n  const renderGraph = ({ inFullscreen }: { inFullscreen: boolean }) => {\n    const actions =\n      showOptionsMenu || (showFullscreenControl && !inFullscreen) ? (\n        <>\n          {showFullscreenControl && !inFullscreen && (\n            <ToolbarButton label={fullscreenButtonLabel} onClick={() => setFullscreenOpen(true)}>\n              <Icon icon={UiFullscreen} className=\"text-sm\" />\n            </ToolbarButton>\n          )}\n          {showOptionsMenu && (\n            <DropdownMenu\n              items={items}\n              align=\"right\"\n              menuLabel=\"Display options\"\n              trigger={\n                <ToolbarButton label=\"Display options\">\n                  <Icon icon={UiEllipsis} className=\"text-sm\" />\n                </ToolbarButton>\n              }\n            />\n          )}\n        </>\n      ) : undefined;\n\n    return (\n      <Tree<T>\n        roots={visibleRoots}\n        getKey={(n) => n.id}\n        getChildren={(n) => n.children as T[] | undefined}\n        defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n        {...(className !== undefined && !inFullscreen ? { className } : {})}\n        {...(actions !== undefined ? { actions } : {})}\n        empty={\n          hideNulls && roots.length > 0 ? (\n            <div className=\"px-3 py-4 text-sm text-muted-foreground\">All values are null.</div>\n          ) : (\n            empty\n          )\n        }\n        {...(showControls !== undefined ? { showControls } : {})}\n        {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n        renderRow={({ node, loading, error }) => (\n          <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n            {renderLabel ? (\n              renderLabel(node)\n            ) : (\n              <DefaultObjectLabel\n                node={node}\n                selected={selectedId != null && node.id === selectedId}\n                {...(renderValue ? { renderValue } : {})}\n                {...(renderType ? { renderType } : {})}\n                {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n              />\n            )}\n            {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n            {error != null && (\n              <span className=\"break-all text-red-600\">\n                {error instanceof Error ? error.message : String(error)}\n              </span>\n            )}\n          </div>\n        )}\n      />\n    );\n  };\n\n  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });\n\n  return (\n    <>\n      {renderGraph({ inFullscreen: false })}\n      <Modal\n        open={fullscreenOpen}\n        onClose={() => setFullscreenOpen(false)}\n        title={fullscreenTitle}\n        size=\"full\"\n        className=\"h-[95vh]\"\n        scrollBody={false}\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{renderGraph({ inFullscreen: true })}</div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ToolbarButton({\n  label,\n  onClick,\n  children,\n}: {\n  label: string;\n  onClick?: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  renderValue,\n  renderType,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  renderValue?: (node: T) => ReactNode;\n  renderType?: (node: T) => ReactNode;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  const custom = renderValue?.(node);\n  return (\n    <>\n      {label}\n      {node.type &&\n        (renderType ? (\n          renderType(node)\n        ) : (\n          <span className=\"text-muted-foreground/60\">@{node.type}</span>\n        ))}\n      {custom != null ? (\n        custom\n      ) : node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":["useState","useMemo","pruneNullNodes","countObjectGraphNodes","UiCheck","jsxs","Fragment","jsx","Icon","UiFullscreen","DropdownMenu","UiEllipsis","Tree","Modal","cn"],"mappings":"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"}

package/dist/data/ObjectGraph.d.ts

@@ -17,6 +17,13 @@ export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
      * nodes it recognises (e.g. a Java exception leaf).
      */
     renderValue?: (node: T) => ReactNode;
+    /**
+     * Override how a node's `@type` annotation is rendered (e.g. as a link into
+     * a class browser). Called only when `node.type` is set; the caller owns the
+     * whole type rendering, including the leading `@`. Ignored when `renderLabel`
+     * replaces the whole label — `renderType` only applies to the default label.
+     */
+    renderType?: (node: T) => ReactNode;
     /**
      * Lazily fetch a node's children the first time an `expandable` node opens.
      * When omitted, only inline `children` are shown.
@@ -49,5 +56,5 @@ export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
     /** Accessible name of the fullscreen button. */
     fullscreenButtonLabel?: string;
 };
-export declare function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({ roots, className, empty, showControls, defaultOpenDepth, renderLabel, renderValue, loadChildren, onNodeSelect, selectedId, showOptionsMenu, defaultHideNulls, menuActions, showFullscreenControl, fullscreenTitle, fullscreenButtonLabel, }: ObjectGraphProps<T>): import("react").JSX.Element;
+export declare function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({ roots, className, empty, showControls, defaultOpenDepth, renderLabel, renderValue, renderType, loadChildren, onNodeSelect, selectedId, showOptionsMenu, defaultHideNulls, menuActions, showFullscreenControl, fullscreenTitle, fullscreenButtonLabel, }: ObjectGraphProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=ObjectGraph.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectGraph.d.ts","sourceRoot":"","sources":["../../src/data/ObjectGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,eAAe,EAAE,CAAC;AAQhC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gDAAgD;IAChD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACvE,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,gBAAoB,EACpB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,eAAuB,EACvB,gBAAwB,EACxB,WAAW,EACX,qBAA6B,EAC7B,eAA0B,EAC1B,qBAAyD,GAC1D,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAyGrB"}
+{"version":3,"file":"ObjectGraph.d.ts","sourceRoot":"","sources":["../../src/data/ObjectGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,eAAe,EAAE,CAAC;AAQhC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gDAAgD;IAChD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACvE,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,gBAAoB,EACpB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,eAAuB,EACvB,gBAAwB,EACxB,WAAW,EACX,qBAA6B,EAC7B,eAA0B,EAC1B,qBAAyD,GAC1D,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BA0GrB"}

package/dist/data/ObjectGraph.js

@@ -17,6 +17,7 @@ function ObjectGraph({
   defaultOpenDepth = 2,
   renderLabel,
   renderValue,
+  renderType,
   loadChildren,
   onNodeSelect,
   selectedId,
@@ -78,6 +79,7 @@ function ObjectGraph({
               node,
               selected: selectedId != null && node.id === selectedId,
               ...renderValue ? { renderValue } : {},
+              ...renderType ? { renderType } : {},
               ...onNodeSelect ? { onSelect: onNodeSelect } : {}
             }
           ),
@@ -125,6 +127,7 @@ function DefaultObjectLabel({
   node,
   onSelect,
   renderValue,
+  renderType,
   selected = false
 }) {
   const label = onSelect ? (
@@ -151,10 +154,10 @@ function DefaultObjectLabel({
   const custom = renderValue == null ? void 0 : renderValue(node);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     label,
-    node.type && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60", children: [
+    node.type && (renderType ? renderType(node) : /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60", children: [
       "@",
       node.type
-    ] }),
+    ] })),
     custom != null ? custom : node.value != null ? /* @__PURE__ */ jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
   ] });
 }

package/dist/data/ObjectGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectGraph.js","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiEllipsis, UiFullscreen } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  countObjectGraphNodes,\n  pruneNullNodes,\n  type ObjectGraphNode,\n} from \"./object-graph-nodes\";\nimport { Tree } from \"./Tree\";\n\nexport type { ObjectGraphNode };\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Override how a node's value is rendered. Return `null`/`undefined` to fall\n   * back to the default scalar/raw span, so a caller only has to handle the\n   * nodes it recognises (e.g. a Java exception leaf).\n   */\n  renderValue?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n  /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */\n  showOptionsMenu?: boolean;\n  /**\n   * Initial state of the options menu's \"Hide null values\" toggle. Off by\n   * default so existing consumers keep seeing every node.\n   */\n  defaultHideNulls?: boolean;\n  /** Extra entries appended to the options menu. */\n  menuActions?: DropdownMenuItem[];\n  /**\n   * Render a fullscreen toggle in the toolbar. When clicked, the graph\n   * re-renders inside a full-viewport Modal. Defaults to `false`.\n   */\n  showFullscreenControl?: boolean;\n  /** Title of the fullscreen modal. */\n  fullscreenTitle?: ReactNode;\n  /** Accessible name of the fullscreen button. */\n  fullscreenButtonLabel?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  renderValue,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n  showOptionsMenu = false,\n  defaultHideNulls = false,\n  menuActions,\n  showFullscreenControl = false,\n  fullscreenTitle = \"Object\",\n  fullscreenButtonLabel = \"Open object browser full screen\",\n}: ObjectGraphProps<T>) {\n  const [hideNulls, setHideNulls] = useState(defaultHideNulls);\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n\n  const visibleRoots = useMemo(\n    () => (hideNulls ? pruneNullNodes(roots) : roots),\n    [hideNulls, roots],\n  );\n  const hiddenCount = useMemo(\n    () => (hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0),\n    [hideNulls, roots, visibleRoots],\n  );\n\n  const items: DropdownMenuItem[] = [\n    {\n      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : \"Hide null values\",\n      onSelect: () => setHideNulls((current) => !current),\n      ...(hideNulls ? { icon: UiCheck } : {}),\n      title: \"Drop fields whose value is null or blank\",\n    },\n    ...(menuActions ?? []),\n  ];\n\n  const renderGraph = ({ inFullscreen }: { inFullscreen: boolean }) => {\n    const actions =\n      showOptionsMenu || (showFullscreenControl && !inFullscreen) ? (\n        <>\n          {showFullscreenControl && !inFullscreen && (\n            <ToolbarButton label={fullscreenButtonLabel} onClick={() => setFullscreenOpen(true)}>\n              <Icon icon={UiFullscreen} className=\"text-sm\" />\n            </ToolbarButton>\n          )}\n          {showOptionsMenu && (\n            <DropdownMenu\n              items={items}\n              align=\"right\"\n              menuLabel=\"Display options\"\n              trigger={\n                <ToolbarButton label=\"Display options\">\n                  <Icon icon={UiEllipsis} className=\"text-sm\" />\n                </ToolbarButton>\n              }\n            />\n          )}\n        </>\n      ) : undefined;\n\n    return (\n      <Tree<T>\n        roots={visibleRoots}\n        getKey={(n) => n.id}\n        getChildren={(n) => n.children as T[] | undefined}\n        defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n        {...(className !== undefined && !inFullscreen ? { className } : {})}\n        {...(actions !== undefined ? { actions } : {})}\n        empty={\n          hideNulls && roots.length > 0 ? (\n            <div className=\"px-3 py-4 text-sm text-muted-foreground\">All values are null.</div>\n          ) : (\n            empty\n          )\n        }\n        {...(showControls !== undefined ? { showControls } : {})}\n        {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n        renderRow={({ node, loading, error }) => (\n          <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n            {renderLabel ? (\n              renderLabel(node)\n            ) : (\n              <DefaultObjectLabel\n                node={node}\n                selected={selectedId != null && node.id === selectedId}\n                {...(renderValue ? { renderValue } : {})}\n                {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n              />\n            )}\n            {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n            {error != null && (\n              <span className=\"break-all text-red-600\">\n                {error instanceof Error ? error.message : String(error)}\n              </span>\n            )}\n          </div>\n        )}\n      />\n    );\n  };\n\n  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });\n\n  return (\n    <>\n      {renderGraph({ inFullscreen: false })}\n      <Modal\n        open={fullscreenOpen}\n        onClose={() => setFullscreenOpen(false)}\n        title={fullscreenTitle}\n        size=\"full\"\n        className=\"h-[95vh]\"\n        scrollBody={false}\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{renderGraph({ inFullscreen: true })}</div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ToolbarButton({\n  label,\n  onClick,\n  children,\n}: {\n  label: string;\n  onClick?: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  renderValue,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  renderValue?: (node: T) => ReactNode;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  const custom = renderValue?.(node);\n  return (\n    <>\n      {label}\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {custom != null ? (\n        custom\n      ) : node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ObjectGraph.js","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiEllipsis, UiFullscreen } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  countObjectGraphNodes,\n  pruneNullNodes,\n  type ObjectGraphNode,\n} from \"./object-graph-nodes\";\nimport { Tree } from \"./Tree\";\n\nexport type { ObjectGraphNode };\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Override how a node's value is rendered. Return `null`/`undefined` to fall\n   * back to the default scalar/raw span, so a caller only has to handle the\n   * nodes it recognises (e.g. a Java exception leaf).\n   */\n  renderValue?: (node: T) => ReactNode;\n  /**\n   * Override how a node's `@type` annotation is rendered (e.g. as a link into\n   * a class browser). Called only when `node.type` is set; the caller owns the\n   * whole type rendering, including the leading `@`. Ignored when `renderLabel`\n   * replaces the whole label — `renderType` only applies to the default label.\n   */\n  renderType?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n  /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */\n  showOptionsMenu?: boolean;\n  /**\n   * Initial state of the options menu's \"Hide null values\" toggle. Off by\n   * default so existing consumers keep seeing every node.\n   */\n  defaultHideNulls?: boolean;\n  /** Extra entries appended to the options menu. */\n  menuActions?: DropdownMenuItem[];\n  /**\n   * Render a fullscreen toggle in the toolbar. When clicked, the graph\n   * re-renders inside a full-viewport Modal. Defaults to `false`.\n   */\n  showFullscreenControl?: boolean;\n  /** Title of the fullscreen modal. */\n  fullscreenTitle?: ReactNode;\n  /** Accessible name of the fullscreen button. */\n  fullscreenButtonLabel?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  renderValue,\n  renderType,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n  showOptionsMenu = false,\n  defaultHideNulls = false,\n  menuActions,\n  showFullscreenControl = false,\n  fullscreenTitle = \"Object\",\n  fullscreenButtonLabel = \"Open object browser full screen\",\n}: ObjectGraphProps<T>) {\n  const [hideNulls, setHideNulls] = useState(defaultHideNulls);\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n\n  const visibleRoots = useMemo(\n    () => (hideNulls ? pruneNullNodes(roots) : roots),\n    [hideNulls, roots],\n  );\n  const hiddenCount = useMemo(\n    () => (hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0),\n    [hideNulls, roots, visibleRoots],\n  );\n\n  const items: DropdownMenuItem[] = [\n    {\n      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : \"Hide null values\",\n      onSelect: () => setHideNulls((current) => !current),\n      ...(hideNulls ? { icon: UiCheck } : {}),\n      title: \"Drop fields whose value is null or blank\",\n    },\n    ...(menuActions ?? []),\n  ];\n\n  const renderGraph = ({ inFullscreen }: { inFullscreen: boolean }) => {\n    const actions =\n      showOptionsMenu || (showFullscreenControl && !inFullscreen) ? (\n        <>\n          {showFullscreenControl && !inFullscreen && (\n            <ToolbarButton label={fullscreenButtonLabel} onClick={() => setFullscreenOpen(true)}>\n              <Icon icon={UiFullscreen} className=\"text-sm\" />\n            </ToolbarButton>\n          )}\n          {showOptionsMenu && (\n            <DropdownMenu\n              items={items}\n              align=\"right\"\n              menuLabel=\"Display options\"\n              trigger={\n                <ToolbarButton label=\"Display options\">\n                  <Icon icon={UiEllipsis} className=\"text-sm\" />\n                </ToolbarButton>\n              }\n            />\n          )}\n        </>\n      ) : undefined;\n\n    return (\n      <Tree<T>\n        roots={visibleRoots}\n        getKey={(n) => n.id}\n        getChildren={(n) => n.children as T[] | undefined}\n        defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n        {...(className !== undefined && !inFullscreen ? { className } : {})}\n        {...(actions !== undefined ? { actions } : {})}\n        empty={\n          hideNulls && roots.length > 0 ? (\n            <div className=\"px-3 py-4 text-sm text-muted-foreground\">All values are null.</div>\n          ) : (\n            empty\n          )\n        }\n        {...(showControls !== undefined ? { showControls } : {})}\n        {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n        renderRow={({ node, loading, error }) => (\n          <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n            {renderLabel ? (\n              renderLabel(node)\n            ) : (\n              <DefaultObjectLabel\n                node={node}\n                selected={selectedId != null && node.id === selectedId}\n                {...(renderValue ? { renderValue } : {})}\n                {...(renderType ? { renderType } : {})}\n                {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n              />\n            )}\n            {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n            {error != null && (\n              <span className=\"break-all text-red-600\">\n                {error instanceof Error ? error.message : String(error)}\n              </span>\n            )}\n          </div>\n        )}\n      />\n    );\n  };\n\n  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });\n\n  return (\n    <>\n      {renderGraph({ inFullscreen: false })}\n      <Modal\n        open={fullscreenOpen}\n        onClose={() => setFullscreenOpen(false)}\n        title={fullscreenTitle}\n        size=\"full\"\n        className=\"h-[95vh]\"\n        scrollBody={false}\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{renderGraph({ inFullscreen: true })}</div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ToolbarButton({\n  label,\n  onClick,\n  children,\n}: {\n  label: string;\n  onClick?: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  renderValue,\n  renderType,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  renderValue?: (node: T) => ReactNode;\n  renderType?: (node: T) => ReactNode;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  const custom = renderValue?.(node);\n  return (\n    <>\n      {label}\n      {node.type &&\n        (renderType ? (\n          renderType(node)\n        ) : (\n          <span className=\"text-muted-foreground/60\">@{node.type}</span>\n        ))}\n      {custom != null ? (\n        custom\n      ) : node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/TaskExecDetails.cjs

@@ -1,8 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const CopyButton = require("../components/CopyButton.cjs");
+const shellCommand = require("../lib/shell-command.cjs");
 const JsonView = require("./JsonView.cjs");
-const EXEC_KEYS = /* @__PURE__ */ new Set(["command", "args", "pid", "status", "exitCode", "started", "duration"]);
+const EXEC_KEYS = /* @__PURE__ */ new Set([
+  "command",
+  "args",
+  "cwd",
+  "pid",
+  "status",
+  "exitCode",
+  "started",
+  "duration"
+]);
 function formatExecDuration(nanoseconds) {
   const milliseconds = nanoseconds / 1e6;
   if (milliseconds < 1e3) return `${Number(milliseconds.toFixed(1))}ms`;
@@ -11,16 +22,31 @@ function formatExecDuration(nanoseconds) {
   const minutes = Math.floor(seconds / 60);
   return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;
 }
-function TaskCommandLine({ command, args }) {
+function TaskCommandLine({
+  command,
+  args,
+  cwd
+}) {
+  const line = shellCommand.shellCommandLine({ command, ...args ? { args } : {}, ...cwd ? { cwd } : {} });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command and arguments" }),
-    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs", children: JSON.stringify([command, ...args ?? []]) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command" }),
+      /* @__PURE__ */ jsxRuntime.jsx(CopyButton.CopyButton, { value: line, label: "Copy command" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block whitespace-pre-wrap break-all rounded border bg-background p-2 text-xs font-mono", children: line })
   ] });
 }
 function TaskExecDetailsView({ details }) {
   const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Execution details", className: "mb-3 space-y-2 rounded-md border bg-muted/20 p-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TaskCommandLine, { command: details.command, ...details.args ? { args: details.args } : {} }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TaskCommandLine,
+      {
+        command: details.command,
+        ...details.args ? { args: details.args } : {},
+        ...details.cwd ? { cwd: details.cwd } : {}
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: details.status }),
       details.pid !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-foreground", children: [

package/dist/data/TaskExecDetails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskExecDetails.cjs","sources":["../../src/data/TaskExecDetails.tsx"],"sourcesContent":["import { JsonView } from \"./JsonView\";\nimport type { TaskExecDetails } from \"./TaskSnapshot\";\n\nconst EXEC_KEYS = new Set([\"command\", \"args\", \"pid\", \"status\", \"exitCode\", \"started\", \"duration\"]);\n\nfunction formatExecDuration(nanoseconds: number): string {\n  const milliseconds = nanoseconds / 1_000_000;\n  if (milliseconds < 1000) return `${Number(milliseconds.toFixed(1))}ms`;\n  const seconds = milliseconds / 1000;\n  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;\n  const minutes = Math.floor(seconds / 60);\n  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;\n}\n\nexport function TaskCommandLine({ command, args }: { command: string; args?: string[] }) {\n  return (\n    <>\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Command and arguments\n      </div>\n      <code className=\"block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs\">\n        {JSON.stringify([command, ...(args ?? [])])}\n      </code>\n    </>\n  );\n}\n\nexport function TaskExecDetailsView({ details }: { details: TaskExecDetails }) {\n  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));\n\n  return (\n    <section aria-label=\"Execution details\" className=\"mb-3 space-y-2 rounded-md border bg-muted/20 p-3\">\n      <TaskCommandLine command={details.command} {...(details.args ? { args: details.args } : {})} />\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n        <span>{details.status}</span>\n        {details.pid !== undefined && <span className=\"font-mono text-foreground\">pid {details.pid}</span>}\n        <span className=\"font-mono text-foreground\">exit {details.exitCode}</span>\n        {details.duration !== undefined && <span>{formatExecDuration(details.duration)}</span>}\n        {details.started && <span>started {details.started}</span>}\n      </div>\n      {Object.keys(extra).length > 0 && (\n        <div className=\"rounded border bg-background p-2\">\n          <JsonView data={extra} defaultOpenDepth={3} />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","JsonView"],"mappings":";;;;AAGA,MAAM,YAAY,oBAAI,IAAI,CAAC,WAAW,QAAQ,OAAO,UAAU,YAAY,WAAW,UAAU,CAAC;AAEjG,SAAS,mBAAmB,aAA6B;AACvD,QAAM,eAAe,cAAc;AACnC,MAAI,eAAe,IAAM,QAAO,GAAG,OAAO,aAAa,QAAQ,CAAC,CAAC,CAAC;AAClE,QAAM,UAAU,eAAe;AAC/B,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC;AACtD,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,SAAO,GAAG,OAAO,KAAK,QAAQ,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC;AACzD;AAEO,SAAS,gBAAgB,EAAE,SAAS,QAA8C;AACvF,SACEA,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2EAA0E,UAAA,yBAEzF;AAAA,IACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,iFACb,UAAA,KAAK,UAAU,CAAC,SAAS,GAAI,QAAQ,CAAA,CAAG,CAAC,EAAA,CAC5C;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,WAAyC;AAC7E,QAAM,QAAQ,OAAO,YAAY,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;AAE/F,SACEF,2BAAAA,KAAC,WAAA,EAAQ,cAAW,qBAAoB,WAAU,oDAChD,UAAA;AAAA,IAAAE,2BAAAA,IAAC,iBAAA,EAAgB,SAAS,QAAQ,SAAU,GAAI,QAAQ,OAAO,EAAE,MAAM,QAAQ,KAAA,IAAS,CAAA,EAAC,CAAI;AAAA,IAC7FF,2BAAAA,KAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,MAAAE,2BAAAA,IAAC,QAAA,EAAM,kBAAQ,OAAA,CAAO;AAAA,MACrB,QAAQ,QAAQ,UAAaF,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAK,QAAQ;AAAA,MAAA,GAAI;AAAA,MAC3FA,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAM,QAAQ;AAAA,MAAA,GAAS;AAAA,MAClE,QAAQ,aAAa,UAAaE,2BAAAA,IAAC,UAAM,UAAA,mBAAmB,QAAQ,QAAQ,GAAE;AAAA,MAC9E,QAAQ,WAAWF,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAS,QAAQ;AAAA,MAAA,EAAA,CAAQ;AAAA,IAAA,GACrD;AAAA,IACC,OAAO,KAAK,KAAK,EAAE,SAAS,KAC3BE,2BAAAA,IAAC,OAAA,EAAI,WAAU,oCACb,yCAACC,SAAAA,UAAA,EAAS,MAAM,OAAO,kBAAkB,GAAG,EAAA,CAC9C;AAAA,EAAA,GAEJ;AAEJ;;;"}
+{"version":3,"file":"TaskExecDetails.cjs","sources":["../../src/data/TaskExecDetails.tsx"],"sourcesContent":["import { CopyButton } from \"../components/CopyButton\";\nimport { shellCommandLine } from \"../lib/shell-command\";\nimport { JsonView } from \"./JsonView\";\nimport type { TaskExecDetails } from \"./TaskSnapshot\";\n\nconst EXEC_KEYS = new Set([\n  \"command\",\n  \"args\",\n  \"cwd\",\n  \"pid\",\n  \"status\",\n  \"exitCode\",\n  \"started\",\n  \"duration\",\n]);\n\nfunction formatExecDuration(nanoseconds: number): string {\n  const milliseconds = nanoseconds / 1_000_000;\n  if (milliseconds < 1000) return `${Number(milliseconds.toFixed(1))}ms`;\n  const seconds = milliseconds / 1000;\n  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;\n  const minutes = Math.floor(seconds / 60);\n  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;\n}\n\nexport function TaskCommandLine({\n  command,\n  args,\n  cwd,\n}: {\n  command: string;\n  args?: string[];\n  cwd?: string;\n}) {\n  const line = shellCommandLine({ command, ...(args ? { args } : {}), ...(cwd ? { cwd } : {}) });\n  return (\n    <>\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n          Command\n        </div>\n        <CopyButton value={line} label=\"Copy command\" />\n      </div>\n      <code className=\"block whitespace-pre-wrap break-all rounded border bg-background p-2 text-xs font-mono\">\n        {line}\n      </code>\n    </>\n  );\n}\n\nexport function TaskExecDetailsView({ details }: { details: TaskExecDetails }) {\n  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));\n\n  return (\n    <section aria-label=\"Execution details\" className=\"mb-3 space-y-2 rounded-md border bg-muted/20 p-3\">\n      <TaskCommandLine\n        command={details.command}\n        {...(details.args ? { args: details.args } : {})}\n        {...(details.cwd ? { cwd: details.cwd } : {})}\n      />\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n        <span>{details.status}</span>\n        {details.pid !== undefined && <span className=\"font-mono text-foreground\">pid {details.pid}</span>}\n        <span className=\"font-mono text-foreground\">exit {details.exitCode}</span>\n        {details.duration !== undefined && <span>{formatExecDuration(details.duration)}</span>}\n        {details.started && <span>started {details.started}</span>}\n      </div>\n      {Object.keys(extra).length > 0 && (\n        <div className=\"rounded border bg-background p-2\">\n          <JsonView data={extra} defaultOpenDepth={3} />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["shellCommandLine","jsxs","Fragment","jsx","CopyButton","JsonView"],"mappings":";;;;;;AAKA,MAAM,gCAAgB,IAAI;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,mBAAmB,aAA6B;AACvD,QAAM,eAAe,cAAc;AACnC,MAAI,eAAe,IAAM,QAAO,GAAG,OAAO,aAAa,QAAQ,CAAC,CAAC,CAAC;AAClE,QAAM,UAAU,eAAe;AAC/B,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC;AACtD,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,SAAO,GAAG,OAAO,KAAK,QAAQ,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC;AACzD;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAOA,aAAAA,iBAAiB,EAAE,SAAS,GAAI,OAAO,EAAE,SAAS,CAAA,GAAK,GAAI,MAAM,EAAE,QAAQ,CAAA,GAAK;AAC7F,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,MAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAU,2EAA0E,UAAA,WAEzF;AAAA,MACAA,2BAAAA,IAACC,WAAAA,YAAA,EAAW,OAAO,MAAM,OAAM,eAAA,CAAe;AAAA,IAAA,GAChD;AAAA,IACAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,0FACb,UAAA,KAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,WAAyC;AAC7E,QAAM,QAAQ,OAAO,YAAY,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;AAE/F,SACEF,2BAAAA,KAAC,WAAA,EAAQ,cAAW,qBAAoB,WAAU,oDAChD,UAAA;AAAA,IAAAE,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,QAAQ;AAAA,QAChB,GAAI,QAAQ,OAAO,EAAE,MAAM,QAAQ,KAAA,IAAS,CAAA;AAAA,QAC5C,GAAI,QAAQ,MAAM,EAAE,KAAK,QAAQ,IAAA,IAAQ,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAE7CF,2BAAAA,KAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,MAAAE,2BAAAA,IAAC,QAAA,EAAM,kBAAQ,OAAA,CAAO;AAAA,MACrB,QAAQ,QAAQ,UAAaF,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAK,QAAQ;AAAA,MAAA,GAAI;AAAA,MAC3FA,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAM,QAAQ;AAAA,MAAA,GAAS;AAAA,MAClE,QAAQ,aAAa,UAAaE,2BAAAA,IAAC,UAAM,UAAA,mBAAmB,QAAQ,QAAQ,GAAE;AAAA,MAC9E,QAAQ,WAAWF,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAS,QAAQ;AAAA,MAAA,EAAA,CAAQ;AAAA,IAAA,GACrD;AAAA,IACC,OAAO,KAAK,KAAK,EAAE,SAAS,KAC3BE,2BAAAA,IAAC,OAAA,EAAI,WAAU,oCACb,yCAACE,SAAAA,UAAA,EAAS,MAAM,OAAO,kBAAkB,GAAG,EAAA,CAC9C;AAAA,EAAA,GAEJ;AAEJ;;;"}

package/dist/data/TaskExecDetails.d.ts

@@ -1,7 +1,8 @@
 import { TaskExecDetails } from './TaskSnapshot';
-export declare function TaskCommandLine({ command, args }: {
+export declare function TaskCommandLine({ command, args, cwd, }: {
     command: string;
     args?: string[];
+    cwd?: string;
 }): import("react").JSX.Element;
 export declare function TaskExecDetailsView({ details }: {
     details: TaskExecDetails;

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

@@ -1 +1 @@
-{"version":3,"file":"TaskExecDetails.d.ts","sourceRoot":"","sources":["../../src/data/TaskExecDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAatD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,+BAWtF;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,+BAoB5E"}
+{"version":3,"file":"TaskExecDetails.d.ts","sourceRoot":"","sources":["../../src/data/TaskExecDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAsBtD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,+BAeA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,+BAwB5E"}

package/dist/data/TaskExecDetails.js

@@ -1,6 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { CopyButton } from "../components/CopyButton.js";
+import { shellCommandLine } from "../lib/shell-command.js";
 import { JsonView } from "./JsonView.js";
-const EXEC_KEYS = /* @__PURE__ */ new Set(["command", "args", "pid", "status", "exitCode", "started", "duration"]);
+const EXEC_KEYS = /* @__PURE__ */ new Set([
+  "command",
+  "args",
+  "cwd",
+  "pid",
+  "status",
+  "exitCode",
+  "started",
+  "duration"
+]);
 function formatExecDuration(nanoseconds) {
   const milliseconds = nanoseconds / 1e6;
   if (milliseconds < 1e3) return `${Number(milliseconds.toFixed(1))}ms`;
@@ -9,16 +20,31 @@ function formatExecDuration(nanoseconds) {
   const minutes = Math.floor(seconds / 60);
   return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;
 }
-function TaskCommandLine({ command, args }) {
+function TaskCommandLine({
+  command,
+  args,
+  cwd
+}) {
+  const line = shellCommandLine({ command, ...args ? { args } : {}, ...cwd ? { cwd } : {} });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command and arguments" }),
-    /* @__PURE__ */ jsx("code", { className: "block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs", children: JSON.stringify([command, ...args ?? []]) })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command" }),
+      /* @__PURE__ */ jsx(CopyButton, { value: line, label: "Copy command" })
+    ] }),
+    /* @__PURE__ */ jsx("code", { className: "block whitespace-pre-wrap break-all rounded border bg-background p-2 text-xs font-mono", children: line })
   ] });
 }
 function TaskExecDetailsView({ details }) {
   const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));
   return /* @__PURE__ */ jsxs("section", { "aria-label": "Execution details", className: "mb-3 space-y-2 rounded-md border bg-muted/20 p-3", children: [
-    /* @__PURE__ */ jsx(TaskCommandLine, { command: details.command, ...details.args ? { args: details.args } : {} }),
+    /* @__PURE__ */ jsx(
+      TaskCommandLine,
+      {
+        command: details.command,
+        ...details.args ? { args: details.args } : {},
+        ...details.cwd ? { cwd: details.cwd } : {}
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx("span", { children: details.status }),
       details.pid !== void 0 && /* @__PURE__ */ jsxs("span", { className: "font-mono text-foreground", children: [