@flanksource/clicky-ui 0.2.13 → 0.2.15

package/dist/data/badge-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-variants.js","sources":["../../src/data/badge-variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center gap-1 rounded-full border border-transparent font-medium whitespace-nowrap align-middle\",\n  {\n    variants: {\n      tone: {\n        neutral: \"\",\n        success: \"\",\n        danger: \"\",\n        warning: \"\",\n        info: \"\",\n      },\n      variant: {\n        soft: \"\",\n        solid: \"\",\n        outline: \"bg-transparent\",\n      },\n      size: {\n        xxs: \"min-h-4 px-1.5 py-0.5 text-[9px] leading-none\",\n        xs: \"min-h-[18px] px-1.5 py-0.5 text-[10px] leading-none\",\n        sm: \"h-4 px-1.5 py-0 text-[10px] leading-none\",\n        md: \"px-2 py-0.5 text-xs\",\n        lg: \"px-2.5 py-1 text-sm\",\n      },\n    },\n    compoundVariants: [\n      { tone: \"neutral\", variant: \"soft\", class: \"bg-muted text-foreground\" },\n      { tone: \"neutral\", variant: \"solid\", class: \"bg-foreground text-background\" },\n      { tone: \"neutral\", variant: \"outline\", class: \"border-border text-foreground\" },\n\n      {\n        tone: \"success\",\n        variant: \"soft\",\n        class: \"bg-green-100 text-green-800 dark:bg-green-500/20 dark:text-green-300\",\n      },\n      { tone: \"success\", variant: \"solid\", class: \"bg-green-500 text-white\" },\n      {\n        tone: \"success\",\n        variant: \"outline\",\n        class: \"border-green-500 text-green-700 dark:text-green-400\",\n      },\n\n      {\n        tone: \"danger\",\n        variant: \"soft\",\n        class: \"bg-red-100 text-red-800 dark:bg-red-500/20 dark:text-red-300\",\n      },\n      { tone: \"danger\", variant: \"solid\", class: \"bg-red-500 text-white\" },\n      {\n        tone: \"danger\",\n        variant: \"outline\",\n        class: \"border-red-500 text-red-700 dark:text-red-400\",\n      },\n\n      {\n        tone: \"warning\",\n        variant: \"soft\",\n        class: \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\",\n      },\n      { tone: \"warning\", variant: \"solid\", class: \"bg-yellow-400 text-yellow-950\" },\n      {\n        tone: \"warning\",\n        variant: \"outline\",\n        class: \"border-yellow-500 text-yellow-700 dark:text-yellow-400\",\n      },\n\n      {\n        tone: \"info\",\n        variant: \"soft\",\n        class: \"bg-blue-100 text-blue-800 dark:bg-blue-500/20 dark:text-blue-300\",\n      },\n      { tone: \"info\", variant: \"solid\", class: \"bg-blue-500 text-white\" },\n      {\n        tone: \"info\",\n        variant: \"outline\",\n        class: \"border-blue-500 text-blue-700 dark:text-blue-400\",\n      },\n    ],\n    defaultVariants: {\n      tone: \"neutral\",\n      variant: \"soft\",\n      size: \"md\",\n    },\n  },\n);\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,kBAAkB;AAAA,MAChB,EAAE,MAAM,WAAW,SAAS,QAAQ,OAAO,2BAAA;AAAA,MAC3C,EAAE,MAAM,WAAW,SAAS,SAAS,OAAO,gCAAA;AAAA,MAC5C,EAAE,MAAM,WAAW,SAAS,WAAW,OAAO,gCAAA;AAAA,MAE9C;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,EAAE,MAAM,WAAW,SAAS,SAAS,OAAO,0BAAA;AAAA,MAC5C;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAGT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,EAAE,MAAM,UAAU,SAAS,SAAS,OAAO,wBAAA;AAAA,MAC3C;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAGT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,EAAE,MAAM,WAAW,SAAS,SAAS,OAAO,gCAAA;AAAA,MAC5C;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAGT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,EAAE,MAAM,QAAQ,SAAS,SAAS,OAAO,yBAAA;AAAA,MACzC;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/data/cache-browser/CacheBrowser.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const SplitPane = require("../../layout/SplitPane.cjs");
+const api = require("./api.cjs");
+const adapter = require("./adapter.cjs");
+const CacheTree = require("./CacheTree.cjs");
+const CacheDetailPanel = require("./CacheDetailPanel.cjs");
+const CacheStatsOverview = require("./CacheStatsOverview.cjs");
+function CacheBrowser({
+  baseUrl = "/api/v1",
+  client: clientProp,
+  fetcher,
+  adapters,
+  rootPrefix = "",
+  defaultSplit = 35,
+  className
+}) {
+  const client = react.useMemo(
+    () => clientProp ?? api.createCacheClient({ baseUrl, ...fetcher ? { fetcher } : {} }),
+    [clientProp, baseUrl, fetcher]
+  );
+  const registry = react.useMemo(
+    () => adapters instanceof adapter.CacheAdapterRegistry ? adapters : adapter.createCacheRegistry(adapters ?? []),
+    [adapters]
+  );
+  const [selected, setSelected] = react.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SplitPane.SplitPane,
+    {
+      className: utils.cn("min-h-0 flex-1", className),
+      defaultSplit,
+      left: /* @__PURE__ */ jsxRuntime.jsx(
+        CacheTree.CacheTree,
+        {
+          client,
+          registry,
+          rootPrefix,
+          selected,
+          onSelect: setSelected
+        }
+      ),
+      right: selected ? /* @__PURE__ */ jsxRuntime.jsx(
+        CacheDetailPanel.CacheDetailPanel,
+        {
+          client,
+          registry,
+          node: selected,
+          onSelect: setSelected,
+          onDeleted: () => setSelected(null)
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(CacheStatsOverview.CacheStatsOverview, { client, rootPrefix, onSelect: setSelected })
+    }
+  );
+}
+exports.CacheBrowser = CacheBrowser;
+//# sourceMappingURL=CacheBrowser.cjs.map

package/dist/data/cache-browser/CacheBrowser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheBrowser.cjs","sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"names":["useMemo","createCacheClient","CacheAdapterRegistry","createCacheRegistry","useState","jsx","SplitPane","cn","CacheTree","CacheDetailPanel","CacheStatsOverview"],"mappings":";;;;;;;;;;;AAqCO,SAAS,aAAa;AAAA,EAC3B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AACF,GAAsB;AACpB,QAAM,SAASA,MAAAA;AAAAA,IACb,MAAM,cAAcC,IAAAA,kBAAkB,EAAE,SAAS,GAAI,UAAU,EAAE,YAAY,CAAA,GAAK;AAAA,IAClF,CAAC,YAAY,SAAS,OAAO;AAAA,EAAA;AAE/B,QAAM,WAAWD,MAAAA;AAAAA,IACf,MACE,oBAAoBE,QAAAA,uBAChB,WACAC,QAAAA,oBAAoB,YAAY,CAAA,CAAE;AAAA,IACxC,CAAC,QAAQ;AAAA,EAAA;AAEX,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAA+B,IAAI;AAEnE,SACEC,2BAAAA;AAAAA,IAACC,UAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAG,kBAAkB,SAAS;AAAA,MACzC;AAAA,MACA,MACEF,2BAAAA;AAAAA,QAACG,UAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGd,OACE,WACEH,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW,MAAM,YAAY,IAAI;AAAA,QAAA;AAAA,MAAA,IAGnCJ,2BAAAA,IAACK,mBAAAA,oBAAA,EAAmB,QAAgB,YAAwB,UAAU,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAK7F;;"}

