@flanksource/clicky-ui 0.2.10 → 0.2.12

package/dist/rpc/CommandOutput.cjs

@@ -2,20 +2,37 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
+const DataTable = require("../data/DataTable.cjs");
 const Clicky = require("../data/Clicky.cjs");
 const JsonView = require("../data/JsonView.cjs");
+const utils = require("../lib/utils.cjs");
+const LOADING_RESULT_COLUMNS = [
+  { key: "result", label: "Result", grow: true },
+  { key: "status", label: "Status", shrink: true },
+  { key: "updated", label: "Updated", shrink: true },
+  { key: "details", label: "Details", grow: true }
+];
 function CommandOutput({
   response,
+  loading = false,
+  loadingMessage = "Loading execution results…",
+  emptyMessage = "No response yet.",
+  ariaLabel,
+  className,
   bare = false,
+  commandRuntime,
   onTableRowClick,
   getTableRowHref,
   isTableRowClickable,
+  search,
+  timeRange,
   externalFilters,
   pagination
 }) {
-  const text = response.stdout || response.output || "";
-  const ct = response.contentType || "application/json";
+  const text = (response == null ? void 0 : response.stdout) || (response == null ? void 0 : response.output) || "";
+  const ct = (response == null ? void 0 : response.contentType) || "application/json";
   const parsed = react.useMemo(() => {
+    if (!response) return null;
     if (response.parsed !== void 0) return response.parsed;
     if (!text.trim()) return null;
     try {
@@ -23,24 +40,46 @@ function CommandOutput({
     } catch {
       return null;
     }
-  }, [response.parsed, text]);
-  const output = /* @__PURE__ */ jsxRuntime.jsx(
-    OutputBody,
+  }, [response, text]);
+  let output;
+  if (response) {
+    output = /* @__PURE__ */ jsxRuntime.jsx(
+      OutputBody,
+      {
+        text,
+        parsed,
+        contentType: ct,
+        bare,
+        ...response.requestUrl ? { url: response.requestUrl } : {},
+        ...response.blob ? { blob: response.blob } : {},
+        ...commandRuntime ? { commandRuntime } : {},
+        ...onTableRowClick ? { onTableRowClick } : {},
+        ...getTableRowHref ? { getTableRowHref } : {},
+        ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
+        ...externalFilters ? { externalFilters } : {},
+        ...pagination ? { pagination } : {}
+      }
+    );
+  } else if (loading) {
+    output = /* @__PURE__ */ jsxRuntime.jsx(LoadingOutput, { loadingMessage });
+  } else {
+    output = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  const pending = loading && response ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      text,
-      parsed,
-      contentType: ct,
-      bare,
-      ...response.blob ? { blob: response.blob } : {},
-      ...onTableRowClick ? { onTableRowClick } : {},
-      ...getTableRowHref ? { getTableRowHref } : {},
-      ...isTableRowClickable ? { isTableRowClickable } : {},
-      ...externalFilters ? { externalFilters } : {},
-      ...pagination ? { pagination } : {}
+      role: "status",
+      className: "rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground",
+      children: loadingMessage
     }
-  );
-  if (bare) return output;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+  ) : null;
+  const content = bare || !response ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    pending,
+    output
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    pending,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -62,16 +101,33 @@ function CommandOutput({
     ] }),
     output
   ] });
