@pstdio/ui 0.16.0 → 0.17.0

package/dist/param-editor-read-only-field-DgtLqcFa.js

@@ -0,0 +1,925 @@
+import { jsx as o, jsxs as x, Fragment as Le } from "react/jsx-runtime";
+import { c as V } from "react/compiler-runtime";
+import { Text as de, Icon as le, HStack as ge, Flex as K, Box as E, parseColor as Ne, ColorPicker as Y, Input as we, NumberInput as me, Slider as fe, Popover as Se, IconButton as Ce, Grid as _e, GridItem as We, Badge as ke, Spinner as je, Menu as he, Button as Be, Image as De } from "@chakra-ui/react";
+import * as ze from "react";
+import { useState as be, useRef as ae, useEffect as pe } from "react";
+import { CircleHelp as Ve, Circle as xe, Bug as He, Sparkles as Fe, BookOpen as Me, Wrench as qe, Gauge as Ge, Feather as Ke, Scale as Ue, Layers as Xe, AlertTriangle as Qe, Star as Ye, Flag as Je, Flame as Ze, Lightbulb as et, Shield as tt, Eye as lt, Clock as nt, CheckCircle as it, Tag as rt, Code as ot, ChartColumnIncreasing as st, CircleQuestionMark as ct, ShieldAlert as at, LoaderCircle as dt, CircleCheck as ut, CircleAlert as ft, CircleStop as ht, CirclePause as mt, ClockAlert as gt, CircleDot as bt, CircleDashed as pt, ChevronDown as Re, GitCommitIcon as vt, GitBranchIcon as St, SquareCheck as xt, Square as Ct, Check as yt } from "lucide-react";
+import { T as Ie } from "./scroll-area-BMbg1WcD.js";
+import { L as kt } from "./list-row-YRUxEcy3.js";
+import "./checkbox-B2zYVemL.js";
+import "./empty-state-Bo4HVrgr.js";
+const G = (r) => {
+  const e = V(7), {
+    name: l,
+    description: n
+  } = r;
+  let t;
+  e[0] !== l ? (t = /* @__PURE__ */ o(de, { textStyle: "label/S/medium", color: "fg.muted", truncate: !0, children: l }), e[0] = l, e[1] = t) : t = e[1];
+  let s;
+  e[2] !== n ? (s = n ? /* @__PURE__ */ o(Ie, { content: n, children: /* @__PURE__ */ o(le, { as: Ve, boxSize: "12px", color: "fg.muted", opacity: 0.6, cursor: "help", flexShrink: 0 }) }) : null, e[2] = n, e[3] = s) : s = e[3];
+  let i;
+  return e[4] !== t || e[5] !== s ? (i = /* @__PURE__ */ x(ge, { gap: "1", alignItems: "center", minW: "0", children: [
+    t,
+    s
+  ] }), e[4] = t, e[5] = s, e[6] = i) : i = e[6], i;
+}, It = (r) => {
+  const e = V(17), {
+    name: l,
+    description: n,
+    hideLabel: t,
+    fullWidth: s,
+    orientation: i,
+    labelTrailing: c,
+    children: a
+  } = r, f = t === void 0 ? !1 : t, u = s === void 0 ? !1 : s, p = i === void 0 ? "auto" : i;
+  let d;
+  e[0] !== n || e[1] !== f || e[2] !== l ? (d = f || !l ? null : /* @__PURE__ */ o(G, { name: l, description: n }), e[0] = n, e[1] = f, e[2] = l, e[3] = d) : d = e[3];
+  const m = d;
+  if ((p === "auto" ? u ? "stacked" : "inline" : p) === "stacked") {
+    const _ = m || c;
+    let b;
+    e[4] !== _ || e[5] !== m || e[6] !== c ? (b = _ ? /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", gap: "xs", mb: "xs", minW: "0", children: [
+      m,
+      c
+    ] }) : null, e[4] = _, e[5] = m, e[6] = c, e[7] = b) : b = e[7];
+    let S;
+    return e[8] !== a || e[9] !== b ? (S = /* @__PURE__ */ x(E, { minW: "0", children: [
+      b,
+      a
+    ] }), e[8] = a, e[9] = b, e[10] = S) : S = e[10], S;
+  }
+  let h;
+  e[11] !== a || e[12] !== c ? (h = /* @__PURE__ */ x(K, { alignItems: "center", gap: "xs", minW: "0", children: [
+    c,
+    a
+  ] }), e[11] = a, e[12] = c, e[13] = h) : h = e[13];
+  let y;
+  return e[14] !== m || e[15] !== h ? (y = /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", minW: "0", children: [
+    m,
+    h
+  ] }), e[14] = m, e[15] = h, e[16] = y) : y = e[16], y;
+}, ue = (r) => {
+  const e = V(8);
+  let l, n, t;
+  e[0] !== r ? ({
+    children: n,
+    preserveWhitespace: t,
+    ...l
+  } = r, e[0] = r, e[1] = l, e[2] = n, e[3] = t) : (l = e[1], n = e[2], t = e[3]);
+  const i = (t === void 0 ? !1 : t) ? "pre-wrap" : void 0;
+  let c;
+  return e[4] !== l || e[5] !== n || e[6] !== i ? (c = /* @__PURE__ */ o(E, { minW: "0", textStyle: "label/S/regular", whiteSpace: i, ...l, children: n }), e[4] = l, e[5] = n, e[6] = i, e[7] = c) : c = e[7], c;
+}, sl = (r) => {
+  const e = V(68), {
+    id: l,
+    defaultValue: n,
+    name: t,
+    onChange: s,
+    description: i,
+    readOnly: c,
+    hideLabel: a,
+    fullWidth: f
+  } = r, u = a === void 0 ? !1 : a, p = f === void 0 ? !1 : f, [d, m] = be(n), [C, h] = be(!1), y = ae(null), _ = ae(null), b = ae(null);
+  let S;
+  e[0] !== l || e[1] !== s ? (S = (N) => {
+    b.current && clearTimeout(b.current), b.current = setTimeout(() => s(l, N), 540);
+  }, e[0] = l, e[1] = s, e[2] = S) : S = e[2];
+  const k = S;
+  let I, $;
+  e[3] !== n ? (I = () => {
+    m(n);
+  }, $ = [n], e[3] = n, e[4] = I, e[5] = $) : (I = e[4], $ = e[5]), pe(I, $);
+  let W, g;
+  e[6] !== C ? (W = () => {
+    if (!C)
+      return;
+    const N = (te) => {
+      const se = te;
+      return y.current?.contains(se) || _.current?.contains(se);
+    }, B = (te) => {
+      N(te.target) || h(!1);
+    };
+    return document.addEventListener("focusin", B, !0), document.addEventListener("pointerdown", B, !0), document.addEventListener("click", B, !0), () => {
+      document.removeEventListener("focusin", B, !0), document.removeEventListener("pointerdown", B, !0), document.removeEventListener("click", B, !0);
+    };
+  }, g = [C], e[6] = C, e[7] = W, e[8] = g) : (W = e[7], g = e[8]), pe(W, g);
+  let T;
+  e[9] !== k ? (T = (N) => {
+    m(N), k(N);
+  }, e[9] = k, e[10] = T) : T = e[10];
+  const A = T;
+  let O;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (N) => {
+    const B = N.currentTarget;
+    setTimeout(() => {
+      B.contains(B.ownerDocument.activeElement) || h(!1);
+    });
+  }, e[11] = O) : O = e[11];
+  const v = O;
+  if (c) {
+    let N;
+    e[12] !== d ? (N = /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ x(K, { alignItems: "center", gap: "xs", children: [
+      /* @__PURE__ */ o(E, { boxSize: "0.75rem", borderRadius: "xs", bg: d }),
+      /* @__PURE__ */ o(E, { as: "span", children: d })
+    ] }) }), e[12] = d, e[13] = N) : N = e[13];
+    const B = N;
+    if (p) {
+      let ce;
+      e[14] !== i || e[15] !== u || e[16] !== t ? (ce = !u && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: i }) }), e[14] = i, e[15] = u, e[16] = t, e[17] = ce) : ce = e[17];
+      let ve;
+      return e[18] !== ce || e[19] !== B ? (ve = /* @__PURE__ */ x(E, { children: [
+        ce,
+        B
+      ] }), e[18] = ce, e[19] = B, e[20] = ve) : ve = e[20], ve;
+    }
+    let te;
+    e[21] !== i || e[22] !== u || e[23] !== t ? (te = !u && /* @__PURE__ */ o(G, { name: t, description: i }), e[21] = i, e[22] = u, e[23] = t, e[24] = te) : te = e[24];
+    let se;
+    return e[25] !== te || e[26] !== B ? (se = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+      te,
+      B
+    ] }) }), e[25] = te, e[26] = B, e[27] = se) : se = e[27], se;
+  }
+  let L;
+  e[28] !== d ? (L = Ne(d), e[28] = d, e[29] = L) : L = e[29];
+  let j, w, z;
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = (N) => h(N.open), w = () => h(!1), z = () => h(!1), e[30] = j, e[31] = w, e[32] = z) : (j = e[30], w = e[31], z = e[32]);
+  let H;
+  e[33] !== A ? (H = (N) => A(N.value.toString("hex")), e[33] = A, e[34] = H) : H = e[34];
+  let U;
+  e[35] !== C || e[36] !== c || e[37] !== H || e[38] !== L ? (U = {
+    value: L,
+    open: C,
+    onOpenChange: j,
+    onFocusOutside: w,
+    onInteractOutside: z,
+    onBlur: v,
+    onValueChange: H,
+    disabled: c
+  }, e[35] = C, e[36] = c, e[37] = H, e[38] = L, e[39] = U) : U = e[39];
+  const F = U, P = p ? "100%" : "8.75rem";
+  let J;
+  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ o(Y.HiddenInput, {}), e[40] = J) : J = e[40];
+  let q;
+  e[41] !== t ? (q = /* @__PURE__ */ o(Y.Label, { srOnly: !0, children: t }), e[41] = t, e[42] = q) : q = e[42];
+  let Z;
+  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = () => h(!1), e[43] = Z) : Z = e[43];
+  let X;
+  e[44] !== c ? (X = /* @__PURE__ */ o(Y.Input, { readOnly: c, onFocus: Z }), e[44] = c, e[45] = X) : X = e[45];
+  let ne;
+  e[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ o(Y.Trigger, {}), e[46] = ne) : ne = e[46];
+  let Q;
+  e[47] !== X ? (Q = /* @__PURE__ */ x(Y.Control, { children: [
+    X,
+    ne
+  ] }), e[47] = X, e[48] = Q) : Q = e[48];
+  let ie, R;
+  e[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ie = /* @__PURE__ */ o(Y.Area, {}), R = /* @__PURE__ */ o(Y.Sliders, {}), e[49] = ie, e[50] = R) : (ie = e[49], R = e[50]);
+  let D;
+  e[51] !== d ? (D = /* @__PURE__ */ o(Y.Swatch, { value: d }), e[51] = d, e[52] = D) : D = e[52];
+  let M;
+  e[53] !== D || e[54] !== d ? (M = /* @__PURE__ */ o(Y.Positioner, { children: /* @__PURE__ */ x(Y.Content, { ref: _, onBlur: v, children: [
+    ie,
+    R,
+    /* @__PURE__ */ o(Y.SwatchGroup, { children: /* @__PURE__ */ o(Y.SwatchTrigger, { value: d, children: D }) })
+  ] }) }), e[53] = D, e[54] = d, e[55] = M) : M = e[55];
+  let re;
+  e[56] !== F || e[57] !== P || e[58] !== q || e[59] !== Q || e[60] !== M ? (re = /* @__PURE__ */ x(Y.Root, { ref: y, ...F, size: "sm", width: P, maxW: "100%", children: [
+    J,
+    q,
+    Q,
+    M
+  ] }), e[56] = F, e[57] = P, e[58] = q, e[59] = Q, e[60] = M, e[61] = re) : re = e[61];
+  const ee = re;
+  let oe;
+  return e[62] !== i || e[63] !== p || e[64] !== u || e[65] !== t || e[66] !== ee ? (oe = /* @__PURE__ */ o(E, { children: p ? /* @__PURE__ */ x(E, { children: [
+    !u && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: i }) }),
+    ee
+  ] }) : /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+    !u && /* @__PURE__ */ o(G, { name: t, description: i }),
+    ee
+  ] }) }), e[62] = i, e[63] = p, e[64] = u, e[65] = t, e[66] = ee, e[67] = oe) : oe = e[67], oe;
+}, cl = (r) => {
+  const e = V(34), {
+    id: l,
+    defaultValue: n,
+    name: t,
+    min: s,
+    max: i,
+    onChange: c,
+    description: a,
+    readOnly: f,
+    hideLabel: u,
+    fullWidth: p
+  } = r, d = u === void 0 ? !1 : u, m = p === void 0 ? !1 : p, [C, h] = be(n), y = ae(null);
+  let _;
+  e[0] !== l || e[1] !== c ? (_ = (g) => {
+    y.current && clearTimeout(y.current), y.current = setTimeout(() => c(l, g), 540);
+  }, e[0] = l, e[1] = c, e[2] = _) : _ = e[2];
+  const b = _;
+  let S, k;
+  e[3] !== n ? (S = () => {
+    h(n);
+  }, k = [n], e[3] = n, e[4] = S, e[5] = k) : (S = e[4], k = e[5]), pe(S, k);
+  let I;
+  e[6] !== b ? (I = (g) => {
+    h(g), b(g);
+  }, e[6] = b, e[7] = I) : I = e[7];
+  const $ = I;
+  if (f) {
+    let g;
+    e[8] !== C ? (g = /* @__PURE__ */ o(ue, { children: C }), e[8] = C, e[9] = g) : g = e[9];
+    const T = g;
+    if (m) {
+      let v;
+      e[10] !== a || e[11] !== d || e[12] !== t ? (v = !d && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: a }) }), e[10] = a, e[11] = d, e[12] = t, e[13] = v) : v = e[13];
+      let L;
+      return e[14] !== v || e[15] !== T ? (L = /* @__PURE__ */ x(E, { children: [
+        v,
+        T
+      ] }), e[14] = v, e[15] = T, e[16] = L) : L = e[16], L;
+    }
+    let A;
+    e[17] !== a || e[18] !== d || e[19] !== t ? (A = !d && /* @__PURE__ */ o(G, { name: t, description: a }), e[17] = a, e[18] = d, e[19] = t, e[20] = A) : A = e[20];
+    let O;
+    return e[21] !== A || e[22] !== T ? (O = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+      A,
+      T
+    ] }) }), e[21] = A, e[22] = T, e[23] = O) : O = e[23], O;
+  }
+  let W;
+  return e[24] !== a || e[25] !== m || e[26] !== $ || e[27] !== d || e[28] !== i || e[29] !== s || e[30] !== t || e[31] !== f || e[32] !== C ? (W = /* @__PURE__ */ o(E, { children: m ? /* @__PURE__ */ x(E, { children: [
+    !d && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: a }) }),
+    /* @__PURE__ */ o(we, { className: "nodrag", readOnly: f, width: "100%", size: "sm", type: "date", placeholder: d ? t : void 0, value: C, min: s, max: i, onChange: (g) => $(g.target.value), onKeyUp: wt })
+  ] }) : /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+    !d && /* @__PURE__ */ o(G, { name: t, description: a }),
+    /* @__PURE__ */ o(we, { className: "nodrag", readOnly: f, width: "8.75rem", size: "sm", type: "date", placeholder: d ? t : void 0, value: C, min: s, max: i, onChange: (g) => $(g.target.value), onKeyUp: _t })
+  ] }) }), e[24] = a, e[25] = m, e[26] = $, e[27] = d, e[28] = i, e[29] = s, e[30] = t, e[31] = f, e[32] = C, e[33] = W) : W = e[33], W;
+};
+function wt(r) {
+  r.key === "Enter" && r.currentTarget.blur();
+}
+function _t(r) {
+  r.key === "Enter" && r.currentTarget.blur();
+}
+const Te = ze.forwardRef(function(e, l) {
+  const n = V(8);
+  let t, s;
+  n[0] !== e ? ({
+    children: t,
+    ...s
+  } = e, n[0] = e, n[1] = t, n[2] = s) : (t = n[1], s = n[2]);
+  let i;
+  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ x(me.Control, { children: [
+    /* @__PURE__ */ o(me.IncrementTrigger, {}),
+    /* @__PURE__ */ o(me.DecrementTrigger, {})
+  ] }), n[3] = i) : i = n[3];
+  let c;
+  return n[4] !== t || n[5] !== l || n[6] !== s ? (c = /* @__PURE__ */ x(me.Root, { ref: l, variant: "outline", ...s, children: [
+    t,
+    i
+  ] }), n[4] = t, n[5] = l, n[6] = s, n[7] = c) : c = n[7], c;
+}), $e = me.Input, Wt = ze.forwardRef(function(e, l) {
+  const n = V(9);
+  let t, s;
+  n[0] !== e ? ({
+    children: t,
+    ...s
+  } = e, n[0] = e, n[1] = t, n[2] = s) : (t = n[1], s = n[2]);
+  let i;
+  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ o(fe.Track, { height: "2px", borderRadius: "0", bg: "bg.muted", children: /* @__PURE__ */ o(fe.Range, { bg: "fg" }) }), n[3] = i) : i = n[3];
+  let c;
+  n[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ x(fe.Control, { children: [
+    i,
+    /* @__PURE__ */ o(fe.Thumbs, { boxSize: "0.625rem", bg: "fg", borderWidth: "1px", borderColor: "bg", borderRadius: "2xs", boxShadow: "none", transition: "width 0.12s ease, height 0.12s ease, border-color 0.2s ease-in-out", _hover: {
+      boxSize: "0.75rem",
+      borderColor: "border.accent-light"
+    }, _active: {
+      boxSize: "0.875rem",
+      borderColor: "border.accent-light"
+    }, _focusVisible: {
+      borderColor: "border.accent-light",
+      outline: "none",
+      boxShadow: "none"
+    } })
+  ] }), n[4] = c) : c = n[4];
+  let a;
+  return n[5] !== t || n[6] !== l || n[7] !== s ? (a = /* @__PURE__ */ x(fe.Root, { ref: l, variant: "solid", ...s, children: [
+    c,
+    t
+  ] }), n[5] = t, n[6] = l, n[7] = s, n[8] = a) : a = n[8], a;
+}), al = (r) => {
+  const e = V(45), {
+    id: l,
+    defaultValue: n,
+    name: t,
+    step: s,
+    min: i,
+    max: c,
+    onChange: a,
+    description: f,
+    readOnly: u,
+    hideLabel: p,
+    hideSlider: d,
+    fullWidth: m
+  } = r, C = s === void 0 ? 1 : s, h = p === void 0 ? !1 : p, y = d === void 0 ? !1 : d, _ = m === void 0 ? !1 : m, [b, S] = be(n), I = i !== void 0 && c !== void 0 && !y, $ = _ && !I, W = ae(null);
+  let g;
+  e[0] !== l || e[1] !== a ? (g = (w) => {
+    W.current && clearTimeout(W.current), W.current = setTimeout(() => a(l, w), 540);
+  }, e[0] = l, e[1] = a, e[2] = g) : g = e[2];
+  const T = g;
+  let A, O;
+  if (e[3] !== n ? (A = () => {
+    S(n);
+  }, O = [n], e[3] = n, e[4] = A, e[5] = O) : (A = e[4], O = e[5]), pe(A, O), u) {
+    let w;
+    e[6] !== b ? (w = /* @__PURE__ */ o(ue, { children: b }), e[6] = b, e[7] = w) : w = e[7];
+    const z = w;
+    if (_) {
+      let F;
+      e[8] !== f || e[9] !== h || e[10] !== t ? (F = !h && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: f }) }), e[8] = f, e[9] = h, e[10] = t, e[11] = F) : F = e[11];
+      let P;
+      return e[12] !== F || e[13] !== z ? (P = /* @__PURE__ */ x(E, { children: [
+        F,
+        z
+      ] }), e[12] = F, e[13] = z, e[14] = P) : P = e[14], P;
+    }
+    let H;
+    e[15] !== f || e[16] !== h || e[17] !== t ? (H = !h && /* @__PURE__ */ o(G, { name: t, description: f }), e[15] = f, e[16] = h, e[17] = t, e[18] = H) : H = e[18];
+    let U;
+    return e[19] !== H || e[20] !== z ? (U = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+      H,
+      z
+    ] }) }), e[19] = H, e[20] = z, e[21] = U) : U = e[21], U;
+  }
+  let v;
+  e[22] !== f || e[23] !== h || e[24] !== c || e[25] !== i || e[26] !== t || e[27] !== u || e[28] !== T || e[29] !== C || e[30] !== $ || e[31] !== b ? (v = $ ? /* @__PURE__ */ x(E, { children: [
+    !h && /* @__PURE__ */ o(E, { mb: "xs", children: /* @__PURE__ */ o(G, { name: t, description: f }) }),
+    /* @__PURE__ */ o(Te, { disabled: u, width: "100%", size: "sm", value: `${b}`, step: C, min: i, max: c, onValueChange: (w) => {
+      const z = Number.isNaN(w.valueAsNumber) ? i ?? 0 : w.valueAsNumber;
+      S(z), T(z);
+    }, children: /* @__PURE__ */ o($e, { className: "nodrag", h: "2rem", readOnly: u, placeholder: h ? t : void 0, onKeyUp: Tt }) })
+  ] }) : /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+    !h && /* @__PURE__ */ o(G, { name: t, description: f }),
+    /* @__PURE__ */ o(Te, { disabled: u, width: "5rem", size: "sm", value: `${b}`, step: C, min: i, max: c, onValueChange: (w) => {
+      const z = Number.isNaN(w.valueAsNumber) ? i ?? 0 : w.valueAsNumber;
+      S(z), T(z);
+    }, children: /* @__PURE__ */ o($e, { className: "nodrag", h: "2rem", readOnly: u, placeholder: h ? t : void 0, onKeyUp: $t }) })
+  ] }), e[22] = f, e[23] = h, e[24] = c, e[25] = i, e[26] = t, e[27] = u, e[28] = T, e[29] = C, e[30] = $, e[31] = b, e[32] = v) : v = e[32];
+  let L;
+  e[33] !== l || e[34] !== c || e[35] !== i || e[36] !== a || e[37] !== u || e[38] !== I || e[39] !== C || e[40] !== b ? (L = I && /* @__PURE__ */ o(Wt, { size: "sm", disabled: u, value: [b], step: C, min: i, max: c, onValueChange: (w) => {
+    S(w.value[0]);
+  }, onValueChangeEnd: (w) => {
+    a(l, w.value[0]);
+  } }), e[33] = l, e[34] = c, e[35] = i, e[36] = a, e[37] = u, e[38] = I, e[39] = C, e[40] = b, e[41] = L) : L = e[41];
+  let j;
+  return e[42] !== v || e[43] !== L ? (j = /* @__PURE__ */ x(E, { children: [
+    v,
+    L
+  ] }), e[42] = v, e[43] = L, e[44] = j) : j = e[44], j;
+};
+function Tt(r) {
+  r.key === "Enter" && r.currentTarget.blur();
+}
+function $t(r) {
+  r.key === "Enter" && r.currentTarget.blur();
+}
+const Lt = ["gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink"], Ae = [{
+  value: "circle",
+  label: "circle",
+  icon: xe
+}, {
+  value: "bug",
+  label: "bug",
+  icon: He
+}, {
+  value: "sparkles",
+  label: "sparkles",
+  icon: Fe
+}, {
+  value: "book-open",
+  label: "book open",
+  icon: Me
+}, {
+  value: "wrench",
+  label: "wrench",
+  icon: qe
+}, {
+  value: "gauge",
+  label: "gauge",
+  icon: Ge
+}, {
+  value: "feather",
+  label: "feather",
+  icon: Ke
+}, {
+  value: "scale",
+  label: "scale",
+  icon: Ue
+}, {
+  value: "layers",
+  label: "layers",
+  icon: Xe
+}, {
+  value: "alert-triangle",
+  label: "alert triangle",
+  icon: Qe
+}, {
+  value: "star",
+  label: "star",
+  icon: Ye
+}, {
+  value: "flag",
+  label: "flag",
+  icon: Je
+}, {
+  value: "flame",
+  label: "flame",
+  icon: Ze
+}, {
+  value: "lightbulb",
+  label: "lightbulb",
+  icon: et
+}, {
+  value: "shield",
+  label: "shield",
+  icon: tt
+}, {
+  value: "eye",
+  label: "eye",
+  icon: lt
+}, {
+  value: "clock",
+  label: "clock",
+  icon: nt
+}, {
+  value: "check-circle",
+  label: "check circle",
+  icon: it
+}, {
+  value: "tag",
+  label: "tag",
+  icon: rt
+}, {
+  value: "code",
+  label: "code",
+  icon: ot
+}, {
+  value: "chart-column-increasing",
+  label: "chart column increasing",
+  icon: st
+}, {
+  value: "circle-question-mark",
+  label: "circle question mark",
+  icon: ct
+}, {
+  value: "shield-alert",
+  label: "shield alert",
+  icon: at
+}], Ee = (r, e = Ae) => e.find((n) => n.value === (r ?? "circle"))?.icon ?? xe, dl = (r) => {
+  const e = V(36), {
+    color: l,
+    colorOptions: n,
+    icon: t,
+    iconOptions: s,
+    onColorChange: i,
+    onIconChange: c,
+    disabled: a,
+    showIcons: f,
+    "aria-label": u
+  } = r, p = n === void 0 ? Lt : n, d = s === void 0 ? Ae : s, m = f === void 0 ? !0 : f, C = u === void 0 ? "Pick color and icon" : u;
+  let h;
+  e[0] !== t || e[1] !== d || e[2] !== m ? (h = m ? Ee(t, d) : xe, e[0] = t, e[1] = d, e[2] = m, e[3] = h) : h = e[3];
+  const y = h, _ = t ?? "circle", b = `${l}.500`, S = m ? void 0 : `${l}.500`;
+  let k;
+  e[4] !== y || e[5] !== b || e[6] !== S ? (k = /* @__PURE__ */ o(le, { as: y, boxSize: "14px", color: b, fill: S }), e[4] = y, e[5] = b, e[6] = S, e[7] = k) : k = e[7];
+  let I;
+  e[8] !== C || e[9] !== a || e[10] !== k ? (I = /* @__PURE__ */ o(Se.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Ce, { size: "2xs", variant: "ghost", disabled: a, "aria-label": C, children: k }) }), e[8] = C, e[9] = a, e[10] = k, e[11] = I) : I = e[11];
+  const $ = m ? "320px" : "220px";
+  let W;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ o(de, { textStyle: "label/S", mb: "xs", children: "Color" }), e[12] = W) : W = e[12];
+  const g = m ? "repeat(10, 1fr)" : "repeat(5, 1fr)", T = m ? "md" : "0";
+  let A;
+  if (e[13] !== l || e[14] !== p || e[15] !== i) {
+    let w;
+    e[17] !== l || e[18] !== i ? (w = (z) => /* @__PURE__ */ o(We, { children: /* @__PURE__ */ o(Ce, { size: "2xs", variant: z === l ? "outline" : "ghost", colorPalette: z, onClick: () => i(z), "aria-label": z, children: /* @__PURE__ */ o(le, { as: xe, boxSize: "14px", fill: `${z}.500`, color: `${z}.500` }) }) }, z), e[17] = l, e[18] = i, e[19] = w) : w = e[19], A = p.map(w), e[13] = l, e[14] = p, e[15] = i, e[16] = A;
+  } else
+    A = e[16];
+  let O;
+  e[20] !== g || e[21] !== T || e[22] !== A ? (O = /* @__PURE__ */ o(_e, { templateColumns: g, gap: "2xs", mb: T, children: A }), e[20] = g, e[21] = T, e[22] = A, e[23] = O) : O = e[23];
+  let v;
+  e[24] !== d || e[25] !== c || e[26] !== _ || e[27] !== m ? (v = m ? /* @__PURE__ */ x(Le, { children: [
+    /* @__PURE__ */ o(de, { textStyle: "label/S", mb: "xs", children: "Icon" }),
+    /* @__PURE__ */ o(_e, { templateColumns: "repeat(5, 1fr)", gap: "2xs", children: d.map((w) => /* @__PURE__ */ o(We, { children: /* @__PURE__ */ o(Ce, { size: "2xs", variant: w.value === _ ? "outline" : "ghost", onClick: () => c?.(w.value), "aria-label": w.label, children: /* @__PURE__ */ o(le, { as: w.icon, boxSize: "14px" }) }) }, w.value ?? "none")) })
+  ] }) : null, e[24] = d, e[25] = c, e[26] = _, e[27] = m, e[28] = v) : v = e[28];
+  let L;
+  e[29] !== O || e[30] !== v || e[31] !== $ ? (L = /* @__PURE__ */ o(Se.Positioner, { children: /* @__PURE__ */ x(Se.Content, { w: $, p: "sm", bg: "bg", children: [
+    W,
+    O,
+    v
+  ] }) }), e[29] = O, e[30] = v, e[31] = $, e[32] = L) : L = e[32];
+  let j;
+  return e[33] !== L || e[34] !== I ? (j = /* @__PURE__ */ x(Se.Root, { children: [
+    I,
+    L
+  ] }), e[33] = L, e[34] = I, e[35] = j) : j = e[35], j;
+}, zt = (r) => r === "in_progress" ? dt : r === "completed" ? ut : r === "failed" ? ft : r === "cancelled" ? ht : r === "disconnected" ? mt : r === "queued" ? gt : r === "awaiting_input" ? bt : pt, Rt = (r) => r === "in_progress" ? "fg.info" : r === "completed" ? "fg.success" : r === "failed" ? "fg.error" : r === "cancelled" || r === "disconnected" ? "fg.warning" : r === "queued" ? "fg.info" : r === "awaiting_input" ? "fg.warning" : "fg.muted", At = (r) => {
+  const e = V(11), {
+    status: l,
+    boxSize: n,
+    ariaLabel: t,
+    cursor: s,
+    onClick: i
+  } = r, c = n === void 0 ? "14px" : n, a = t === void 0 ? "Session status" : t;
+  let f;
+  e[0] !== l ? (f = zt(l), e[0] = l, e[1] = f) : f = e[1];
+  let u;
+  e[2] !== l ? (u = Rt(l), e[2] = l, e[3] = u) : u = e[3];
+  let p;
+  return e[4] !== a || e[5] !== c || e[6] !== s || e[7] !== i || e[8] !== f || e[9] !== u ? (p = /* @__PURE__ */ o(le, { as: f, boxSize: c, color: u, "aria-label": a, cursor: s, onClick: i }), e[4] = a, e[5] = c, e[6] = s, e[7] = i, e[8] = f, e[9] = u, e[10] = p) : p = e[10], p;
+}, Et = {
+  amber: "yellow"
+}, Ot = /* @__PURE__ */ new Set(["gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink"]), Pt = {
+  bg: {
+    _light: "bg.muted",
+    _dark: "bg.subtle"
+  },
+  color: "fg.muted",
+  _hover: {
+    bg: {
+      _light: "bg.subtle",
+      _dark: "bg.hover"
+    }
+  }
+}, Nt = (r) => r === "current_branch" ? vt : St, jt = (r) => {
+  if (r.startsWith("#") || r.startsWith("rgb") || r.startsWith("hsl") || r.startsWith("var("))
+    return r;
+  const e = Et[r] ?? r;
+  return Ot.has(e) ? `var(--chakra-colors-${e}-500)` : e;
+}, Bt = (r) => r ? r.description ? `${r.name}: ${r.description}` : r.name : null, Oe = (r, e) => {
+  r.stopPropagation(), e?.();
+}, Dt = (r, e) => {
+  r.stopPropagation(), e?.();
+}, Vt = (r) => {
+  const e = V(9), {
+    sessionStatus: l,
+    onSessionIndicatorClick: n
+  } = r;
+  if (!l)
+    return null;
+  const t = n ? "Open latest session" : "Latest session status";
+  let s;
+  e[0] !== n ? (s = n ? (a) => Oe(a, n) : void 0, e[0] = n, e[1] = s) : s = e[1];
+  let i;
+  e[2] !== l || e[3] !== t || e[4] !== s ? (i = /* @__PURE__ */ o(At, { status: l, boxSize: "12px", ariaLabel: t, cursor: "pointer", onClick: s }), e[2] = l, e[3] = t, e[4] = s, e[5] = i) : i = e[5];
+  let c;
+  return e[6] !== t || e[7] !== i ? (c = /* @__PURE__ */ o(Ie, { content: t, children: i }), e[6] = t, e[7] = i, e[8] = c) : c = e[8], c;
+}, Ht = (r) => {
+  const e = V(13), {
+    workspaceType: l,
+    initializing: n,
+    label: t,
+    shorthand: s
+  } = r;
+  let i;
+  e[0] !== l ? (i = Nt(l), e[0] = l, e[1] = i) : i = e[1];
+  const c = i, a = t ?? s, f = l === "worktree" ? "Worktree" : "Current branch";
+  let u;
+  e[2] !== c || e[3] !== f ? (u = /* @__PURE__ */ o(le, { as: c, boxSize: "3.5", flexShrink: 0, "aria-label": f }), e[2] = c, e[3] = f, e[4] = u) : u = e[4];
+  let p;
+  e[5] !== n ? (p = n ? /* @__PURE__ */ o(je, { size: "xs", color: "fg.muted" }) : null, e[5] = n, e[6] = p) : p = e[6];
+  let d;
+  e[7] !== a ? (d = a ? /* @__PURE__ */ o(de, { as: "span", textStyle: "label/XS/medium", color: "fg.muted", minW: "0", maxW: "10rem", truncate: !0, children: a }) : null, e[7] = a, e[8] = d) : d = e[8];
+  let m;
+  return e[9] !== u || e[10] !== p || e[11] !== d ? (m = /* @__PURE__ */ x(ge, { as: "span", gap: "2xs", alignItems: "center", color: "fg.muted", minW: "0", children: [
+    u,
+    p,
+    d
+  ] }), e[9] = u, e[10] = p, e[11] = d, e[12] = m) : m = e[12], m;
+}, Ft = (r) => {
+  const e = V(10), {
+    attemptStatus: l
+  } = r;
+  if (!l)
+    return null;
+  let n;
+  e[0] !== l ? (n = Bt(l), e[0] = l, e[1] = n) : n = e[1];
+  let t;
+  e[2] !== l.color ? (t = jt(l.color), e[2] = l.color, e[3] = t) : t = e[3];
+  const s = `Attempt status ${l.name}`;
+  let i;
+  e[4] !== t || e[5] !== s ? (i = /* @__PURE__ */ o(E, { as: "span", boxSize: "8px", borderRadius: "full", backgroundColor: t, flexShrink: 0, "aria-label": s, "data-testid": "workspace-attempt-status" }), e[4] = t, e[5] = s, e[6] = i) : i = e[6];
+  let c;
+  return e[7] !== n || e[8] !== i ? (c = /* @__PURE__ */ o(Ie, { content: n, children: i }), e[7] = n, e[8] = i, e[9] = c) : c = e[9], c;
+}, Mt = (r) => {
+  const e = V(7), {
+    diffAdditions: l,
+    diffDeletions: n
+  } = r;
+  if (typeof l != "number" || typeof n != "number")
+    return null;
+  let t;
+  e[0] !== l ? (t = /* @__PURE__ */ x(de, { as: "span", textStyle: "label/XS/medium", color: "fg.success", children: [
+    "+",
+    l
+  ] }), e[0] = l, e[1] = t) : t = e[1];
+  let s;
+  e[2] !== n ? (s = /* @__PURE__ */ x(de, { as: "span", textStyle: "label/XS/medium", color: "fg.error", children: [
+    "-",
+    n
+  ] }), e[2] = n, e[3] = s) : s = e[3];
+  let i;
+  return e[4] !== t || e[5] !== s ? (i = /* @__PURE__ */ x(ge, { as: "span", gap: "3xs", flexShrink: 0, children: [
+    t,
+    s
+  ] }), e[4] = t, e[5] = s, e[6] = i) : i = e[6], i;
+}, qt = (r) => {
+  const e = V(5), {
+    hasMultipleWorkspaces: l,
+    onDropdownClick: n
+  } = r;
+  if (!l)
+    return null;
+  const t = n ? "pointer" : "default";
+  let s;
+  e[0] !== n ? (s = n ? (c) => Oe(c, n) : void 0, e[0] = n, e[1] = s) : s = e[1];
+  let i;
+  return e[2] !== t || e[3] !== s ? (i = /* @__PURE__ */ o(le, { as: Re, boxSize: "12px", color: "fg.muted", cursor: t, "aria-label": "Workspace selector", onClick: s }), e[2] = t, e[3] = s, e[4] = i) : i = e[4], i;
+}, ul = (r) => {
+  const e = V(27), {
+    workspaceType: l,
+    initializing: n,
+    label: t,
+    shorthand: s,
+    attemptStatus: i,
+    sessionStatus: c,
+    showLeadingSessionIndicator: a,
+    diffAdditions: f,
+    diffDeletions: u,
+    hasMultipleWorkspaces: p,
+    onClick: d,
+    onDropdownClick: m,
+    onSessionIndicatorClick: C
+  } = r, h = n === void 0 ? !1 : n, y = a === void 0 ? !0 : a, _ = p === void 0 ? !1 : p, b = d || m || _ ? "pointer" : "default";
+  let S;
+  e[0] !== d ? (S = d ? (A) => Dt(A, d) : void 0, e[0] = d, e[1] = S) : S = e[1];
+  let k;
+  e[2] !== C || e[3] !== c || e[4] !== y ? (k = y ? /* @__PURE__ */ o(Vt, { sessionStatus: c, onSessionIndicatorClick: C }) : null, e[2] = C, e[3] = c, e[4] = y, e[5] = k) : k = e[5];
+  let I;
+  e[6] !== h || e[7] !== t || e[8] !== s || e[9] !== l ? (I = /* @__PURE__ */ o(Ht, { workspaceType: l, initializing: h, label: t, shorthand: s }), e[6] = h, e[7] = t, e[8] = s, e[9] = l, e[10] = I) : I = e[10];
+  let $;
+  e[11] !== i ? ($ = /* @__PURE__ */ o(Ft, { attemptStatus: i }), e[11] = i, e[12] = $) : $ = e[12];
+  let W;
+  e[13] !== f || e[14] !== u ? (W = /* @__PURE__ */ o(Mt, { diffAdditions: f, diffDeletions: u }), e[13] = f, e[14] = u, e[15] = W) : W = e[15];
+  let g;
+  e[16] !== _ || e[17] !== m ? (g = /* @__PURE__ */ o(qt, { hasMultipleWorkspaces: _, onDropdownClick: m }), e[16] = _, e[17] = m, e[18] = g) : g = e[18];
+  let T;
+  return e[19] !== b || e[20] !== S || e[21] !== k || e[22] !== I || e[23] !== $ || e[24] !== W || e[25] !== g ? (T = /* @__PURE__ */ x(ke, { as: "span", display: "inline-flex", gap: "2xs", alignItems: "center", minW: "0", maxW: "100%", variant: "subtle", ...Pt, textStyle: "label/XS/medium", cursor: b, transition: "background-color 0.2s ease-in-out", onClick: S, "data-testid": "workspace-badge", children: [
+    k,
+    I,
+    $,
+    W,
+    g
+  ] }), e[19] = b, e[20] = S, e[21] = k, e[22] = I, e[23] = $, e[24] = W, e[25] = g, e[26] = T) : T = e[26], T;
+}, Gt = (r, e) => r ? /* @__PURE__ */ o(le, { as: e ? xt : Ct, boxSize: "14px", color: e ? "fg" : "fg.muted" }) : e ? /* @__PURE__ */ o(le, { as: yt, boxSize: "14px", color: "fg" }) : null, Pe = (r, e) => r ? /* @__PURE__ */ o(le, { as: Ee(r.icon ?? null), boxSize: e, color: r.color ? `${r.color}.500` : "fg.muted" }) : null, Kt = (r) => {
+  const e = V(29), {
+    triggerLabel: l,
+    options: n,
+    selectedIds: t,
+    multiSelect: s,
+    disabled: i,
+    fullWidth: c,
+    onToggle: a
+  } = r, f = !s, u = c ? "100%" : void 0;
+  let p, d, m, C;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    bg: "bg.hover",
+    borderColor: "border.accent-light"
+  }, d = {
+    bg: "bg.active",
+    borderColor: "border.accent-light"
+  }, m = {
+    bg: "bg.active",
+    borderColor: "border.accent-light"
+  }, C = {
+    borderColor: "border.accent-light",
+    outline: "none",
+    boxShadow: "none"
+  }, e[0] = p, e[1] = d, e[2] = m, e[3] = C) : (p = e[0], d = e[1], m = e[2], C = e[3]);
+  const h = c ? "full" : void 0;
+  let y;
+  e[4] !== l ? (y = /* @__PURE__ */ o(K, { alignItems: "center", gap: "xs", children: l }), e[4] = l, e[5] = y) : y = e[5];
+  let _;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ o(Re, { size: 14 }), e[6] = _) : _ = e[6];
+  let b;
+  e[7] !== h || e[8] !== y ? (b = /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", gap: "xs", w: h, children: [
+    y,
+    _
+  ] }), e[7] = h, e[8] = y, e[9] = b) : b = e[9];
+  let S;
+  e[10] !== i || e[11] !== u || e[12] !== b ? (S = /* @__PURE__ */ o(he.Trigger, { asChild: !0, children: /* @__PURE__ */ o(Be, { size: "sm", borderWidth: "1px", borderStyle: "solid", borderColor: "border", disabled: i, textStyle: "label/S/regular", width: u, _hover: p, _active: d, _expanded: m, _focusVisible: C, children: b }) }), e[10] = i, e[11] = u, e[12] = b, e[13] = S) : S = e[13];
+  let k;
+  if (e[14] !== s || e[15] !== a || e[16] !== n || e[17] !== t) {
+    let W;
+    e[19] !== s || e[20] !== a || e[21] !== t ? (W = (g) => {
+      const T = t.includes(g.id);
+      return /* @__PURE__ */ o(he.Item, { value: g.id, asChild: !0, children: /* @__PURE__ */ o(kt, { asChild: !0, variant: "full-width", role: s ? "menuitemcheckbox" : "menuitemradio", "aria-checked": T, id: g.id, label: g.name, icon: Pe(g, "16px"), tooltip: g.description, isSelected: T, endContent: Gt(s, T), onActivate: () => a(g.id) }) }, g.id);
+    }, e[19] = s, e[20] = a, e[21] = t, e[22] = W) : W = e[22], k = n.map(W), e[14] = s, e[15] = a, e[16] = n, e[17] = t, e[18] = k;
+  } else
+    k = e[18];
+  let I;
+  e[23] !== k ? (I = /* @__PURE__ */ o(he.Positioner, { children: /* @__PURE__ */ o(he.Content, { children: k }) }), e[23] = k, e[24] = I) : I = e[24];
+  let $;
+  return e[25] !== f || e[26] !== S || e[27] !== I ? ($ = /* @__PURE__ */ x(he.Root, { closeOnSelect: f, children: [
+    S,
+    I
+  ] }), e[25] = f, e[26] = S, e[27] = I, e[28] = $) : $ = e[28], $;
+}, fl = (r) => {
+  const e = V(71), {
+    id: l,
+    defaultValue: n,
+    name: t,
+    options: s,
+    onChange: i,
+    description: c,
+    readOnly: a,
+    hideLabel: f,
+    multiSelect: u,
+    placeholder: p,
+    fullWidth: d,
+    clearable: m,
+    disabled: C
+  } = r, h = f === void 0 ? !1 : f, y = u === void 0 ? !1 : u, _ = d === void 0 ? !1 : d, b = m === void 0 ? !1 : m, S = C === void 0 ? !1 : C, [k, I] = be(n), $ = ae(null);
+  let W;
+  e[0] !== l || e[1] !== i ? (W = (R) => {
+    $.current && clearTimeout($.current), $.current = setTimeout(() => i(l, R), 540);
+  }, e[0] = l, e[1] = i, e[2] = W) : W = e[2];
+  const g = W;
+  let T, A;
+  e[3] !== n ? (T = () => {
+    I(n);
+  }, A = [n], e[3] = n, e[4] = T, e[5] = A) : (T = e[4], A = e[5]), pe(T, A);
+  let O;
+  e[6] !== y || e[7] !== k ? (O = y ? Array.isArray(k) ? k : [] : typeof k == "string" && k ? [k] : [], e[6] = y, e[7] = k, e[8] = O) : O = e[8];
+  const v = O;
+  let L;
+  e[9] !== s || e[10] !== p || e[11] !== v ? (L = () => {
+    const R = v.map((D) => s.find((M) => M.id === D)?.name).filter(Ut);
+    return R.length === 0 ? p || "Select" : R.length <= 3 ? R.join(", ") : `${R.slice(0, 3).join(", ")} +${(R.length - 3).toString()}`;
+  }, e[9] = s, e[10] = p, e[11] = v, e[12] = L) : L = e[12];
+  const j = L;
+  let w;
+  e[13] !== g ? (w = (R) => {
+    I(R), g(R);
+  }, e[13] = g, e[14] = w) : w = e[14];
+  const z = w;
+  let H;
+  e[15] !== b || e[16] !== z || e[17] !== y || e[18] !== v ? (H = (R) => {
+    if (!y) {
+      z(b && v.includes(R) ? "" : R);
+      return;
+    }
+    z(v.includes(R) ? v.filter((D) => D !== R) : [...v, R]);
+  }, e[15] = b, e[16] = z, e[17] = y, e[18] = v, e[19] = H) : H = e[19];
+  const U = H;
+  let F, P, J, q;
+  if (e[20] !== c || e[21] !== _ || e[22] !== j || e[23] !== h || e[24] !== t || e[25] !== s || e[26] !== a || e[27] !== v[0] || e[28] !== v.length) {
+    q = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const R = v.length === 1 ? s.find((M) => M.id === v[0]) : void 0;
+      let D;
+      if (e[33] !== c || e[34] !== h || e[35] !== t ? (D = h ? null : /* @__PURE__ */ o(G, { name: t, description: c }), e[33] = c, e[34] = h, e[35] = t, e[36] = D) : D = e[36], P = D, a) {
+        let M;
+        e[37] !== j ? (M = j(), e[37] = j, e[38] = M) : M = e[38];
+        let re;
+        e[39] !== M ? (re = /* @__PURE__ */ o(ue, { children: M }), e[39] = M, e[40] = re) : re = e[40];
+        const ee = re;
+        if (_) {
+          let N;
+          e[41] !== P ? (N = P ? /* @__PURE__ */ o(E, { mb: "xs", children: P }) : null, e[41] = P, e[42] = N) : N = e[42];
+          let B;
+          e[43] !== N || e[44] !== ee ? (B = /* @__PURE__ */ x(E, { children: [
+            N,
+            ee
+          ] }), e[43] = N, e[44] = ee, e[45] = B) : B = e[45], q = B;
+          break e;
+        }
+        let oe;
+        e[46] !== P || e[47] !== ee ? (oe = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+          P,
+          ee
+        ] }) }), e[46] = P, e[47] = ee, e[48] = oe) : oe = e[48], q = oe;
+        break e;
+      }
+      F = Kt, J = Pe(R, "14px");
+    }
+    e[20] = c, e[21] = _, e[22] = j, e[23] = h, e[24] = t, e[25] = s, e[26] = a, e[27] = v[0], e[28] = v.length, e[29] = F, e[30] = P, e[31] = J, e[32] = q;
+  } else
+    F = e[29], P = e[30], J = e[31], q = e[32];
+  if (q !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return q;
+  let Z;
+  e[49] !== j ? (Z = j(), e[49] = j, e[50] = Z) : Z = e[50];
+  let X;
+  e[51] !== J || e[52] !== Z ? (X = /* @__PURE__ */ x(Le, { children: [
+    J,
+    Z
+  ] }), e[51] = J, e[52] = Z, e[53] = X) : X = e[53];
+  let ne;
+  e[54] !== F || e[55] !== S || e[56] !== _ || e[57] !== U || e[58] !== y || e[59] !== s || e[60] !== v || e[61] !== X ? (ne = /* @__PURE__ */ o(F, { triggerLabel: X, options: s, selectedIds: v, multiSelect: y, disabled: S, fullWidth: _, onToggle: U }), e[54] = F, e[55] = S, e[56] = _, e[57] = U, e[58] = y, e[59] = s, e[60] = v, e[61] = X, e[62] = ne) : ne = e[62];
+  const Q = ne;
+  if (_) {
+    let R;
+    e[63] !== P ? (R = P ? /* @__PURE__ */ o(E, { mb: "xs", children: P }) : null, e[63] = P, e[64] = R) : R = e[64];
+    let D;
+    return e[65] !== Q || e[66] !== R ? (D = /* @__PURE__ */ x(E, { children: [
+      R,
+      Q
+    ] }), e[65] = Q, e[66] = R, e[67] = D) : D = e[67], D;
+  }
+  let ie;
+  return e[68] !== P || e[69] !== Q ? (ie = /* @__PURE__ */ o(E, { children: /* @__PURE__ */ x(K, { alignItems: "center", justifyContent: "space-between", minHeight: "2rem", gap: "xs", children: [
+    P,
+    Q
+  ] }) }), e[68] = P, e[69] = Q, e[70] = ie) : ie = e[70], ie;
+};
+function Ut(r) {
+  return !!r;
+}
+const ye = (r) => r === null || r === "" ? "Not provided" : typeof r == "boolean" ? r ? "Yes" : "No" : String(r), Xt = (r) => {
+  const e = V(24), {
+    value: l
+  } = r;
+  if (Array.isArray(l)) {
+    if (l.length === 0) {
+      let a;
+      return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ o(ue, { color: "fg.muted", children: "None" }), e[0] = a) : a = e[0], a;
+    }
+    let i;
+    e[1] !== l ? (i = l.map(Qt), e[1] = l, e[2] = i) : i = e[2];
+    let c;
+    return e[3] !== i ? (c = /* @__PURE__ */ o(ge, { gap: "2xs", flexWrap: "wrap", children: i }), e[3] = i, e[4] = c) : c = e[4], c;
+  }
+  if (typeof l == "object" && l !== null) {
+    let i;
+    e[5] !== l.alt || e[6] !== l.images || e[7] !== l.src || e[8] !== l.type ? (i = l.type === "image" ? [{
+      src: l.src,
+      alt: l.alt
+    }] : l.images, e[5] = l.alt, e[6] = l.images, e[7] = l.src, e[8] = l.type, e[9] = i) : i = e[9];
+    const c = i;
+    let a;
+    e[10] !== c ? (a = c.map(Yt), e[10] = c, e[11] = a) : a = e[11];
+    let f;
+    return e[12] !== a ? (f = /* @__PURE__ */ o(ge, { gap: "2xs", flexWrap: "wrap", children: a }), e[12] = a, e[13] = f) : f = e[13], f;
+  }
+  if (typeof l == "boolean") {
+    const i = l ? "green" : "gray";
+    let c;
+    e[14] !== l ? (c = ye(l), e[14] = l, e[15] = c) : c = e[15];
+    let a;
+    return e[16] !== i || e[17] !== c ? (a = /* @__PURE__ */ o(ke, { variant: "subtle", colorPalette: i, width: "fit-content", children: c }), e[16] = i, e[17] = c, e[18] = a) : a = e[18], a;
+  }
+  const n = l === null || l === "" ? "fg.muted" : "fg";
+  let t;
+  e[19] !== l ? (t = ye(l), e[19] = l, e[20] = t) : t = e[20];
+  let s;
+  return e[21] !== n || e[22] !== t ? (s = /* @__PURE__ */ o(ue, { color: n, children: t }), e[21] = n, e[22] = t, e[23] = s) : s = e[23], s;
+}, hl = (r) => {
+  const e = V(7), {
+    param: l,
+    fullWidth: n
+  } = r;
+  let t;
+  e[0] !== l.value ? (t = /* @__PURE__ */ o(Xt, { value: l.value }), e[0] = l.value, e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== n || e[3] !== l.description || e[4] !== l.name || e[5] !== t ? (s = /* @__PURE__ */ o(It, { name: l.name, description: l.description, fullWidth: n, children: t }), e[2] = n, e[3] = l.description, e[4] = l.name, e[5] = t, e[6] = s) : s = e[6], s;
+};
+function Qt(r, e) {
+  return /* @__PURE__ */ o(ke, { variant: "subtle", colorPalette: "gray", children: ye(r) }, `${String(r)}-${e}`);
+}
+function Yt(r) {
+  return /* @__PURE__ */ o(De, { src: r.src, alt: r.alt, width: "96px", height: "72px", borderRadius: "sm", borderWidth: "1px", borderColor: "border.subtle", objectFit: "cover" }, `${r.src}-${r.alt}`);
+}
+export {
+  sl as C,
+  cl as D,
+  dl as I,
+  al as N,
+  G as P,
+  fl as S,
+  ul as W,
+  ue as a,
+  hl as b,
+  $e as c,
+  Te as d,
+  It as e,
+  Wt as f,
+  Ee as g,
+  Kt as h,
+  At as i,
+  Ae as j,
+  zt as k,
+  Lt as o,
+  Rt as r
+};
+//# sourceMappingURL=param-editor-read-only-field-DgtLqcFa.js.map