adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/react/CacheSection-DGxMDlWK.js

@@ -0,0 +1,146 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useState as i, useCallback as f } from "react";
+import { formatCacheSize as x, formatTtl as D } from "adonisjs-server-stats/core";
+import { a as S, J as V } from "./index-UdTfSvtO.js";
+import { D as F } from "./DataTable-YyShr5B-.js";
+import { F as L } from "./FilterBar-DQRXpWrb.js";
+function H({ options: k = {} }) {
+  const [r, N] = i(""), [c, h] = i(null), [b, n] = i(null), [w, o] = i(!1), [y, d] = i(null), { data: m, isLoading: g, mutate: u, getApi: p } = S("cache", {
+    ...k,
+    search: r
+  }), s = m, C = f(
+    async (e) => {
+      if (confirm(`Delete cache key "${e}"?`))
+        try {
+          await u(`cache/${encodeURIComponent(e)}`, "delete"), c === e && (h(null), n(null), d(null));
+        } catch {
+        }
+    },
+    [u, c]
+  ), K = f(
+    async (e) => {
+      if (c === e) {
+        h(null), n(null), d(null);
+        return;
+      }
+      h(e), n(null), d(null), o(!0);
+      try {
+        const t = await p().fetchCacheKey(e);
+        n(
+          t.value !== void 0 ? t.value : t.data !== void 0 ? t.data : t
+        ), d(null);
+      } catch {
+        n(null), d("Failed to fetch key value");
+      } finally {
+        o(!1);
+      }
+    },
+    [c, p]
+  );
+  return /* @__PURE__ */ l("div", { children: [
+    s?.available && s?.stats && /* @__PURE__ */ l("div", { className: "ss-dash-cache-stats", children: [
+      /* @__PURE__ */ l("div", { className: "ss-dash-cache-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-label", children: "Hit Rate:" }),
+        /* @__PURE__ */ l("span", { className: "ss-dash-cache-stat-value", children: [
+          (s.stats.hitRate ?? 0).toFixed(1),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-cache-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-label", children: "Hits:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-value", children: s.stats.hits ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-cache-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-label", children: "Misses:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-value", children: s.stats.misses ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-cache-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-label", children: "Keys:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-cache-stat-value", children: s.stats.totalKeys || s.stats.keyCount || s.keys?.length || 0 })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      L,
+      {
+        search: r,
+        onSearchChange: N,
+        placeholder: "Filter cache keys...",
+        summary: `${(s?.keys || s?.data || []).length} keys`
+      }
+    ),
+    g && !m ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading cache..." }) : !s || !s.available ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Cache inspector not available" }) : /* @__PURE__ */ a("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ a(
+      F,
+      {
+        columns: [
+          {
+            key: "key",
+            label: "Key",
+            render: (e) => /* @__PURE__ */ a(
+              "span",
+              {
+                title: e,
+                style: {
+                  color: "var(--ss-sql-color)",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  display: "block"
+                },
+                children: e
+              }
+            )
+          },
+          {
+            key: "type",
+            label: "Type",
+            width: "70px",
+            render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-muted)" }, children: e })
+          },
+          {
+            key: "size",
+            label: "Size",
+            width: "60px",
+            render: (e) => e != null && e > 0 ? x(e) : "-"
+          },
+          {
+            key: "ttl",
+            label: "TTL",
+            width: "70px",
+            render: (e) => e > 0 ? D(e) : "-"
+          },
+          {
+            key: "_actions",
+            label: "",
+            width: "60px",
+            render: (e, v) => /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: "ss-dash-retry-btn",
+                onClick: (t) => {
+                  t.stopPropagation(), C(v.key);
+                },
+                children: "Delete"
+              }
+            )
+          }
+        ],
+        data: s.keys || s.data || [],
+        keyField: "key",
+        onRowClick: (e) => K(e.key),
+        emptyMessage: "No cache keys found"
+      }
+    ) }),
+    c && /* @__PURE__ */ l("div", { className: "ss-dash-cache-detail", children: [
+      /* @__PURE__ */ l("h4", { children: [
+        "Key: ",
+        c
+      ] }),
+      w ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading value..." }) : y ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", style: { color: "var(--ss-red-fg)" }, children: y }) : /* @__PURE__ */ a(V, { data: b })
+    ] })
+  ] });
+}
+export {
+  H as CacheSection,
+  H as default
+};