package/dist/data/cache-browser/CacheBrowser.d.ts

@@ -0,0 +1,26 @@
+import { CacheClient, CacheFetcher } from './api';
+import { CacheAdapterRegistry, CacheNodeAdapter } from './adapter';
+export type CacheBrowserProps = {
+    /** API base the cache endpoints are mounted under, e.g. "/api/v1". */
+    baseUrl?: string;
+    /** Pre-built client; takes precedence over baseUrl/fetcher. */
+    client?: CacheClient;
+    fetcher?: CacheFetcher;
+    /** Domain node adapters, or a pre-built registry. */
+    adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;
+    /** Logical prefix the browser is rooted at; empty browses everything. */
+    rootPrefix?: string;
+    /** Initial left-pane width percentage. */
+    defaultSplit?: number;
+    className?: string;
+};
+/**
+ * Generic cache/valkey browser: a lazy prefix tree with server-side key
+ * search on the left, and on the right either the whole-keyspace stats
+ * overview (nothing selected), an aggregated subtree overview (prefix
+ * selected) or full key detail with adapter-pluggable value rendering (key
+ * selected). Requires a react-query QueryClientProvider in the host app,
+ * like TimeseriesPanel.
+ */
+export declare function CacheBrowser({ baseUrl, client: clientProp, fetcher, adapters, rootPrefix, defaultSplit, className, }: CacheBrowserProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CacheBrowser.d.ts.map

package/dist/data/cache-browser/CacheBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EACL,oBAAoB,EAEpB,KAAK,gBAAgB,EACtB,MAAM,WAAW,CAAC;AAMnB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,GAAG,oBAAoB,CAAC;IACrD,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,UAAe,EACf,YAAiB,EACjB,SAAS,GACV,EAAE,iBAAiB,2CA0CnB"}

package/dist/data/cache-browser/CacheBrowser.js

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { SplitPane } from "../../layout/SplitPane.js";
+import { createCacheClient } from "./api.js";
+import { CacheAdapterRegistry, createCacheRegistry } from "./adapter.js";
+import { CacheTree } from "./CacheTree.js";
+import { CacheDetailPanel } from "./CacheDetailPanel.js";
+import { CacheStatsOverview } from "./CacheStatsOverview.js";
+function CacheBrowser({
+  baseUrl = "/api/v1",
+  client: clientProp,
+  fetcher,
+  adapters,
+  rootPrefix = "",
+  defaultSplit = 35,
+  className
+}) {
+  const client = useMemo(
+    () => clientProp ?? createCacheClient({ baseUrl, ...fetcher ? { fetcher } : {} }),
+    [clientProp, baseUrl, fetcher]
+  );
+  const registry = useMemo(
+    () => adapters instanceof CacheAdapterRegistry ? adapters : createCacheRegistry(adapters ?? []),
+    [adapters]
+  );
+  const [selected, setSelected] = useState(null);
+  return /* @__PURE__ */ jsx(
+    SplitPane,
+    {
+      className: cn("min-h-0 flex-1", className),
+      defaultSplit,
+      left: /* @__PURE__ */ jsx(
+        CacheTree,
+        {
+          client,
+          registry,
+          rootPrefix,
+          selected,
+          onSelect: setSelected
+        }
+      ),
+      right: selected ? /* @__PURE__ */ jsx(
+        CacheDetailPanel,
+        {
+          client,
+          registry,
+          node: selected,
+          onSelect: setSelected,
+          onDeleted: () => setSelected(null)
+        }
+      ) : /* @__PURE__ */ jsx(CacheStatsOverview, { client, rootPrefix, onSelect: setSelected })
+    }
+  );
+}
+export {
+  CacheBrowser
+};
+//# sourceMappingURL=CacheBrowser.js.map

package/dist/data/cache-browser/CacheBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheBrowser.js","sources":["../../../src/data/cache-browser/CacheBrowser.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { createCacheClient, type CacheClient, type CacheFetcher } from \"./api\";\nimport {\n  CacheAdapterRegistry,\n  createCacheRegistry,\n  type CacheNodeAdapter,\n} from \"./adapter\";\nimport { CacheTree } from \"./CacheTree\";\nimport { CacheDetailPanel } from \"./CacheDetailPanel\";\nimport { CacheStatsOverview } from \"./CacheStatsOverview\";\nimport type { CacheTreeNode } from \"./types\";\n\nexport type CacheBrowserProps = {\n  /** API base the cache endpoints are mounted under, e.g. \"/api/v1\". */\n  baseUrl?: string;\n  /** Pre-built client; takes precedence over baseUrl/fetcher. */\n  client?: CacheClient;\n  fetcher?: CacheFetcher;\n  /** Domain node adapters, or a pre-built registry. */\n  adapters?: CacheNodeAdapter[] | CacheAdapterRegistry;\n  /** Logical prefix the browser is rooted at; empty browses everything. */\n  rootPrefix?: string;\n  /** Initial left-pane width percentage. */\n  defaultSplit?: number;\n  className?: string;\n};\n\n/**\n * Generic cache/valkey browser: a lazy prefix tree with server-side key\n * search on the left, and on the right either the whole-keyspace stats\n * overview (nothing selected), an aggregated subtree overview (prefix\n * selected) or full key detail with adapter-pluggable value rendering (key\n * selected). Requires a react-query QueryClientProvider in the host app,\n * like TimeseriesPanel.\n */\nexport function CacheBrowser({\n  baseUrl = \"/api/v1\",\n  client: clientProp,\n  fetcher,\n  adapters,\n  rootPrefix = \"\",\n  defaultSplit = 35,\n  className,\n}: CacheBrowserProps) {\n  const client = useMemo(\n    () => clientProp ?? createCacheClient({ baseUrl, ...(fetcher ? { fetcher } : {}) }),\n    [clientProp, baseUrl, fetcher],\n  );\n  const registry = useMemo(\n    () =>\n      adapters instanceof CacheAdapterRegistry\n        ? adapters\n        : createCacheRegistry(adapters ?? []),\n    [adapters],\n  );\n  const [selected, setSelected] = useState<CacheTreeNode | null>(null);\n\n  return (\n    <SplitPane\n      className={cn(\"min-h-0 flex-1\", className)}\n      defaultSplit={defaultSplit}\n      left={\n        <CacheTree\n          client={client}\n          registry={registry}\n          rootPrefix={rootPrefix}\n          selected={selected}\n          onSelect={setSelected}\n        />\n      }\n      right={\n        selected ? (\n          <CacheDetailPanel\n            client={client}\n            registry={registry}\n            node={selected}\n            onSelect={setSelected}\n            onDeleted={() => setSelected(null)}\n          />\n        ) : (\n          <CacheStatsOverview client={client} rootPrefix={rootPrefix} onSelect={setSelected} />\n        )\n      }\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAqCO,SAAS,aAAa;AAAA,EAC3B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AACF,GAAsB;AACpB,QAAM,SAAS;AAAA,IACb,MAAM,cAAc,kBAAkB,EAAE,SAAS,GAAI,UAAU,EAAE,YAAY,CAAA,GAAK;AAAA,IAClF,CAAC,YAAY,SAAS,OAAO;AAAA,EAAA;AAE/B,QAAM,WAAW;AAAA,IACf,MACE,oBAAoB,uBAChB,WACA,oBAAoB,YAAY,CAAA,CAAE;AAAA,IACxC,CAAC,QAAQ;AAAA,EAAA;AAEX,QAAM,CAAC,UAAU,WAAW,IAAI,SAA+B,IAAI;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACzC;AAAA,MACA,MACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGd,OACE,WACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW,MAAM,YAAY,IAAI;AAAA,QAAA;AAAA,MAAA,IAGnC,oBAAC,oBAAA,EAAmB,QAAgB,YAAwB,UAAU,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAK7F;"}

