@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/ApiDocsPanel-DpRjJhG5.js

@@ -0,0 +1,842 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useEffect } from 'react';
+import { B as Button } from './button-BhsN2uZH.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { c as callOptions, a as adminRef, b as copyToClipboard } from './internal-BBZYexre.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);
+const TAB_KEYS = ["react", "client", "cli"];
+const REACT_HAS_ACTION_HOOK = false;
+const CLIENT_METHOD = {
+  action: "action",
+  mutation: "mutation",
+  query: "query"
+};
+const splitPath = (path) => {
+  const index = path.indexOf(":");
+  if (index === -1) {
+    return {
+      file: "",
+      fn: path
+    };
+  }
+  return {
+    file: path.slice(0, index),
+    fn: path.slice(index + 1)
+  };
+};
+const buildClientSnippet = ({
+  file,
+  fn,
+  kind
+}) => `await client.${CLIENT_METHOD[kind]}(api.${file}.${fn}, { /* args */ });`;
+const buildReactSnippet = (input) => {
+  const reference = `api.${input.file}.${input.fn}`;
+  switch (input.kind) {
+    case "action": {
+      return buildClientSnippet(input);
+    }
+    case "mutation": {
+      return `const ${input.fn} = useMutation(${reference});`;
+    }
+    default: {
+      return `const data = useQuery(${reference}, { /* args */ });`;
+    }
+  }
+};
+const buildCliSnippet = ({
+  file,
+  fn
+}) => `lunora run ${file}:${fn} --args '{ }'`;
+const buildTableSnippet = (table) => [`// Read rows`, `const rows = await ctx.db.query("${table}").collect();`, ``, `// Insert a row`, `const id = await ctx.db.insert("${table}", { /* fields */ });`, ``, `// Generated types`, `type Row = Doc<"${table}">;`, `type RowId = Id<"${table}">;`].join("\n");
+const snippetForTab = (tab, input) => {
+  switch (tab) {
+    case "cli": {
+      return buildCliSnippet(input);
+    }
+    case "client": {
+      return buildClientSnippet(input);
+    }
+    default: {
+      return buildReactSnippet(input);
+    }
+  }
+};
+const SnippetBlock = (t0) => {
+  const $ = c(19);
+  const {
+    code,
+    label,
+    testId
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== code) {
+    t1 = () => {
+      copyToClipboard(code);
+    };
+    $[0] = code;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onCopy = t1;
+  let t2;
+  if ($[2] !== label) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs font-medium text-muted-foreground",
+      children: label
+    }, void 0, false);
+    $[2] = label;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = `${testId}-copy`;
+  let t4;
+  if ($[4] !== t) {
+    t4 = t("Copy");
+    $[4] = t;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== onCopy || $[7] !== t3 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": t3,
+      onClick: onCopy,
+      size: "xs",
+      type: "button",
+      variant: "ghost",
+      children: t4
+    }, void 0, false);
+    $[6] = onCopy;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t2 || $[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-2",
+      children: [t2, t5]
+    }, void 0, true);
+    $[10] = t2;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== code || $[14] !== testId) {
+    t7 = /* @__PURE__ */ jsxDEV("pre", {
+      className: "overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-xs",
+      "data-testid": testId,
+      children: code
+    }, void 0, false);
+    $[13] = code;
+    $[14] = testId;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t6 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      children: [t6, t7]
+    }, void 0, true);
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
+};
+const FunctionDoc = (t0) => {
+  const $ = c(50);
+  const {
+    file,
+    fn,
+    kind
+  } = t0;
+  const t = useT();
+  const [tab, setTab] = useState("react");
+  let selectTab;
+  let t1;
+  let tabLabel;
+  if ($[0] !== file || $[1] !== fn || $[2] !== kind || $[3] !== t || $[4] !== tab) {
+    const input = {
+      file,
+      fn,
+      kind
+    };
+    let t22;
+    if ($[8] !== t) {
+      t22 = t("CLI");
+      $[8] = t;
+      $[9] = t22;
+    } else {
+      t22 = $[9];
+    }
+    let t32;
+    if ($[10] !== t) {
+      t32 = t("Client");
+      $[10] = t;
+      $[11] = t32;
+    } else {
+      t32 = $[11];
+    }
+    let t42;
+    if ($[12] !== t) {
+      t42 = t("React");
+      $[12] = t;
+      $[13] = t42;
+    } else {
+      t42 = $[13];
+    }
+    let t52;
+    if ($[14] !== t22 || $[15] !== t32 || $[16] !== t42) {
+      t52 = {
+        cli: t22,
+        client: t32,
+        react: t42
+      };
+      $[14] = t22;
+      $[15] = t32;
+      $[16] = t42;
+      $[17] = t52;
+    } else {
+      t52 = $[17];
+    }
+    tabLabel = t52;
+    let t62;
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t62 = (event) => {
+        setTab(event.currentTarget.dataset.tab);
+      };
+      $[18] = t62;
+    } else {
+      t62 = $[18];
+    }
+    selectTab = t62;
+    t1 = snippetForTab(tab, input);
+    $[0] = file;
+    $[1] = fn;
+    $[2] = kind;
+    $[3] = t;
+    $[4] = tab;
+    $[5] = selectTab;
+    $[6] = t1;
+    $[7] = tabLabel;
+  } else {
+    selectTab = $[5];
+    t1 = $[6];
+    tabLabel = $[7];
+  }
+  const code = t1;
+  const actionFellBack = kind === "action" && tab === "react" && !REACT_HAS_ACTION_HOOK;
+  const t2 = `api.${file}.${fn}`;
+  let t3;
+  if ($[19] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "font-mono text-sm font-semibold text-foreground",
+      "data-testid": "api-fn-title",
+      children: t2
+    }, void 0, false);
+    $[19] = t2;
+    $[20] = t3;
+  } else {
+    t3 = $[20];
+  }
+  let t4;
+  if ($[21] !== kind || $[22] !== t) {
+    t4 = t("Call this {kind} from your app.", {
+      kind
+    });
+    $[21] = kind;
+    $[22] = t;
+    $[23] = t4;
+  } else {
+    t4 = $[23];
+  }
+  let t5;
+  if ($[24] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-muted-foreground",
+      children: t4
+    }, void 0, false);
+    $[24] = t4;
+    $[25] = t5;
+  } else {
+    t5 = $[25];
+  }
+  let t6;
+  if ($[26] !== t3 || $[27] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      children: [t3, t5]
+    }, void 0, true);
+    $[26] = t3;
+    $[27] = t5;
+    $[28] = t6;
+  } else {
+    t6 = $[28];
+  }
+  let t7;
+  if ($[29] !== t) {
+    t7 = t("Snippet flavour");
+    $[29] = t;
+    $[30] = t7;
+  } else {
+    t7 = $[30];
+  }
+  let t8;
+  if ($[31] !== selectTab || $[32] !== tab || $[33] !== tabLabel) {
+    t8 = TAB_KEYS.map((key) => /* @__PURE__ */ jsxDEV(Button, {
+      "aria-selected": tab === key,
+      "data-tab": key,
+      "data-testid": `api-tab-${key}`,
+      onClick: selectTab,
+      role: "tab",
+      size: "xs",
+      type: "button",
+      variant: tab === key ? "default" : "outline",
+      children: tabLabel[key]
+    }, key, false));
+    $[31] = selectTab;
+    $[32] = tab;
+    $[33] = tabLabel;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  let t9;
+  if ($[35] !== t7 || $[36] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t7,
+      className: "flex gap-1.5",
+      "data-testid": "api-tabs",
+      role: "tablist",
+      children: t8
+    }, void 0, false);
+    $[35] = t7;
+    $[36] = t8;
+    $[37] = t9;
+  } else {
+    t9 = $[37];
+  }
+  const t10 = tabLabel[tab];
+  const t11 = `api-snippet-${tab}`;
+  let t12;
+  if ($[38] !== code || $[39] !== t10 || $[40] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV(SnippetBlock, {
+      code,
+      label: t10,
+      testId: t11
+    }, void 0, false);
+    $[38] = code;
+    $[39] = t10;
+    $[40] = t11;
+    $[41] = t12;
+  } else {
+    t12 = $[41];
+  }
+  let t13;
+  if ($[42] !== actionFellBack || $[43] !== t) {
+    t13 = actionFellBack && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-muted-foreground",
+      "data-testid": "api-action-note",
+      children: t("Actions have no React hook — call them through the client.")
+    }, void 0, false);
+    $[42] = actionFellBack;
+    $[43] = t;
+    $[44] = t13;
+  } else {
+    t13 = $[44];
+  }
+  let t14;
+  if ($[45] !== t12 || $[46] !== t13 || $[47] !== t6 || $[48] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "api-fn-doc",
+      children: [t6, t9, t12, t13]
+    }, void 0, true);
+    $[45] = t12;
+    $[46] = t13;
+    $[47] = t6;
+    $[48] = t9;
+    $[49] = t14;
+  } else {
+    t14 = $[49];
+  }
+  return t14;
+};
+const TableDoc = (t0) => {
+  const $ = c(19);
+  const {
+    name
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== name) {
+    t1 = buildTableSnippet(name);
+    $[0] = name;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const code = t1;
+  let t2;
+  if ($[2] !== name) {
+    t2 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "font-mono text-sm font-semibold text-foreground",
+      "data-testid": "api-table-title",
+      children: name
+    }, void 0, false);
+    $[2] = name;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t) {
+    t3 = t("Read and write this table through the typed data model.");
+    $[4] = t;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-muted-foreground",
+      children: t3
+    }, void 0, false);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t2 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("div", {
+      children: [t2, t4]
+    }, void 0, true);
+    $[8] = t2;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t) {
+    t6 = t("Data model");
+    $[11] = t;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== code || $[14] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(SnippetBlock, {
+      code,
+      label: t6,
+      testId: "api-snippet-table"
+    }, void 0, false);
+    $[13] = code;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t5 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3",
+      "data-testid": "api-table-doc",
+      children: [t5, t7]
+    }, void 0, true);
+    $[16] = t5;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
+};
+const RailButton = (t0) => {
+  const $ = c(8);
+  const {
+    active,
+    label,
+    onSelect,
+    testId,
+    value
+  } = t0;
+  let t1;
+  if ($[0] !== onSelect || $[1] !== value) {
+    t1 = () => {
+      onSelect(value);
+    };
+    $[0] = onSelect;
+    $[1] = value;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onClick = t1;
+  const t2 = active ? "page" : void 0;
+  let t3;
+  if ($[3] !== label || $[4] !== onClick || $[5] !== t2 || $[6] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-current": t2,
+      className: "w-full truncate rounded-md px-2 py-1 text-start font-mono text-xs text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent aria-[current=page]:bg-sidebar-accent aria-[current=page]:font-medium aria-[current=page]:text-foreground",
+      "data-testid": testId,
+      onClick,
+      type: "button",
+      children: label
+    }, void 0, false);
+    $[3] = label;
+    $[4] = onClick;
+    $[5] = t2;
+    $[6] = testId;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const ApiDocsPanel = (t0) => {
+  const $ = c(67);
+  const {
+    functions,
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const client = useLunora();
+  const [tables, setTables] = useState(null);
+  const [selected, setSelected] = useState(null);
+  let t1;
+  let t2;
+  if ($[0] !== client || $[1] !== initialShardKey) {
+    t1 = () => {
+      let cancelled = false;
+      client.query(LIST_TABLES, {}, callOptions(initialShardKey ?? "")).then((result) => {
+        if (!cancelled) {
+          setTables(result);
+        }
+        return result;
+      }).catch(() => {
+        if (!cancelled) {
+          setTables([]);
+        }
+      });
+      return () => {
+        cancelled = true;
+      };
+    };
+    t2 = [client, initialShardKey];
+    $[0] = client;
+    $[1] = initialShardKey;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[4] !== functions) {
+    t3 = functions ?? [];
+    $[4] = functions;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const functionList = t3;
+  let t4;
+  if ($[6] !== functionList) {
+    const byFile = /* @__PURE__ */ new Map();
+    for (const descriptor of functionList) {
+      const {
+        file,
+        fn
+      } = splitPath(descriptor.path);
+      const bucket = byFile.get(file) ?? [];
+      bucket.push({
+        fn,
+        kind: descriptor.kind,
+        path: descriptor.path
+      });
+      byFile.set(file, bucket);
+    }
+    t4 = [...byFile.entries()].map(_temp2).toSorted(_temp3);
+    $[6] = functionList;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const grouped = t4;
+  let hasResources;
+  let selectedFunction;
+  let selectedSplit;
+  let t10;
+  let t11;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[8] !== functionList || $[9] !== grouped || $[10] !== selected || $[11] !== t || $[12] !== tables) {
+    const tableNames = (tables ?? []).map(_temp4).toSorted(_temp5);
+    let t122;
+    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t122 = (path) => {
+        setSelected({
+          kind: "fn",
+          path
+        });
+      };
+      $[23] = t122;
+    } else {
+      t122 = $[23];
+    }
+    const selectFunction = t122;
+    let t132;
+    if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t132 = (name) => {
+        setSelected({
+          kind: "table",
+          name
+        });
+      };
+      $[24] = t132;
+    } else {
+      t132 = $[24];
+    }
+    const selectTable = t132;
+    selectedFunction = selected?.kind === "fn" ? functionList.find((descriptor_0) => descriptor_0.path === selected.path) : void 0;
+    hasResources = functionList.length > 0 || tableNames.length > 0;
+    selectedSplit = selectedFunction === void 0 ? void 0 : splitPath(selectedFunction.path);
+    t10 = "grid min-h-0 gap-6 md:grid-cols-[16rem_minmax(0,1fr)]";
+    t11 = "lunora-api-docs";
+    if ($[25] !== t) {
+      t5 = t("API resources");
+      $[25] = t;
+      $[26] = t5;
+    } else {
+      t5 = $[26];
+    }
+    t6 = "flex flex-col gap-4 overflow-y-auto";
+    t7 = "api-rail";
+    if ($[27] !== grouped || $[28] !== selected || $[29] !== t) {
+      let t142;
+      if ($[31] !== selected || $[32] !== t) {
+        t142 = (group) => /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: "px-2 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+            children: group.file || t("(root)")
+          }, void 0, false), group.items.map((item) => /* @__PURE__ */ jsxDEV(RailButton, {
+            active: selected?.kind === "fn" && selected.path === item.path,
+            label: item.fn,
+            onSelect: selectFunction,
+            testId: `api-rail-fn-${item.path}`,
+            value: item.path
+          }, item.path, false))]
+        }, group.file, true);
+        $[31] = selected;
+        $[32] = t;
+        $[33] = t142;
+      } else {
+        t142 = $[33];
+      }
+      t8 = grouped.map(t142);
+      $[27] = grouped;
+      $[28] = selected;
+      $[29] = t;
+      $[30] = t8;
+    } else {
+      t8 = $[30];
+    }
+    t9 = tableNames.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        className: "px-2 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: t("Tables")
+      }, void 0, false), tableNames.map((name_0) => /* @__PURE__ */ jsxDEV(RailButton, {
+        active: selected?.kind === "table" && selected.name === name_0,
+        label: name_0,
+        onSelect: selectTable,
+        testId: `api-rail-table-${name_0}`,
+        value: name_0
+      }, name_0, false))]
+    }, void 0, true);
+    $[8] = functionList;
+    $[9] = grouped;
+    $[10] = selected;
+    $[11] = t;
+    $[12] = tables;
+    $[13] = hasResources;
+    $[14] = selectedFunction;
+    $[15] = selectedSplit;
+    $[16] = t10;
+    $[17] = t11;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    hasResources = $[13];
+    selectedFunction = $[14];
+    selectedSplit = $[15];
+    t10 = $[16];
+    t11 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
+  }
+  let t12;
+  if ($[34] !== hasResources || $[35] !== t) {
+    t12 = !hasResources && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-2 text-xs text-muted-foreground",
+      "data-testid": "api-rail-empty",
+      children: t("No functions or tables to document yet.")
+    }, void 0, false);
+    $[34] = hasResources;
+    $[35] = t;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== t12 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
+    t13 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t5,
+      className: t6,
+      "data-testid": t7,
+      children: [t8, t9, t12]
+    }, void 0, true);
+    $[37] = t12;
+    $[38] = t5;
+    $[39] = t6;
+    $[40] = t7;
+    $[41] = t8;
+    $[42] = t9;
+    $[43] = t13;
+  } else {
+    t13 = $[43];
+  }
+  let t14;
+  if ($[44] !== selected || $[45] !== t) {
+    t14 = selected === null && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Select a function or table to see how to call it from your app."),
+      testId: "api-empty",
+      title: t("API usage snippets")
+    }, void 0, false);
+    $[44] = selected;
+    $[45] = t;
+    $[46] = t14;
+  } else {
+    t14 = $[46];
+  }
+  let t15;
+  if ($[47] !== selected?.kind || $[48] !== selectedFunction || $[49] !== selectedSplit) {
+    t15 = selected?.kind === "fn" && selectedFunction !== void 0 && selectedSplit !== void 0 && /* @__PURE__ */ jsxDEV(FunctionDoc, {
+      file: selectedSplit.file,
+      fn: selectedSplit.fn,
+      kind: selectedFunction.kind
+    }, selectedFunction.path, false);
+    $[47] = selected?.kind;
+    $[48] = selectedFunction;
+    $[49] = selectedSplit;
+    $[50] = t15;
+  } else {
+    t15 = $[50];
+  }
+  let t16;
+  if ($[51] !== selected?.kind || $[52] !== selectedFunction || $[53] !== t) {
+    t16 = selected?.kind === "fn" && selectedFunction === void 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      testId: "api-empty",
+      title: t("API usage snippets")
+    }, void 0, false);
+    $[51] = selected?.kind;
+    $[52] = selectedFunction;
+    $[53] = t;
+    $[54] = t16;
+  } else {
+    t16 = $[54];
+  }
+  let t17;
+  if ($[55] !== selected) {
+    t17 = selected?.kind === "table" && /* @__PURE__ */ jsxDEV(TableDoc, {
+      name: selected.name
+    }, void 0, false);
+    $[55] = selected;
+    $[56] = t17;
+  } else {
+    t17 = $[56];
+  }
+  let t18;
+  if ($[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV("div", {
+      className: "min-w-0",
+      children: [t14, t15, t16, t17]
+    }, void 0, true);
+    $[57] = t14;
+    $[58] = t15;
+    $[59] = t16;
+    $[60] = t17;
+    $[61] = t18;
+  } else {
+    t18 = $[61];
+  }
+  let t19;
+  if ($[62] !== t10 || $[63] !== t11 || $[64] !== t13 || $[65] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("div", {
+      className: t10,
+      "data-testid": t11,
+      children: [t13, t18]
+    }, void 0, true);
+    $[62] = t10;
+    $[63] = t11;
+    $[64] = t13;
+    $[65] = t18;
+    $[66] = t19;
+  } else {
+    t19 = $[66];
+  }
+  return t19;
+};
+function _temp(a, b) {
+  return a.fn.localeCompare(b.fn);
+}
+function _temp2(t0) {
+  const [file_0, items] = t0;
+  return {
+    file: file_0,
+    items: items.toSorted(_temp)
+  };
+}
+function _temp3(a_0, b_0) {
+  return a_0.file.localeCompare(b_0.file);
+}
+function _temp4(table) {
+  return table.name;
+}
+function _temp5(a_1, b_1) {
+  return a_1.localeCompare(b_1);
+}
+
+export { REACT_HAS_ACTION_HOOK, buildCliSnippet, buildClientSnippet, buildReactSnippet, buildTableSnippet, ApiDocsPanel as default, splitPath };