package/dist/react/CacheTab-CnVW5PLs.js

@@ -0,0 +1,123 @@
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { useState as b, useMemo as z, useCallback as K } from "react";
+import { formatTtl as B, formatCacheSize as L } from "adonisjs-server-stats/core";
+import { u as S } from "./useDashboardApiBase-Bi36pJ2L.js";
+import { u as j, J as A } from "./index-UdTfSvtO.js";
+import { u as $ } from "./useResizableTable-CNJmACdt.js";
+function q({ options: d, dashboardPath: y }) {
+  const { dashApiBase: u, resolvedOptions: f } = S(y, d), { data: t, isLoading: v, error: g } = j("cache", f), [i, k] = b(""), [r, h] = b(null), [p, o] = b(null), n = z(() => {
+    const e = t?.keys || [];
+    if (!i) return e;
+    const m = i.toLowerCase();
+    return e.filter((l) => l.key.toLowerCase().includes(m));
+  }, [t, i]), C = K(
+    async (e) => {
+      if (r === e) {
+        h(null), o(null);
+        return;
+      }
+      h(e);
+      try {
+        const { baseUrl: m = "", authToken: l } = d || {}, x = u || d?.debugEndpoint || "/admin/api/debug", R = `${m}${x}/cache/${encodeURIComponent(e)}`, N = { Accept: "application/json" };
+        l && (N.Authorization = `Bearer ${l}`);
+        const T = await (await fetch(R, {
+          headers: N,
+          credentials: l ? "omit" : "same-origin"
+        })).json();
+        o(T);
+      } catch {
+        o({ error: "Failed to fetch key value" });
+      }
+    },
+    [r, d, u]
+  ), w = $([n]);
+  if (v && !t)
+    return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading cache data..." });
+  if (g)
+    return /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
+      "Error: ",
+      g.message
+    ] });
+  if (!t)
+    return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Cache inspector not available" });
+  const c = t.stats || t;
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stats", children: [
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-label", children: "Hit Rate:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dbg-cache-stat-value", children: [
+          c.hitRate !== null && c.hitRate !== void 0 ? c.hitRate.toFixed(1) : "0",
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-label", children: "Hits:" }),
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-value", children: c.totalHits ?? 0 })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-label", children: "Misses:" }),
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-value", children: c.totalMisses ?? 0 })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-label", children: "Keys:" }),
+        /* @__PURE__ */ s("span", { className: "ss-dbg-cache-stat-value", children: c.keyCount ?? "-" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ss-dbg-search-bar", children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          type: "text",
+          className: "ss-dbg-search",
+          placeholder: "Filter keys...",
+          value: i,
+          onChange: (e) => k(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ss-dbg-summary", children: [
+        n.length,
+        " keys"
+      ] })
+    ] }),
+    r && !!p && /* @__PURE__ */ a("div", { className: "ss-dbg-cache-detail", children: [
+      /* @__PURE__ */ s("strong", { children: r }),
+      /* @__PURE__ */ a("button", { type: "button", className: "ss-dbg-btn-clear", onClick: () => h(null), children: [
+        "←",
+        " Back"
+      ] }),
+      /* @__PURE__ */ s(A, { data: p, classPrefix: "ss-dbg" })
+    ] }),
+    n.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "No cache keys found" }) : /* @__PURE__ */ a("table", { ref: w, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ a("colgroup", { children: [
+        /* @__PURE__ */ s("col", {}),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ a("tr", { children: [
+        /* @__PURE__ */ s("th", { children: "Key" }),
+        /* @__PURE__ */ s("th", { children: "Type" }),
+        /* @__PURE__ */ s("th", { children: "TTL" }),
+        /* @__PURE__ */ s("th", { children: "Size" })
+      ] }) }),
+      /* @__PURE__ */ s("tbody", { children: n.map((e) => /* @__PURE__ */ a(
+        "tr",
+        {
+          className: "ss-dbg-email-row",
+          onClick: () => C(e.key),
+          children: [
+            /* @__PURE__ */ s("td", { className: "ss-dbg-c-sql", children: e.key }),
+            /* @__PURE__ */ s("td", { className: "ss-dbg-c-muted", children: e.type }),
+            /* @__PURE__ */ s("td", { className: "ss-dbg-c-muted", children: e.ttl > 0 ? B(e.ttl) : "-" }),
+            /* @__PURE__ */ s("td", { className: "ss-dbg-c-dim", children: e.size > 0 ? L(e.size) : "-" })
+          ]
+        },
+        e.key
+      )) })
+    ] })
+  ] });
+}
+export {
+  q as CacheTab,
+  q as default
+};