package/dist/data/cache-browser/CacheDetailPanel.cjs

@@ -0,0 +1,193 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactQuery = require("@tanstack/react-query");
+const utils = require("../../lib/utils.cjs");
+const format = require("../../lib/format.cjs");
+const Icon = require("../Icon.cjs");
+const KeyValueList = require("../KeyValueList.cjs");
+const TabButton = require("../TabButton.cjs");
+const Section = require("../../layout/Section.cjs");
+const api = require("./api.cjs");
+const CacheValue = require("./CacheValue.cjs");
+const types = require("./types.cjs");
+const UiFolder = require("../../icons/components/UiFolder.cjs");
+const UiRefresh = require("../../icons/components/UiRefresh.cjs");
+const UiTrash = require("../../icons/components/UiTrash.cjs");
+function CacheDetailPanel(props) {
+  return types.isLeaf(props.node) ? /* @__PURE__ */ jsxRuntime.jsx(KeyPanel, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(PrefixPanel, { ...props });
+}
+function KeyPanel({ client, registry, node, onDeleted, className }) {
+  var _a, _b;
+  const queryClient = reactQuery.useQueryClient();
+  const key = node.key;
+  const detail = reactQuery.useQuery({
+    queryKey: api.cacheQueryKeys.key(client.baseUrl, key),
+    queryFn: () => client.key(key)
+  });
+  const [activeTab, setActiveTab] = react.useState("value");
+  const ctx = { node, detail: detail.data ?? null, client };
+  const adapter = registry.resolveDetail(node, detail.data ?? null);
+  const tabs = registry.resolveTabs(ctx);
+  const remove = async () => {
+    if (!window.confirm(`Delete key ${key}?`)) return;
+    await client.deleteKey(key);
+    await queryClient.invalidateQueries({ queryKey: api.cacheQueryKeys.all(client.baseUrl) });
+    onDeleted == null ? void 0 : onDeleted(node);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PanelHeader,
+      {
+        title: key,
+        onRefresh: () => detail.refetch(),
+        onDelete: remove,
+        deleteLabel: "Delete key"
+      }
+    ),
+    detail.isError && /* @__PURE__ */ jsxRuntime.jsx(PanelError, { error: detail.error }),
+    detail.data && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        KeyValueList.KeyValueList,
+        {
+          items: [
+            { key: "type", label: "Type", value: /* @__PURE__ */ jsxRuntime.jsx("code", { children: detail.data.type }) },
+            {
+              key: "ttl",
+              label: "TTL",
+              value: detail.data.ttlSeconds < 0 ? "none" : format.formatDuration(detail.data.ttlSeconds, { from: "s" })
+            },
+            {
+              key: "bytes",
+              label: "Memory",
+              value: format.formatBytes(detail.data.bytes),
+              hidden: !detail.data.bytes
+            },
+            { key: "length", label: "Length", value: format.formatShort(detail.data.length) }
+          ]
+        }
+      ),
+      tabs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "tablist", className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TabButton.TabButton,
+          {
+            active: activeTab === "value",
+            onClick: () => setActiveTab("value"),
+            label: "Value"
+          }
+        ),
+        tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+          TabButton.TabButton,
+          {
+            active: activeTab === tab.id,
+            onClick: () => setActiveTab(tab.id),
+            label: tab.label
+          },
+          tab.id
+        ))
+      ] }),
+      activeTab === "value" ? ((_a = adapter == null ? void 0 : adapter.renderDetail) == null ? void 0 : _a.call(adapter, ctx)) ?? /* @__PURE__ */ jsxRuntime.jsx(CacheValue.CacheValue, { detail: detail.data }) : (_b = tabs.find((t) => t.id === activeTab)) == null ? void 0 : _b.render()
+    ] }),
+    detail.isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading key…" })
+  ] });
+}
+function PrefixPanel({ client, node, onDeleted, onSelect, className }) {
+  var _a;
+  const queryClient = reactQuery.useQueryClient();
+  const prefix = node.prefix ?? "";
+  const subtree = reactQuery.useQuery({
+    queryKey: api.cacheQueryKeys.tree(client.baseUrl, prefix),
+    queryFn: () => client.tree(prefix)
+  });
+  const remove = async () => {
+    var _a2;
+    const count = ((_a2 = subtree.data) == null ? void 0 : _a2.keys) ?? node.keys;
+    if (!window.confirm(`Delete all ${count} keys under ${prefix}?`)) return;
+    await client.deletePrefix(prefix);
+    await queryClient.invalidateQueries({ queryKey: api.cacheQueryKeys.all(client.baseUrl) });
+    onDeleted == null ? void 0 : onDeleted(node);
+  };
+  const children = ((_a = subtree.data) == null ? void 0 : _a.nodes) ?? [];
+  const maxKeys = Math.max(1, ...children.map((c) => c.keys));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PanelHeader,
+      {
+        title: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFolder.UiFolder, className: "text-muted-foreground" }),
+          prefix
+        ] }),
+        onRefresh: () => subtree.refetch(),
+        onDelete: remove,
+        deleteLabel: "Delete prefix"
+      }
+    ),
+    subtree.isError && /* @__PURE__ */ jsxRuntime.jsx(PanelError, { error: subtree.error }),
+    subtree.data && /* @__PURE__ */ jsxRuntime.jsx(
+      Section.Section,
+      {
+        title: `${format.formatShort(subtree.data.keys)} keys${subtree.data.truncated ? "+" : ""}`,
+        summary: `${children.length} children`,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: children.map((child) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(child),
+            className: "grid grid-cols-[minmax(0,14rem)_minmax(0,1fr)_4rem] items-center gap-density-3 rounded px-density-2 py-density-1 text-left text-sm hover:bg-accent",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-xs", children: child.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 overflow-hidden rounded bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "block h-full bg-primary/60",
+                  style: { width: `${child.keys / maxKeys * 100}%` }
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-right text-xs text-muted-foreground", children: format.formatShort(child.keys) })
+            ]
+          },
+          child.prefix ?? child.key ?? child.name
+        )) })
+      }
+    ),
+    subtree.isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading prefix…" })
+  ] });
+}
+function PanelHeader({
+  title,
+  onRefresh,
+  onDelete,
+  deleteLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "min-w-0 flex-1 truncate font-mono text-sm font-semibold", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRefresh,
+        "aria-label": "Refresh",
+        title: "Refresh",
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRefresh.UiRefresh, className: "text-sm" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        title: deleteLabel,
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
+      }
+    )
+  ] });
+}
+function PanelError({ error }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-red-300 bg-red-50 px-density-3 py-density-2 text-xs text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200", children: error instanceof Error ? error.message : String(error) });
+}
+exports.CacheDetailPanel = CacheDetailPanel;
+//# sourceMappingURL=CacheDetailPanel.cjs.map

