uilint-react 0.2.137 → 0.2.138

package/dist/SchemaPanel-0lLkqa2L.js

@@ -0,0 +1,893 @@
+import { g as j, j as t, C as H, a as L, B as v, b as I, c as M, d as V, e as $, f as A } from "./index-Cc4gwBce.js";
+import { isExpressionBinding as D, isDataBinding as k, isConditionalValue as R } from "uilint-core";
+import b from "react";
+function S(e, r) {
+  const n = r.split(".");
+  let i = e;
+  for (const o of n) {
+    if (i == null)
+      return;
+    if (typeof i == "object")
+      i = i[o];
+    else
+      return;
+  }
+  return i;
+}
+function u(e, r) {
+  const n = e.binding;
+  let i = S(r.data, n);
+  return i === void 0 && (i = S(r.state, n)), i === void 0 && (i = S(r.computed, n)), i;
+}
+function T(e, r) {
+  const n = e.expression, i = {
+    ...r.data,
+    ...r.state,
+    ...r.computed
+  };
+  try {
+    const o = Object.keys(i), a = Object.values(i);
+    return new Function(...o, `return (${n});`)(...a);
+  } catch (o) {
+    console.warn(`[SchemaRenderer] Failed to evaluate expression: ${n}`, o);
+    return;
+  }
+}
+function f(e, r) {
+  return k(e) ? u(e, r) : e;
+}
+function P(e, r) {
+  return u(e.condition, r) ? e.true : e.false;
+}
+function z(e, r) {
+  return R(e) ? P(e, r) : k(e) ? u(e, r) : e;
+}
+function C(e, r) {
+  return D(e) ? !!T(e, r) : !!u(e, r);
+}
+function B(e, r, n) {
+  const i = { ...e };
+  if (r)
+    for (const [o, a] of Object.entries(r))
+      i[o] = u({ binding: a }, n);
+  return i;
+}
+function E({ section: e, ctx: r }) {
+  const n = f(e.text, r), i = f(e.subtitle, r), o = e.icon ? j(e.icon) : null, a = {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: "0.5rem",
+    marginBottom: "0.75rem",
+    ...e.sticky && {
+      position: "sticky",
+      top: 0,
+      backgroundColor: "var(--uilint-surface)",
+      padding: "0.5rem 0",
+      zIndex: 10
+    }
+  };
+  return /* @__PURE__ */ t.jsxs("div", { style: a, children: [
+    o && /* @__PURE__ */ t.jsx("span", { style: { color: "var(--uilint-text-muted)", flexShrink: 0, marginTop: "0.125rem" }, children: /* @__PURE__ */ t.jsx(o, { size: 16 }) }),
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx(
+        "h3",
+        {
+          style: {
+            margin: 0,
+            fontSize: "0.875rem",
+            fontWeight: 600,
+            color: "var(--uilint-text-primary)"
+          },
+          children: String(n ?? "")
+        }
+      ),
+      i && /* @__PURE__ */ t.jsx(
+        "p",
+        {
+          style: {
+            margin: "0.25rem 0 0 0",
+            fontSize: "0.75rem",
+            color: "var(--uilint-text-muted)"
+          },
+          children: String(i)
+        }
+      )
+    ] })
+  ] });
+}
+function N({
+  code: e,
+  startLine: r = 1,
+  highlightLines: n,
+  maxHeight: i
+}) {
+  const o = e.split(`
+`), a = new Set(n || []);
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      style: {
+        fontFamily: "monospace",
+        fontSize: "0.75rem",
+        backgroundColor: "var(--uilint-surface)",
+        borderRadius: "4px",
+        border: "1px solid var(--uilint-border)",
+        overflow: "auto",
+        maxHeight: i || 200
+      },
+      children: o.map((s, c) => {
+        const m = r + c, d = a.has(m);
+        return /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              backgroundColor: d ? "rgba(var(--uilint-accent-rgb), 0.15)" : "transparent"
+            },
+            children: [
+              /* @__PURE__ */ t.jsx(
+                "span",
+                {
+                  style: {
+                    width: "3rem",
+                    paddingRight: "0.5rem",
+                    textAlign: "right",
+                    color: "var(--uilint-text-muted)",
+                    userSelect: "none",
+                    flexShrink: 0,
+                    borderRight: "1px solid var(--uilint-border)"
+                  },
+                  children: m
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "pre",
+                {
+                  style: {
+                    margin: 0,
+                    padding: "0 0.5rem",
+                    whiteSpace: "pre-wrap",
+                    wordBreak: "break-all",
+                    flex: 1
+                  },
+                  children: s || " "
+                }
+              )
+            ]
+          },
+          c
+        );
+      })
+    }
+  );
+}
+function w({
+  section: e,
+  ctx: r,
+  onAction: n,
+  onFetch: i
+}) {
+  const [o, a] = b.useState(null), [s, c] = b.useState(!1), m = e.code;
+  b.useEffect(() => {
+    if (k(m)) {
+      const l = u(m, r);
+      a(typeof l == "string" ? l : null);
+    } else if ("fetch" in m && i) {
+      c(!0);
+      const l = m.fetch, p = {};
+      l.params.filePath && (p.filePath = u(l.params.filePath, r)), l.params.line && (p.line = u(l.params.line, r)), l.params.contextAbove !== void 0 && (p.contextAbove = l.params.contextAbove), l.params.contextBelow !== void 0 && (p.contextBelow = l.params.contextBelow), i(l.type, p).then((x) => {
+        a(typeof x == "string" ? x : JSON.stringify(x, null, 2));
+      }).catch((x) => {
+        console.error("[CodeViewerSection] Fetch failed:", x), a(`// Error loading code: ${x.message}`);
+      }).finally(() => {
+        c(!1);
+      });
+    }
+  }, [m, r, i]);
+  const d = f(e.startLine, r), h = e.highlightLines ? u(e.highlightLines, r) : void 0, y = e.icon ? j(e.icon) : null, g = e.onNavigate ? () => {
+    const l = B(
+      e.onNavigate.payload,
+      e.onNavigate.payloadBindings,
+      r
+    );
+    n(e.onNavigate.type, l);
+  } : void 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: "0.75rem" }, children: [
+    e.label && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          marginBottom: "0.5rem"
+        },
+        children: [
+          /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+            y && /* @__PURE__ */ t.jsx("span", { style: { color: "var(--uilint-text-muted)" }, children: /* @__PURE__ */ t.jsx(y, { size: 14 }) }),
+            /* @__PURE__ */ t.jsx(
+              "span",
+              {
+                style: {
+                  fontSize: "0.75rem",
+                  fontWeight: 500,
+                  color: "var(--uilint-text-secondary)"
+                },
+                children: e.label
+              }
+            )
+          ] }),
+          g && /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              onClick: g,
+              style: {
+                background: "none",
+                border: "none",
+                padding: "0.25rem",
+                cursor: "pointer",
+                color: "var(--uilint-accent)",
+                fontSize: "0.75rem"
+              },
+              children: "Open in editor"
+            }
+          )
+        ]
+      }
+    ),
+    s ? /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          padding: "1rem",
+          textAlign: "center",
+          color: "var(--uilint-text-muted)",
+          fontSize: "0.75rem",
+          backgroundColor: "var(--uilint-surface)",
+          borderRadius: "4px",
+          border: "1px solid var(--uilint-border)"
+        },
+        children: "Loading code..."
+      }
+    ) : o ? /* @__PURE__ */ t.jsx(
+      N,
+      {
+        code: o,
+        startLine: typeof d == "number" ? d : 1,
+        highlightLines: h,
+        maxHeight: e.maxHeight
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          padding: "1rem",
+          textAlign: "center",
+          color: "var(--uilint-text-muted)",
+          fontSize: "0.75rem",
+          backgroundColor: "var(--uilint-surface)",
+          borderRadius: "4px",
+          border: "1px solid var(--uilint-border)"
+        },
+        children: "No code available"
+      }
+    )
+  ] });
+}
+function W({
+  section: e,
+  ctx: r,
+  onAction: n,
+  onFetch: i
+}) {
+  const a = e.mode === "stacked" ? {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem",
+    marginBottom: "0.75rem"
+  } : {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr",
+    gap: "1rem",
+    marginBottom: "0.75rem"
+  }, s = {
+    type: "code-viewer",
+    label: e.source.label,
+    icon: e.source.icon,
+    code: e.source.code,
+    location: e.source.location,
+    diffHighlighting: e.computeDiff,
+    maxHeight: e.maxHeight
+  }, c = {
+    type: "code-viewer",
+    label: e.target.label,
+    icon: e.target.icon,
+    code: e.target.code,
+    location: e.target.location,
+    diffHighlighting: e.computeDiff,
+    maxHeight: e.maxHeight
+  };
+  return /* @__PURE__ */ t.jsxs("div", { style: a, children: [
+    /* @__PURE__ */ t.jsx(
+      w,
+      {
+        section: s,
+        ctx: r,
+        onAction: n,
+        onFetch: i
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      w,
+      {
+        section: c,
+        ctx: r,
+        onAction: n,
+        onFetch: i
+      }
+    )
+  ] });
+}
+function O(e) {
+  return e >= 85 ? "error" : e >= 70 ? "warning" : "info";
+}
+function F(e) {
+  return e >= 90 ? "Very High" : e >= 75 ? "High" : e >= 60 ? "Moderate" : "Low";
+}
+function _({ section: e, ctx: r }) {
+  const n = u(e.value, r), i = e.centered ? { display: "flex", justifyContent: "center", marginBottom: "0.75rem" } : { marginBottom: "0.75rem" };
+  switch (e.variant) {
+    case "similarity": {
+      const a = Math.round((typeof n == "number" ? n : 0) * 100), s = O(a), c = F(a);
+      return /* @__PURE__ */ t.jsx("div", { style: i, children: /* @__PURE__ */ t.jsxs(v, { variant: s, children: [
+        a,
+        "% Match - ",
+        c
+      ] }) });
+    }
+    case "severity": {
+      const o = String(n || "info"), s = {
+        error: "error",
+        warning: "warning",
+        info: "info",
+        success: "success"
+      }[o] || "info";
+      return /* @__PURE__ */ t.jsx("div", { style: i, children: /* @__PURE__ */ t.jsxs(v, { variant: s, children: [
+        e.label ? `${e.label}: ` : "",
+        o
+      ] }) });
+    }
+    case "status": {
+      const o = String(n || "unknown"), s = {
+        ready: "success",
+        indexing: "info",
+        error: "error",
+        idle: "info",
+        loading: "info"
+      }[o] || "info";
+      return /* @__PURE__ */ t.jsx("div", { style: i, children: /* @__PURE__ */ t.jsxs(v, { variant: s, children: [
+        e.label ? `${e.label}: ` : "",
+        o
+      ] }) });
+    }
+    case "category": {
+      const o = String(n || "");
+      return /* @__PURE__ */ t.jsx("div", { style: i, children: /* @__PURE__ */ t.jsx(L, { children: o }) });
+    }
+    case "count": {
+      const o = typeof n == "number" ? n : 0;
+      return /* @__PURE__ */ t.jsxs("div", { style: i, children: [
+        e.label && /* @__PURE__ */ t.jsxs("span", { style: { marginRight: "0.5rem", fontSize: "0.75rem", color: "var(--uilint-text-muted)" }, children: [
+          e.label,
+          ":"
+        ] }),
+        /* @__PURE__ */ t.jsx(H, { count: o })
+      ] });
+    }
+    default:
+      return null;
+  }
+}
+function J(e) {
+  const r = {
+    marginBottom: "0.5rem",
+    lineHeight: 1.5
+  };
+  switch (e) {
+    case "caption":
+      return {
+        ...r,
+        fontSize: "0.75rem",
+        color: "var(--uilint-text-muted)"
+      };
+    case "muted":
+      return {
+        ...r,
+        fontSize: "0.875rem",
+        color: "var(--uilint-text-muted)"
+      };
+    case "error":
+      return {
+        ...r,
+        fontSize: "0.875rem",
+        color: "var(--uilint-error)"
+      };
+    case "success":
+      return {
+        ...r,
+        fontSize: "0.875rem",
+        color: "var(--uilint-success)"
+      };
+    default:
+      return {
+        ...r,
+        fontSize: "0.875rem",
+        color: "var(--uilint-text-primary)"
+      };
+  }
+}
+function U({ section: e, ctx: r }) {
+  const n = f(e.content, r);
+  if (n == null)
+    return null;
+  const i = J(e.variant);
+  return /* @__PURE__ */ t.jsx("p", { style: i, children: String(n) });
+}
+function q(e) {
+  switch (e) {
+    case "primary":
+      return "default";
+    case "secondary":
+      return "outline";
+    case "ghost":
+      return "ghost";
+    case "danger":
+      return "destructive";
+    default:
+      return "default";
+  }
+}
+function G({
+  button: e,
+  ctx: r,
+  onAction: n
+}) {
+  if (e.visible && !!!u(e.visible, r))
+    return null;
+  const i = e.disabled ? !!u(e.disabled, r) : !1;
+  let o;
+  R(e.label), o = String(z(e.label, r) ?? "");
+  const a = e.icon ? j(e.icon) : null, s = () => {
+    const c = B(
+      e.action.payload,
+      e.action.payloadBindings,
+      r
+    );
+    n(e.action.type, c);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    I,
+    {
+      variant: q(e.variant),
+      size: "sm",
+      disabled: i,
+      onClick: s,
+      children: [
+        a && /* @__PURE__ */ t.jsx(a, { size: 14, style: { marginRight: "0.25rem" } }),
+        o
+      ]
+    }
+  );
+}
+function K({ section: e, ctx: r, onAction: n }) {
+  const i = e.direction !== "column";
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: i ? "row" : "column",
+        gap: "0.5rem",
+        marginBottom: "0.75rem",
+        ...i && { flexWrap: "wrap" }
+      },
+      children: e.actions.map((o) => /* @__PURE__ */ t.jsx(
+        G,
+        {
+          button: o,
+          ctx: r,
+          onAction: n
+        },
+        o.id
+      ))
+    }
+  );
+}
+function Q(e) {
+  switch (e) {
+    case "small":
+      return "0.5rem 0";
+    case "large":
+      return "1.5rem 0";
+    default:
+      return "1rem 0";
+  }
+}
+function X({ section: e }) {
+  const r = Q(e.spacing);
+  return /* @__PURE__ */ t.jsx(
+    "hr",
+    {
+      style: {
+        margin: r,
+        border: "none",
+        borderTop: "1px solid var(--uilint-border)"
+      }
+    }
+  );
+}
+function Y({
+  section: e,
+  ctx: r,
+  renderSection: n
+}) {
+  const o = C(e.condition, r) ? e.then : e.else;
+  return !o || o.length === 0 ? null : /* @__PURE__ */ t.jsx(t.Fragment, { children: o.map((a, s) => /* @__PURE__ */ t.jsx(b.Fragment, { children: n(a, s) }, s)) });
+}
+function Z({ section: e, ctx: r, renderSection: n }) {
+  const i = u(e.items, r);
+  return !Array.isArray(i) || i.length === 0 ? e.emptyMessage ? /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      style: {
+        padding: "1rem",
+        textAlign: "center",
+        color: "var(--uilint-text-muted)",
+        fontSize: "0.875rem"
+      },
+      children: e.emptyMessage
+    }
+  ) : null : /* @__PURE__ */ t.jsx("div", { style: { marginBottom: "0.75rem" }, children: i.map((o, a) => {
+    const s = {
+      ...r,
+      data: {
+        ...r.data,
+        item: o,
+        itemIndex: a
+      }
+    };
+    return /* @__PURE__ */ t.jsx("div", { style: { marginBottom: "0.5rem" }, children: e.itemLayout.map(
+      (c, m) => n(c, m, s)
+    ) }, a);
+  }) });
+}
+function ee({ section: e, ctx: r }) {
+  const n = u(e.src, r), i = e.highlightRegion ? u(e.highlightRegion, r) : void 0;
+  return !n || typeof n != "string" ? null : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        marginBottom: "0.75rem",
+        maxHeight: e.maxHeight,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            src: n,
+            alt: e.alt || "Image",
+            style: {
+              width: "100%",
+              height: "auto",
+              maxHeight: e.maxHeight,
+              objectFit: "contain",
+              borderRadius: "4px",
+              border: "1px solid var(--uilint-border)"
+            }
+          }
+        ),
+        i && /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: `${i.x}px`,
+              top: `${i.y}px`,
+              width: `${i.width}px`,
+              height: `${i.height}px`,
+              border: "2px solid var(--uilint-accent)",
+              borderRadius: "4px",
+              backgroundColor: "rgba(var(--uilint-accent-rgb), 0.1)",
+              pointerEvents: "none"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function te({ section: e, ctx: r, onAction: n }) {
+  const i = f(e.title, r), o = f(e.subtitle, r), a = e.thumbnail ? u(e.thumbnail, r) : void 0, s = e.badge ? u(e.badge.value, r) : void 0, c = e.onClick ? () => {
+    const d = B(
+      e.onClick.payload,
+      e.onClick.payloadBindings,
+      r
+    );
+    n(e.onClick.type, d);
+  } : void 0, m = {
+    marginBottom: "0.5rem",
+    ...c && { cursor: "pointer" }
+  };
+  return /* @__PURE__ */ t.jsx(
+    M,
+    {
+      style: m,
+      onClick: c,
+      role: c ? "button" : void 0,
+      tabIndex: c ? 0 : void 0,
+      children: /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "0.75rem" }, children: [
+        typeof a == "string" && a && /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            src: a,
+            alt: "",
+            style: {
+              width: "48px",
+              height: "48px",
+              borderRadius: "4px",
+              objectFit: "cover",
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t.jsxs(V, { style: { padding: "0.75rem 0.75rem 0" }, children: [
+          /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ t.jsx($, { style: { fontSize: "0.875rem", marginBottom: 0 }, children: String(i ?? "") }),
+            e.badge && s !== void 0 && /* @__PURE__ */ t.jsxs(v, { variant: e.badge.variant === "severity" ? "warning" : "info", children: [
+              e.badge.label ? `${e.badge.label}: ` : "",
+              String(s)
+            ] })
+          ] }),
+          o && /* @__PURE__ */ t.jsx(A, { style: { fontSize: "0.75rem", marginTop: "0.25rem" }, children: String(o) })
+        ] }) })
+      ] })
+    }
+  );
+}
+function re({ section: e, ctx: r }) {
+  const n = f(e.value, r), i = f(e.label, r), o = typeof n == "number" ? Math.min(100, Math.max(0, n)) : 0;
+  return /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: "0.75rem" }, children: [
+    i && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          fontSize: "0.75rem",
+          color: "var(--uilint-text-muted)",
+          marginBottom: "0.25rem"
+        },
+        children: String(i)
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          height: "6px",
+          backgroundColor: "var(--uilint-surface)",
+          borderRadius: "3px",
+          overflow: "hidden"
+        },
+        children: e.indeterminate ? /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              width: "30%",
+              backgroundColor: "var(--uilint-accent)",
+              borderRadius: "3px",
+              animation: "progress-indeterminate 1.5s infinite linear"
+            }
+          }
+        ) : /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              width: `${o}%`,
+              backgroundColor: "var(--uilint-accent)",
+              borderRadius: "3px",
+              transition: "width 0.3s ease"
+            }
+          }
+        )
+      }
+    ),
+    !e.indeterminate && typeof n == "number" && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          fontSize: "0.75rem",
+          color: "var(--uilint-text-muted)",
+          marginTop: "0.25rem",
+          textAlign: "right"
+        },
+        children: [
+          o,
+          "%"
+        ]
+      }
+    )
+  ] });
+}
+function ae({
+  panel: e,
+  data: r,
+  state: n,
+  computed: i = {},
+  onAction: o,
+  onFetch: a
+}) {
+  const s = {
+    data: r,
+    state: n,
+    computed: i
+  };
+  if (e.loading && C(e.loading.when, s))
+    return /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          padding: "2rem",
+          textAlign: "center",
+          color: "var(--uilint-text-muted)"
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              style: {
+                marginBottom: "0.5rem",
+                animation: "spin 1s linear infinite"
+              },
+              children: /* @__PURE__ */ t.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t.jsx(
+                "circle",
+                {
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeDasharray: "31.4",
+                  strokeLinecap: "round"
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ t.jsx("div", { style: { fontSize: "0.875rem" }, children: e.loading.message || "Loading..." }),
+          e.loading.submessage && /* @__PURE__ */ t.jsx("div", { style: { fontSize: "0.75rem", marginTop: "0.25rem" }, children: e.loading.submessage })
+        ]
+      }
+    );
+  if (e.empty && C(e.empty.when, s)) {
+    const h = e.empty.icon ? j(e.empty.icon) : null;
+    return /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          padding: "2rem",
+          textAlign: "center",
+          color: "var(--uilint-text-muted)"
+        },
+        children: [
+          h && /* @__PURE__ */ t.jsx("div", { style: { marginBottom: "0.5rem" }, children: /* @__PURE__ */ t.jsx(h, { size: 32, strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ t.jsx("div", { style: { fontSize: "0.875rem" }, children: e.empty.message }),
+          e.empty.submessage && /* @__PURE__ */ t.jsx("div", { style: { fontSize: "0.75rem", marginTop: "0.25rem" }, children: e.empty.submessage })
+        ]
+      }
+    );
+  }
+  const c = (d, h, y) => {
+    const g = y || s, l = `section-${h}`;
+    switch (d.type) {
+      case "header":
+        return /* @__PURE__ */ t.jsx(E, { section: d, ctx: g }, l);
+      case "code-viewer":
+        return /* @__PURE__ */ t.jsx(
+          w,
+          {
+            section: d,
+            ctx: g,
+            onAction: o,
+            onFetch: a
+          },
+          l
+        );
+      case "code-comparison":
+        return /* @__PURE__ */ t.jsx(
+          W,
+          {
+            section: d,
+            ctx: g,
+            onAction: o,
+            onFetch: a
+          },
+          l
+        );
+      case "badge":
+        return /* @__PURE__ */ t.jsx(_, { section: d, ctx: g }, l);
+      case "text":
+        return /* @__PURE__ */ t.jsx(U, { section: d, ctx: g }, l);
+      case "actions":
+        return /* @__PURE__ */ t.jsx(
+          K,
+          {
+            section: d,
+            ctx: g,
+            onAction: o
+          },
+          l
+        );
+      case "divider":
+        return /* @__PURE__ */ t.jsx(X, { section: d }, l);
+      case "conditional":
+        return /* @__PURE__ */ t.jsx(
+          Y,
+          {
+            section: d,
+            ctx: g,
+            renderSection: c
+          },
+          l
+        );
+      case "list":
+        return /* @__PURE__ */ t.jsx(
+          Z,
+          {
+            section: d,
+            ctx: g,
+            renderSection: c
+          },
+          l
+        );
+      case "image":
+        return /* @__PURE__ */ t.jsx(ee, { section: d, ctx: g }, l);
+      case "card":
+        return /* @__PURE__ */ t.jsx(
+          te,
+          {
+            section: d,
+            ctx: g,
+            onAction: o
+          },
+          l
+        );
+      case "progress":
+        return /* @__PURE__ */ t.jsx(re, { section: d, ctx: g }, l);
+      default:
+        return console.warn(
+          `[SchemaPanel] Unknown section type: ${d.type}`
+        ), null;
+    }
+  }, m = f(e.title, s);
+  return /* @__PURE__ */ t.jsxs("div", { style: { padding: "1rem" }, children: [
+    m && /* @__PURE__ */ t.jsx(
+      "h2",
+      {
+        style: {
+          margin: "0 0 1rem 0",
+          fontSize: "1rem",
+          fontWeight: 600,
+          color: "var(--uilint-text-primary)"
+        },
+        children: String(m)
+      }
+    ),
+    e.layout.map((d, h) => c(d, h))
+  ] });
+}
+export {
+  ae as SchemaPanel
+};
+//# sourceMappingURL=SchemaPanel-0lLkqa2L.js.map