@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/reference-view-BCKIoai7.js

@@ -0,0 +1,2180 @@
+import { c } from 'react/compiler-runtime';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+import { useState, useEffect, createContext, use } from 'react';
+import { e as errorMessage, b as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-BBZYexre.js';
+import { SentIcon, Copy01Icon, Search01Icon } from '@hugeicons/core-free-icons';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { I as Input } from './input-XH4r1Pt1.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { B as Badge$1 } from './badge-B2PKA1-5.js';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { L as Label } from './label-D8ykjn5J.js';
+import { T as Textarea } from './textarea-D3gaCU_-.js';
+import { useLunora } from '@lunora/react';
+
+function Skeleton(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("animate-pulse rounded-md bg-muted", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "skeleton",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+const useAdminSpec = function(inlineSpec, fetcher, classify) {
+  const $ = c(10);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      kind: "loading"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [fetched, setFetched] = useState(t0);
+  let t1;
+  let t2;
+  if ($[1] !== classify || $[2] !== fetcher || $[3] !== inlineSpec) {
+    t1 = () => {
+      if (inlineSpec !== void 0) {
+        return;
+      }
+      let cancelled = false;
+      fetcher().then((spec) => {
+        if (!cancelled) {
+          setFetched(classify(spec));
+        }
+        return spec;
+      }).catch((error) => {
+        if (!cancelled) {
+          setFetched({
+            kind: "error",
+            message: errorMessage(error)
+          });
+        }
+      });
+      return () => {
+        cancelled = true;
+      };
+    };
+    t2 = [classify, fetcher, inlineSpec];
+    $[1] = classify;
+    $[2] = fetcher;
+    $[3] = inlineSpec;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[6] !== classify || $[7] !== fetched || $[8] !== inlineSpec) {
+    t3 = inlineSpec === void 0 ? fetched : classify(inlineSpec);
+    $[6] = classify;
+    $[7] = fetched;
+    $[8] = inlineSpec;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+
+const scalarOf = (value) => {
+  if (typeof value === "number") {
+    return "number";
+  }
+  if (typeof value === "boolean") {
+    return "boolean";
+  }
+  return "string";
+};
+const enumValues = (schema) => {
+  if (schema.enum !== void 0 && schema.enum.length > 0) {
+    return schema.enum;
+  }
+  if (schema.anyOf !== void 0 && schema.anyOf.length > 0 && schema.anyOf.every((member) => member.const !== void 0)) {
+    return schema.anyOf.map((member) => member.const);
+  }
+  return void 0;
+};
+const typeLabel = (schema) => {
+  if (schema === void 0) {
+    return "any";
+  }
+  if (schema.const !== void 0) {
+    return JSON.stringify(schema.const);
+  }
+  if (schema.enum !== void 0 && schema.enum.length > 0) {
+    return schema.enum.map((value) => JSON.stringify(value)).join(" | ");
+  }
+  if (schema.anyOf !== void 0 && schema.anyOf.length > 0) {
+    return schema.anyOf.map((member) => typeLabel(member)).join(" | ");
+  }
+  if (schema.type === "array") {
+    return `array<${typeLabel(schema.items)}>`;
+  }
+  return schema.type ?? "any";
+};
+const fieldTypeLabel = (schema) => {
+  const values = enumValues(schema);
+  if (values !== void 0) {
+    return schema.type ?? scalarOf(values[0]);
+  }
+  return typeLabel(schema);
+};
+const valueInText = (schema) => {
+  const values = enumValues(schema);
+  return values === void 0 ? void 0 : values.map((value) => JSON.stringify(value)).join(" | ");
+};
+const rangeText = (schema) => {
+  const parts = [];
+  if (schema.minimum !== void 0) {
+    parts.push(`${String(schema.minimum)} ≤`);
+  } else if (schema.exclusiveMinimum !== void 0) {
+    parts.push(`${String(schema.exclusiveMinimum)} <`);
+  }
+  const hasLower = parts.length > 0;
+  parts.push("value");
+  if (schema.maximum !== void 0) {
+    parts.push(`≤ ${String(schema.maximum)}`);
+  } else if (schema.exclusiveMaximum !== void 0) {
+    parts.push(`< ${String(schema.exclusiveMaximum)}`);
+  }
+  const hasUpper = parts.length > (hasLower ? 2 : 1);
+  return hasLower || hasUpper ? parts.join(" ") : void 0;
+};
+const childObject = (schema) => {
+  if (schema.type === "object" && schema.properties !== void 0) {
+    return schema;
+  }
+  if (schema.type === "array" && schema.items?.type === "object" && schema.items.properties !== void 0) {
+    return schema.items;
+  }
+  return void 0;
+};
+const exampleForSchema = (schema) => {
+  if (schema === void 0) {
+    return null;
+  }
+  if (schema.const !== void 0) {
+    return schema.const;
+  }
+  if (schema.enum !== void 0 && schema.enum.length > 0) {
+    return schema.enum[0];
+  }
+  if (schema.anyOf !== void 0 && schema.anyOf.length > 0) {
+    return exampleForSchema(schema.anyOf[0]);
+  }
+  switch (schema.type) {
+    case "array": {
+      return [];
+    }
+    case "boolean": {
+      return false;
+    }
+    case "number": {
+      return 0;
+    }
+    case "object": {
+      const out = {};
+      for (const [key, child] of Object.entries(schema.properties ?? {})) {
+        out[key] = exampleForSchema(child);
+      }
+      return out;
+    }
+    case "string": {
+      return "";
+    }
+    default: {
+      return null;
+    }
+  }
+};
+const Badge = (t0) => {
+  const $ = c(7);
+  const {
+    label,
+    value
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground",
+      children: label
+    }, void 0, false);
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== value) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-foreground",
+      children: value
+    }, void 0, false);
+    $[2] = value;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "inline-flex items-center gap-1 rounded border border-border px-1.5 py-0.5 font-mono text-[10px]",
+      children: [t1, t2]
+    }, void 0, true);
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const FieldRow = (t0) => {
+  const $ = c(40);
+  const {
+    name,
+    required,
+    schema
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== schema) {
+    t1 = rangeText(schema);
+    $[0] = schema;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const range = t1;
+  let t2;
+  if ($[2] !== schema) {
+    t2 = valueInText(schema);
+    $[2] = schema;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const values = t2;
+  const relation = schema["x-lunora-table"];
+  const hasBadges = schema.format !== void 0 || range !== void 0 || values !== void 0 || relation !== void 0;
+  let t3;
+  if ($[4] !== schema) {
+    t3 = childObject(schema);
+    $[4] = schema;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const nested = t3;
+  const t4 = required ? "*" : "?";
+  let t5;
+  if ($[6] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground",
+      children: t4
+    }, void 0, false);
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== name || $[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-foreground",
+      children: [name, t5]
+    }, void 0, true);
+    $[8] = name;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== schema) {
+    t7 = fieldTypeLabel(schema);
+    $[11] = schema;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-muted-foreground",
+      children: t7
+    }, void 0, false);
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t6 || $[16] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-baseline gap-2",
+      children: [t6, t8]
+    }, void 0, true);
+    $[15] = t6;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== schema.description) {
+    t10 = schema.description !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "max-w-prose text-muted-foreground",
+      children: schema.description
+    }, void 0, false);
+    $[18] = schema.description;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  let t11;
+  if ($[20] !== hasBadges || $[21] !== range || $[22] !== relation || $[23] !== schema.format || $[24] !== t || $[25] !== values) {
+    t11 = hasBadges && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap gap-1",
+      children: [schema.format !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+        label: t("Format"),
+        value: schema.format
+      }, void 0, false), range !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+        label: t("Range"),
+        value: range
+      }, void 0, false), values !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+        label: t("Value in"),
+        value: values
+      }, void 0, false), relation !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+        label: t("relation"),
+        value: relation
+      }, void 0, false)]
+    }, void 0, true);
+    $[20] = hasBadges;
+    $[21] = range;
+    $[22] = relation;
+    $[23] = schema.format;
+    $[24] = t;
+    $[25] = values;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  let t12;
+  if ($[27] !== t10 || $[28] !== t11 || $[29] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1 py-2",
+      children: [t9, t10, t11]
+    }, void 0, true);
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t9;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  const header = t12;
+  if (nested === void 0) {
+    let t132;
+    if ($[31] !== header) {
+      t132 = /* @__PURE__ */ jsxDEV("div", {
+        className: "border-b border-border/50 last:border-b-0",
+        children: header
+      }, void 0, false);
+      $[31] = header;
+      $[32] = t132;
+    } else {
+      t132 = $[32];
+    }
+    return t132;
+  }
+  let t13;
+  if ($[33] !== header) {
+    t13 = /* @__PURE__ */ jsxDEV("summary", {
+      className: "cursor-pointer marker:text-muted-foreground",
+      children: header
+    }, void 0, false);
+    $[33] = header;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  let t14;
+  if ($[35] !== nested) {
+    t14 = /* @__PURE__ */ jsxDEV("div", {
+      className: "mb-2 ml-2 border-l border-border pl-3",
+      children: /* @__PURE__ */ jsxDEV(SchemaFields, {
+        schema: nested
+      }, void 0, false)
+    }, void 0, false);
+    $[35] = nested;
+    $[36] = t14;
+  } else {
+    t14 = $[36];
+  }
+  let t15;
+  if ($[37] !== t13 || $[38] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("details", {
+      className: "border-b border-border/50 last:border-b-0",
+      children: [t13, t14]
+    }, void 0, true);
+    $[37] = t13;
+    $[38] = t14;
+    $[39] = t15;
+  } else {
+    t15 = $[39];
+  }
+  return t15;
+};
+const SchemaFields = (t0) => {
+  const $ = c(7);
+  const {
+    schema
+  } = t0;
+  let t1;
+  if ($[0] !== schema.required) {
+    t1 = new Set(schema.required);
+    $[0] = schema.required;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const required = t1;
+  let t2;
+  if ($[2] !== schema.properties) {
+    t2 = Object.entries(schema.properties ?? {});
+    $[2] = schema.properties;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const rows = t2;
+  let t3;
+  if ($[4] !== required || $[5] !== rows) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col",
+      children: rows.map((t4) => {
+        const [name, child] = t4;
+        return /* @__PURE__ */ jsxDEV(FieldRow, {
+          name,
+          required: required.has(name),
+          schema: child
+        }, name, false);
+      })
+    }, void 0, false);
+    $[4] = required;
+    $[5] = rows;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+const SchemaTable = (t0) => {
+  const $ = c(10);
+  const {
+    schema,
+    testId
+  } = t0;
+  if (schema?.type !== "object" || Object.keys(schema.properties ?? {}).length === 0) {
+    let t12;
+    if ($[0] !== schema) {
+      t12 = typeLabel(schema);
+      $[0] = schema;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    let t22;
+    if ($[2] !== t12 || $[3] !== testId) {
+      t22 = /* @__PURE__ */ jsxDEV("p", {
+        className: "font-mono text-xs text-muted-foreground",
+        "data-testid": testId,
+        children: t12
+      }, void 0, false);
+      $[2] = t12;
+      $[3] = testId;
+      $[4] = t22;
+    } else {
+      t22 = $[4];
+    }
+    return t22;
+  }
+  let t1;
+  if ($[5] !== schema) {
+    t1 = /* @__PURE__ */ jsxDEV(SchemaFields, {
+      schema
+    }, void 0, false);
+    $[5] = schema;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== t1 || $[8] !== testId) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      className: "text-xs",
+      "data-testid": testId,
+      children: t1
+    }, void 0, false);
+    $[7] = t1;
+    $[8] = testId;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+};
+
+const SAMPLE_ORDER = ["curl", "javascript", "lunora"];
+const SAMPLE_LABEL = {
+  lunora: "Lunora",
+  curl: "cURL",
+  javascript: "JavaScript"
+};
+const apiReferenceOf = (functionPath) => `api.${functionPath.replaceAll(/[/:]/g, ".")}`;
+const requestBody = (operation) => {
+  const args = exampleForSchema(operation.argsSchema) ?? {};
+  return operation.functionPath === void 0 ? args : {
+    args,
+    functionPath: operation.functionPath
+  };
+};
+const sampleSource = (sample, operation, server) => {
+  const url = `${server}${operation.httpPath}`;
+  const body = JSON.stringify(requestBody(operation), void 0, 2);
+  const args = JSON.stringify(exampleForSchema(operation.argsSchema) ?? {}, void 0, 2);
+  switch (sample) {
+    case "curl": {
+      const hasBody = operation.method !== "GET" && operation.method !== "HEAD";
+      const lines = [`curl -X ${operation.method} ${JSON.stringify(url)}`];
+      if (hasBody) {
+        lines.push(`  -H "Content-Type: application/json"`, `  -d '${body}'`);
+      }
+      return lines.join(" \\\n");
+    }
+    case "lunora": {
+      if (operation.functionPath === void 0) {
+        return `await fetch(${JSON.stringify(operation.httpPath)}, { method: ${JSON.stringify(operation.method)} });`;
+      }
+      const method = operation.kind ?? "query";
+      return `import { useLunora } from "@lunora/react";
+import { api } from "./_generated/api";
+
+const client = useLunora();
+await client.${method}(${apiReferenceOf(operation.functionPath)}, ${args});`;
+    }
+    default: {
+      const hasBody = operation.method !== "GET" && operation.method !== "HEAD";
+      const init = hasBody ? `{
+  method: ${JSON.stringify(operation.method)},
+  headers: { "Content-Type": "application/json" },
+  body: JSON.stringify(${body}),
+}` : `{ method: ${JSON.stringify(operation.method)} }`;
+      return `const response = await fetch(${JSON.stringify(url)}, ${init});
+const data = await response.json();`;
+    }
+  }
+};
+const CodeSamples = (t0) => {
+  const $ = c(24);
+  const {
+    operation,
+    server
+  } = t0;
+  const t = useT();
+  const [sample, setSample] = useState("curl");
+  let t1;
+  if ($[0] !== operation || $[1] !== sample || $[2] !== server) {
+    t1 = sampleSource(sample, operation, server);
+    $[0] = operation;
+    $[1] = sample;
+    $[2] = server;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const source = t1;
+  let t2;
+  if ($[4] !== source) {
+    t2 = () => {
+      copyToClipboard(source);
+    };
+    $[4] = source;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onCopy = t2;
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (event) => {
+      setSample(event.currentTarget.dataset.sample);
+    };
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const onSelect = t3;
+  let t4;
+  if ($[7] !== sample) {
+    t4 = SAMPLE_ORDER.map((key) => /* @__PURE__ */ jsxDEV("button", {
+      "aria-selected": sample === key,
+      className: "rounded px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground aria-selected:bg-muted aria-selected:font-medium aria-selected:text-foreground",
+      "data-sample": key,
+      "data-testid": `api-sample-${key}`,
+      onClick: onSelect,
+      role: "tab",
+      type: "button",
+      children: SAMPLE_LABEL[key]
+    }, key, false));
+    $[7] = sample;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex gap-1",
+      role: "tablist",
+      children: t4
+    }, void 0, false);
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t) {
+    t6 = t("Copy");
+    $[11] = t;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== onCopy || $[14] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "api-sample-copy",
+      onClick: onCopy,
+      size: "xs",
+      type: "button",
+      variant: "ghost",
+      children: t6
+    }, void 0, false);
+    $[13] = onCopy;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t5 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-2 border-b border-border px-3 py-2",
+      children: [t5, t7]
+    }, void 0, true);
+    $[16] = t5;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== source) {
+    t9 = /* @__PURE__ */ jsxDEV("pre", {
+      className: "overflow-auto px-3 pb-3 font-mono text-xs",
+      "data-testid": "api-sample-source",
+      children: source
+    }, void 0, false);
+    $[19] = source;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== t8 || $[22] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-2 rounded-xl border border-border bg-card",
+      "data-testid": "api-code-samples",
+      children: [t8, t9]
+    }, void 0, true);
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  return t10;
+};
+
+const TONE_CLASS = {
+  blue: "text-info",
+  emerald: "text-success",
+  neutral: "text-muted-foreground",
+  orange: "text-warning",
+  red: "text-destructive",
+  violet: "text-royal-amethyst"
+};
+const methodTone = (method) => {
+  switch (method.toUpperCase()) {
+    case "DELETE": {
+      return "red";
+    }
+    case "GET": {
+      return "emerald";
+    }
+    case "PATCH": {
+      return "orange";
+    }
+    case "POST": {
+      return "blue";
+    }
+    case "PUT": {
+      return "orange";
+    }
+    default: {
+      return "neutral";
+    }
+  }
+};
+const kindTone = (kind) => {
+  switch (kind) {
+    case "action": {
+      return "violet";
+    }
+    case "mutation": {
+      return "orange";
+    }
+    case "query": {
+      return "emerald";
+    }
+    default: {
+      return "neutral";
+    }
+  }
+};
+const MethodBadge = (t0) => {
+  const $ = c(7);
+  const {
+    kind,
+    method,
+    testId
+  } = t0;
+  let t1;
+  if ($[0] !== kind || $[1] !== method) {
+    t1 = kind ?? method.toUpperCase();
+    $[0] = kind;
+    $[1] = method;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const label = t1;
+  const tone = kind === void 0 ? methodTone(method) : kindTone(kind);
+  const t2 = `${TONE_CLASS[tone]} font-mono text-[10px] tracking-wide uppercase`;
+  let t3;
+  if ($[3] !== label || $[4] !== t2 || $[5] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV(Badge$1, {
+      className: t2,
+      "data-testid": testId,
+      variant: "ghost",
+      children: label
+    }, void 0, false);
+    $[3] = label;
+    $[4] = t2;
+    $[5] = testId;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+};
+
+const statusToneClass = (status) => {
+  if (status.startsWith("2")) {
+    return "text-emerald-600 dark:text-emerald-400";
+  }
+  if (status === "default" || status.startsWith("4") || status.startsWith("5")) {
+    return "text-red-600 dark:text-red-400";
+  }
+  return "text-muted-foreground";
+};
+const statusDotClass = (status) => {
+  if (status.startsWith("2")) {
+    return "bg-emerald-500";
+  }
+  if (status === "default" || status.startsWith("4") || status.startsWith("5")) {
+    return "bg-red-500";
+  }
+  return "bg-muted-foreground";
+};
+
+const seedArgs = (operation) => JSON.stringify(exampleForSchema(operation.argsSchema) ?? {}, void 0, 2);
+const OperationRunContext = /* @__PURE__ */ createContext(null);
+const useOperationRun = () => {
+  const value = use(OperationRunContext);
+  if (value === null) {
+    throw new Error("useOperationRun must be used within an OperationRunProvider");
+  }
+  return value;
+};
+const OperationRunProvider = ({
+  children,
+  operation
+}) => {
+  const t = useT();
+  const client = useLunora();
+  const [argsText, setArgsText] = useState(() => seedArgs(operation));
+  const [shardKey, setShardKey] = useState("");
+  const [status, setStatus] = useState("idle");
+  const [response, setResponse] = useState(void 0);
+  const [error, setError] = useState(null);
+  const [durationMs, setDurationMs] = useState(null);
+  const send = async () => {
+    let parsedArgs;
+    try {
+      parsedArgs = argsText.trim() === "" ? {} : JSON.parse(argsText);
+    } catch (parseError) {
+      setStatus("error");
+      setResponse(void 0);
+      setDurationMs(null);
+      setError(t("Invalid JSON args: {message}", {
+        message: errorMessage(parseError)
+      }));
+      return;
+    }
+    setStatus("running");
+    setError(null);
+    const startedAt = performance.now();
+    try {
+      let value;
+      if (operation.functionPath === void 0) {
+        const hasBody = operation.method !== "GET" && operation.method !== "HEAD";
+        const fetchResponse = await fetch(operation.httpPath, {
+          body: hasBody ? JSON.stringify(parsedArgs) : void 0,
+          headers: hasBody ? {
+            "content-type": "application/json"
+          } : void 0,
+          method: operation.method
+        });
+        const text = await fetchResponse.text();
+        try {
+          value = JSON.parse(text);
+        } catch {
+          value = text;
+        }
+      } else {
+        const reference = adminRef(operation.functionPath);
+        const options = callOptions(shardKey);
+        switch (operation.kind) {
+          case "action": {
+            value = await client.action(reference, parsedArgs, options);
+            break;
+          }
+          case "mutation": {
+            value = await client.mutation(reference, parsedArgs, options);
+            break;
+          }
+          default: {
+            value = await client.query(reference, parsedArgs, options);
+          }
+        }
+      }
+      setResponse(value);
+      setDurationMs(Math.round(performance.now() - startedAt));
+      setStatus("success");
+    } catch (runError) {
+      setResponse(void 0);
+      setDurationMs(Math.round(performance.now() - startedAt));
+      setError(errorMessage(runError));
+      setStatus("error");
+    }
+  };
+  const onSend = () => {
+    fireAndForget(send());
+  };
+  const value_0 = {
+    argsText,
+    durationMs,
+    error,
+    operation,
+    response,
+    send: onSend,
+    setArgsText,
+    setShardKey,
+    shardKey,
+    status
+  };
+  return /* @__PURE__ */ jsxDEV(OperationRunContext, {
+    value: value_0,
+    children
+  }, void 0, false);
+};
+
+const TryIt = () => {
+  const $ = c(48);
+  const t = useT();
+  const {
+    argsText,
+    operation,
+    send,
+    setArgsText,
+    setShardKey,
+    shardKey,
+    status
+  } = useOperationRun();
+  let t0;
+  if ($[0] !== setArgsText) {
+    t0 = (event) => {
+      setArgsText(event.target.value);
+    };
+    $[0] = setArgsText;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onArgsChange = t0;
+  let t1;
+  if ($[2] !== send) {
+    t1 = (event_0) => {
+      if (event_0.key === "Enter" && (event_0.metaKey || event_0.ctrlKey)) {
+        event_0.preventDefault();
+        send();
+      }
+    };
+    $[2] = send;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const onArgsKeyDown = t1;
+  const running = status === "running";
+  let t2;
+  if ($[4] !== operation.kind || $[5] !== operation.method) {
+    t2 = /* @__PURE__ */ jsxDEV(MethodBadge, {
+      kind: operation.kind,
+      method: operation.method,
+      testId: "api-try-method"
+    }, void 0, false);
+    $[4] = operation.kind;
+    $[5] = operation.method;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = operation.functionPath ?? operation.httpPath;
+  let t4;
+  if ($[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("code", {
+      className: "min-w-0 flex-1 truncate font-mono text-xs text-foreground",
+      children: t3
+    }, void 0, false);
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const t5 = running ? "animate-pulse" : void 0;
+  let t6;
+  if ($[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+      className: t5,
+      icon: SentIcon,
+      strokeWidth: 2
+    }, void 0, false);
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== running || $[12] !== t) {
+    t7 = running ? t("Sending…") : t("Send");
+    $[11] = running;
+    $[12] = t;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] !== running || $[15] !== send || $[16] !== t6 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "api-try-send",
+      disabled: running,
+      onClick: send,
+      size: "sm",
+      type: "button",
+      children: [t6, t7]
+    }, void 0, true);
+    $[14] = running;
+    $[15] = send;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t2 || $[20] !== t4 || $[21] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-2 border-b border-border bg-muted px-3 py-2",
+      children: [t2, t4, t8]
+    }, void 0, true);
+    $[19] = t2;
+    $[20] = t4;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t) {
+    t10 = t("Arguments (JSON)");
+    $[23] = t;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  let t11;
+  if ($[25] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor: "api-try-args",
+      children: t10
+    }, void 0, false);
+    $[25] = t10;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  let t12;
+  if ($[27] !== argsText) {
+    t12 = argsText.split("\n");
+    $[27] = argsText;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  const t13 = Math.min(12, Math.max(3, t12.length));
+  let t14;
+  if ($[29] !== argsText || $[30] !== onArgsChange || $[31] !== onArgsKeyDown || $[32] !== t13) {
+    t14 = /* @__PURE__ */ jsxDEV(Textarea, {
+      className: "font-mono text-xs",
+      "data-testid": "api-try-args",
+      id: "api-try-args",
+      onChange: onArgsChange,
+      onKeyDown: onArgsKeyDown,
+      rows: t13,
+      spellCheck: false,
+      value: argsText
+    }, void 0, false);
+    $[29] = argsText;
+    $[30] = onArgsChange;
+    $[31] = onArgsKeyDown;
+    $[32] = t13;
+    $[33] = t14;
+  } else {
+    t14 = $[33];
+  }
+  let t15;
+  if ($[34] !== t11 || $[35] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      children: [t11, t14]
+    }, void 0, true);
+    $[34] = t11;
+    $[35] = t14;
+    $[36] = t15;
+  } else {
+    t15 = $[36];
+  }
+  let t16;
+  if ($[37] !== operation.functionPath || $[38] !== setShardKey || $[39] !== shardKey || $[40] !== t) {
+    t16 = operation.functionPath !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1.5",
+      children: [/* @__PURE__ */ jsxDEV(Label, {
+        htmlFor: "shard-input",
+        children: t("Shard key (optional)")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(ShardInput, {
+        id: "shard-input",
+        onChange: setShardKey,
+        testId: "shard-input",
+        value: shardKey
+      }, void 0, false)]
+    }, void 0, true);
+    $[37] = operation.functionPath;
+    $[38] = setShardKey;
+    $[39] = shardKey;
+    $[40] = t;
+    $[41] = t16;
+  } else {
+    t16 = $[41];
+  }
+  let t17;
+  if ($[42] !== t15 || $[43] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-3 p-3",
+      children: [t15, t16]
+    }, void 0, true);
+    $[42] = t15;
+    $[43] = t16;
+    $[44] = t17;
+  } else {
+    t17 = $[44];
+  }
+  let t18;
+  if ($[45] !== t17 || $[46] !== t9) {
+    t18 = /* @__PURE__ */ jsxDEV("div", {
+      className: "overflow-hidden rounded-xl border border-border bg-card",
+      "data-testid": "api-try-it",
+      children: [t9, t17]
+    }, void 0, true);
+    $[45] = t17;
+    $[46] = t9;
+    $[47] = t18;
+  } else {
+    t18 = $[47];
+  }
+  return t18;
+};
+
+const OperationView = (t0) => {
+  const $ = c(51);
+  const {
+    operation
+  } = t0;
+  const t = useT();
+  const t1 = `api-operation-${operation.operationId}`;
+  const t2 = operation.key;
+  let t3;
+  if ($[0] !== operation.kind || $[1] !== operation.method) {
+    t3 = /* @__PURE__ */ jsxDEV(MethodBadge, {
+      kind: operation.kind,
+      method: operation.method,
+      testId: "api-operation-method"
+    }, void 0, false);
+    $[0] = operation.kind;
+    $[1] = operation.method;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const t4 = operation.functionPath ?? operation.httpPath;
+  let t5;
+  if ($[3] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("code", {
+      className: "truncate font-mono text-xs text-muted-foreground",
+      children: t4
+    }, void 0, false);
+    $[3] = t4;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  let t6;
+  if ($[5] !== t3 || $[6] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-2",
+      children: [t3, t5]
+    }, void 0, true);
+    $[5] = t3;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== operation.title) {
+    t7 = /* @__PURE__ */ jsxDEV("h1", {
+      className: "text-lg font-semibold text-foreground",
+      "data-testid": "api-operation-title",
+      children: operation.title
+    }, void 0, false);
+    $[8] = operation.title;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let t8;
+  if ($[10] !== operation.description) {
+    t8 = operation.description !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: operation.description
+    }, void 0, false);
+    $[10] = operation.description;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== t6 || $[13] !== t7 || $[14] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("header", {
+      className: "sticky top-0 z-10 -mx-6 -mt-6 flex flex-col gap-2 border-b border-border bg-background px-6 pt-6 pb-3",
+      children: [t6, t7, t8]
+    }, void 0, true);
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== t) {
+    t10 = t("Try it");
+    $[16] = t;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  let t11;
+  if ($[18] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t10
+    }, void 0, false);
+    $[18] = t10;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  let t12;
+  if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /* @__PURE__ */ jsxDEV(TryIt, {}, void 0, false);
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== t11) {
+    t13 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2",
+      children: [t11, t12]
+    }, void 0, true);
+    $[21] = t11;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== t) {
+    t14 = t("Request arguments");
+    $[23] = t;
+    $[24] = t14;
+  } else {
+    t14 = $[24];
+  }
+  let t15;
+  if ($[25] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t14
+    }, void 0, false);
+    $[25] = t14;
+    $[26] = t15;
+  } else {
+    t15 = $[26];
+  }
+  let t16;
+  if ($[27] !== operation.argsSchema) {
+    t16 = /* @__PURE__ */ jsxDEV(SchemaTable, {
+      schema: operation.argsSchema,
+      testId: "api-operation-args"
+    }, void 0, false);
+    $[27] = operation.argsSchema;
+    $[28] = t16;
+  } else {
+    t16 = $[28];
+  }
+  let t17;
+  if ($[29] !== t15 || $[30] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2",
+      children: [t15, t16]
+    }, void 0, true);
+    $[29] = t15;
+    $[30] = t16;
+    $[31] = t17;
+  } else {
+    t17 = $[31];
+  }
+  let t18;
+  if ($[32] !== t) {
+    t18 = t("Response body");
+    $[32] = t;
+    $[33] = t18;
+  } else {
+    t18 = $[33];
+  }
+  let t19;
+  if ($[34] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("h2", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t18
+    }, void 0, false);
+    $[34] = t18;
+    $[35] = t19;
+  } else {
+    t19 = $[35];
+  }
+  let t20;
+  if ($[36] !== operation.responses || $[37] !== t) {
+    let t212;
+    if ($[39] !== t) {
+      t212 = (response) => /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1.5 rounded-xl border border-border bg-card p-3",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex items-center justify-between gap-2",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: `inline-flex items-center gap-1.5 font-mono text-xs font-semibold ${statusToneClass(response.status)}`,
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: `size-1.5 rounded-full ${statusDotClass(response.status)}`
+            }, void 0, false), response.status]
+          }, void 0, true), response.schema !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+            className: "rounded border border-border px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground",
+            children: t("application/json")
+          }, void 0, false)]
+        }, void 0, true), response.description !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+          className: "text-xs text-muted-foreground",
+          children: response.description
+        }, void 0, false), response.schema !== void 0 && /* @__PURE__ */ jsxDEV(SchemaTable, {
+          schema: response.schema,
+          testId: `api-response-${response.status}`
+        }, void 0, false)]
+      }, response.status, true);
+      $[39] = t;
+      $[40] = t212;
+    } else {
+      t212 = $[40];
+    }
+    t20 = operation.responses.map(t212);
+    $[36] = operation.responses;
+    $[37] = t;
+    $[38] = t20;
+  } else {
+    t20 = $[38];
+  }
+  let t21;
+  if ($[41] !== t19 || $[42] !== t20) {
+    t21 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-3",
+      children: [t19, t20]
+    }, void 0, true);
+    $[41] = t19;
+    $[42] = t20;
+    $[43] = t21;
+  } else {
+    t21 = $[43];
+  }
+  let t22;
+  if ($[44] !== operation.key || $[45] !== t1 || $[46] !== t13 || $[47] !== t17 || $[48] !== t21 || $[49] !== t9) {
+    t22 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-6 duration-200 animate-in fade-in-0 slide-in-from-bottom-1",
+      "data-testid": t1,
+      children: [t9, t13, t17, t21]
+    }, t2, true);
+    $[44] = operation.key;
+    $[45] = t1;
+    $[46] = t13;
+    $[47] = t17;
+    $[48] = t21;
+    $[49] = t9;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  return t22;
+};
+
+const KIND_CLASS = {
+  boolean: "text-royal-amethyst",
+  key: "text-sky-sapphire",
+  number: "text-warning",
+  plain: "",
+  string: "text-success"
+};
+const TOKEN = /"(?:[^"\\]|\\.)*"|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?/g;
+const COLON_AHEAD = /^\s*:/;
+const classify = (code, end, text) => {
+  if (text.startsWith('"')) {
+    return COLON_AHEAD.test(code.slice(end)) ? "key" : "string";
+  }
+  if (text === "true" || text === "false" || text === "null") {
+    return "boolean";
+  }
+  return "number";
+};
+const tokenize = (code) => {
+  const tokens = [];
+  let lastIndex = 0;
+  for (const match of code.matchAll(TOKEN)) {
+    const {
+      index
+    } = match;
+    const text = match[0];
+    const end = index + text.length;
+    if (index > lastIndex) {
+      tokens.push({
+        kind: "plain",
+        start: lastIndex,
+        text: code.slice(lastIndex, index)
+      });
+    }
+    tokens.push({
+      kind: classify(code, end, text),
+      start: index,
+      text
+    });
+    lastIndex = end;
+  }
+  if (lastIndex < code.length) {
+    tokens.push({
+      kind: "plain",
+      start: lastIndex,
+      text: code.slice(lastIndex)
+    });
+  }
+  return tokens;
+};
+const JsonHighlight = (t0) => {
+  const $ = c(4);
+  const {
+    code
+  } = t0;
+  let t1;
+  if ($[0] !== code) {
+    const tokens = tokenize(code);
+    t1 = tokens.map(_temp$1);
+    $[0] = code;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Fragment, {
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+function _temp$1(token) {
+  return /* @__PURE__ */ jsxDEV("span", {
+    className: KIND_CLASS[token.kind],
+    children: token.text
+  }, token.start, false);
+}
+
+const LIVE_TAB = "__live__";
+const exampleBody = (response) => response.schema === void 0 ? "" : JSON.stringify(exampleForSchema(response.schema), void 0, 2);
+const liveBody = (error, response, failed) => {
+  if (failed) {
+    return error ?? "";
+  }
+  return response === void 0 ? "" : JSON.stringify(response, void 0, 2);
+};
+const ResponseBody = (t0) => {
+  const $ = c(18);
+  const {
+    active,
+    running,
+    showError
+  } = t0;
+  const t = useT();
+  if (running) {
+    let t12;
+    if ($[0] !== t) {
+      t12 = t("Sending…");
+      $[0] = t;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    let t22;
+    if ($[2] !== t12) {
+      t22 = /* @__PURE__ */ jsxDEV("p", {
+        className: "px-3 py-3 text-xs text-muted-foreground",
+        "data-testid": "api-response-running",
+        children: t12
+      }, void 0, false);
+      $[2] = t12;
+      $[3] = t22;
+    } else {
+      t22 = $[3];
+    }
+    return t22;
+  }
+  if (active === void 0 || active.body === "") {
+    let t12;
+    if ($[4] !== active?.live || $[5] !== t) {
+      t12 = active?.live === true ? t("Send a request to see the response.") : t("No example for this response.");
+      $[4] = active?.live;
+      $[5] = t;
+      $[6] = t12;
+    } else {
+      t12 = $[6];
+    }
+    let t22;
+    if ($[7] !== t12) {
+      t22 = /* @__PURE__ */ jsxDEV("p", {
+        className: "px-3 py-3 text-xs text-muted-foreground",
+        "data-testid": "api-response-idle",
+        children: t12
+      }, void 0, false);
+      $[7] = t12;
+      $[8] = t22;
+    } else {
+      t22 = $[8];
+    }
+    return t22;
+  }
+  const t1 = showError && "text-destructive";
+  let t2;
+  if ($[9] !== t1) {
+    t2 = cn("max-h-[28rem] overflow-auto px-3 py-3 font-mono text-xs", t1);
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const t3 = showError ? "api-response-error" : "api-response-body";
+  let t4;
+  if ($[11] !== active.body || $[12] !== showError) {
+    t4 = showError ? active.body : /* @__PURE__ */ jsxDEV(JsonHighlight, {
+      code: active.body
+    }, void 0, false);
+    $[11] = active.body;
+    $[12] = showError;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("pre", {
+      className: t2,
+      "data-testid": t3,
+      children: t4
+    }, void 0, false);
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+const ResponsePanel = () => {
+  const $ = c(67);
+  const t = useT();
+  const {
+    durationMs,
+    error,
+    operation,
+    response,
+    status
+  } = useOperationRun();
+  const running = status === "running";
+  const failed = status === "error";
+  const ran = status === "success" || failed;
+  let t0;
+  if ($[0] !== durationMs || $[1] !== error || $[2] !== failed || $[3] !== operation.responses || $[4] !== ran || $[5] !== response || $[6] !== t) {
+    bb0: {
+      const documented = operation.responses.map(_temp);
+      if (!ran) {
+        t0 = documented;
+        break bb0;
+      }
+      let t14;
+      if ($[8] !== error || $[9] !== failed || $[10] !== response) {
+        t14 = liveBody(error, response, failed);
+        $[8] = error;
+        $[9] = failed;
+        $[10] = response;
+        $[11] = t14;
+      } else {
+        t14 = $[11];
+      }
+      let t22;
+      if ($[12] !== t) {
+        t22 = t("Live");
+        $[12] = t;
+        $[13] = t22;
+      } else {
+        t22 = $[13];
+      }
+      const t32 = failed ? "error" : "200";
+      let t42;
+      if ($[14] !== durationMs || $[15] !== t14 || $[16] !== t22 || $[17] !== t32) {
+        t42 = {
+          body: t14,
+          durationMs,
+          id: LIVE_TAB,
+          label: t22,
+          live: true,
+          status: t32
+        };
+        $[14] = durationMs;
+        $[15] = t14;
+        $[16] = t22;
+        $[17] = t32;
+        $[18] = t42;
+      } else {
+        t42 = $[18];
+      }
+      const live = t42;
+      t0 = [live, ...documented];
+    }
+    $[0] = durationMs;
+    $[1] = error;
+    $[2] = failed;
+    $[3] = operation.responses;
+    $[4] = ran;
+    $[5] = response;
+    $[6] = t;
+    $[7] = t0;
+  } else {
+    t0 = $[7];
+  }
+  const tabs = t0;
+  let t1;
+  if ($[19] !== ran || $[20] !== tabs) {
+    t1 = ran ? LIVE_TAB : tabs.find(_temp2)?.id ?? tabs[0]?.id ?? "";
+    $[19] = ran;
+    $[20] = tabs;
+    $[21] = t1;
+  } else {
+    t1 = $[21];
+  }
+  const defaultId = t1;
+  const [picked, setPicked] = useState(null);
+  let active;
+  let onCopy;
+  let onSelect;
+  let showError;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  if ($[22] !== defaultId || $[23] !== picked || $[24] !== t || $[25] !== tabs) {
+    active = tabs.find((tab_0) => tab_0.id === (picked ?? defaultId)) ?? tabs[0];
+    let t82;
+    if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t82 = (event) => {
+        const {
+          id
+        } = event.currentTarget.dataset;
+        if (id !== void 0) {
+          setPicked(id);
+        }
+      };
+      $[36] = t82;
+    } else {
+      t82 = $[36];
+    }
+    onSelect = t82;
+    onCopy = () => {
+      if (active !== void 0) {
+        copyToClipboard(active.body);
+      }
+    };
+    const liveDurationMs = active?.live === true ? active.durationMs : null;
+    showError = active?.live === true && active.status === "error";
+    t6 = "flex min-h-0 flex-col rounded-xl border border-border bg-card";
+    t7 = "api-response-panel";
+    t4 = "flex items-center justify-between gap-2 border-b border-border px-3 py-2";
+    let t92;
+    if ($[37] !== t) {
+      t92 = t("Response");
+      $[37] = t;
+      $[38] = t92;
+    } else {
+      t92 = $[38];
+    }
+    if ($[39] !== t92) {
+      t5 = /* @__PURE__ */ jsxDEV("span", {
+        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+        children: t92
+      }, void 0, false);
+      $[39] = t92;
+      $[40] = t5;
+    } else {
+      t5 = $[40];
+    }
+    t2 = "flex items-center gap-2";
+    t3 = liveDurationMs !== null && /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[10px] text-muted-foreground",
+      children: t("{ms} ms", {
+        ms: liveDurationMs
+      })
+    }, void 0, false);
+    $[22] = defaultId;
+    $[23] = picked;
+    $[24] = t;
+    $[25] = tabs;
+    $[26] = active;
+    $[27] = onCopy;
+    $[28] = onSelect;
+    $[29] = showError;
+    $[30] = t2;
+    $[31] = t3;
+    $[32] = t4;
+    $[33] = t5;
+    $[34] = t6;
+    $[35] = t7;
+  } else {
+    active = $[26];
+    onCopy = $[27];
+    onSelect = $[28];
+    showError = $[29];
+    t2 = $[30];
+    t3 = $[31];
+    t4 = $[32];
+    t5 = $[33];
+    t6 = $[34];
+    t7 = $[35];
+  }
+  let t8;
+  if ($[41] !== active || $[42] !== onCopy || $[43] !== t) {
+    t8 = active !== void 0 && active.body !== "" && /* @__PURE__ */ jsxDEV(Button, {
+      "aria-label": t("Copy"),
+      "data-testid": "api-response-copy",
+      onClick: onCopy,
+      size: "icon-xs",
+      type: "button",
+      variant: "ghost",
+      children: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+        icon: Copy01Icon,
+        strokeWidth: 2
+      }, void 0, false)
+    }, void 0, false);
+    $[41] = active;
+    $[42] = onCopy;
+    $[43] = t;
+    $[44] = t8;
+  } else {
+    t8 = $[44];
+  }
+  let t9;
+  if ($[45] !== t2 || $[46] !== t3 || $[47] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: t2,
+      children: [t3, t8]
+    }, void 0, true);
+    $[45] = t2;
+    $[46] = t3;
+    $[47] = t8;
+    $[48] = t9;
+  } else {
+    t9 = $[48];
+  }
+  let t10;
+  if ($[49] !== t4 || $[50] !== t5 || $[51] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: t4,
+      children: [t5, t9]
+    }, void 0, true);
+    $[49] = t4;
+    $[50] = t5;
+    $[51] = t9;
+    $[52] = t10;
+  } else {
+    t10 = $[52];
+  }
+  let t11;
+  if ($[53] !== active?.id || $[54] !== onSelect || $[55] !== tabs) {
+    t11 = tabs.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex gap-1 overflow-x-auto border-b border-border px-2 py-1.5",
+      role: "tablist",
+      children: tabs.map((tab_1) => {
+        const selected = tab_1.id === active?.id;
+        return /* @__PURE__ */ jsxDEV("button", {
+          "aria-selected": selected,
+          className: cn("inline-flex items-center gap-1.5 rounded px-2 py-0.5 font-mono text-xs transition-colors hover:text-foreground aria-selected:bg-muted aria-selected:font-medium", selected ? statusToneClass(tab_1.status) : "text-muted-foreground"),
+          "data-id": tab_1.id,
+          "data-testid": tab_1.live ? "api-response-tab-live" : `api-response-tab-${tab_1.status}`,
+          onClick: onSelect,
+          role: "tab",
+          type: "button",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: `size-1.5 rounded-full ${statusDotClass(tab_1.status)}`
+          }, void 0, false), tab_1.label]
+        }, tab_1.id, true);
+      })
+    }, void 0, false);
+    $[53] = active?.id;
+    $[54] = onSelect;
+    $[55] = tabs;
+    $[56] = t11;
+  } else {
+    t11 = $[56];
+  }
+  let t12;
+  if ($[57] !== active || $[58] !== running || $[59] !== showError) {
+    t12 = /* @__PURE__ */ jsxDEV(ResponseBody, {
+      active,
+      running,
+      showError
+    }, void 0, false);
+    $[57] = active;
+    $[58] = running;
+    $[59] = showError;
+    $[60] = t12;
+  } else {
+    t12 = $[60];
+  }
+  let t13;
+  if ($[61] !== t10 || $[62] !== t11 || $[63] !== t12 || $[64] !== t6 || $[65] !== t7) {
+    t13 = /* @__PURE__ */ jsxDEV("div", {
+      className: t6,
+      "data-testid": t7,
+      children: [t10, t11, t12]
+    }, void 0, true);
+    $[61] = t10;
+    $[62] = t11;
+    $[63] = t12;
+    $[64] = t6;
+    $[65] = t7;
+    $[66] = t13;
+  } else {
+    t13 = $[66];
+  }
+  return t13;
+};
+function _temp(entry) {
+  return {
+    body: exampleBody(entry),
+    durationMs: null,
+    id: entry.status,
+    label: entry.status,
+    live: false,
+    status: entry.status
+  };
+}
+function _temp2(tab) {
+  return tab.status.startsWith("2");
+}
+
+const filterGroups = (groups, query) => {
+  const needle = query.trim().toLowerCase();
+  if (needle === "") {
+    return groups;
+  }
+  return groups.map((group) => {
+    return {
+      ...group,
+      operations: group.operations.filter((operation) => `${operation.summary} ${operation.operationId}`.toLowerCase().includes(needle))
+    };
+  }).filter((group) => group.operations.length > 0);
+};
+const ReferenceView = (t0) => {
+  const $ = c(53);
+  const {
+    model
+  } = t0;
+  const t = useT();
+  const firstKey = model.groups[0]?.operations[0]?.key ?? "";
+  const [selectedKey, setSelectedKey] = useState(firstKey);
+  const [filter, setFilter] = useState("");
+  let t1;
+  if ($[0] !== firstKey || $[1] !== model.operationByKey || $[2] !== selectedKey) {
+    t1 = model.operationByKey.get(selectedKey) ?? model.operationByKey.get(firstKey);
+    $[0] = firstKey;
+    $[1] = model.operationByKey;
+    $[2] = selectedKey;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const selected = t1;
+  let groups;
+  let server;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[4] !== filter || $[5] !== model.groups || $[6] !== model.server || $[7] !== selected?.key || $[8] !== t) {
+    groups = filterGroups(model.groups, filter);
+    let t102;
+    if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t102 = (event) => {
+        const {
+          key
+        } = event.currentTarget.dataset;
+        if (key !== void 0) {
+          setSelectedKey(key);
+        }
+      };
+      $[19] = t102;
+    } else {
+      t102 = $[19];
+    }
+    const onSelect = t102;
+    let t112;
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t112 = (event_0) => {
+        setFilter(event_0.target.value);
+      };
+      $[20] = t112;
+    } else {
+      t112 = $[20];
+    }
+    const onFilterChange = t112;
+    server = model.server ?? "";
+    t8 = "grid min-h-0 flex-1 grid-cols-1 overflow-hidden lg:grid-cols-[16rem_minmax(0,1fr)_22rem]";
+    t9 = "api-reference";
+    if ($[21] !== t) {
+      t4 = t("API operations");
+      $[21] = t;
+      $[22] = t4;
+    } else {
+      t4 = $[22];
+    }
+    t5 = "flex min-h-0 flex-col overflow-y-auto border-r border-border";
+    t6 = "api-reference-nav";
+    let t122;
+    if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t122 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+        className: "pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground",
+        icon: Search01Icon,
+        strokeWidth: 2
+      }, void 0, false);
+      $[23] = t122;
+    } else {
+      t122 = $[23];
+    }
+    let t132;
+    if ($[24] !== t) {
+      t132 = t("Filter operations");
+      $[24] = t;
+      $[25] = t132;
+    } else {
+      t132 = $[25];
+    }
+    if ($[26] !== filter || $[27] !== t132) {
+      t7 = /* @__PURE__ */ jsxDEV("div", {
+        className: "sticky top-0 z-10 border-b border-border bg-sidebar p-2",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "relative",
+          children: [t122, /* @__PURE__ */ jsxDEV(Input, {
+            className: "h-7 pl-7",
+            "data-testid": "api-filter",
+            onChange: onFilterChange,
+            placeholder: t132,
+            value: filter
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false);
+      $[26] = filter;
+      $[27] = t132;
+      $[28] = t7;
+    } else {
+      t7 = $[28];
+    }
+    t2 = "flex flex-col gap-4 p-2";
+    let t142;
+    if ($[29] !== selected?.key || $[30] !== t) {
+      t142 = (group) => /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-1",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex items-center justify-between px-2",
+          children: [/* @__PURE__ */ jsxDEV("span", {
+            className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+            children: group.name || t("(root)")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+            className: "font-mono text-[10px] text-muted-foreground/70",
+            children: group.operations.length
+          }, void 0, false)]
+        }, void 0, true), group.operations.map((operation) => {
+          const active = operation.key === selected?.key;
+          return /* @__PURE__ */ jsxDEV("button", {
+            "aria-current": active ? "page" : void 0,
+            className: "flex items-center justify-between gap-2 rounded-md border-l-2 border-transparent px-2 py-1 text-start text-xs text-muted-foreground transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground aria-[current=page]:border-primary aria-[current=page]:bg-sidebar-accent aria-[current=page]:font-medium aria-[current=page]:text-foreground",
+            "data-key": operation.key,
+            "data-testid": `api-nav-${operation.operationId}`,
+            onClick: onSelect,
+            type: "button",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "truncate",
+              children: operation.summary
+            }, void 0, false), /* @__PURE__ */ jsxDEV(MethodBadge, {
+              kind: operation.kind,
+              method: operation.method
+            }, void 0, false)]
+          }, operation.key, true);
+        })]
+      }, group.name, true);
+      $[29] = selected?.key;
+      $[30] = t;
+      $[31] = t142;
+    } else {
+      t142 = $[31];
+    }
+    t3 = groups.map(t142);
+    $[4] = filter;
+    $[5] = model.groups;
+    $[6] = model.server;
+    $[7] = selected?.key;
+    $[8] = t;
+    $[9] = groups;
+    $[10] = server;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    groups = $[9];
+    server = $[10];
+    t2 = $[11];
+    t3 = $[12];
+    t4 = $[13];
+    t5 = $[14];
+    t6 = $[15];
+    t7 = $[16];
+    t8 = $[17];
+    t9 = $[18];
+  }
+  let t10;
+  if ($[32] !== groups.length || $[33] !== t) {
+    t10 = groups.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "px-2 py-1 text-xs text-muted-foreground",
+      "data-testid": "api-nav-empty",
+      children: t("No operations match your filter.")
+    }, void 0, false);
+    $[32] = groups.length;
+    $[33] = t;
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  let t11;
+  if ($[35] !== t10 || $[36] !== t2 || $[37] !== t3) {
+    t11 = /* @__PURE__ */ jsxDEV("div", {
+      className: t2,
+      children: [t3, t10]
+    }, void 0, true);
+    $[35] = t10;
+    $[36] = t2;
+    $[37] = t3;
+    $[38] = t11;
+  } else {
+    t11 = $[38];
+  }
+  let t12;
+  if ($[39] !== t11 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t7) {
+    t12 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t4,
+      className: t5,
+      "data-testid": t6,
+      children: [t7, t11]
+    }, void 0, true);
+    $[39] = t11;
+    $[40] = t4;
+    $[41] = t5;
+    $[42] = t6;
+    $[43] = t7;
+    $[44] = t12;
+  } else {
+    t12 = $[44];
+  }
+  let t13;
+  if ($[45] !== selected || $[46] !== server) {
+    t13 = selected === void 0 ? /* @__PURE__ */ jsxDEV("div", {
+      className: "lg:col-span-2"
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(OperationRunProvider, {
+      operation: selected,
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "min-w-0 overflow-y-auto p-6",
+        "data-testid": "api-reference-main",
+        children: /* @__PURE__ */ jsxDEV(OperationView, {
+          operation: selected
+        }, void 0, false)
+      }, void 0, false), /* @__PURE__ */ jsxDEV("aside", {
+        className: "flex min-w-0 flex-col gap-4 overflow-y-auto border-border p-4 lg:border-l",
+        "data-testid": "api-reference-aside",
+        children: [/* @__PURE__ */ jsxDEV(CodeSamples, {
+          operation: selected,
+          server
+        }, void 0, false), /* @__PURE__ */ jsxDEV(ResponsePanel, {}, void 0, false)]
+      }, void 0, true)]
+    }, selected.key, true);
+    $[45] = selected;
+    $[46] = server;
+    $[47] = t13;
+  } else {
+    t13 = $[47];
+  }
+  let t14;
+  if ($[48] !== t12 || $[49] !== t13 || $[50] !== t8 || $[51] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV("div", {
+      className: t8,
+      "data-testid": t9,
+      children: [t12, t13]
+    }, void 0, true);
+    $[48] = t12;
+    $[49] = t13;
+    $[50] = t8;
+    $[51] = t9;
+    $[52] = t14;
+  } else {
+    t14 = $[52];
+  }
+  return t14;
+};
+
+export { ReferenceView as R, Skeleton as S, useAdminSpec as u };