+  if (ariaLabel || className) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: ariaLabel ? "region" : void 0,
+        "aria-label": ariaLabel,
+        "aria-busy": loading || void 0,
+        className: utils.cn("mt-3", className),
+        children: content
+      }
+    );
+  }
+  return content;
 }
 function OutputBody({
   text,
   parsed,
   contentType,
+  url,
   blob,
   bare,
+  commandRuntime,
   onTableRowClick,
   getTableRowHref,
   isTableRowClickable,
+  search,
+  timeRange,
   externalFilters,
   pagination
 }) {
@@ -79,14 +135,20 @@ function OutputBody({
   if (ct === "application/pdf" && blob) {
     return /* @__PURE__ */ jsxRuntime.jsx(PdfOutput, { blob });
   }
-  if (ct === "application/clicky+json" || ct === "application/json+clicky") {
+  const clickyPayload = typeof parsed === "string" || parsed != null && typeof parsed === "object" ? parsed : text;
+  const parsedClicky = clickyPayload === "" ? null : Clicky.parseClickyData(clickyPayload);
+  if ((parsedClicky == null ? void 0 : parsedClicky.ok) || ct === "application/clicky+json" || ct === "application/json+clicky") {
     const clicky = /* @__PURE__ */ jsxRuntime.jsx(
       Clicky.Clicky,
       {
-        data: parsed ?? text,
+        data: (parsedClicky == null ? void 0 : parsedClicky.ok) ? parsedClicky.document : parsed ?? text,
+        ...url ? { url } : {},
+        ...commandRuntime ? { commandRuntime } : {},
         ...onTableRowClick ? { onTableRowClick } : {},
         ...getTableRowHref ? { getTableRowHref } : {},
         ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
         ...pagination ? { pagination } : {}
       }
@@ -142,6 +204,25 @@ function OutputBody({
   if (text) return /* @__PURE__ */ jsxRuntime.jsx(TextOutput, { text });
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-4 text-sm text-muted-foreground", children: "No output" });
 }
+function LoadingOutput({ loadingMessage }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable.DataTable,
+    {
+      data: [],
+      columns: LOADING_RESULT_COLUMNS,
+      loading: true,
+      loadingMessage,
+      loadingRowCount: 8,
+      showGlobalFilter: false,
+      showDensityControl: false,
+      hideableColumns: false,
+      resizableColumns: false,
+      persistColumnWidths: false,
+      persistColumnVisibility: false,
+      persistDensity: false
+    }
+  );
+}
 function PdfOutput({ blob }) {
   const [url, setURL] = react.useState("");
   react.useEffect(() => {

package/dist/rpc/CommandOutput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type { FilterBarFilter } from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { JsonView } from \"../data/JsonView\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response: ExecutionResponse;\n  bare?: boolean;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\nexport function CommandOutput({\n  response,\n  bare = false,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response.stdout || response.output || \"\";\n  const ct = response.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response.parsed, text]);\n\n  const output = (\n    <OutputBody\n      text={text}\n      parsed={parsed}\n      contentType={ct}\n      bare={bare}\n      {...(response.blob ? { blob: response.blob } : {})}\n      {...(onTableRowClick ? { onTableRowClick } : {})}\n      {...(getTableRowHref ? { getTableRowHref } : {})}\n      {...(isTableRowClickable ? { isTableRowClickable } : {})}\n      {...(externalFilters ? { externalFilters } : {})}\n      {...(pagination ? { pagination } : {})}\n    />\n  );\n\n  if (bare) return output;\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  blob,\n  bare,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  blob?: Blob;\n  bare?: boolean;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  if (ct === \"application/clicky+json\" || ct === \"application/json+clicky\") {\n    const clicky = (\n      <Clicky\n        data={(parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-white\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","Clicky","useState","useEffect","JsonView"],"mappings":"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"}
+{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending = loading && response ? (\n    <div\n      role=\"status\"\n      className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n    >\n      {loadingMessage}\n    </div>\n  ) : null;\n\n  const content = bare || !response ? (\n    <div className=\"space-y-2\">\n      {pending}\n      {output}\n    </div>\n  ) : (\n    <div className=\"space-y-3\">\n      {pending}\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-white\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}

package/dist/rpc/CommandOutput.d.ts

@@ -1,15 +1,23 @@
-import { FilterBarFilter } from '../components/FilterBar';
+import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { DataTablePagination } from '../data/DataTable';
-import { ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate } from '../data/Clicky';
+import { ClickyCommandRuntime, ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate } from '../data/Clicky';
 import { ExecutionResponse } from './types';
 export type CommandOutputProps = {
-    response: ExecutionResponse;
+    response?: ExecutionResponse | null;
+    loading?: boolean;
+    loadingMessage?: string;
+    emptyMessage?: string;
+    ariaLabel?: string;
+    className?: string;
     bare?: boolean;
+    commandRuntime?: ClickyCommandRuntime;
     onTableRowClick?: ClickyTableRowClick;
     getTableRowHref?: ClickyTableRowHref;
     isTableRowClickable?: ClickyTableRowPredicate;
+    search?: FilterBarSearchProps;
+    timeRange?: FilterBarRangeProps;
     externalFilters?: FilterBarFilter[];
     pagination?: DataTablePagination;
 };
-export declare function CommandOutput({ response, bare, onTableRowClick, getTableRowHref, isTableRowClickable, externalFilters, pagination, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, pagination, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommandOutput.d.ts.map

package/dist/rpc/CommandOutput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAY,EACZ,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,UAAU,GACX,EAAE,kBAAkB,2CA+DpB"}
+{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAmC,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC9F,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,UAAU,GACX,EAAE,kBAAkB,2CAuGpB"}

package/dist/rpc/CommandOutput.js

@@ -1,19 +1,36 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useEffect } from "react";
-import { Clicky } from "../data/Clicky.js";
+import { DataTable } from "../data/DataTable.js";
+import { parseClickyData, Clicky } from "../data/Clicky.js";
 import { JsonView } from "../data/JsonView.js";
+import { cn } from "../lib/utils.js";
+const LOADING_RESULT_COLUMNS = [
+  { key: "result", label: "Result", grow: true },
+  { key: "status", label: "Status", shrink: true },
+  { key: "updated", label: "Updated", shrink: true },
+  { key: "details", label: "Details", grow: true }
+];
 function CommandOutput({
   response,
+  loading = false,
+  loadingMessage = "Loading execution results…",
+  emptyMessage = "No response yet.",
+  ariaLabel,
+  className,
   bare = false,
+  commandRuntime,
   onTableRowClick,
   getTableRowHref,
   isTableRowClickable,
+  search,
+  timeRange,
   externalFilters,
   pagination
 }) {
-  const text = response.stdout || response.output || "";
-  const ct = response.contentType || "application/json";
+  const text = (response == null ? void 0 : response.stdout) || (response == null ? void 0 : response.output) || "";
+  const ct = (response == null ? void 0 : response.contentType) || "application/json";
   const parsed = useMemo(() => {
+    if (!response) return null;
     if (response.parsed !== void 0) return response.parsed;
     if (!text.trim()) return null;
     try {
@@ -21,24 +38,46 @@ function CommandOutput({
     } catch {
       return null;
     }
-  }, [response.parsed, text]);
-  const output = /* @__PURE__ */ jsx(
-    OutputBody,
+  }, [response, text]);
+  let output;
+  if (response) {
+    output = /* @__PURE__ */ jsx(
+      OutputBody,
+      {
+        text,
+        parsed,
+        contentType: ct,
+        bare,
+        ...response.requestUrl ? { url: response.requestUrl } : {},
+        ...response.blob ? { blob: response.blob } : {},
+        ...commandRuntime ? { commandRuntime } : {},
+        ...onTableRowClick ? { onTableRowClick } : {},
+        ...getTableRowHref ? { getTableRowHref } : {},
+        ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
+        ...externalFilters ? { externalFilters } : {},
+        ...pagination ? { pagination } : {}
+      }
+    );
+  } else if (loading) {
+    output = /* @__PURE__ */ jsx(LoadingOutput, { loadingMessage });
+  } else {
+    output = /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  const pending = loading && response ? /* @__PURE__ */ jsx(
+    "div",
     {
-      text,
-      parsed,
-      contentType: ct,
-      bare,
-      ...response.blob ? { blob: response.blob } : {},
-      ...onTableRowClick ? { onTableRowClick } : {},
-      ...getTableRowHref ? { getTableRowHref } : {},
-      ...isTableRowClickable ? { isTableRowClickable } : {},
-      ...externalFilters ? { externalFilters } : {},
-      ...pagination ? { pagination } : {}
+      role: "status",
+      className: "rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground",
+      children: loadingMessage
     }
-  );
-  if (bare) return output;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+  ) : null;
+  const content = bare || !response ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    pending,
+    output
+  ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    pending,
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(
         "span",
@@ -60,16 +99,33 @@ function CommandOutput({
     ] }),
     output
   ] });
+  if (ariaLabel || className) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: ariaLabel ? "region" : void 0,
+        "aria-label": ariaLabel,
+        "aria-busy": loading || void 0,
+        className: cn("mt-3", className),
+        children: content
+      }
+    );
+  }
+  return content;
 }
 function OutputBody({
   text,
   parsed,
   contentType,
+  url,
   blob,
   bare,
+  commandRuntime,
   onTableRowClick,
   getTableRowHref,
   isTableRowClickable,
+  search,
+  timeRange,
   externalFilters,
   pagination
 }) {
@@ -77,14 +133,20 @@ function OutputBody({
   if (ct === "application/pdf" && blob) {
     return /* @__PURE__ */ jsx(PdfOutput, { blob });
   }
-  if (ct === "application/clicky+json" || ct === "application/json+clicky") {
+  const clickyPayload = typeof parsed === "string" || parsed != null && typeof parsed === "object" ? parsed : text;
+  const parsedClicky = clickyPayload === "" ? null : parseClickyData(clickyPayload);
+  if ((parsedClicky == null ? void 0 : parsedClicky.ok) || ct === "application/clicky+json" || ct === "application/json+clicky") {
     const clicky = /* @__PURE__ */ jsx(
       Clicky,
       {
-        data: parsed ?? text,
+        data: (parsedClicky == null ? void 0 : parsedClicky.ok) ? parsedClicky.document : parsed ?? text,
+        ...url ? { url } : {},
+        ...commandRuntime ? { commandRuntime } : {},
         ...onTableRowClick ? { onTableRowClick } : {},
         ...getTableRowHref ? { getTableRowHref } : {},
         ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
         ...pagination ? { pagination } : {}
       }
@@ -140,6 +202,25 @@ function OutputBody({
   if (text) return /* @__PURE__ */ jsx(TextOutput, { text });
   return /* @__PURE__ */ jsx("p", { className: "py-4 text-sm text-muted-foreground", children: "No output" });
 }
+function LoadingOutput({ loadingMessage }) {
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      data: [],
+      columns: LOADING_RESULT_COLUMNS,
+      loading: true,
+      loadingMessage,
+      loadingRowCount: 8,
+      showGlobalFilter: false,
+      showDensityControl: false,
+      hideableColumns: false,
+      resizableColumns: false,
+      persistColumnWidths: false,
+      persistColumnVisibility: false,
+      persistDensity: false
+    }
+  );
+}
 function PdfOutput({ blob }) {
   const [url, setURL] = useState("");
   useEffect(() => {

package/dist/rpc/CommandOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type { FilterBarFilter } from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { JsonView } from \"../data/JsonView\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response: ExecutionResponse;\n  bare?: boolean;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\nexport function CommandOutput({\n  response,\n  bare = false,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response.stdout || response.output || \"\";\n  const ct = response.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response.parsed, text]);\n\n  const output = (\n    <OutputBody\n      text={text}\n      parsed={parsed}\n      contentType={ct}\n      bare={bare}\n      {...(response.blob ? { blob: response.blob } : {})}\n      {...(onTableRowClick ? { onTableRowClick } : {})}\n      {...(getTableRowHref ? { getTableRowHref } : {})}\n      {...(isTableRowClickable ? { isTableRowClickable } : {})}\n      {...(externalFilters ? { externalFilters } : {})}\n      {...(pagination ? { pagination } : {})}\n    />\n  );\n\n  if (bare) return output;\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  blob,\n  bare,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  blob?: Blob;\n  bare?: boolean;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  if (ct === \"application/clicky+json\" || ct === \"application/json+clicky\") {\n    const clicky = (\n      <Clicky\n        data={(parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-white\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending = loading && response ? (\n    <div\n      role=\"status\"\n      className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n    >\n      {loadingMessage}\n    </div>\n  ) : null;\n\n  const content = bare || !response ? (\n    <div className=\"space-y-2\">\n      {pending}\n      {output}\n    </div>\n  ) : (\n    <div className=\"space-y-3\">\n      {pending}\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-white\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/ExecutionResult.cjs

@@ -1,85 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const Clicky = require("../data/Clicky.cjs");
-const DataTable = require("../data/DataTable.cjs");
-const utils = require("../lib/utils.cjs");
-const classify = require("./classify.cjs");
-const LOADING_RESULT_COLUMNS = [
-  { key: "result", label: "Result", grow: true },
-  { key: "status", label: "Status", shrink: true },
-  { key: "updated", label: "Updated", shrink: true },
-  { key: "details", label: "Details", grow: true }
-];
+const CommandOutput = require("./CommandOutput.cjs");
 function ExecutionResult({
-  response,
-  loading = false,
-  loadingMessage = "Loading execution results…",
-  emptyMessage = "No response yet.",
   ariaLabel = "Response body",
-  className,
-  commandRuntime,
-  onTableRowClick,
-  getTableRowHref,
-  isTableRowClickable,
-  search,
-  timeRange,
-  externalFilters
+  bare = true,
+  ...props
 }) {
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": ariaLabel, className: utils.cn("mt-3", className), children: /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable.DataTable,
-      {
-        data: [],
-        columns: LOADING_RESULT_COLUMNS,
-        loading: true,
-        loadingMessage,
-        loadingRowCount: 8,
-        showGlobalFilter: false,
-        showDensityControl: false,
-        hideableColumns: false,
-        resizableColumns: false,
-        persistColumnWidths: false,
-        persistColumnVisibility: false,
-        persistDensity: false
-      }
-    ) });
-  }
-  if (!response) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("mt-3 text-sm text-muted-foreground", className), children: emptyMessage });
-  }
-  const rawText = response.stdout || response.output || response.message || "";
-  const parsedPayload = response.parsed ?? classify.parseJsonBody(response);
-  const clickyPayload = typeof parsedPayload === "string" || parsedPayload != null && typeof parsedPayload === "object" ? parsedPayload : rawText;
-  const parsedClicky = clickyPayload === "" ? null : Clicky.parseClickyData(clickyPayload);
-  if (parsedClicky == null ? void 0 : parsedClicky.ok) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": ariaLabel, className: utils.cn("mt-3", className), children: /* @__PURE__ */ jsxRuntime.jsx(
-      Clicky.Clicky,
-      {
-        data: parsedClicky.document,
-        ...response.requestUrl ? { url: response.requestUrl } : {},
-        ...commandRuntime ? { commandRuntime } : {},
-        ...onTableRowClick ? { onTableRowClick } : {},
-        ...getTableRowHref ? { getTableRowHref } : {},
-        ...isTableRowClickable ? { isTableRowClickable } : {},
-        ...search ? { search } : {},
-        ...timeRange ? { timeRange } : {},
-        ...externalFilters ? { externalFilters } : {}
-      }
-    ) });
-  }
-  const renderedText = parsedPayload != null ? JSON.stringify(parsedPayload, null, 2) : rawText;
-  if (!renderedText) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("mt-3 text-sm text-muted-foreground", className), children: "Response completed with no body." });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "pre",
-    {
-      "aria-label": ariaLabel,
-      className: utils.cn("mt-3 overflow-auto rounded-md bg-muted p-4 text-xs", className),
-      children: renderedText
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CommandOutput.CommandOutput, { ariaLabel, bare, ...props });
 }
 exports.ExecutionResult = ExecutionResult;
 //# sourceMappingURL=ExecutionResult.cjs.map