package/dist/data/cache-browser/CacheDetailPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheDetailPanel.cjs","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { cn } from \"../../lib/utils\";\nimport { formatBytes, formatDuration, formatShort } from \"../../lib/format\";\nimport { Icon } from \"../Icon\";\nimport { UiFolder, UiRefresh, UiTrash } from \"../../icons\";\nimport { KeyValueList } from \"../KeyValueList\";\nimport { TabButton } from \"../TabButton\";\nimport { Section } from \"../../layout/Section\";\nimport { cacheQueryKeys, type CacheClient } from \"./api\";\nimport type { CacheAdapterRegistry } from \"./adapter\";\nimport { CacheValue } from \"./CacheValue\";\nimport { isLeaf, type CacheTreeNode } from \"./types\";\n\nexport type CacheDetailPanelProps = {\n  client: CacheClient;\n  registry: CacheAdapterRegistry;\n  node: CacheTreeNode;\n  /** Called after the node (key or whole prefix) was deleted. */\n  onDeleted?: (node: CacheTreeNode) => void;\n  /** Drill into a child prefix/key from the subtree overview. */\n  onSelect?: (node: CacheTreeNode) => void;\n  className?: string;\n};\n\n/**\n * Right-hand pane of the cache browser: full key detail (metadata + adapter\n * or type-aware value rendering) for leaves, an aggregated subtree overview\n * for prefix groups.\n */\nexport function CacheDetailPanel(props: CacheDetailPanelProps) {\n  return isLeaf(props.node) ? <KeyPanel {...props} /> : <PrefixPanel {...props} />;\n}\n\nfunction KeyPanel({ client, registry, node, onDeleted, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const key = node.key!;\n  const detail = useQuery({\n    queryKey: cacheQueryKeys.key(client.baseUrl, key),\n    queryFn: () => client.key(key),\n  });\n  const [activeTab, setActiveTab] = useState(\"value\");\n\n  const ctx = { node, detail: detail.data ?? null, client };\n  const adapter = registry.resolveDetail(node, detail.data ?? null);\n  const tabs = registry.resolveTabs(ctx);\n\n  const remove = async () => {\n    if (!window.confirm(`Delete key ${key}?`)) return;\n    await client.deleteKey(key);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={key}\n        onRefresh={() => detail.refetch()}\n        onDelete={remove}\n        deleteLabel=\"Delete key\"\n      />\n      {detail.isError && <PanelError error={detail.error} />}\n      {detail.data && (\n        <>\n          <KeyValueList\n            items={[\n              { key: \"type\", label: \"Type\", value: <code>{detail.data.type}</code> },\n              {\n                key: \"ttl\",\n                label: \"TTL\",\n                value:\n                  detail.data.ttlSeconds < 0\n                    ? \"none\"\n                    : formatDuration(detail.data.ttlSeconds, { from: \"s\" }),\n              },\n              {\n                key: \"bytes\",\n                label: \"Memory\",\n                value: formatBytes(detail.data.bytes),\n                hidden: !detail.data.bytes,\n              },\n              { key: \"length\", label: \"Length\", value: formatShort(detail.data.length) },\n            ]}\n          />\n          {tabs.length > 0 && (\n            <div role=\"tablist\" className=\"flex flex-wrap items-center gap-1\">\n              <TabButton\n                active={activeTab === \"value\"}\n                onClick={() => setActiveTab(\"value\")}\n                label=\"Value\"\n              />\n              {tabs.map((tab) => (\n                <TabButton\n                  key={tab.id}\n                  active={activeTab === tab.id}\n                  onClick={() => setActiveTab(tab.id)}\n                  label={tab.label}\n                />\n              ))}\n            </div>\n          )}\n          {activeTab === \"value\"\n            ? (adapter?.renderDetail?.(ctx) ?? <CacheValue detail={detail.data} />)\n            : tabs.find((t) => t.id === activeTab)?.render()}\n        </>\n      )}\n      {detail.isLoading && <div className=\"text-sm text-muted-foreground\">Loading key…</div>}\n    </div>\n  );\n}\n\nfunction PrefixPanel({ client, node, onDeleted, onSelect, className }: CacheDetailPanelProps) {\n  const queryClient = useQueryClient();\n  const prefix = node.prefix ?? \"\";\n  const subtree = useQuery({\n    queryKey: cacheQueryKeys.tree(client.baseUrl, prefix),\n    queryFn: () => client.tree(prefix),\n  });\n\n  const remove = async () => {\n    const count = subtree.data?.keys ?? node.keys;\n    if (!window.confirm(`Delete all ${count} keys under ${prefix}?`)) return;\n    await client.deletePrefix(prefix);\n    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });\n    onDeleted?.(node);\n  };\n\n  const children = subtree.data?.nodes ?? [];\n  const maxKeys = Math.max(1, ...children.map((c) => c.keys));\n\n  return (\n    <div className={cn(\"flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3\", className)}>\n      <PanelHeader\n        title={\n          <span className=\"inline-flex items-center gap-1.5\">\n            <Icon icon={UiFolder} className=\"text-muted-foreground\" />\n            {prefix}\n          </span>\n        }\n        onRefresh={() => subtree.refetch()}\n        onDelete={remove}\n        deleteLabel=\"Delete prefix\"\n      />\n      {subtree.isError && <PanelError error={subtree.error} />}\n      {subtree.data && (\n        <Section\n          title={`${formatShort(subtree.data.keys)} keys${subtree.data.truncated ? \"+\" : \"\"}`}\n          summary={`${children.length} children`}\n        >\n          <div className=\"flex flex-col\">\n            {children.map((child) => (\n              <button\n                key={child.prefix ?? child.key ?? child.name}\n                type=\"button\"\n                onClick={() => onSelect?.(child)}\n                className=\"grid grid-cols-[minmax(0,14rem)_minmax(0,1fr)_4rem] items-center gap-density-3 rounded px-density-2 py-density-1 text-left text-sm hover:bg-accent\"\n              >\n                <span className=\"truncate font-mono text-xs\">{child.name}</span>\n                <span className=\"h-2 overflow-hidden rounded bg-muted\">\n                  <span\n                    className=\"block h-full bg-primary/60\"\n                    style={{ width: `${(child.keys / maxKeys) * 100}%` }}\n                  />\n                </span>\n                <span className=\"text-right text-xs text-muted-foreground\">\n                  {formatShort(child.keys)}\n                </span>\n              </button>\n            ))}\n          </div>\n        </Section>\n      )}\n      {subtree.isLoading && <div className=\"text-sm text-muted-foreground\">Loading prefix…</div>}\n    </div>\n  );\n}\n\nfunction PanelHeader({\n  title,\n  onRefresh,\n  onDelete,\n  deleteLabel,\n}: {\n  title: React.ReactNode;\n  onRefresh: () => void;\n  onDelete: () => void;\n  deleteLabel: string;\n}) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <h3 className=\"min-w-0 flex-1 truncate font-mono text-sm font-semibold\">{title}</h3>\n      <button\n        type=\"button\"\n        onClick={onRefresh}\n        aria-label=\"Refresh\"\n        title=\"Refresh\"\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      >\n        <Icon icon={UiRefresh} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        onClick={onDelete}\n        aria-label={deleteLabel}\n        title={deleteLabel}\n        className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PanelError({ error }: { error: unknown }) {\n  return (\n    <div className=\"rounded-md border border-red-300 bg-red-50 px-density-3 py-density-2 text-xs text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200\">\n      {error instanceof Error ? error.message : String(error)}\n    </div>\n  );\n}\n"],"names":["isLeaf","jsx","useQueryClient","useQuery","cacheQueryKeys","useState","cn","jsxs","Fragment","KeyValueList","formatDuration","formatBytes","formatShort","TabButton","CacheValue","_a","Icon","UiFolder","Section","UiRefresh","UiTrash"],"mappings":";;;;;;;;;;;;;;;;;AA8BO,SAAS,iBAAiB,OAA8B;AAC7D,SAAOA,MAAAA,OAAO,MAAM,IAAI,IAAIC,2BAAAA,IAAC,UAAA,EAAU,GAAG,MAAA,CAAO,IAAKA,2BAAAA,IAAC,aAAA,EAAa,GAAG,MAAA,CAAO;AAChF;AAEA,SAAS,SAAS,EAAE,QAAQ,UAAU,MAAM,WAAW,aAAoC;;AACzF,QAAM,cAAcC,WAAAA,eAAA;AACpB,QAAM,MAAM,KAAK;AACjB,QAAM,SAASC,WAAAA,SAAS;AAAA,IACtB,UAAUC,IAAAA,eAAe,IAAI,OAAO,SAAS,GAAG;AAAA,IAChD,SAAS,MAAM,OAAO,IAAI,GAAG;AAAA,EAAA,CAC9B;AACD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,OAAO;AAElD,QAAM,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ,MAAM,OAAA;AACjD,QAAM,UAAU,SAAS,cAAc,MAAM,OAAO,QAAQ,IAAI;AAChE,QAAM,OAAO,SAAS,YAAY,GAAG;AAErC,QAAM,SAAS,YAAY;AACzB,QAAI,CAAC,OAAO,QAAQ,cAAc,GAAG,GAAG,EAAG;AAC3C,UAAM,OAAO,UAAU,GAAG;AAC1B,UAAM,YAAY,kBAAkB,EAAE,UAAUD,IAAAA,eAAe,IAAI,OAAO,OAAO,GAAG;AACpF,2CAAY;AAAA,EACd;AAEA,yCACG,OAAA,EAAI,WAAWE,MAAAA,GAAG,mEAAmE,SAAS,GAC7F,UAAA;AAAA,IAAAL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,WAAW,MAAM,OAAO,QAAA;AAAA,QACxB,UAAU;AAAA,QACV,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,OAAO,WAAWA,+BAAC,YAAA,EAAW,OAAO,OAAO,OAAO;AAAA,IACnD,OAAO,QACNM,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,MAAAP,2BAAAA;AAAAA,QAACQ,aAAAA;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,EAAE,KAAK,QAAQ,OAAO,QAAQ,OAAOR,2BAAAA,IAAC,QAAA,EAAM,UAAA,OAAO,KAAK,KAAA,CAAK,EAAA;AAAA,YAC7D;AAAA,cACE,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OACE,OAAO,KAAK,aAAa,IACrB,SACAS,sBAAe,OAAO,KAAK,YAAY,EAAE,MAAM,KAAK;AAAA,YAAA;AAAA,YAE5D;AAAA,cACE,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OAAOC,OAAAA,YAAY,OAAO,KAAK,KAAK;AAAA,cACpC,QAAQ,CAAC,OAAO,KAAK;AAAA,YAAA;AAAA,YAEvB,EAAE,KAAK,UAAU,OAAO,UAAU,OAAOC,mBAAY,OAAO,KAAK,MAAM,EAAA;AAAA,UAAE;AAAA,QAC3E;AAAA,MAAA;AAAA,MAED,KAAK,SAAS,KACbL,2BAAAA,KAAC,SAAI,MAAK,WAAU,WAAU,qCAC5B,UAAA;AAAA,QAAAN,2BAAAA;AAAAA,UAACY,UAAAA;AAAAA,UAAA;AAAA,YACC,QAAQ,cAAc;AAAA,YACtB,SAAS,MAAM,aAAa,OAAO;AAAA,YACnC,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,KAAK,IAAI,CAAC,QACTZ,2BAAAA;AAAAA,UAACY,UAAAA;AAAAA,UAAA;AAAA,YAEC,QAAQ,cAAc,IAAI;AAAA,YAC1B,SAAS,MAAM,aAAa,IAAI,EAAE;AAAA,YAClC,OAAO,IAAI;AAAA,UAAA;AAAA,UAHN,IAAI;AAAA,QAAA,CAKZ;AAAA,MAAA,GACH;AAAA,MAED,cAAc,YACV,wCAAS,iBAAT,iCAAwB,SAAQZ,2BAAAA,IAACa,yBAAW,QAAQ,OAAO,MAAM,KAClE,UAAK,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,MAAnC,mBAAsC;AAAA,IAAO,GACnD;AAAA,IAED,OAAO,aAAab,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,eAAA,CAAY;AAAA,EAAA,GAClF;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,MAAM,WAAW,UAAU,aAAoC;;AAC5F,QAAM,cAAcC,WAAAA,eAAA;AACpB,QAAM,SAAS,KAAK,UAAU;AAC9B,QAAM,UAAUC,WAAAA,SAAS;AAAA,IACvB,UAAUC,IAAAA,eAAe,KAAK,OAAO,SAAS,MAAM;AAAA,IACpD,SAAS,MAAM,OAAO,KAAK,MAAM;AAAA,EAAA,CAClC;AAED,QAAM,SAAS,YAAY;;AACzB,UAAM,UAAQW,MAAA,QAAQ,SAAR,gBAAAA,IAAc,SAAQ,KAAK;AACzC,QAAI,CAAC,OAAO,QAAQ,cAAc,KAAK,eAAe,MAAM,GAAG,EAAG;AAClE,UAAM,OAAO,aAAa,MAAM;AAChC,UAAM,YAAY,kBAAkB,EAAE,UAAUX,IAAAA,eAAe,IAAI,OAAO,OAAO,GAAG;AACpF,2CAAY;AAAA,EACd;AAEA,QAAM,aAAW,aAAQ,SAAR,mBAAc,UAAS,CAAA;AACxC,QAAM,UAAU,KAAK,IAAI,GAAG,GAAG,SAAS,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAE1D,yCACG,OAAA,EAAI,WAAWE,MAAAA,GAAG,mEAAmE,SAAS,GAC7F,UAAA;AAAA,IAAAL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OACEM,2BAAAA,KAAC,QAAA,EAAK,WAAU,oCACd,UAAA;AAAA,UAAAN,2BAAAA,IAACe,KAAAA,MAAA,EAAK,MAAMC,SAAAA,UAAU,WAAU,yBAAwB;AAAA,UACvD;AAAA,QAAA,GACH;AAAA,QAEF,WAAW,MAAM,QAAQ,QAAA;AAAA,QACzB,UAAU;AAAA,QACV,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,QAAQ,WAAWhB,+BAAC,YAAA,EAAW,OAAO,QAAQ,OAAO;AAAA,IACrD,QAAQ,QACPA,2BAAAA;AAAAA,MAACiB,QAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,GAAGN,OAAAA,YAAY,QAAQ,KAAK,IAAI,CAAC,QAAQ,QAAQ,KAAK,YAAY,MAAM,EAAE;AAAA,QACjF,SAAS,GAAG,SAAS,MAAM;AAAA,QAE3B,yCAAC,OAAA,EAAI,WAAU,iBACZ,UAAA,SAAS,IAAI,CAAC,UACbL,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM,qCAAW;AAAA,YAC1B,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAN,2BAAAA,IAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,MAAM,MAAK;AAAA,cACzDA,2BAAAA,IAAC,QAAA,EAAK,WAAU,wCACd,UAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,GAAI,MAAM,OAAO,UAAW,GAAG,IAAA;AAAA,gBAAI;AAAA,cAAA,GAEvD;AAAA,6CACC,QAAA,EAAK,WAAU,4CACb,UAAAW,OAAAA,YAAY,MAAM,IAAI,EAAA,CACzB;AAAA,YAAA;AAAA,UAAA;AAAA,UAdK,MAAM,UAAU,MAAM,OAAO,MAAM;AAAA,QAAA,CAgB3C,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,QAAQ,aAAaX,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,kBAAA,CAAe;AAAA,EAAA,GACtF;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEM,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAAN,2BAAAA,IAAC,MAAA,EAAG,WAAU,2DAA2D,UAAA,OAAM;AAAA,IAC/EA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAW;AAAA,QACX,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACe,WAAA,EAAK,MAAMG,UAAAA,WAAW,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7ClB,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY;AAAA,QACZ,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,UAAAA,2BAAAA,IAACe,WAAA,EAAK,MAAMI,QAAAA,SAAS,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;AAEA,SAAS,WAAW,EAAE,SAA6B;AACjD,SACEnB,2BAAAA,IAAC,OAAA,EAAI,WAAU,mJACZ,UAAA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAA,CACxD;AAEJ;;"}

