@lunora/studio 1.0.0-alpha.13 → 1.0.0-alpha.131

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

@@ -1,2180 +0,0 @@
-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, g as copyToClipboard, f as fireAndForget, c as callOptions, a as adminRef } from './internal-rXJEAhXS.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 './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { B as Badge$1 } from './badge-B2PKA1-5.js';
-import { ShardInput } from './ShardInput-gx_DZXXn.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 };