package/dist/react/ConfigContent-CnsEI4j3.js

@@ -0,0 +1,397 @@
+import { jsxs as s, jsx as e, Fragment as T } from "react/jsx-runtime";
+import { useState as v, useEffect as R, useCallback as $, useRef as C } from "react";
+import { collectTopLevelObjectKeys as I, isRedactedValue as y, copyWithFeedback as x, flattenConfig as A, formatFlatValue as k, countLeaves as B, TAB_ICONS as N } from "adonisjs-server-stats/core";
+function w({ redacted: r, p: i }) {
+  const [l, n] = v(!1);
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      className: `${i}-config-redacted`,
+      style: { display: "inline-flex", alignItems: "center", gap: "4px" },
+      children: [
+        /* @__PURE__ */ e("span", { children: l ? r.value : r.display }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `${i}-btn`,
+            title: l ? "Hide" : "Reveal",
+            style: {
+              padding: "0 4px",
+              fontSize: "0.85em",
+              lineHeight: 1,
+              minWidth: "auto"
+            },
+            onClick: (d) => {
+              d.stopPropagation(), n((o) => !o);
+            },
+            children: l ? /* @__PURE__ */ e(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: N["eye-off"].viewBox,
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                dangerouslySetInnerHTML: { __html: N["eye-off"].elements.join("") }
+              }
+            ) : /* @__PURE__ */ e(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: N.eye.viewBox,
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                dangerouslySetInnerHTML: { __html: N.eye.elements.join("") }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function E({
+  env: r,
+  search: i,
+  p: l
+}) {
+  const n = C(/* @__PURE__ */ new Map()), d = i.toLowerCase(), o = Object.entries(r).filter(([c, t]) => {
+    if (!d) return !0;
+    const a = y(t) ? t.display : t == null ? "" : String(t);
+    return c.toLowerCase().includes(d) || a.toLowerCase().includes(d);
+  });
+  return /* @__PURE__ */ e("div", { className: `${l}-config-table-wrap`, children: /* @__PURE__ */ s("table", { className: `${l}-table ${l}-config-env-table`, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+      /* @__PURE__ */ e("th", { children: "Variable" }),
+      /* @__PURE__ */ e("th", { children: "Value" }),
+      /* @__PURE__ */ e("th", { style: { width: 36 } })
+    ] }) }),
+    /* @__PURE__ */ s("tbody", { children: [
+      o.map(([c, t]) => {
+        const a = y(t), p = a ? t.display : t == null ? "null" : String(t), g = `${c}=${p}`;
+        return /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ e("td", { className: `${l}-env-key`, children: /* @__PURE__ */ e("span", { className: `${l}-config-key`, children: c }) }),
+          /* @__PURE__ */ e("td", { className: `${l}-env-val`, children: a ? /* @__PURE__ */ e(w, { redacted: t, p: l }) : /* @__PURE__ */ e("span", { className: `${l}-config-val`, children: p }) }),
+          /* @__PURE__ */ e("td", { children: !a && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `${l}-copy-row-btn`,
+              title: "Copy",
+              ref: (h) => {
+                n.current.set(c, h);
+              },
+              onClick: (h) => {
+                h.stopPropagation(), x(g, n.current.get(c) ?? null, l);
+              },
+              children: "⎘"
+            }
+          ) })
+        ] }, c);
+      }),
+      o.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 3, style: { textAlign: "center", color: "var(--ss-dim)" }, children: "No matching variables" }) })
+    ] })
+  ] }) });
+}
+function M({
+  source: r,
+  search: i,
+  p: l
+}) {
+  const n = C(/* @__PURE__ */ new Map()), d = i.toLowerCase(), o = A(r, ""), c = o.filter((t) => {
+    const a = y(t.value) ? t.value.display : t.value === null || t.value === void 0 ? "" : String(t.value);
+    return t.path.toLowerCase().includes(d) || a.toLowerCase().includes(d);
+  });
+  return /* @__PURE__ */ s("div", { className: `${l}-config-table-wrap`, children: [
+    /* @__PURE__ */ s("table", { className: `${l}-table`, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Path" }),
+        /* @__PURE__ */ e("th", { children: "Value" }),
+        /* @__PURE__ */ e("th", { style: { width: 36 } })
+      ] }) }),
+      /* @__PURE__ */ s("tbody", { children: [
+        c.map((t) => {
+          const a = y(t.value), p = a ? null : k(t.value), g = a ? t.value.display : p.text, h = `${t.path}: ${g}`;
+          return /* @__PURE__ */ s("tr", { children: [
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `${l}-config-key`, style: { whiteSpace: "nowrap" }, children: t.path }) }),
+            /* @__PURE__ */ e("td", { children: a ? /* @__PURE__ */ e(w, { redacted: t.value, p: l }) : /* @__PURE__ */ e(
+              "span",
+              {
+                className: `${l}-config-val`,
+                style: { wordBreak: "break-all", color: p.color },
+                children: p.text
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { children: !a && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `${l}-copy-row-btn`,
+                title: "Copy",
+                ref: (b) => {
+                  n.current.set(t.path, b);
+                },
+                onClick: (b) => {
+                  b.stopPropagation(), x(h, n.current.get(t.path) ?? null, l);
+                },
+                children: "⎘"
+              }
+            ) })
+          ] }, t.path);
+        }),
+        c.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 3, style: { textAlign: "center", color: "var(--ss-dim)" }, children: "No matching entries" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: {
+          padding: "4px 16px",
+          fontSize: "10px",
+          color: "var(--ss-muted)"
+        },
+        children: [
+          c.length,
+          " of ",
+          o.length,
+          " entries"
+        ]
+      }
+    )
+  ] });
+}
+function F({ obj: r, prefix: i, p: l }) {
+  const n = C(/* @__PURE__ */ new Map()), d = A(r, i);
+  return /* @__PURE__ */ s("table", { className: `${l}-table ${l}-config-inner-table`, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+      /* @__PURE__ */ e("th", { style: { width: "35%" }, children: "Key" }),
+      /* @__PURE__ */ e("th", { children: "Value" }),
+      /* @__PURE__ */ e("th", { style: { width: 36 } })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: d.map((o) => {
+      const c = o.path.indexOf(i + ".") === 0 ? o.path.slice(i.length + 1) : o.path, t = y(o.value), a = t ? null : k(o.value), p = t ? o.value.display : a.text, g = `${o.path}: ${p}`;
+      return /* @__PURE__ */ s("tr", { children: [
+        /* @__PURE__ */ e("td", { title: c, children: /* @__PURE__ */ e("span", { className: `${l}-config-key`, children: c }) }),
+        /* @__PURE__ */ e("td", { title: p, children: t ? /* @__PURE__ */ e(w, { redacted: o.value, p: l }) : /* @__PURE__ */ e("span", { className: `${l}-config-val`, style: { color: a.color }, children: a.text }) }),
+        /* @__PURE__ */ e("td", { children: !t && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `${l}-copy-row-btn`,
+            title: "Copy",
+            ref: (h) => {
+              n.current.set(o.path, h);
+            },
+            onClick: (h) => {
+              h.stopPropagation(), x(g, n.current.get(o.path) ?? null, l);
+            },
+            children: "⎘"
+          }
+        ) })
+      ] }, o.path);
+    }) })
+  ] });
+}
+function H({ value: r, p: i }) {
+  if (r == null)
+    return /* @__PURE__ */ e("span", { className: `${i}-config-val`, style: { color: "var(--ss-dim)" }, children: "null" });
+  if (y(r))
+    return /* @__PURE__ */ e(w, { redacted: r, p: i });
+  if (typeof r == "boolean")
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${i}-config-val`,
+        style: { color: r ? "var(--ss-green-fg)" : "var(--ss-red-fg)" },
+        children: String(r)
+      }
+    );
+  if (typeof r == "number")
+    return /* @__PURE__ */ e("span", { className: `${i}-config-val`, style: { color: "var(--ss-amber-fg)" }, children: String(r) });
+  if (Array.isArray(r)) {
+    const l = r.map((n) => n == null ? "null" : typeof n == "object" ? JSON.stringify(n) : String(n));
+    return /* @__PURE__ */ s("span", { className: `${i}-config-val`, style: { color: "var(--ss-purple-fg)" }, children: [
+      "[",
+      l.join(", "),
+      "]"
+    ] });
+  }
+  return typeof r == "object" ? /* @__PURE__ */ e("span", { className: `${i}-config-val`, style: { color: "var(--ss-dim)" }, children: JSON.stringify(r) }) : /* @__PURE__ */ e("span", { className: `${i}-config-val`, children: String(r) });
+}
+function J({
+  obj: r,
+  expandedPaths: i,
+  onToggle: l,
+  p: n
+}) {
+  if (r == null || typeof r != "object" || Array.isArray(r) || y(r))
+    return null;
+  const d = Object.keys(r), o = C(/* @__PURE__ */ new Map());
+  return /* @__PURE__ */ e("div", { className: `${n}-config-sections`, children: d.map((c) => {
+    const t = r[c], a = t !== null && typeof t == "object" && !Array.isArray(t) && !y(t), p = i.has(c), g = y(t);
+    return /* @__PURE__ */ s("div", { className: `${n}-config-section`, children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${n}-config-section-header${a ? "" : ` ${n}-config-leaf`}`,
+          onClick: a ? () => l(c) : void 0,
+          style: { cursor: a ? "pointer" : "default" },
+          children: [
+            a ? /* @__PURE__ */ e("span", { className: `${n}-config-toggle`, children: p ? "▼" : "▶" }) : /* @__PURE__ */ e("span", { className: `${n}-config-toggle`, style: { visibility: "hidden" }, children: "•" }),
+            /* @__PURE__ */ e("span", { className: `${n}-config-key`, children: c }),
+            a ? /* @__PURE__ */ s("span", { className: `${n}-config-count`, children: [
+              B(t),
+              " entries"
+            ] }) : /* @__PURE__ */ s(T, { children: [
+              /* @__PURE__ */ e("span", { className: `${n}-config-val`, style: { marginLeft: "8px" }, children: /* @__PURE__ */ e(H, { value: t, p: n }) }),
+              !g && /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: `${n}-copy-row-btn`,
+                  style: { marginLeft: "4px" },
+                  title: "Copy",
+                  ref: (h) => {
+                    o.current.set(c, h);
+                  },
+                  onClick: (h) => {
+                    h.stopPropagation();
+                    const b = k(t);
+                    x(
+                      `${c}: ${b.text}`,
+                      o.current.get(c) ?? null,
+                      n
+                    );
+                  },
+                  children: "⎘"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      a && p && /* @__PURE__ */ e("div", { className: `${n}-config-section-body`, children: /* @__PURE__ */ e(F, { obj: t, prefix: c, p: n }) })
+    ] }, c);
+  }) });
+}
+function K({ data: r, isLoading: i, classPrefix: l }) {
+  const n = l, [d, o] = v(""), [c, t] = v(""), [a, p] = v("app"), [g, h] = v(/* @__PURE__ */ new Set()), [b, L] = v("Copy JSON");
+  R(() => {
+    const f = setTimeout(() => t(d), 200);
+    return () => clearTimeout(f);
+  }, [d]);
+  const u = r, V = $((f) => {
+    h((S) => {
+      const m = new Set(S);
+      return m.has(f) ? m.delete(f) : m.add(f), m;
+    });
+  }, []), j = $(() => {
+    if (!u) return;
+    const f = a === "app" ? u.app : u.env;
+    if (!f) return;
+    const S = I(f);
+    h(new Set(S));
+  }, [u, a]), O = $(() => {
+    h(/* @__PURE__ */ new Set());
+  }, []), P = $(async () => {
+    if (u)
+      try {
+        const f = a === "app" ? u.app : u.env;
+        await navigator.clipboard.writeText(JSON.stringify(f, null, 2)), L("Copied!"), setTimeout(() => L("Copy JSON"), 1500);
+      } catch {
+      }
+  }, [u, a]);
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: `${n}-config-toolbar`,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px",
+          padding: "8px 12px"
+        },
+        children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `${n}-config-tab${a === "app" ? ` ${n}-active` : ""}`,
+              onClick: () => p("app"),
+              children: "App Config"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `${n}-config-tab${a === "env" ? ` ${n}-active` : ""}`,
+              onClick: () => p("env"),
+              children: "Env"
+            }
+          ),
+          /* @__PURE__ */ s("div", { style: { position: "relative", flex: 1 }, children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                className: `${n}-search`,
+                placeholder: "Search keys and values...",
+                value: d,
+                onChange: (f) => o(f.target.value),
+                style: { width: "100%" }
+              }
+            ),
+            d && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => o(""),
+                style: {
+                  position: "absolute",
+                  right: "6px",
+                  top: "50%",
+                  transform: "translateY(-50%)",
+                  background: "none",
+                  border: "none",
+                  cursor: "pointer",
+                  fontSize: "14px",
+                  color: "var(--ss-dim)",
+                  padding: "0 2px",
+                  lineHeight: 1
+                },
+                children: "×"
+              }
+            )
+          ] }),
+          a === "app" && !c && /* @__PURE__ */ s(T, { children: [
+            /* @__PURE__ */ e("button", { type: "button", className: `${n}-btn`, onClick: j, children: "Expand All" }),
+            /* @__PURE__ */ e("button", { type: "button", className: `${n}-btn`, onClick: O, children: "Collapse All" })
+          ] }),
+          /* @__PURE__ */ e("button", { type: "button", className: `${n}-btn`, onClick: P, children: b })
+        ]
+      }
+    ),
+    i && !r ? /* @__PURE__ */ e("div", { className: `${n}-empty`, children: "Loading config..." }) : u ? a === "env" ? /* @__PURE__ */ e(E, { env: u.env ?? {}, search: c, p: n }) : c ? /* @__PURE__ */ e(M, { source: u.app ?? {}, search: c, p: n }) : /* @__PURE__ */ e("div", { className: `${n}-config-table-wrap`, children: /* @__PURE__ */ e(
+      J,
+      {
+        obj: u.app,
+        expandedPaths: g,
+        onToggle: V,
+        p: n
+      }
+    ) }) : /* @__PURE__ */ e("div", { className: `${n}-empty`, children: "Config not available" })
+  ] });
+}
+export {
+  K as C
+};

package/dist/react/ConfigSection-DPcrfqXY.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { a as i } from "./index-UdTfSvtO.js";
+import { C as n } from "./ConfigContent-CnsEI4j3.js";
+function m({ options: o = {} }) {
+  const { data: a, isLoading: s } = i("config", o);
+  return /* @__PURE__ */ t(n, { data: a, isLoading: s, classPrefix: "ss-dash" });
+}
+export {
+  m as ConfigSection,
+  m as default
+};