package/dist/data/cache-browser/CacheDetailPanel.d.ts

@@ -0,0 +1,20 @@
+import { CacheClient } from './api';
+import { CacheAdapterRegistry } from './adapter';
+import { CacheTreeNode } from './types';
+export type CacheDetailPanelProps = {
+    client: CacheClient;
+    registry: CacheAdapterRegistry;
+    node: CacheTreeNode;
+    /** Called after the node (key or whole prefix) was deleted. */
+    onDeleted?: (node: CacheTreeNode) => void;
+    /** Drill into a child prefix/key from the subtree overview. */
+    onSelect?: (node: CacheTreeNode) => void;
+    className?: string;
+};
+/**
+ * Right-hand pane of the cache browser: full key detail (metadata + adapter
+ * or type-aware value rendering) for leaves, an aggregated subtree overview
+ * for prefix groups.
+ */
+export declare function CacheDetailPanel(props: CacheDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CacheDetailPanel.d.ts.map

package/dist/data/cache-browser/CacheDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CacheDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/data/cache-browser/CacheDetailPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAE5D"}

package/dist/data/cache-browser/CacheDetailPanel.js

@@ -0,0 +1,193 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
+import { cn } from "../../lib/utils.js";
+import { formatDuration, formatBytes, formatShort } from "../../lib/format.js";
+import { Icon } from "../Icon.js";
+import { KeyValueList } from "../KeyValueList.js";
+import { TabButton } from "../TabButton.js";
+import { Section } from "../../layout/Section.js";
+import { cacheQueryKeys } from "./api.js";
+import { CacheValue } from "./CacheValue.js";
+import { isLeaf } from "./types.js";
+import { UiFolder } from "../../icons/components/UiFolder.js";
+import { UiRefresh } from "../../icons/components/UiRefresh.js";
+import { UiTrash } from "../../icons/components/UiTrash.js";
+function CacheDetailPanel(props) {
+  return isLeaf(props.node) ? /* @__PURE__ */ jsx(KeyPanel, { ...props }) : /* @__PURE__ */ jsx(PrefixPanel, { ...props });
+}
+function KeyPanel({ client, registry, node, onDeleted, className }) {
+  var _a, _b;
+  const queryClient = useQueryClient();
+  const key = node.key;
+  const detail = useQuery({
+    queryKey: cacheQueryKeys.key(client.baseUrl, key),
+    queryFn: () => client.key(key)
+  });
+  const [activeTab, setActiveTab] = useState("value");
+  const ctx = { node, detail: detail.data ?? null, client };
+  const adapter = registry.resolveDetail(node, detail.data ?? null);
+  const tabs = registry.resolveTabs(ctx);
+  const remove = async () => {
+    if (!window.confirm(`Delete key ${key}?`)) return;
+    await client.deleteKey(key);
+    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });
+    onDeleted == null ? void 0 : onDeleted(node);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3", className), children: [
+    /* @__PURE__ */ jsx(
+      PanelHeader,
+      {
+        title: key,
+        onRefresh: () => detail.refetch(),
+        onDelete: remove,
+        deleteLabel: "Delete key"
+      }
+    ),
+    detail.isError && /* @__PURE__ */ jsx(PanelError, { error: detail.error }),
+    detail.data && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        KeyValueList,
+        {
+          items: [
+            { key: "type", label: "Type", value: /* @__PURE__ */ jsx("code", { children: detail.data.type }) },
+            {
+              key: "ttl",
+              label: "TTL",
+              value: detail.data.ttlSeconds < 0 ? "none" : formatDuration(detail.data.ttlSeconds, { from: "s" })
+            },
+            {
+              key: "bytes",
+              label: "Memory",
+              value: formatBytes(detail.data.bytes),
+              hidden: !detail.data.bytes
+            },
+            { key: "length", label: "Length", value: formatShort(detail.data.length) }
+          ]
+        }
+      ),
+      tabs.length > 0 && /* @__PURE__ */ jsxs("div", { role: "tablist", className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          TabButton,
+          {
+            active: activeTab === "value",
+            onClick: () => setActiveTab("value"),
+            label: "Value"
+          }
+        ),
+        tabs.map((tab) => /* @__PURE__ */ jsx(
+          TabButton,
+          {
+            active: activeTab === tab.id,
+            onClick: () => setActiveTab(tab.id),
+            label: tab.label
+          },
+          tab.id
+        ))
+      ] }),
+      activeTab === "value" ? ((_a = adapter == null ? void 0 : adapter.renderDetail) == null ? void 0 : _a.call(adapter, ctx)) ?? /* @__PURE__ */ jsx(CacheValue, { detail: detail.data }) : (_b = tabs.find((t) => t.id === activeTab)) == null ? void 0 : _b.render()
+    ] }),
+    detail.isLoading && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading key…" })
+  ] });
+}
+function PrefixPanel({ client, node, onDeleted, onSelect, className }) {
+  var _a;
+  const queryClient = useQueryClient();
+  const prefix = node.prefix ?? "";
+  const subtree = useQuery({
+    queryKey: cacheQueryKeys.tree(client.baseUrl, prefix),
+    queryFn: () => client.tree(prefix)
+  });
+  const remove = async () => {
+    var _a2;
+    const count = ((_a2 = subtree.data) == null ? void 0 : _a2.keys) ?? node.keys;
+    if (!window.confirm(`Delete all ${count} keys under ${prefix}?`)) return;
+    await client.deletePrefix(prefix);
+    await queryClient.invalidateQueries({ queryKey: cacheQueryKeys.all(client.baseUrl) });
+    onDeleted == null ? void 0 : onDeleted(node);
+  };
+  const children = ((_a = subtree.data) == null ? void 0 : _a.nodes) ?? [];
+  const maxKeys = Math.max(1, ...children.map((c) => c.keys));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-col gap-density-3 overflow-y-auto p-density-3", className), children: [
+    /* @__PURE__ */ jsx(
+      PanelHeader,
+      {
+        title: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiFolder, className: "text-muted-foreground" }),
+          prefix
+        ] }),
+        onRefresh: () => subtree.refetch(),
+        onDelete: remove,
+        deleteLabel: "Delete prefix"
+      }
+    ),
+    subtree.isError && /* @__PURE__ */ jsx(PanelError, { error: subtree.error }),
+    subtree.data && /* @__PURE__ */ jsx(
+      Section,
+      {
+        title: `${formatShort(subtree.data.keys)} keys${subtree.data.truncated ? "+" : ""}`,
+        summary: `${children.length} children`,
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: children.map((child) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(child),
+            className: "grid grid-cols-[minmax(0,14rem)_minmax(0,1fr)_4rem] items-center gap-density-3 rounded px-density-2 py-density-1 text-left text-sm hover:bg-accent",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs", children: child.name }),
+              /* @__PURE__ */ jsx("span", { className: "h-2 overflow-hidden rounded bg-muted", children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "block h-full bg-primary/60",
+                  style: { width: `${child.keys / maxKeys * 100}%` }
+                }
+              ) }),
+              /* @__PURE__ */ jsx("span", { className: "text-right text-xs text-muted-foreground", children: formatShort(child.keys) })
+            ]
+          },
+          child.prefix ?? child.key ?? child.name
+        )) })
+      }
+    ),
+    subtree.isLoading && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading prefix…" })
+  ] });
+}
+function PanelHeader({
+  title,
+  onRefresh,
+  onDelete,
+  deleteLabel
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("h3", { className: "min-w-0 flex-1 truncate font-mono text-sm font-semibold", children: title }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRefresh,
+        "aria-label": "Refresh",
+        title: "Refresh",
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiRefresh, className: "text-sm" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onDelete,
+        "aria-label": deleteLabel,
+        title: deleteLabel,
+        className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
+      }
+    )
+  ] });
+}
+function PanelError({ error }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-300 bg-red-50 px-density-3 py-density-2 text-xs text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200", children: error instanceof Error ? error.message : String(error) });
+}
+export {
+  CacheDetailPanel
+};
+//# sourceMappingURL=CacheDetailPanel.js.map