@absolutejs/absolute 0.19.0-beta.1014 → 0.19.0-beta.1015

package/dist/cli/config/server.js

@@ -22014,9 +22014,451 @@ import { Elysia as Elysia2 } from "elysia";
 import { existsSync as existsSync10, readFileSync as readFileSync14 } from "fs";
 import { resolve as resolve9 } from "path";
 
+// src/cli/config/page/PanelHost.tsx
+var import_react7 = __toESM(require_react(), 1);
+
 // src/cli/config/eslint/EslintPanel.tsx
+var import_react2 = __toESM(require_react(), 1);
+
+// src/cli/config/page/FieldEditor.tsx
 var import_react = __toESM(require_react(), 1);
+
+// src/cli/config/guards.ts
+var getRecord = (value, key) => {
+  if (!isRecord(value))
+    return null;
+  const found = value[key];
+  return isRecord(found) ? found : null;
+};
+var getString = (value, key) => {
+  if (!isRecord(value))
+    return null;
+  const found = value[key];
+  return typeof found === "string" ? found : null;
+};
+var isMap = (value) => value instanceof Map;
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+
+// src/cli/config/page/FieldEditor.tsx
 var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+var emptyValue = (schema) => {
+  switch (schema.kind) {
+    case "string":
+      return "";
+    case "number":
+      return 0;
+    case "boolean":
+      return false;
+    case "enum":
+      return schema.choices[0] ?? "";
+    case "array":
+      return [];
+    case "tuple":
+      return schema.items.map(emptyValue);
+    case "record":
+      return {};
+    case "object":
+      return {};
+    case "union":
+      return schema.variants[0] ? emptyValue(schema.variants[0]) : null;
+    default:
+      return null;
+  }
+};
+var StringField = ({ onChange, value }) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
+  className: "ts-input",
+  onChange: (event) => onChange(event.target.value),
+  spellCheck: false,
+  value: typeof value === "string" ? value : ""
+}, undefined, false, undefined, this);
+var NumberField = ({ onChange, value }) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
+  className: "ts-input",
+  onChange: (event) => onChange(event.target.value === "" ? "" : Number(event.target.value)),
+  type: "number",
+  value: typeof value === "number" ? value : ""
+}, undefined, false, undefined, this);
+var BooleanField = ({ onChange, value }) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+  className: "seg",
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+      "data-on": value === false,
+      onClick: () => onChange(false),
+      type: "button",
+      children: "false"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+      "data-on": value === true,
+      onClick: () => onChange(true),
+      type: "button",
+      children: "true"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var EnumField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "enum")
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("select", {
+    className: "ts-select",
+    onChange: (event) => {
+      const next = schema.choices.find((choice) => String(choice) === event.target.value);
+      onChange(next ?? event.target.value);
+    },
+    value: String(value ?? ""),
+    children: schema.choices.map((choice) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("option", {
+      value: String(choice),
+      children: String(choice)
+    }, String(choice), false, undefined, this))
+  }, undefined, false, undefined, this);
+};
+var RawField = ({ onChange, schema, value }) => {
+  const [draft, setDraft] = import_react.useState(value === undefined ? "" : JSON.stringify(value, null, 2));
+  const [error, setError] = import_react.useState(null);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-raw",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("textarea", {
+        className: error ? "opts-input err" : "opts-input",
+        onChange: (event) => {
+          setDraft(event.target.value);
+          try {
+            onChange(event.target.value === "" ? undefined : JSON.parse(event.target.value));
+            setError(null);
+          } catch (parseError) {
+            setError(String(parseError));
+          }
+        },
+        rows: 4,
+        spellCheck: false,
+        value: draft
+      }, undefined, false, undefined, this),
+      schema.kind === "opaque" && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+        className: "fe-type",
+        children: schema.typeText
+      }, undefined, false, undefined, this),
+      error && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+        className: "ts-err",
+        children: error
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var ArrayField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "array")
+    return null;
+  const items = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-array",
+    children: [
+      items.map((item, index) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+        className: "fe-item",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(FieldEditor, {
+            onChange: (next) => onChange(items.map((existing, i) => i === index ? next : existing)),
+            schema: schema.item,
+            value: item
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+            className: "fe-remove",
+            onClick: () => onChange(items.filter((_, i) => i !== index)),
+            type: "button",
+            children: "\xD7"
+          }, undefined, false, undefined, this)
+        ]
+      }, index, true, undefined, this)),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+        className: "fe-add",
+        onClick: () => onChange([...items, emptyValue(schema.item)]),
+        type: "button",
+        children: "+ add"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var TupleField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "tuple")
+    return null;
+  const items = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-array",
+    children: schema.items.map((itemSchema, index) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      className: "fe-item",
+      children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(FieldEditor, {
+        onChange: (next) => onChange(schema.items.map((_, i) => i === index ? next : items[i])),
+        schema: itemSchema,
+        value: items[index]
+      }, undefined, false, undefined, this)
+    }, index, false, undefined, this))
+  }, undefined, false, undefined, this);
+};
+var RecordField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "record")
+    return null;
+  const entries = isRecord(value) ? Object.entries(value) : [];
+  const rename = (from, to) => {
+    const next = {};
+    for (const [key, val] of entries)
+      next[key === from ? to : key] = val;
+    onChange(next);
+  };
+  const setValue = (key, val) => onChange(Object.fromEntries(entries.map((e) => e[0] === key ? [key, val] : e)));
+  const remove = (key) => onChange(Object.fromEntries(entries.filter((e) => e[0] !== key)));
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-record",
+    children: [
+      entries.map(([key, val]) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+        className: "fe-entry",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
+            className: "ts-input fe-key",
+            onChange: (event) => rename(key, event.target.value),
+            spellCheck: false,
+            value: key
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(FieldEditor, {
+            onChange: (next) => setValue(key, next),
+            schema: schema.value,
+            value: val
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+            className: "fe-remove",
+            onClick: () => remove(key),
+            type: "button",
+            children: "\xD7"
+          }, undefined, false, undefined, this)
+        ]
+      }, key, true, undefined, this)),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+        className: "fe-add",
+        onClick: () => onChange({
+          ...Object.fromEntries(entries),
+          "": emptyValue(schema.value)
+        }),
+        type: "button",
+        children: "+ add key"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var ObjectField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "object")
+    return null;
+  const current = isRecord(value) ? value : {};
+  const setField = (name, next) => {
+    if (next === undefined) {
+      const rest = { ...current };
+      delete rest[name];
+      onChange(rest);
+      return;
+    }
+    onChange({ ...current, [name]: next });
+  };
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-object",
+    children: schema.fields.map((field) => {
+      const present = Object.prototype.hasOwnProperty.call(current, field.name);
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+        className: "fe-field",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+            className: "fe-label",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                className: "fe-name",
+                children: field.name
+              }, undefined, false, undefined, this),
+              field.optional && present && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+                className: "fe-remove",
+                onClick: () => setField(field.name, undefined),
+                type: "button",
+                children: "unset"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          field.optional && !present ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+            className: "fe-add",
+            onClick: () => setField(field.name, emptyValue(field.schema)),
+            type: "button",
+            children: [
+              "+ set ",
+              field.name
+            ]
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(FieldEditor, {
+            onChange: (next) => setField(field.name, next),
+            schema: field.schema,
+            value: current[field.name]
+          }, undefined, false, undefined, this)
+        ]
+      }, field.name, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+};
+var UnionField = ({ onChange, schema, value }) => {
+  if (schema.kind !== "union")
+    return null;
+  const matches = (variant) => {
+    if (variant.kind === "string" || variant.kind === "enum")
+      return typeof value === "string";
+    if (variant.kind === "number")
+      return typeof value === "number";
+    if (variant.kind === "boolean")
+      return typeof value === "boolean";
+    if (variant.kind === "array")
+      return Array.isArray(value);
+    if (variant.kind === "object" || variant.kind === "record")
+      return isRecord(value);
+    return false;
+  };
+  const activeIndex = Math.max(0, schema.variants.findIndex(matches));
+  const active = schema.variants[activeIndex];
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    className: "fe-union",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("select", {
+        className: "ts-select",
+        onChange: (event) => {
+          const variant = schema.variants[Number(event.target.value)];
+          if (variant)
+            onChange(emptyValue(variant));
+        },
+        value: String(activeIndex),
+        children: schema.variants.map((variant, index) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("option", {
+          value: String(index),
+          children: variant.kind
+        }, index, false, undefined, this))
+      }, undefined, false, undefined, this),
+      active && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(FieldEditor, {
+        onChange,
+        schema: active,
+        value
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var FieldEditor = (props) => {
+  switch (props.schema.kind) {
+    case "string":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(StringField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "number":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(NumberField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "boolean":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BooleanField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "enum":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(EnumField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "array":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ArrayField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "tuple":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(TupleField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "record":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(RecordField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "object":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ObjectField, {
+        ...props
+      }, undefined, false, undefined, this);
+    case "union":
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(UnionField, {
+        ...props
+      }, undefined, false, undefined, this);
+    default:
+      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(RawField, {
+        ...props
+      }, undefined, false, undefined, this);
+  }
+};
+
+// src/cli/config/schema/fromJsonSchema.ts
+var MAX_DEPTH = 6;
+var opaque = () => ({ kind: "opaque", typeText: "json" });
+var fromJsonSchema = (schema, depth = 0) => {
+  if (depth > MAX_DEPTH || !isRecord(schema))
+    return opaque();
+  if (Array.isArray(schema.enum)) {
+    const choices = schema.enum.filter((value) => typeof value === "string" || typeof value === "number");
+    if (choices.length > 0)
+      return { choices, kind: "enum" };
+  }
+  const variants = schema.oneOf ?? schema.anyOf;
+  if (Array.isArray(variants) && variants.length > 0) {
+    return {
+      kind: "union",
+      variants: variants.map((variant) => fromJsonSchema(variant, depth + 1))
+    };
+  }
+  const declared = schema.type;
+  const type = Array.isArray(declared) ? declared.find((entry) => entry !== "null") : declared;
+  if (type === "string")
+    return { kind: "string" };
+  if (type === "number" || type === "integer")
+    return { kind: "number" };
+  if (type === "boolean")
+    return { kind: "boolean" };
+  if (type === "array") {
+    const items = schema.items;
+    if (Array.isArray(items)) {
+      return {
+        items: items.map((item) => fromJsonSchema(item, depth + 1)),
+        kind: "tuple"
+      };
+    }
+    return {
+      item: items ? fromJsonSchema(items, depth + 1) : opaque(),
+      kind: "array"
+    };
+  }
+  if (type === "object" || isRecord(schema.properties)) {
+    const properties = isRecord(schema.properties) ? schema.properties : {};
+    const required = Array.isArray(schema.required) ? schema.required : [];
+    const fields = Object.entries(properties).map(([name, sub]) => ({
+      description: isRecord(sub) && typeof sub.description === "string" ? sub.description : "",
+      name,
+      optional: !required.includes(name),
+      schema: fromJsonSchema(sub, depth + 1)
+    }));
+    if (fields.length > 0)
+      return { fields, kind: "object" };
+    const additional = schema.additionalProperties;
+    if (isRecord(additional)) {
+      return { kind: "record", value: fromJsonSchema(additional, depth + 1) };
+    }
+    if (additional !== false) {
+      return { kind: "record", value: opaque() };
+    }
+    return { fields: [], kind: "object" };
+  }
+  return opaque();
+};
+var eslintOptionsSchema = (metaSchema) => {
+  if (Array.isArray(metaSchema)) {
+    if (metaSchema.length === 0)
+      return { kind: "opaque", typeText: "options" };
+    return {
+      items: metaSchema.map((entry) => fromJsonSchema(entry)),
+      kind: "tuple"
+    };
+  }
+  if (isRecord(metaSchema)) {
+    if (metaSchema.type === "array")
+      return fromJsonSchema(metaSchema);
+    return { items: [fromJsonSchema(metaSchema)], kind: "tuple" };
+  }
+  return { kind: "opaque", typeText: "options" };
+};
+
+// src/cli/config/eslint/EslintPanel.tsx
+var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
 var SEVERITIES = ["off", "warn", "error"];
 var CATALOG_RENDER_CAP = 250;
 var splitName = (name) => {
@@ -22026,9 +22468,9 @@ var splitName = (name) => {
   return { prefix: name.slice(0, slash + 1), short: name.slice(slash + 1) };
 };
 var formatOptions = (options) => options.map((option) => JSON.stringify(option)).join(", ");
-var SeveritySegment = ({ busy, onChange, value }) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+var SeveritySegment = ({ busy, onChange, value }) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
   className: busy ? "seg busy" : "seg",
-  children: SEVERITIES.map((severity) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+  children: SEVERITIES.map((severity) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
     "data-on": value === severity,
     "data-sev": severity,
     onClick: () => onChange(severity),
@@ -22038,32 +22480,32 @@ var SeveritySegment = ({ busy, onChange, value }) => /* @__PURE__ */ jsx_dev_run
 }, undefined, false, undefined, this);
 var RuleName = ({ meta, name }) => {
   const parts = splitName(name);
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
     className: "rule-name-row",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
         className: "rule-name",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
             className: "pfx",
             children: parts.prefix
           }, undefined, false, undefined, this),
           parts.short
         ]
       }, undefined, true, undefined, this),
-      meta && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+      meta && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
         className: "badge src",
         children: meta.source
       }, undefined, false, undefined, this),
-      meta?.fixable && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+      meta?.fixable && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
         className: "badge fix",
         children: "fixable"
       }, undefined, false, undefined, this),
-      meta?.deprecated && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+      meta?.deprecated && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
         className: "badge dep",
         children: "deprecated"
       }, undefined, false, undefined, this),
-      meta?.docsUrl && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("a", {
+      meta?.docsUrl && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("a", {
         className: "docs",
         href: meta.docsUrl,
         rel: "noreferrer",
@@ -22081,70 +22523,55 @@ var ConfigRow = ({
   options,
   severity
 }) => {
-  const [editing, setEditing] = import_react.useState(false);
-  const [draft, setDraft] = import_react.useState("");
-  const [error, setError] = import_react.useState(null);
+  const [editing, setEditing] = import_react2.useState(false);
+  const [draft, setDraft] = import_react2.useState(options);
+  const optionsSchema = import_react2.useMemo(() => eslintOptionsSchema(meta?.schema), [meta]);
   const openEditor = () => {
-    setDraft(JSON.stringify(options, null, 2));
-    setError(null);
+    setDraft(options);
     setEditing(true);
   };
-  const applyOptions = () => {
-    const text = draft.trim();
-    try {
-      const parsed = text === "" ? [] : JSON.parse(text);
-      if (!Array.isArray(parsed)) {
-        setError('Options must be a JSON array, e.g. [{ "minLength": 3 }]');
-        return;
-      }
-      onSave(severity, parsed);
-      setEditing(false);
-    } catch (parseError) {
-      setError(String(parseError));
-    }
-  };
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
     className: "rule",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "rule-main",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(RuleName, {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(RuleName, {
             meta,
             name
           }, undefined, false, undefined, this),
-          meta?.description && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
+          meta?.description && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("p", {
             className: "rule-desc",
             children: meta.description
           }, undefined, false, undefined, this),
-          options.length > 0 && !editing && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("code", {
+          options.length > 0 && !editing && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("code", {
             className: "rule-opts",
             children: formatOptions(options)
           }, undefined, false, undefined, this),
-          editing && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+          editing && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
             className: "opts-editor",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("textarea", {
-                className: "opts-input",
-                onChange: (event) => setDraft(event.target.value),
-                rows: 5,
-                spellCheck: false,
-                value: draft
-              }, undefined, false, undefined, this),
-              error && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
-                className: "opts-error",
-                children: error
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+                className: "fe-root",
+                children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(FieldEditor, {
+                  onChange: (value) => setDraft(Array.isArray(value) ? value : []),
+                  schema: optionsSchema,
+                  value: draft
+                }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
                 className: "opts-actions",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                     className: "opts-btn save",
-                    onClick: applyOptions,
+                    onClick: () => {
+                      onSave(severity, draft);
+                      setEditing(false);
+                    },
                     type: "button",
                     children: "Save options"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                     className: "opts-btn",
                     onClick: () => setEditing(false),
                     type: "button",
@@ -22156,17 +22583,17 @@ var ConfigRow = ({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "rule-controls",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
             className: "opts-toggle",
             "data-on": editing,
             onClick: () => editing ? setEditing(false) : openEditor(),
             type: "button",
             children: "options"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SeveritySegment, {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(SeveritySegment, {
             busy,
             onChange: (next) => onSave(next),
             value: severity
@@ -22183,39 +22610,39 @@ var CatalogCard = ({
   meta,
   name,
   onChange
-}) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+}) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
   className: "rule",
   children: [
-    /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
       className: "rule-main",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(RuleName, {
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(RuleName, {
           meta,
           name
         }, undefined, false, undefined, this),
-        meta?.description && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
+        meta?.description && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("p", {
           className: "rule-desc",
           children: meta.description
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
       className: "cat-control",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
           className: "effective",
-          children: configuredLabel ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
+          children: configuredLabel ? /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(jsx_dev_runtime2.Fragment, {
             children: [
               "in ",
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("b", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
                 children: configuredLabel
               }, undefined, false, undefined, this)
             ]
-          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(jsx_dev_runtime2.Fragment, {
             children: "inherited"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SeveritySegment, {
+        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(SeveritySegment, {
           busy,
           onChange,
           value: effective
@@ -22265,24 +22692,24 @@ var matchesQuery = (query, name, description) => {
   return name.toLowerCase().includes(needle) || (description ?? "").toLowerCase().includes(needle);
 };
 var EslintPanel = ({ catalog: initialCatalog }) => {
-  const [catalog, setCatalog] = import_react.useState(initialCatalog);
-  const [tab, setTab] = import_react.useState("config");
-  const [query, setQuery] = import_react.useState("");
-  const [source, setSource] = import_react.useState("all");
-  const [busyRule, setBusyRule] = import_react.useState(null);
-  const [notice, setNotice] = import_react.useState(null);
-  const [scopeFile, setScopeFile] = import_react.useState("");
-  const [scopeDraft, setScopeDraft] = import_react.useState("");
-  const metaByName = import_react.useMemo(() => buildMetaIndex(catalog.meta), [catalog.meta]);
-  const configuredByName = import_react.useMemo(() => buildConfiguredIndex(catalog.blocks), [catalog.blocks]);
-  const effectiveByName = import_react.useMemo(() => {
+  const [catalog, setCatalog] = import_react2.useState(initialCatalog);
+  const [tab, setTab] = import_react2.useState("config");
+  const [query, setQuery] = import_react2.useState("");
+  const [source, setSource] = import_react2.useState("all");
+  const [busyRule, setBusyRule] = import_react2.useState(null);
+  const [notice, setNotice] = import_react2.useState(null);
+  const [scopeFile, setScopeFile] = import_react2.useState("");
+  const [scopeDraft, setScopeDraft] = import_react2.useState("");
+  const metaByName = import_react2.useMemo(() => buildMetaIndex(catalog.meta), [catalog.meta]);
+  const configuredByName = import_react2.useMemo(() => buildConfiguredIndex(catalog.blocks), [catalog.blocks]);
+  const effectiveByName = import_react2.useMemo(() => {
     const byName = new Map;
     for (const rule of catalog.effective)
       byName.set(rule.name, rule.severity);
     return byName;
   }, [catalog.effective]);
-  const defaultBlock = import_react.useMemo(() => pickDefaultBlock(catalog.blocks), [catalog.blocks]);
-  const sources = import_react.useMemo(() => sourceCounts(catalog.meta), [catalog.meta]);
+  const defaultBlock = import_react2.useMemo(() => pickDefaultBlock(catalog.blocks), [catalog.blocks]);
+  const sources = import_react2.useMemo(() => sourceCounts(catalog.meta), [catalog.meta]);
   const configuredCount = configuredByName.size;
   const save = async (request) => {
     setBusyRule(request.name);
@@ -22324,28 +22751,28 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
   };
   const matchesSource = (ruleSource) => source === "all" || ruleSource === source;
   const visibleBlocks = catalog.blocks.filter((block) => block.rules.length > 0);
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
     className: "shell",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("header", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("header", {
         className: "topbar",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
             className: "brand",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("h1", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("h1", {
                 className: "wordmark",
                 children: [
                   "ESLint ",
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("em", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("em", {
                     children: "rules"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
                 className: "subpath",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     className: "dot"
                   }, undefined, false, undefined, this),
                   catalog.configPath
@@ -22353,27 +22780,27 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
             className: "counts",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
                     children: configuredCount
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     children: "configured"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
                     children: catalog.meta.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     children: "available"
                   }, undefined, false, undefined, this)
                 ]
@@ -22382,27 +22809,27 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "controls",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
             className: "tabs",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                 className: "tab",
                 "data-active": tab === "config",
                 onClick: () => setTab("config"),
                 type: "button",
                 children: "Your config"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                 className: "tab",
                 "data-active": tab === "catalog",
                 onClick: () => setTab("catalog"),
                 type: "button",
                 children: "Browse all rules"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                 className: "tab",
                 "data-active": tab === "effective",
                 onClick: () => setTab("effective"),
@@ -22411,13 +22838,13 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("input", {
             className: "search",
             onChange: (event) => setQuery(event.target.value),
             placeholder: "Search rules or descriptions\u2026",
             value: query
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("input", {
             className: "scope",
             onChange: (event) => setScopeDraft(event.target.value),
             onKeyDown: (event) => {
@@ -22427,7 +22854,7 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
             placeholder: "Scope to a file, e.g. src/app.ts \u21B5",
             value: scopeDraft
           }, undefined, false, undefined, this),
-          scopeFile !== "" && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+          scopeFile !== "" && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
             className: "scope-clear",
             onClick: () => {
               setScopeDraft("");
@@ -22438,41 +22865,41 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "layout",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("nav", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("nav", {
             className: "rail",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
                 className: "rail-label",
                 children: "Source"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": source === "all",
                 onClick: () => setSource("all"),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     children: "all"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     className: "n",
                     children: catalog.meta.length
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              sources.map(([name, count]) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("button", {
+              sources.map(([name, count]) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": source === name,
                 onClick: () => setSource(name),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     children: name
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
                     className: "n",
                     children: count
                   }, undefined, false, undefined, this)
@@ -22480,7 +22907,7 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
               }, name, true, undefined, this))
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("main", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("main", {
             children: [
               tab === "config" && renderConfig(visibleBlocks, metaByName, busyRule, matchesSource, query, save),
               tab === "catalog" && renderCatalog(catalog.meta, configuredByName, effectiveByName, defaultBlock, busyRule, matchesSource, query, save),
@@ -22489,10 +22916,10 @@ var EslintPanel = ({ catalog: initialCatalog }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notice && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      notice && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("b", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
             children: notice.kind === "ok" ? "\u2713" : "\u2715"
           }, undefined, false, undefined, this),
           notice.text
@@ -22511,22 +22938,22 @@ var renderConfig = (blocks, metaByName, busyRule, matchesSource, query, save) =>
     return { block, rules };
   }).filter((section) => section.rules.length > 0);
   if (sections.length === 0) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
       className: "empty",
       children: "No configured rules match this filter."
     }, undefined, false, undefined, this);
   }
-  return sections.map(({ block, rules }) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("section", {
+  return sections.map(({ block, rules }) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("section", {
     className: "section",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "section-head",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("h2", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("h2", {
             className: "section-title",
             children: block.label
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
             className: "section-files",
             children: [
               "block #",
@@ -22538,7 +22965,7 @@ var renderConfig = (blocks, metaByName, busyRule, matchesSource, query, save) =>
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      rules.map((rule) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ConfigRow, {
+      rules.map((rule) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ConfigRow, {
         busy: busyRule === rule.name,
         meta: metaByName.get(rule.name) ?? null,
         name: rule.name,
@@ -22557,20 +22984,20 @@ var renderConfig = (blocks, metaByName, busyRule, matchesSource, query, save) =>
 var renderCatalog = (meta, configuredByName, effectiveByName, defaultBlock, busyRule, matchesSource, query, save) => {
   const matches = meta.filter((entry) => matchesSource(entry.source) && matchesQuery(query, entry.name, entry.description));
   if (matches.length === 0) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
       className: "empty",
       children: "No rules match this filter."
     }, undefined, false, undefined, this);
   }
   const shown = matches.slice(0, CATALOG_RENDER_CAP);
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("section", {
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("section", {
     className: "section",
     children: [
       shown.map((entry) => {
         const configured = configuredByName.get(entry.name) ?? null;
         const effective = configured === null ? effectiveByName.get(entry.name) ?? "off" : effectiveSeverity(entry.name, effectiveByName);
         const target = configured?.sourceIndex ?? defaultBlock;
-        return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CatalogCard, {
+        return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(CatalogCard, {
           busy: busyRule === entry.name,
           configuredLabel: configured?.label ?? null,
           effective,
@@ -22583,7 +23010,7 @@ var renderCatalog = (meta, configuredByName, effectiveByName, defaultBlock, busy
           })
         }, entry.name, false, undefined, this);
       }),
-      matches.length > shown.length && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      matches.length > shown.length && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "more",
         children: [
           "+",
@@ -22601,23 +23028,23 @@ var renderEffective = (effective, representativeFile, metaByName, configuredByNa
     return matchesSource(ruleSource) && matchesQuery(query, rule.name, meta?.description ?? null);
   });
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
       className: "empty",
       children: "No effective rules for this file match the filter."
     }, undefined, false, undefined, this);
   }
   const shown = rows.slice(0, CATALOG_RENDER_CAP);
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("section", {
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("section", {
     className: "section",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "section-head",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("h2", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("h2", {
             className: "section-title",
             children: "Effective ruleset"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
             className: "section-files",
             children: [
               representativeFile,
@@ -22631,7 +23058,7 @@ var renderEffective = (effective, representativeFile, metaByName, configuredByNa
       shown.map((rule) => {
         const configured = configuredByName.get(rule.name) ?? null;
         const target = configured?.sourceIndex ?? defaultBlock;
-        return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CatalogCard, {
+        return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(CatalogCard, {
           busy: busyRule === rule.name,
           configuredLabel: configured?.label ?? null,
           effective: rule.severity,
@@ -22644,7 +23071,7 @@ var renderEffective = (effective, representativeFile, metaByName, configuredByNa
           })
         }, rule.name, false, undefined, this);
       }),
-      rows.length > shown.length && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
+      rows.length > shown.length && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
         className: "more",
         children: [
           "+",
@@ -22657,323 +23084,9 @@ var renderEffective = (effective, representativeFile, metaByName, configuredByNa
 };
 var effectiveSeverity = (name, effectiveByName) => effectiveByName.get(name) ?? "off";
 
-// src/cli/config/eslint/eslintStyles.ts
-var ESLINT_CSS = `
-:root {
-	--bg: #0b0c0e;
-	--bg-grid: #14161a;
-	--panel: #111317;
-	--panel-2: #15181d;
-	--border: #23262d;
-	--border-soft: #1b1e23;
-	--text: #e7e9ec;
-	--dim: #82888f;
-	--faint: #565c64;
-	--accent: #cdf25b;
-	--accent-dim: #8ea53a;
-	--off: #565c64;
-	--warn: #f0b429;
-	--error: #ff5d5d;
-	--mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
-	--serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
-
-body {
-	background-color: var(--bg);
-	background-image:
-		linear-gradient(var(--bg-grid) 1px, transparent 1px),
-		linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);
-	background-size: 44px 44px;
-	background-position: center top;
-	color: var(--text);
-	font-family: var(--mono);
-	font-size: 13px;
-	line-height: 1.5;
-	min-height: 100vh;
-}
-
-body::before {
-	content: '';
-	position: fixed;
-	inset: 0;
-	background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(205, 242, 91, 0.06), transparent 70%);
-	pointer-events: none;
-	z-index: 0;
-}
-
-.shell { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 0 28px 80px; }
-
-/* ---- header ---- */
-.topbar {
-	display: flex;
-	align-items: flex-end;
-	justify-content: space-between;
-	gap: 24px;
-	padding: 34px 0 22px;
-	border-bottom: 1px solid var(--border);
-	flex-wrap: wrap;
-}
-.brand { display: flex; flex-direction: column; gap: 2px; }
-.wordmark {
-	font-family: var(--serif);
-	font-size: 42px;
-	line-height: 0.9;
-	letter-spacing: -0.01em;
-	font-weight: 400;
-}
-.wordmark em { color: var(--accent); font-style: italic; }
-.subpath {
-	font-size: 11px;
-	color: var(--dim);
-	letter-spacing: 0.02em;
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-.dot { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
-.counts { display: flex; gap: 26px; }
-.count { text-align: right; }
-.count b { display: block; font-size: 24px; font-weight: 500; letter-spacing: -0.02em; }
-.count span { font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--faint); }
-
-/* ---- controls row ---- */
-.controls { display: flex; gap: 12px; align-items: center; padding: 18px 0; flex-wrap: wrap; }
-.tabs { display: flex; gap: 2px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; padding: 3px; }
-.tab {
-	font-family: var(--mono);
-	font-size: 12px;
-	color: var(--dim);
-	background: transparent;
-	border: 0;
-	padding: 7px 16px;
-	border-radius: 6px;
-	cursor: pointer;
-	transition: color 0.15s, background 0.15s;
-	letter-spacing: 0.01em;
-}
-.tab:hover { color: var(--text); }
-.tab[data-active='true'] { background: var(--panel-2); color: var(--accent); box-shadow: inset 0 0 0 1px var(--border); }
-.search {
-	flex: 1;
-	min-width: 220px;
-	font-family: var(--mono);
-	font-size: 13px;
-	color: var(--text);
-	background: var(--panel);
-	border: 1px solid var(--border);
-	border-radius: 9px;
-	padding: 10px 14px;
-	outline: none;
-	transition: border-color 0.15s, box-shadow 0.15s;
-}
-.search:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
-.search::placeholder { color: var(--faint); }
-.scope {
-	min-width: 250px;
-	font-family: var(--mono);
-	font-size: 12.5px;
-	color: var(--accent);
-	background: var(--bg);
-	border: 1px solid var(--border);
-	border-radius: 9px;
-	padding: 10px 14px;
-	outline: none;
-	transition: border-color 0.15s, box-shadow 0.15s;
-}
-.scope:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
-.scope::placeholder { color: var(--faint); }
-.scope-clear {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--dim);
-	background: var(--panel);
-	border: 1px solid var(--border);
-	border-radius: 8px;
-	padding: 9px 12px;
-	cursor: pointer;
-	transition: color 0.15s, border-color 0.15s;
-}
-.scope-clear:hover { color: var(--error); border-color: rgba(255, 93, 93, 0.4); }
-
-/* ---- rule controls + options editor ---- */
-.rule-controls { display: flex; align-items: center; gap: 8px; }
-.opts-toggle {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--faint);
-	background: transparent;
-	border: 1px solid var(--border);
-	border-radius: 7px;
-	padding: 6px 10px;
-	cursor: pointer;
-	transition: color 0.13s, border-color 0.13s, background 0.13s;
-}
-.opts-toggle:hover { color: var(--text); }
-.opts-toggle[data-on='true'] { color: var(--accent); border-color: var(--accent-dim); background: rgba(205, 242, 91, 0.06); }
-.opts-editor { margin-top: 10px; max-width: 70ch; }
-.opts-input {
-	width: 100%;
-	font-family: var(--mono);
-	font-size: 12px;
-	line-height: 1.5;
-	color: var(--text);
-	background: var(--bg);
-	border: 1px solid var(--border);
-	border-radius: 8px;
-	padding: 10px 12px;
-	resize: vertical;
-	outline: none;
-}
-.opts-input:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
-.opts-error { color: var(--error); font-size: 11px; margin-top: 6px; white-space: pre-wrap; }
-.opts-actions { display: flex; gap: 8px; margin-top: 8px; }
-.opts-btn {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--dim);
-	background: var(--panel);
-	border: 1px solid var(--border);
-	border-radius: 7px;
-	padding: 7px 13px;
-	cursor: pointer;
-	transition: color 0.13s, border-color 0.13s;
-}
-.opts-btn:hover { color: var(--text); }
-.opts-btn.save { color: var(--accent); border-color: var(--accent-dim); }
-.opts-btn.save:hover { background: rgba(205, 242, 91, 0.08); }
-
-/* ---- layout ---- */
-.layout { display: grid; grid-template-columns: 200px 1fr; gap: 24px; margin-top: 20px; align-items: start; }
-.rail { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 3px; }
-.rail-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--faint); padding: 4px 10px 8px; }
-.source-btn {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 8px;
-	font-family: var(--mono);
-	font-size: 12px;
-	color: var(--dim);
-	background: transparent;
-	border: 0;
-	border-left: 2px solid transparent;
-	padding: 7px 10px;
-	cursor: pointer;
-	text-align: left;
-	transition: color 0.15s, background 0.12s, border-color 0.15s;
-	border-radius: 0 6px 6px 0;
-}
-.source-btn:hover { color: var(--text); background: var(--panel); }
-.source-btn[data-active='true'] { color: var(--accent); border-left-color: var(--accent); background: var(--panel); }
-.source-btn .n { font-size: 11px; color: var(--faint); }
-.source-btn[data-active='true'] .n { color: var(--accent-dim); }
-
-/* ---- rule list ---- */
-.section { margin-bottom: 30px; animation: rise 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
-.section-head { display: flex; align-items: baseline; gap: 12px; padding: 0 2px 10px; border-bottom: 1px dashed var(--border-soft); margin-bottom: 4px; }
-.section-title { font-family: var(--serif); font-size: 22px; font-style: italic; }
-.section-files { font-size: 11px; color: var(--faint); }
-
-.rule {
-	display: grid;
-	grid-template-columns: 1fr auto;
-	gap: 14px;
-	align-items: center;
-	padding: 13px 14px;
-	border: 1px solid transparent;
-	border-radius: 10px;
-	transition: background 0.14s, border-color 0.14s;
-	position: relative;
-}
-.rule:hover { background: var(--panel); border-color: var(--border-soft); }
-.rule-main { min-width: 0; }
-.rule-name-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
-.rule-name { font-size: 13.5px; color: var(--text); letter-spacing: -0.01em; }
-.rule-name .pfx { color: var(--faint); }
-.badge {
-	font-size: 9.5px;
-	text-transform: uppercase;
-	letter-spacing: 0.08em;
-	padding: 2px 6px;
-	border-radius: 4px;
-	border: 1px solid var(--border);
-	color: var(--dim);
-	background: var(--panel-2);
-}
-.badge.src { color: var(--accent-dim); border-color: rgba(205, 242, 91, 0.2); }
-.badge.fix { color: #6cc6ff; border-color: rgba(108, 198, 255, 0.22); }
-.badge.dep { color: var(--warn); border-color: rgba(240, 180, 41, 0.25); }
-.rule-desc { font-size: 11.5px; color: var(--dim); margin-top: 4px; max-width: 64ch; line-height: 1.45; }
-.rule-opts { font-size: 11px; color: var(--accent-dim); margin-top: 5px; background: var(--bg); border: 1px solid var(--border-soft); border-radius: 5px; padding: 3px 7px; display: inline-block; white-space: pre-wrap; word-break: break-word; }
-.docs { color: var(--faint); text-decoration: none; transition: color 0.15s; font-size: 11px; }
-.docs:hover { color: var(--accent); }
-
-/* ---- severity segmented control ---- */
-.seg { display: inline-flex; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 2px; gap: 2px; }
-.seg button {
-	font-family: var(--mono);
-	font-size: 11px;
-	letter-spacing: 0.02em;
-	color: var(--faint);
-	background: transparent;
-	border: 0;
-	padding: 5px 11px;
-	border-radius: 6px;
-	cursor: pointer;
-	transition: color 0.13s, background 0.13s, box-shadow 0.13s;
-}
-.seg button:hover:not([data-on='true']) { color: var(--text); }
-.seg button[data-sev='off'][data-on='true'] { background: rgba(86, 92, 100, 0.22); color: #c2c7cd; box-shadow: inset 0 0 0 1px rgba(130,136,143,0.4); }
-.seg button[data-sev='warn'][data-on='true'] { background: rgba(240, 180, 41, 0.16); color: var(--warn); box-shadow: inset 0 0 0 1px rgba(240,180,41,0.45); }
-.seg button[data-sev='error'][data-on='true'] { background: rgba(255, 93, 93, 0.15); color: var(--error); box-shadow: inset 0 0 0 1px rgba(255,93,93,0.45); }
-.seg.busy { opacity: 0.45; pointer-events: none; }
-
-.cat-control { display: flex; align-items: center; }
-.effective { font-size: 10px; color: var(--faint); margin-right: 10px; letter-spacing: 0.04em; }
-.effective b { color: var(--dim); }
-
-/* ---- toast ---- */
-.toast {
-	position: fixed;
-	bottom: 22px;
-	left: 50%;
-	transform: translateX(-50%);
-	z-index: 50;
-	font-family: var(--mono);
-	font-size: 12px;
-	padding: 11px 18px;
-	border-radius: 10px;
-	border: 1px solid var(--border);
-	background: var(--panel-2);
-	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
-	animation: rise 0.3s ease both;
-	display: flex;
-	align-items: center;
-	gap: 10px;
-}
-.toast b { font-size: 14px; }
-.toast.ok b { color: var(--accent); }
-.toast.err b { color: var(--error); }
-
-.empty { padding: 60px 20px; text-align: center; color: var(--faint); font-size: 13px; }
-.more { padding: 18px 4px; font-size: 11px; color: var(--faint); text-align: center; }
-
-@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
-
-@media (max-width: 820px) {
-	.layout { grid-template-columns: 1fr; }
-	.rail { position: static; flex-direction: row; flex-wrap: wrap; }
-	.wordmark { font-size: 34px; }
-}
-`;
-
 // src/cli/config/tsconfig/TsconfigPanel.tsx
-var import_react2 = __toESM(require_react(), 1);
-var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react3 = __toESM(require_react(), 1);
+var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
 var matchesQuery2 = (query, name, description) => {
   if (query === "")
     return true;
@@ -22999,19 +23112,19 @@ var BooleanControl = ({
   isSet,
   onSave,
   value
-}) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+}) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
   className: "ts-control",
   children: [
-    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
       className: busy ? "seg busy" : "seg",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
           "data-on": value === false,
           onClick: () => onSave(false),
           type: "button",
           children: "false"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
           "data-on": value === true,
           onClick: () => onSave(true),
           type: "button",
@@ -23019,7 +23132,7 @@ var BooleanControl = ({
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this),
-    isSet && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+    isSet && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
       className: "ts-clear",
       onClick: () => onSave(undefined, true),
       type: "button",
@@ -23027,24 +23140,24 @@ var BooleanControl = ({
     }, undefined, false, undefined, this)
   ]
 }, undefined, true, undefined, this);
-var EnumControl = ({ isSet, onSave, option, value }) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("select", {
+var EnumControl = ({ isSet, onSave, option, value }) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("select", {
   className: "ts-select",
   onChange: (event) => event.target.value === "" ? onSave(undefined, true) : onSave(event.target.value),
   value: isSet ? String(value) : "",
   children: [
-    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("option", {
+    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("option", {
       value: "",
       children: "\u2014 unset \u2014"
     }, undefined, false, undefined, this),
-    option.enumValues.map((choice) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("option", {
+    option.enumValues.map((choice) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("option", {
       value: choice,
       children: choice
     }, choice, false, undefined, this))
   ]
 }, undefined, true, undefined, this);
 var TextControl = ({ kind, onSave, value }) => {
-  const [draft, setDraft] = import_react2.useState(seedText(kind, value));
-  const [error, setError] = import_react2.useState(null);
+  const [draft, setDraft] = import_react3.useState(seedText(kind, value));
+  const [error, setError] = import_react3.useState(null);
   const commit = () => {
     const text = draft.trim();
     if (text === "") {
@@ -23079,12 +23192,12 @@ var TextControl = ({ kind, onSave, value }) => {
     onSave(text);
     setError(null);
   };
-  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "ts-control",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("input", {
             className: error ? "ts-input err" : "ts-input",
             onChange: (event) => setDraft(event.target.value),
             onKeyDown: (event) => {
@@ -23095,7 +23208,7 @@ var TextControl = ({ kind, onSave, value }) => {
             spellCheck: false,
             value: draft
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
             className: "ts-btn",
             onClick: commit,
             type: "button",
@@ -23103,16 +23216,42 @@ var TextControl = ({ kind, onSave, value }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      error && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "ts-err",
         children: error
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 };
+var ListControl = ({ onSave, option, value }) => {
+  const [draft, setDraft] = import_react3.useState(Array.isArray(value) ? value : []);
+  const schema = {
+    item: option.enumValues.length > 0 ? { choices: option.enumValues, kind: "enum" } : { kind: "string" },
+    kind: "array"
+  };
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+    className: "ts-control",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+        className: "fe-root",
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(FieldEditor, {
+          onChange: setDraft,
+          schema,
+          value: draft
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+        className: "ts-btn",
+        onClick: () => onSave(draft),
+        type: "button",
+        children: "save"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
 var Control = ({ busy, isSet, onSave, option, value }) => {
   if (option.kind === "boolean") {
-    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(BooleanControl, {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(BooleanControl, {
       busy,
       isSet,
       onSave,
@@ -23120,14 +23259,21 @@ var Control = ({ busy, isSet, onSave, option, value }) => {
     }, undefined, false, undefined, this);
   }
   if (option.kind === "enum") {
-    return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(EnumControl, {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(EnumControl, {
       isSet,
       onSave,
       option,
       value
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(TextControl, {
+  if (option.kind === "list") {
+    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ListControl, {
+      onSave,
+      option,
+      value
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(TextControl, {
     kind: option.kind,
     onSave,
     value
@@ -23136,24 +23282,24 @@ var Control = ({ busy, isSet, onSave, option, value }) => {
 var OptionRow = ({ busy, current, onSave, option }) => {
   const isSet = Object.prototype.hasOwnProperty.call(current, option.name);
   const value = current[option.name];
-  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
     className: "rule",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "rule-main",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
             className: "rule-name-row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                 className: "rule-name",
                 children: option.name
               }, undefined, false, undefined, this),
-              isSet && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+              isSet && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                 className: "badge src",
                 children: "set"
               }, undefined, false, undefined, this),
-              option.defaultLabel !== "" && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+              option.defaultLabel !== "" && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                 className: "ts-default",
                 children: [
                   "default: ",
@@ -23162,15 +23308,15 @@ var OptionRow = ({ busy, current, onSave, option }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          option.description !== "" && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("p", {
+          option.description !== "" && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("p", {
             className: "rule-desc",
             children: option.description
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "rule-controls",
-        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(Control, {
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Control, {
           busy,
           isSet,
           onSave,
@@ -23182,12 +23328,12 @@ var OptionRow = ({ busy, current, onSave, option }) => {
   }, undefined, true, undefined, this);
 };
 var TsconfigPanel = ({ state: initial }) => {
-  const [state, setState] = import_react2.useState(initial);
-  const [query, setQuery] = import_react2.useState("");
-  const [category, setCategory] = import_react2.useState("all");
-  const [busy, setBusy] = import_react2.useState(null);
-  const [notice, setNotice] = import_react2.useState(null);
-  const categoryCounts = import_react2.useMemo(() => {
+  const [state, setState] = import_react3.useState(initial);
+  const [query, setQuery] = import_react3.useState("");
+  const [category, setCategory] = import_react3.useState("all");
+  const [busy, setBusy] = import_react3.useState(null);
+  const [notice, setNotice] = import_react3.useState(null);
+  const categoryCounts = import_react3.useMemo(() => {
     const counts = new Map;
     for (const option of state.options) {
       counts.set(option.category, (counts.get(option.category) ?? 0) + 1);
@@ -23223,28 +23369,28 @@ var TsconfigPanel = ({ state: initial }) => {
       setBusy(null);
     }
   };
-  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
     className: "shell",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("header", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("header", {
         className: "topbar",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
             className: "brand",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("h1", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("h1", {
                 className: "wordmark",
                 children: [
                   "tsconfig ",
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("em", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("em", {
                     children: "options"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
                 className: "subpath",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     className: "dot"
                   }, undefined, false, undefined, this),
                   state.configPath
@@ -23252,27 +23398,27 @@ var TsconfigPanel = ({ state: initial }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
             className: "counts",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
                     children: Object.keys(state.current).length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     children: "set"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
                     children: state.options.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     children: "available"
                   }, undefined, false, undefined, this)
                 ]
@@ -23281,50 +23427,50 @@ var TsconfigPanel = ({ state: initial }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "controls",
-        children: /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("input", {
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("input", {
           className: "search",
           onChange: (event) => setQuery(event.target.value),
           placeholder: "Search options or descriptions\u2026",
           value: query
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: "layout",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("nav", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("nav", {
             className: "rail",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
                 className: "rail-label",
                 children: "Category"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": category === "all",
                 onClick: () => setCategory("all"),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     children: "all"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     className: "n",
                     children: state.options.length
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              state.categories.map((entry) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("button", {
+              state.categories.map((entry) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": category === entry,
                 onClick: () => setCategory(entry),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     children: entry
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                     className: "n",
                     children: categoryCounts.get(entry)
                   }, undefined, false, undefined, this)
@@ -23332,21 +23478,21 @@ var TsconfigPanel = ({ state: initial }) => {
               }, entry, true, undefined, this))
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("main", {
-            children: sections.length === 0 ? /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("main", {
+            children: sections.length === 0 ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
               className: "empty",
               children: "No options match this filter."
-            }, undefined, false, undefined, this) : sections.map((section) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("section", {
+            }, undefined, false, undefined, this) : sections.map((section) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("section", {
               className: "section",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
                   className: "section-head",
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("h2", {
+                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("h2", {
                       className: "section-title",
                       children: section.label
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
                       className: "section-files",
                       children: [
                         section.items.length,
@@ -23355,7 +23501,7 @@ var TsconfigPanel = ({ state: initial }) => {
                     }, undefined, true, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                section.items.map((option) => /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(OptionRow, {
+                section.items.map((option) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OptionRow, {
                   busy: busy === option.name,
                   current: state.current,
                   onSave: save(option.name),
@@ -23366,10 +23512,10 @@ var TsconfigPanel = ({ state: initial }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notice && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("div", {
+      notice && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("b", {
+          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
             children: notice.kind === "ok" ? "\u2713" : "\u2715"
           }, undefined, false, undefined, this),
           notice.text
@@ -23379,78 +23525,9 @@ var TsconfigPanel = ({ state: initial }) => {
   }, undefined, true, undefined, this);
 };
 
-// src/cli/config/tsconfig/tsconfigStyles.ts
-var TSCONFIG_CSS = `
-.ts-control { display: flex; align-items: center; gap: 8px; }
-
-.ts-select {
-	appearance: none;
-	font-family: var(--mono);
-	font-size: 12px;
-	color: var(--text);
-	background: var(--panel-2);
-	border: 1px solid var(--border);
-	border-radius: 7px;
-	padding: 6px 28px 6px 10px;
-	background-image: linear-gradient(45deg, transparent 50%, var(--dim) 50%),
-		linear-gradient(135deg, var(--dim) 50%, transparent 50%);
-	background-position: right 12px center, right 7px center;
-	background-size: 5px 5px, 5px 5px;
-	background-repeat: no-repeat;
-	cursor: pointer;
-}
-.ts-select:hover { border-color: var(--accent-dim); }
-
-.ts-input {
-	font-family: var(--mono);
-	font-size: 12px;
-	color: var(--text);
-	background: var(--panel-2);
-	border: 1px solid var(--border);
-	border-radius: 7px;
-	padding: 6px 10px;
-	min-width: 220px;
-}
-.ts-input:focus { outline: none; border-color: var(--accent); }
-.ts-input.err { border-color: var(--error); }
-.ts-input.wide { flex: 1; min-width: 320px; }
-
-.ts-btn {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--bg);
-	background: var(--accent);
-	border: none;
-	border-radius: 7px;
-	padding: 6px 12px;
-	cursor: pointer;
-}
-.ts-btn:hover { background: var(--accent-dim); }
-
-.ts-clear {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--dim);
-	background: transparent;
-	border: 1px solid var(--border);
-	border-radius: 7px;
-	padding: 6px 10px;
-	cursor: pointer;
-}
-.ts-clear:hover { color: var(--error); border-color: var(--error); }
-
-.ts-current {
-	font-family: var(--mono);
-	font-size: 11px;
-	color: var(--accent);
-}
-.ts-default { color: var(--faint); font-size: 11px; }
-.ts-err { color: var(--error); font-size: 11px; margin-top: 6px; }
-`;
-
 // src/cli/config/prettier/PrettierPanel.tsx
-var import_react3 = __toESM(require_react(), 1);
-var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react4 = __toESM(require_react(), 1);
+var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
 var formatDefault = (value) => typeof value === "string" ? value : JSON.stringify(value);
 var matchesQuery3 = (query, name, description) => {
   if (query === "")
@@ -23463,19 +23540,19 @@ var BooleanControl2 = ({
   isSet,
   onSave,
   value
-}) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+}) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
   className: "ts-control",
   children: [
-    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
       className: busy ? "seg busy" : "seg",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
           "data-on": value === false,
           onClick: () => onSave(false),
           type: "button",
           children: "false"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
           "data-on": value === true,
           onClick: () => onSave(true),
           type: "button",
@@ -23483,7 +23560,7 @@ var BooleanControl2 = ({
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this),
-    isSet && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+    isSet && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
       className: "ts-clear",
       onClick: () => onSave(undefined, true),
       type: "button",
@@ -23496,24 +23573,24 @@ var ChoiceControl = ({
   isSet,
   onSave,
   value
-}) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("select", {
+}) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("select", {
   className: "ts-select",
   onChange: (event) => event.target.value === "" ? onSave(undefined, true) : onSave(event.target.value),
   value: isSet ? String(value) : "",
   children: [
-    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("option", {
+    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("option", {
       value: "",
       children: "\u2014 unset \u2014"
     }, undefined, false, undefined, this),
-    choices.map((choice) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("option", {
+    choices.map((choice) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("option", {
       value: choice,
       children: choice
     }, choice, false, undefined, this))
   ]
 }, undefined, true, undefined, this);
 var TextControl2 = ({ numeric, onSave, value }) => {
-  const [draft, setDraft] = import_react3.useState(value === undefined ? "" : String(value));
-  const [error, setError] = import_react3.useState(null);
+  const [draft, setDraft] = import_react4.useState(value === undefined ? "" : String(value));
+  const [error, setError] = import_react4.useState(null);
   const commit = () => {
     const text = draft.trim();
     if (text === "") {
@@ -23534,12 +23611,12 @@ var TextControl2 = ({ numeric, onSave, value }) => {
     onSave(text);
     setError(null);
   };
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
     children: [
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "ts-control",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("input", {
             className: error ? "ts-input err" : "ts-input",
             onChange: (event) => setDraft(event.target.value),
             onKeyDown: (event) => {
@@ -23550,7 +23627,7 @@ var TextControl2 = ({ numeric, onSave, value }) => {
             spellCheck: false,
             value: draft
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
             className: "ts-btn",
             onClick: commit,
             type: "button",
@@ -23558,7 +23635,7 @@ var TextControl2 = ({ numeric, onSave, value }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      error && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "ts-err",
         children: error
       }, undefined, false, undefined, this)
@@ -23567,7 +23644,7 @@ var TextControl2 = ({ numeric, onSave, value }) => {
 };
 var Control2 = ({ busy, isSet, onSave, option, value }) => {
   if (option.type === "boolean") {
-    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(BooleanControl2, {
+    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(BooleanControl2, {
       busy,
       isSet,
       onSave,
@@ -23575,14 +23652,14 @@ var Control2 = ({ busy, isSet, onSave, option, value }) => {
     }, undefined, false, undefined, this);
   }
   if (option.type === "choice") {
-    return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ChoiceControl, {
+    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ChoiceControl, {
       choices: option.choices.map((choice) => String(choice.value)),
       isSet,
       onSave,
       value
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(TextControl2, {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(TextControl2, {
     numeric: option.type === "int",
     onSave,
     value
@@ -23593,24 +23670,24 @@ var OptionRow2 = ({ busy, current, onSave, option }) => {
   if (name === undefined)
     return null;
   const isSet = Object.prototype.hasOwnProperty.call(current, name);
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
     className: "rule",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "rule-main",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
             className: "rule-name-row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                 className: "rule-name",
                 children: name
               }, undefined, false, undefined, this),
-              isSet && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+              isSet && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                 className: "badge src",
                 children: "set"
               }, undefined, false, undefined, this),
-              option.default !== undefined && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+              option.default !== undefined && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                 className: "ts-default",
                 children: [
                   "default: ",
@@ -23619,15 +23696,15 @@ var OptionRow2 = ({ busy, current, onSave, option }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          option.description !== undefined && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("p", {
+          option.description !== undefined && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("p", {
             className: "rule-desc",
             children: option.description
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "rule-controls",
-        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Control2, {
+        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Control2, {
           busy: busy === name,
           isSet,
           onSave: onSave(name),
@@ -23639,12 +23716,12 @@ var OptionRow2 = ({ busy, current, onSave, option }) => {
   }, undefined, true, undefined, this);
 };
 var PrettierPanel = ({ state: initial }) => {
-  const [state, setState] = import_react3.useState(initial);
-  const [query, setQuery] = import_react3.useState("");
-  const [category, setCategory] = import_react3.useState("all");
-  const [busy, setBusy] = import_react3.useState(null);
-  const [notice, setNotice] = import_react3.useState(null);
-  const categoryCounts = import_react3.useMemo(() => {
+  const [state, setState] = import_react4.useState(initial);
+  const [query, setQuery] = import_react4.useState("");
+  const [category, setCategory] = import_react4.useState("all");
+  const [busy, setBusy] = import_react4.useState(null);
+  const [notice, setNotice] = import_react4.useState(null);
+  const categoryCounts = import_react4.useMemo(() => {
     const counts = new Map;
     for (const option of state.options) {
       counts.set(option.category, (counts.get(option.category) ?? 0) + 1);
@@ -23680,28 +23757,28 @@ var PrettierPanel = ({ state: initial }) => {
       setBusy(null);
     }
   };
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
     className: "shell",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("header", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("header", {
         className: "topbar",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
             className: "brand",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("h1", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("h1", {
                 className: "wordmark",
                 children: [
                   "prettier ",
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("em", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("em", {
                     children: "options"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
                 className: "subpath",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     className: "dot"
                   }, undefined, false, undefined, this),
                   state.configPath ?? "no config yet \u2014 edits create .prettierrc.json"
@@ -23709,27 +23786,27 @@ var PrettierPanel = ({ state: initial }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
             className: "counts",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
                     children: Object.keys(state.current).length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     children: "set"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
                     children: state.options.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     children: "available"
                   }, undefined, false, undefined, this)
                 ]
@@ -23738,50 +23815,50 @@ var PrettierPanel = ({ state: initial }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "controls",
-        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("input", {
+        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("input", {
           className: "search",
           onChange: (event) => setQuery(event.target.value),
           placeholder: "Search options or descriptions\u2026",
           value: query
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: "layout",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("nav", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("nav", {
             className: "rail",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
                 className: "rail-label",
                 children: "Category"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": category === "all",
                 onClick: () => setCategory("all"),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     children: "all"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     className: "n",
                     children: state.options.length
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              state.categories.map((entry) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("button", {
+              state.categories.map((entry) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
                 className: "source-btn",
                 "data-active": category === entry,
                 onClick: () => setCategory(entry),
                 type: "button",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     children: entry
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                     className: "n",
                     children: categoryCounts.get(entry)
                   }, undefined, false, undefined, this)
@@ -23789,21 +23866,21 @@ var PrettierPanel = ({ state: initial }) => {
               }, entry, true, undefined, this))
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("main", {
-            children: sections.length === 0 ? /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("main", {
+            children: sections.length === 0 ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
               className: "empty",
               children: "No options match this filter."
-            }, undefined, false, undefined, this) : sections.map((section) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("section", {
+            }, undefined, false, undefined, this) : sections.map((section) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("section", {
               className: "section",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+                /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
                   className: "section-head",
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("h2", {
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("h2", {
                       className: "section-title",
                       children: section.label
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
                       className: "section-files",
                       children: [
                         section.items.length,
@@ -23812,7 +23889,7 @@ var PrettierPanel = ({ state: initial }) => {
                     }, undefined, true, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                section.items.map((option) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OptionRow2, {
+                section.items.map((option) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(OptionRow2, {
                   busy,
                   current: state.current,
                   onSave: save,
@@ -23823,10 +23900,10 @@ var PrettierPanel = ({ state: initial }) => {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notice && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("div", {
+      notice && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("b", {
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
             children: notice.kind === "ok" ? "\u2713" : "\u2715"
           }, undefined, false, undefined, this),
           notice.text
@@ -23837,198 +23914,77 @@ var PrettierPanel = ({ state: initial }) => {
 };
 
 // src/cli/config/absolute/AbsoluteConfigPanel.tsx
-var import_react4 = __toESM(require_react(), 1);
-var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react5 = __toESM(require_react(), 1);
+var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
 var matchesQuery4 = (query, name, description) => {
   if (query === "")
     return true;
   const needle = query.toLowerCase();
   return name.toLowerCase().includes(needle) || description.toLowerCase().includes(needle);
 };
-var BooleanControl3 = ({
-  busy,
-  isSet,
-  onSave,
-  value
-}) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-  className: "ts-control",
-  children: [
-    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-      className: busy ? "seg busy" : "seg",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
-          "data-on": value === false,
-          onClick: () => onSave(false),
-          type: "button",
-          children: "false"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
-          "data-on": value === true,
-          onClick: () => onSave(true),
-          type: "button",
-          children: "true"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    isSet && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
-      className: "ts-clear",
-      onClick: () => onSave(undefined, true),
-      type: "button",
-      children: "unset"
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-var EnumControl2 = ({ choices, isSet, onSave, value }) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("select", {
-  className: "ts-select",
-  onChange: (event) => event.target.value === "" ? onSave(undefined, true) : onSave(event.target.value),
-  value: isSet ? String(value) : "",
-  children: [
-    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("option", {
-      value: "",
-      children: "\u2014 unset \u2014"
-    }, undefined, false, undefined, this),
-    choices.map((choice) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("option", {
-      value: choice,
-      children: choice
-    }, choice, false, undefined, this))
-  ]
-}, undefined, true, undefined, this);
-var TextControl3 = ({ numeric, onSave, value }) => {
-  const [draft, setDraft] = import_react4.useState(value === undefined ? "" : String(value));
-  const [error, setError] = import_react4.useState(null);
-  const commit = () => {
-    const text = draft.trim();
-    if (text === "") {
-      onSave(undefined, true);
-      setError(null);
-      return;
-    }
-    if (numeric) {
-      const parsed = Number(text);
-      if (Number.isNaN(parsed)) {
-        setError("Must be a number");
-        return;
-      }
-      onSave(parsed);
-      setError(null);
-      return;
-    }
-    onSave(text);
-    setError(null);
-  };
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-        className: "ts-control",
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("input", {
-            className: error ? "ts-input err" : "ts-input",
-            onChange: (event) => setDraft(event.target.value),
-            onKeyDown: (event) => {
-              if (event.key === "Enter")
-                commit();
-            },
-            placeholder: numeric ? "e.g. 3000" : "value",
-            spellCheck: false,
-            value: draft
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("button", {
-            className: "ts-btn",
-            onClick: commit,
-            type: "button",
-            children: "save"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-        className: "ts-err",
-        children: error
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-var Control3 = ({ busy, field, isSet, onSave, value }) => {
-  if (field.kind === "boolean") {
-    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(BooleanControl3, {
-      busy,
-      isSet,
-      onSave,
-      value
-    }, undefined, false, undefined, this);
-  }
-  if (field.kind === "enum") {
-    return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(EnumControl2, {
-      choices: field.choices,
-      isSet,
-      onSave,
-      value
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(TextControl3, {
-    numeric: field.kind === "number",
-    onSave,
-    value
-  }, undefined, false, undefined, this);
-};
-var FieldRow = ({ busy, complexKeys, current, onSave, field }) => {
-  const editable = field.kind !== "complex";
-  const isSet = editable ? Object.prototype.hasOwnProperty.call(current, field.name) : complexKeys.includes(field.name);
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-    className: "rule",
+var FieldRow = ({ busy, field, isSet, onSave, value }) => {
+  const [draft, setDraft] = import_react5.useState(value);
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+    className: "rule fe-block",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
         className: "rule-main",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
             className: "rule-name-row",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                 className: "rule-name",
                 children: field.name
               }, undefined, false, undefined, this),
-              isSet && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+              isSet && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                 className: "badge src",
                 children: "set"
-              }, undefined, false, undefined, this),
-              !editable && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
-                className: "badge dep",
-                children: "edit in file"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
-                className: "ts-default",
-                children: field.typeText
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          field.description !== "" && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("p", {
+          field.description !== "" && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("p", {
             className: "rule-desc",
             children: field.description
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+            className: "fe-root",
+            children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(FieldEditor, {
+              onChange: setDraft,
+              schema: field.schema,
+              value: draft
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      editable && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-        className: "rule-controls",
-        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Control3, {
-          busy: busy === field.name,
-          field,
-          isSet,
-          onSave: onSave(field.name),
-          value: current[field.name]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+        className: "rule-controls fe-actions",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+            className: "ts-btn",
+            disabled: busy,
+            onClick: () => onSave(draft),
+            type: "button",
+            children: "save"
+          }, undefined, false, undefined, this),
+          isSet && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+            className: "ts-clear",
+            onClick: () => onSave(undefined, true),
+            type: "button",
+            children: "unset"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 };
 var AbsoluteConfigPanel = ({
   state: initial
 }) => {
-  const [state, setState] = import_react4.useState(initial);
-  const [query, setQuery] = import_react4.useState("");
-  const [busy, setBusy] = import_react4.useState(null);
-  const [notice, setNotice] = import_react4.useState(null);
-  const visible = state.fields.filter((field) => matchesQuery4(query, field.name, field.description));
-  const editable = visible.filter((field) => field.kind !== "complex");
-  const advanced = visible.filter((field) => field.kind === "complex");
+  const [state, setState] = import_react5.useState(initial);
+  const [query, setQuery] = import_react5.useState("");
+  const [busy, setBusy] = import_react5.useState(null);
+  const [notice, setNotice] = import_react5.useState(null);
   const save = (name) => async (value, remove) => {
     setBusy(name);
     setNotice(null);
@@ -24054,35 +24010,32 @@ var AbsoluteConfigPanel = ({
       setBusy(null);
     }
   };
-  const renderRows = (fields) => fields.map((field) => /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(FieldRow, {
-    busy,
-    complexKeys: state.complexKeys,
-    current: state.current,
-    field,
-    onSave: save
-  }, field.name, false, undefined, this));
-  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+  const opaque2 = new Set(state.opaqueKeys);
+  const visible = state.fields.filter((field) => matchesQuery4(query, field.name, field.description));
+  const editable = visible.filter((field) => !opaque2.has(field.name));
+  const advanced = visible.filter((field) => opaque2.has(field.name));
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
     className: "shell",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("header", {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("header", {
         className: "topbar",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
             className: "brand",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("h1", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h1", {
                 className: "wordmark",
                 children: [
                   "absolute.config ",
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("em", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("em", {
                     children: "\xB7ts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
                 className: "subpath",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                     className: "dot"
                   }, undefined, false, undefined, this),
                   state.configPath ?? "no absolute.config.ts found"
@@ -24090,27 +24043,27 @@ var AbsoluteConfigPanel = ({
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
             className: "counts",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
                     children: Object.keys(state.current).length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                     children: "set"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
                     children: editable.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                     children: "editable"
                   }, undefined, false, undefined, this)
                 ]
@@ -24119,32 +24072,28 @@ var AbsoluteConfigPanel = ({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
         className: "controls",
-        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("input", {
+        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
           className: "search",
           onChange: (event) => setQuery(event.target.value),
           placeholder: "Search config fields\u2026",
           value: query
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("main", {
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("main", {
         children: [
-          editable.length === 0 && advanced.length === 0 && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
-            className: "empty",
-            children: "No config fields match this filter."
-          }, undefined, false, undefined, this),
-          editable.length > 0 && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("section", {
+          editable.length > 0 && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("section", {
             className: "section",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
                 className: "section-head",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("h2", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h2", {
                     className: "section-title",
                     children: "Fields"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                     className: "section-files",
                     children: [
                       editable.length,
@@ -24153,34 +24102,64 @@ var AbsoluteConfigPanel = ({
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              renderRows(editable)
+              editable.map((field) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(FieldRow, {
+                busy: busy === field.name,
+                field,
+                isSet: Object.prototype.hasOwnProperty.call(state.current, field.name),
+                onSave: save(field.name),
+                value: state.current[field.name]
+              }, field.name, false, undefined, this))
             ]
           }, undefined, true, undefined, this),
-          advanced.length > 0 && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("section", {
+          advanced.length > 0 && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("section", {
             className: "section",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
                 className: "section-head",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("h2", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h2", {
                     className: "section-title",
                     children: "Advanced"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
                     className: "section-files",
-                    children: "object/array fields \u2014 edit in the file"
+                    children: "values reference code \u2014 edit in the file"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              renderRows(advanced)
+              advanced.map((field) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+                className: "rule",
+                children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+                  className: "rule-main",
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+                      className: "rule-name-row",
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                          className: "rule-name",
+                          children: field.name
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                          className: "badge dep",
+                          children: "edit in file"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    field.description !== "" && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("p", {
+                      className: "rule-desc",
+                      children: field.description
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, field.name, false, undefined, this))
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notice && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+      notice && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("b", {
+          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
             children: notice.kind === "ok" ? "\u2713" : "\u2715"
           }, undefined, false, undefined, this),
           notice.text
@@ -24191,188 +24170,78 @@ var AbsoluteConfigPanel = ({
 };
 
 // src/cli/config/packageJson/PackageJsonPanel.tsx
-var import_react5 = __toESM(require_react(), 1);
-var jsx_dev_runtime5 = __toESM(require_jsx_dev_runtime(), 1);
+var import_react6 = __toESM(require_react(), 1);
+var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
 var matchesQuery5 = (query, text) => query === "" || text.toLowerCase().includes(query.toLowerCase());
-var BooleanControl4 = ({ isSet, onSave, value }) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-  className: "ts-control",
-  children: [
-    /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-      className: "seg",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
-          "data-on": value === false,
-          onClick: () => onSave(false),
-          type: "button",
-          children: "false"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
-          "data-on": value === true,
-          onClick: () => onSave(true),
-          type: "button",
-          children: "true"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    isSet && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
-      className: "ts-clear",
-      onClick: () => onSave(undefined, true),
-      type: "button",
-      children: "unset"
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-var ChoiceControl2 = ({
-  choices,
-  isSet,
-  onSave,
-  value
-}) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("select", {
-  className: "ts-select",
-  onChange: (event) => event.target.value === "" ? onSave(undefined, true) : onSave(event.target.value),
-  value: isSet ? String(value) : "",
-  children: [
-    /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("option", {
-      value: "",
-      children: "\u2014 unset \u2014"
-    }, undefined, false, undefined, this),
-    choices.map((choice) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("option", {
-      value: choice,
-      children: choice
-    }, choice, false, undefined, this))
-  ]
-}, undefined, true, undefined, this);
-var TextControl4 = ({ numeric, onSave, value }) => {
-  const [draft, setDraft] = import_react5.useState(value === undefined ? "" : String(value));
-  const [error, setError] = import_react5.useState(null);
-  const commit = () => {
-    const text = draft.trim();
-    if (text === "") {
-      onSave(undefined, true);
-      setError(null);
-      return;
-    }
-    if (numeric) {
-      const parsed = Number(text);
-      if (Number.isNaN(parsed)) {
-        setError("Must be a number");
-        return;
-      }
-      onSave(parsed);
-      setError(null);
-      return;
-    }
-    onSave(text);
-    setError(null);
-  };
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+var FieldRow2 = ({ field, isSet, onSave, value }) => {
+  const [draft, setDraft] = import_react6.useState(value);
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+    className: "rule fe-block",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-        className: "ts-control",
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+        className: "rule-main",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
-            className: error ? "ts-input err" : "ts-input",
-            onChange: (event) => setDraft(event.target.value),
-            onKeyDown: (event) => {
-              if (event.key === "Enter")
-                commit();
-            },
-            spellCheck: false,
-            value: draft
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+            className: "rule-name-row",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+                className: "rule-name",
+                children: field.name
+              }, undefined, false, undefined, this),
+              isSet && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+                className: "badge src",
+                children: "set"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+            className: "fe-root",
+            children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(FieldEditor, {
+              onChange: setDraft,
+              schema: field.schema,
+              value: draft
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+        className: "rule-controls fe-actions",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
             className: "ts-btn",
-            onClick: commit,
+            onClick: () => onSave(draft),
             type: "button",
             children: "save"
+          }, undefined, false, undefined, this),
+          isSet && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
+            className: "ts-clear",
+            onClick: () => onSave(undefined, true),
+            type: "button",
+            children: "unset"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this),
-      error && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-        className: "ts-err",
-        children: error
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
-var FieldRow2 = ({ complexKeys, current, field, onSave }) => {
-  const editable = field.kind !== "complex";
-  const isSet = editable ? Object.prototype.hasOwnProperty.call(current, field.name) : complexKeys.includes(field.name);
-  const value = current[field.name];
-  const control = () => {
-    if (field.kind === "boolean") {
-      return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(BooleanControl4, {
-        isSet,
-        onSave: onSave(field.name),
-        value
-      }, undefined, false, undefined, this);
-    }
-    if (field.kind === "enum") {
-      return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(ChoiceControl2, {
-        choices: field.choices,
-        isSet,
-        onSave: onSave(field.name),
-        value
-      }, undefined, false, undefined, this);
-    }
-    return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(TextControl4, {
-      numeric: field.kind === "number",
-      onSave: onSave(field.name),
-      value
-    }, undefined, false, undefined, this);
-  };
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-    className: "rule",
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-        className: "rule-main",
-        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-          className: "rule-name-row",
-          children: [
-            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
-              className: "rule-name",
-              children: field.name
-            }, undefined, false, undefined, this),
-            isSet && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
-              className: "badge src",
-              children: "set"
-            }, undefined, false, undefined, this),
-            !editable && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
-              className: "badge dep",
-              children: "edit in file"
-            }, undefined, false, undefined, this),
-            field.description !== "" && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
-              className: "ts-default",
-              children: field.description
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      editable && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-        className: "rule-controls",
-        children: control()
-      }, undefined, false, undefined, this)
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 };
 var ScriptRow = ({ onRemove, onSave, script }) => {
-  const [draft, setDraft] = import_react5.useState(script.command);
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+  const [draft, setDraft] = import_react6.useState(script.command);
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
     className: "rule",
-    children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+    children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
       className: "rule-main",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
           className: "rule-name-row",
-          children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+          children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
             className: "rule-name",
             children: script.name
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
           className: "ts-control",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("input", {
               className: "ts-input wide",
               onChange: (event) => setDraft(event.target.value),
               onKeyDown: (event) => {
@@ -24382,13 +24251,13 @@ var ScriptRow = ({ onRemove, onSave, script }) => {
               spellCheck: false,
               value: draft
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
               className: "ts-btn",
               onClick: () => onSave(draft),
               type: "button",
               children: "save"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
               className: "ts-clear",
               onClick: onRemove,
               type: "button",
@@ -24401,8 +24270,8 @@ var ScriptRow = ({ onRemove, onSave, script }) => {
   }, undefined, false, undefined, this);
 };
 var AddScript = ({ onAdd }) => {
-  const [name, setName] = import_react5.useState("");
-  const [command, setCommand] = import_react5.useState("");
+  const [name, setName] = import_react6.useState("");
+  const [command, setCommand] = import_react6.useState("");
   const add = () => {
     if (name.trim() === "")
       return;
@@ -24410,21 +24279,21 @@ var AddScript = ({ onAdd }) => {
     setName("");
     setCommand("");
   };
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
     className: "rule",
-    children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+    children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
       className: "rule-main",
-      children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+      children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
         className: "ts-control",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("input", {
             className: "ts-input",
             onChange: (event) => setName(event.target.value),
             placeholder: "script name",
             spellCheck: false,
             value: name
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("input", {
             className: "ts-input wide",
             onChange: (event) => setCommand(event.target.value),
             onKeyDown: (event) => {
@@ -24435,7 +24304,7 @@ var AddScript = ({ onAdd }) => {
             spellCheck: false,
             value: command
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("button", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
             className: "ts-btn",
             onClick: add,
             type: "button",
@@ -24447,9 +24316,9 @@ var AddScript = ({ onAdd }) => {
   }, undefined, false, undefined, this);
 };
 var PackageJsonPanel = ({ state: initial }) => {
-  const [state, setState] = import_react5.useState(initial);
-  const [query, setQuery] = import_react5.useState("");
-  const [notice, setNotice] = import_react5.useState(null);
+  const [state, setState] = import_react6.useState(initial);
+  const [query, setQuery] = import_react6.useState("");
+  const [notice, setNotice] = import_react6.useState(null);
   const post = async (path, body) => {
     setNotice(null);
     try {
@@ -24474,31 +24343,29 @@ var PackageJsonPanel = ({ state: initial }) => {
   };
   const saveField = (name) => (value, remove) => post("/api/package/field", { name, remove, value });
   const scripts = state.scripts.filter((script) => matchesQuery5(query, script.name) || matchesQuery5(query, script.command));
-  const visible = state.fields.filter((field) => matchesQuery5(query, field.name));
-  const editable = visible.filter((field) => field.kind !== "complex");
-  const advanced = visible.filter((field) => field.kind === "complex");
-  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+  const fields = state.fields.filter((field) => matchesQuery5(query, field.name));
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
     className: "shell",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("header", {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("header", {
         className: "topbar",
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
             className: "brand",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h1", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h1", {
                 className: "wordmark",
                 children: [
                   "package ",
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("em", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
                     children: ".json"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
                 className: "subpath",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                     className: "dot"
                   }, undefined, false, undefined, this),
                   state.configPath ?? "no package.json found"
@@ -24506,27 +24373,27 @@ var PackageJsonPanel = ({ state: initial }) => {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
             className: "counts",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("b", {
                     children: state.scripts.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                     children: "scripts"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
                 className: "count",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
-                    children: editable.length
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("b", {
+                    children: state.fields.length
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                     children: "fields"
                   }, undefined, false, undefined, this)
                 ]
@@ -24535,28 +24402,28 @@ var PackageJsonPanel = ({ state: initial }) => {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
         className: "controls",
-        children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("input", {
+        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("input", {
           className: "search",
           onChange: (event) => setQuery(event.target.value),
           placeholder: "Search scripts or fields\u2026",
           value: query
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("main", {
+      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("main", {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("section", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("section", {
             className: "section",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
                 className: "section-head",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h2", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
                     className: "section-title",
                     children: "Scripts"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                     className: "section-files",
                     children: [
                       state.scripts.length,
@@ -24565,7 +24432,7 @@ var PackageJsonPanel = ({ state: initial }) => {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              scripts.map((script) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(ScriptRow, {
+              scripts.map((script) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(ScriptRow, {
                 onRemove: () => post("/api/package/script", {
                   name: script.name,
                   remove: true
@@ -24576,68 +24443,44 @@ var PackageJsonPanel = ({ state: initial }) => {
                 }),
                 script
               }, script.name, false, undefined, this)),
-              query === "" && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(AddScript, {
+              query === "" && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(AddScript, {
                 onAdd: (name, command) => post("/api/package/script", { command, name })
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          editable.length > 0 && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("section", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("section", {
             className: "section",
             children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
                 className: "section-head",
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h2", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
                     className: "section-title",
                     children: "Fields"
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                     className: "section-files",
                     children: [
-                      editable.length,
-                      " editable"
+                      state.fields.length,
+                      " fields"
                     ]
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              editable.map((field) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(FieldRow2, {
-                complexKeys: state.complexKeys,
-                current: state.current,
-                field,
-                onSave: saveField
-              }, field.name, false, undefined, this))
-            ]
-          }, undefined, true, undefined, this),
-          advanced.length > 0 && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("section", {
-            className: "section",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
-                className: "section-head",
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("h2", {
-                    className: "section-title",
-                    children: "Advanced"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
-                    className: "section-files",
-                    children: "object/array fields \u2014 edit in the file"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              advanced.map((field) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(FieldRow2, {
-                complexKeys: state.complexKeys,
-                current: state.current,
+              fields.map((field) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(FieldRow2, {
                 field,
-                onSave: saveField
+                isSet: Object.prototype.hasOwnProperty.call(state.current, field.name),
+                onSave: saveField(field.name),
+                value: state.current[field.name]
               }, field.name, false, undefined, this))
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notice && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("div", {
+      notice && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("b", {
+          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("b", {
             children: notice.kind === "ok" ? "\u2713" : "\u2715"
           }, undefined, false, undefined, this),
           notice.text
@@ -24647,6 +24490,515 @@ var PackageJsonPanel = ({ state: initial }) => {
   }, undefined, true, undefined, this);
 };
 
+// src/cli/config/page/PanelHost.tsx
+var jsx_dev_runtime7 = __toESM(require_jsx_dev_runtime(), 1);
+var ENDPOINTS = {
+  absolute: "/api/absolute",
+  eslint: "/api/rules",
+  package: "/api/package",
+  prettier: "/api/prettier",
+  tsconfig: "/api/tsconfig"
+};
+var LABELS = {
+  absolute: "absolute.config",
+  eslint: "ESLint",
+  package: "package.json",
+  prettier: "Prettier",
+  tsconfig: "tsconfig"
+};
+var Message = ({ body, title }) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("div", {
+  className: "cfg-placeholder",
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("h2", {
+      className: "cfg-placeholder-title",
+      children: title
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("p", {
+      className: "cfg-placeholder-text",
+      children: body
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var Skeleton = ({ label }) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("div", {
+  className: "cfg-placeholder",
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("h2", {
+      className: "cfg-placeholder-title cfg-loading",
+      children: [
+        "Loading ",
+        label,
+        "\u2026"
+      ]
+    }, undefined, true, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("p", {
+      className: "cfg-placeholder-text",
+      children: "Reading your configuration."
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var isCatalog = (value) => isRecord(value) && Array.isArray(value.meta) && Array.isArray(value.blocks);
+var isTsState = (value) => isRecord(value) && Array.isArray(value.options);
+var isPrettierState = (value) => isRecord(value) && Array.isArray(value.options);
+var isAbsoluteState = (value) => isRecord(value) && Array.isArray(value.fields);
+var isPackageState = (value) => isRecord(value) && Array.isArray(value.scripts) && Array.isArray(value.fields);
+var renderPanel = (panel, data) => {
+  if (panel === "eslint") {
+    return isCatalog(data) && data.configPath ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(EslintPanel, {
+      catalog: data
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "No flat ESLint config (eslint.config.{js,mjs,cjs,ts}) was found in this project.",
+      title: "No ESLint config"
+    }, undefined, false, undefined, this);
+  }
+  if (panel === "tsconfig") {
+    return isTsState(data) && data.configPath ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(TsconfigPanel, {
+      state: data
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "No tsconfig.json or jsconfig.json was found in this project.",
+      title: "No tsconfig found"
+    }, undefined, false, undefined, this);
+  }
+  if (panel === "prettier") {
+    return isPrettierState(data) && data.editable ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(PrettierPanel, {
+      state: data
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "Prettier isn't installed, or your config uses a JS/YAML format this editor can't rewrite. Switch to .prettierrc.json to edit it here.",
+      title: "Prettier unavailable"
+    }, undefined, false, undefined, this);
+  }
+  if (panel === "absolute") {
+    return isAbsoluteState(data) && data.configPath ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(AbsoluteConfigPanel, {
+      state: data
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "No absolute.config.ts was found. Run with --config <path> to point at one.",
+      title: "No absolute.config"
+    }, undefined, false, undefined, this);
+  }
+  if (panel === "package") {
+    return isPackageState(data) && data.configPath ? /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(PackageJsonPanel, {
+      state: data
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "No package.json was found in this project.",
+      title: "No package.json"
+    }, undefined, false, undefined, this);
+  }
+  return null;
+};
+var PanelHost = ({ panel }) => {
+  const [data, setData] = import_react7.useState(null);
+  const [phase, setPhase] = import_react7.useState("loading");
+  import_react7.useEffect(() => {
+    let active = true;
+    setPhase("loading");
+    fetch(ENDPOINTS[panel]).then((response) => response.json()).then((result) => {
+      if (!active)
+        return;
+      setData(result);
+      setPhase("ready");
+    }).catch(() => {
+      if (active)
+        setPhase("error");
+    });
+    return () => {
+      active = false;
+    };
+  }, [panel]);
+  if (phase === "loading")
+    return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Skeleton, {
+      label: LABELS[panel]
+    }, undefined, false, undefined, this);
+  if (phase === "error") {
+    return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(Message, {
+      body: "The config server didn't respond \u2014 check the terminal where it's running.",
+      title: "Couldn't load"
+    }, undefined, false, undefined, this);
+  }
+  return renderPanel(panel, data);
+};
+
+// src/cli/config/eslint/eslintStyles.ts
+var ESLINT_CSS = `
+:root {
+	--bg: #0b0c0e;
+	--bg-grid: #14161a;
+	--panel: #111317;
+	--panel-2: #15181d;
+	--border: #23262d;
+	--border-soft: #1b1e23;
+	--text: #e7e9ec;
+	--dim: #82888f;
+	--faint: #565c64;
+	--accent: #cdf25b;
+	--accent-dim: #8ea53a;
+	--off: #565c64;
+	--warn: #f0b429;
+	--error: #ff5d5d;
+	--mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+	--serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
+
+body {
+	background-color: var(--bg);
+	background-image:
+		linear-gradient(var(--bg-grid) 1px, transparent 1px),
+		linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);
+	background-size: 44px 44px;
+	background-position: center top;
+	color: var(--text);
+	font-family: var(--mono);
+	font-size: 13px;
+	line-height: 1.5;
+	min-height: 100vh;
+}
+
+body::before {
+	content: '';
+	position: fixed;
+	inset: 0;
+	background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(205, 242, 91, 0.06), transparent 70%);
+	pointer-events: none;
+	z-index: 0;
+}
+
+.shell { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 0 28px 80px; }
+
+/* ---- header ---- */
+.topbar {
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: 24px;
+	padding: 34px 0 22px;
+	border-bottom: 1px solid var(--border);
+	flex-wrap: wrap;
+}
+.brand { display: flex; flex-direction: column; gap: 2px; }
+.wordmark {
+	font-family: var(--serif);
+	font-size: 42px;
+	line-height: 0.9;
+	letter-spacing: -0.01em;
+	font-weight: 400;
+}
+.wordmark em { color: var(--accent); font-style: italic; }
+.subpath {
+	font-size: 11px;
+	color: var(--dim);
+	letter-spacing: 0.02em;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.dot { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
+.counts { display: flex; gap: 26px; }
+.count { text-align: right; }
+.count b { display: block; font-size: 24px; font-weight: 500; letter-spacing: -0.02em; }
+.count span { font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--faint); }
+
+/* ---- controls row ---- */
+.controls { display: flex; gap: 12px; align-items: center; padding: 18px 0; flex-wrap: wrap; }
+.tabs { display: flex; gap: 2px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; padding: 3px; }
+.tab {
+	font-family: var(--mono);
+	font-size: 12px;
+	color: var(--dim);
+	background: transparent;
+	border: 0;
+	padding: 7px 16px;
+	border-radius: 6px;
+	cursor: pointer;
+	transition: color 0.15s, background 0.15s;
+	letter-spacing: 0.01em;
+}
+.tab:hover { color: var(--text); }
+.tab[data-active='true'] { background: var(--panel-2); color: var(--accent); box-shadow: inset 0 0 0 1px var(--border); }
+.search {
+	flex: 1;
+	min-width: 220px;
+	font-family: var(--mono);
+	font-size: 13px;
+	color: var(--text);
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: 9px;
+	padding: 10px 14px;
+	outline: none;
+	transition: border-color 0.15s, box-shadow 0.15s;
+}
+.search:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
+.search::placeholder { color: var(--faint); }
+.scope {
+	min-width: 250px;
+	font-family: var(--mono);
+	font-size: 12.5px;
+	color: var(--accent);
+	background: var(--bg);
+	border: 1px solid var(--border);
+	border-radius: 9px;
+	padding: 10px 14px;
+	outline: none;
+	transition: border-color 0.15s, box-shadow 0.15s;
+}
+.scope:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
+.scope::placeholder { color: var(--faint); }
+.scope-clear {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--dim);
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: 8px;
+	padding: 9px 12px;
+	cursor: pointer;
+	transition: color 0.15s, border-color 0.15s;
+}
+.scope-clear:hover { color: var(--error); border-color: rgba(255, 93, 93, 0.4); }
+
+/* ---- rule controls + options editor ---- */
+.rule-controls { display: flex; align-items: center; gap: 8px; }
+.opts-toggle {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--faint);
+	background: transparent;
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 6px 10px;
+	cursor: pointer;
+	transition: color 0.13s, border-color 0.13s, background 0.13s;
+}
+.opts-toggle:hover { color: var(--text); }
+.opts-toggle[data-on='true'] { color: var(--accent); border-color: var(--accent-dim); background: rgba(205, 242, 91, 0.06); }
+.opts-editor { margin-top: 10px; max-width: 70ch; }
+.opts-input {
+	width: 100%;
+	font-family: var(--mono);
+	font-size: 12px;
+	line-height: 1.5;
+	color: var(--text);
+	background: var(--bg);
+	border: 1px solid var(--border);
+	border-radius: 8px;
+	padding: 10px 12px;
+	resize: vertical;
+	outline: none;
+}
+.opts-input:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }
+.opts-error { color: var(--error); font-size: 11px; margin-top: 6px; white-space: pre-wrap; }
+.opts-actions { display: flex; gap: 8px; margin-top: 8px; }
+.opts-btn {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--dim);
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 7px 13px;
+	cursor: pointer;
+	transition: color 0.13s, border-color 0.13s;
+}
+.opts-btn:hover { color: var(--text); }
+.opts-btn.save { color: var(--accent); border-color: var(--accent-dim); }
+.opts-btn.save:hover { background: rgba(205, 242, 91, 0.08); }
+
+/* ---- layout ---- */
+.layout { display: grid; grid-template-columns: 200px 1fr; gap: 24px; margin-top: 20px; align-items: start; }
+.rail { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 3px; }
+.rail-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--faint); padding: 4px 10px 8px; }
+.source-btn {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	font-family: var(--mono);
+	font-size: 12px;
+	color: var(--dim);
+	background: transparent;
+	border: 0;
+	border-left: 2px solid transparent;
+	padding: 7px 10px;
+	cursor: pointer;
+	text-align: left;
+	transition: color 0.15s, background 0.12s, border-color 0.15s;
+	border-radius: 0 6px 6px 0;
+}
+.source-btn:hover { color: var(--text); background: var(--panel); }
+.source-btn[data-active='true'] { color: var(--accent); border-left-color: var(--accent); background: var(--panel); }
+.source-btn .n { font-size: 11px; color: var(--faint); }
+.source-btn[data-active='true'] .n { color: var(--accent-dim); }
+
+/* ---- rule list ---- */
+.section { margin-bottom: 30px; animation: rise 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
+.section-head { display: flex; align-items: baseline; gap: 12px; padding: 0 2px 10px; border-bottom: 1px dashed var(--border-soft); margin-bottom: 4px; }
+.section-title { font-family: var(--serif); font-size: 22px; font-style: italic; }
+.section-files { font-size: 11px; color: var(--faint); }
+
+.rule {
+	display: grid;
+	grid-template-columns: 1fr auto;
+	gap: 14px;
+	align-items: center;
+	padding: 13px 14px;
+	border: 1px solid transparent;
+	border-radius: 10px;
+	transition: background 0.14s, border-color 0.14s;
+	position: relative;
+}
+.rule:hover { background: var(--panel); border-color: var(--border-soft); }
+.rule-main { min-width: 0; }
+.rule-name-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
+.rule-name { font-size: 13.5px; color: var(--text); letter-spacing: -0.01em; }
+.rule-name .pfx { color: var(--faint); }
+.badge {
+	font-size: 9.5px;
+	text-transform: uppercase;
+	letter-spacing: 0.08em;
+	padding: 2px 6px;
+	border-radius: 4px;
+	border: 1px solid var(--border);
+	color: var(--dim);
+	background: var(--panel-2);
+}
+.badge.src { color: var(--accent-dim); border-color: rgba(205, 242, 91, 0.2); }
+.badge.fix { color: #6cc6ff; border-color: rgba(108, 198, 255, 0.22); }
+.badge.dep { color: var(--warn); border-color: rgba(240, 180, 41, 0.25); }
+.rule-desc { font-size: 11.5px; color: var(--dim); margin-top: 4px; max-width: 64ch; line-height: 1.45; }
+.rule-opts { font-size: 11px; color: var(--accent-dim); margin-top: 5px; background: var(--bg); border: 1px solid var(--border-soft); border-radius: 5px; padding: 3px 7px; display: inline-block; white-space: pre-wrap; word-break: break-word; }
+.docs { color: var(--faint); text-decoration: none; transition: color 0.15s; font-size: 11px; }
+.docs:hover { color: var(--accent); }
+
+/* ---- severity segmented control ---- */
+.seg { display: inline-flex; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 2px; gap: 2px; }
+.seg button {
+	font-family: var(--mono);
+	font-size: 11px;
+	letter-spacing: 0.02em;
+	color: var(--faint);
+	background: transparent;
+	border: 0;
+	padding: 5px 11px;
+	border-radius: 6px;
+	cursor: pointer;
+	transition: color 0.13s, background 0.13s, box-shadow 0.13s;
+}
+.seg button:hover:not([data-on='true']) { color: var(--text); }
+.seg button[data-sev='off'][data-on='true'] { background: rgba(86, 92, 100, 0.22); color: #c2c7cd; box-shadow: inset 0 0 0 1px rgba(130,136,143,0.4); }
+.seg button[data-sev='warn'][data-on='true'] { background: rgba(240, 180, 41, 0.16); color: var(--warn); box-shadow: inset 0 0 0 1px rgba(240,180,41,0.45); }
+.seg button[data-sev='error'][data-on='true'] { background: rgba(255, 93, 93, 0.15); color: var(--error); box-shadow: inset 0 0 0 1px rgba(255,93,93,0.45); }
+.seg.busy { opacity: 0.45; pointer-events: none; }
+
+.cat-control { display: flex; align-items: center; }
+.effective { font-size: 10px; color: var(--faint); margin-right: 10px; letter-spacing: 0.04em; }
+.effective b { color: var(--dim); }
+
+/* ---- toast ---- */
+.toast {
+	position: fixed;
+	bottom: 22px;
+	left: 50%;
+	transform: translateX(-50%);
+	z-index: 50;
+	font-family: var(--mono);
+	font-size: 12px;
+	padding: 11px 18px;
+	border-radius: 10px;
+	border: 1px solid var(--border);
+	background: var(--panel-2);
+	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
+	animation: rise 0.3s ease both;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+.toast b { font-size: 14px; }
+.toast.ok b { color: var(--accent); }
+.toast.err b { color: var(--error); }
+
+.empty { padding: 60px 20px; text-align: center; color: var(--faint); font-size: 13px; }
+.more { padding: 18px 4px; font-size: 11px; color: var(--faint); text-align: center; }
+
+@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
+
+@media (max-width: 820px) {
+	.layout { grid-template-columns: 1fr; }
+	.rail { position: static; flex-direction: row; flex-wrap: wrap; }
+	.wordmark { font-size: 34px; }
+}
+`;
+
+// src/cli/config/tsconfig/tsconfigStyles.ts
+var TSCONFIG_CSS = `
+.ts-control { display: flex; align-items: center; gap: 8px; }
+
+.ts-select {
+	appearance: none;
+	font-family: var(--mono);
+	font-size: 12px;
+	color: var(--text);
+	background: var(--panel-2);
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 6px 28px 6px 10px;
+	background-image: linear-gradient(45deg, transparent 50%, var(--dim) 50%),
+		linear-gradient(135deg, var(--dim) 50%, transparent 50%);
+	background-position: right 12px center, right 7px center;
+	background-size: 5px 5px, 5px 5px;
+	background-repeat: no-repeat;
+	cursor: pointer;
+}
+.ts-select:hover { border-color: var(--accent-dim); }
+
+.ts-input {
+	font-family: var(--mono);
+	font-size: 12px;
+	color: var(--text);
+	background: var(--panel-2);
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 6px 10px;
+	min-width: 220px;
+}
+.ts-input:focus { outline: none; border-color: var(--accent); }
+.ts-input.err { border-color: var(--error); }
+.ts-input.wide { flex: 1; min-width: 320px; }
+
+.ts-btn {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--bg);
+	background: var(--accent);
+	border: none;
+	border-radius: 7px;
+	padding: 6px 12px;
+	cursor: pointer;
+}
+.ts-btn:hover { background: var(--accent-dim); }
+
+.ts-clear {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--dim);
+	background: transparent;
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 6px 10px;
+	cursor: pointer;
+}
+.ts-clear:hover { color: var(--error); border-color: var(--error); }
+
+.ts-current {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--accent);
+}
+.ts-default { color: var(--faint); font-size: 11px; }
+.ts-err { color: var(--error); font-size: 11px; margin-top: 6px; }
+`;
+
 // src/cli/config/page/configStyles.ts
 var CONFIG_CSS = `
 .cfg {
@@ -24731,6 +25083,52 @@ var CONFIG_CSS = `
 .cfg-placeholder-title { font-family: var(--serif); font-size: 40px; margin-bottom: 12px; }
 .cfg-placeholder-title em { color: var(--accent); font-style: italic; }
 .cfg-placeholder-text { color: var(--dim); font-size: 14px; max-width: 460px; margin: 0 auto; }
+.cfg-loading { animation: cfg-pulse 1.2s ease-in-out infinite; }
+@keyframes cfg-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
+
+/* ---- recursive field editor ---- */
+.fe-block { align-items: flex-start; }
+.fe-root { margin-top: 10px; width: 100%; }
+.fe-actions { flex-direction: column; gap: 6px; }
+.fe-object {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	border-left: 2px solid var(--border);
+	padding-left: 14px;
+}
+.fe-field { display: flex; flex-direction: column; gap: 4px; }
+.fe-label { display: flex; align-items: center; gap: 8px; }
+.fe-name { color: var(--dim); font-size: 12px; }
+.fe-array, .fe-record, .fe-union { display: flex; flex-direction: column; gap: 6px; }
+.fe-item, .fe-entry { display: flex; align-items: flex-start; gap: 6px; }
+.fe-key { min-width: 160px; flex: 0 0 auto; }
+.fe-add {
+	align-self: flex-start;
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--accent);
+	background: transparent;
+	border: 1px dashed var(--border);
+	border-radius: 7px;
+	padding: 4px 10px;
+	cursor: pointer;
+}
+.fe-add:hover { border-color: var(--accent); }
+.fe-remove {
+	font-family: var(--mono);
+	font-size: 11px;
+	color: var(--dim);
+	background: transparent;
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	padding: 4px 8px;
+	cursor: pointer;
+}
+.fe-remove:hover { color: var(--error); border-color: var(--error); }
+.fe-type { color: var(--faint); font-size: 11px; margin-top: 4px; }
+.fe-raw { width: 100%; }
+.fe-raw .opts-input { width: 100%; }
 
 @media (max-width: 720px) {
 	.cfg { flex-direction: column; }
@@ -24781,272 +25179,103 @@ var CONFIG_PANELS = [
 var DEFAULT_PANEL = "absolute";
 
 // src/cli/config/page/ConfigShell.tsx
-var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
-var NavItem = ({ active, panel }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("a", {
+var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
+var NavItem = ({ active, panel }) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("a", {
   className: "cfg-item",
   "data-active": active,
   "data-soon": panel.status === "soon",
   href: `/${panel.id}`,
   children: [
-    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+    /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
       className: "cfg-item-top",
       children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
           className: "cfg-item-name",
           children: panel.label
         }, undefined, false, undefined, this),
-        panel.status === "soon" && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+        panel.status === "soon" && /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
           className: "cfg-soon",
           children: "soon"
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+    /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
       className: "cfg-item-blurb",
       children: panel.blurb
     }, undefined, false, undefined, this)
   ]
 }, undefined, true, undefined, this);
-var Placeholder = ({ body, title }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-  className: "cfg-placeholder",
-  children: [
-    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-      className: "cfg-placeholder-title",
-      children: [
-        title,
-        " ",
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-          children: "coming soon"
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-      className: "cfg-placeholder-text",
-      children: body
-    }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-var renderBody = ({
-  absoluteConfigState,
-  active,
-  eslintCatalog,
-  packageJsonState,
-  panel,
-  prettierState,
-  tsconfigState
-}) => {
-  if (panel === "absolute") {
-    if (absoluteConfigState?.configPath) {
-      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(AbsoluteConfigPanel, {
-        state: absoluteConfigState
-      }, undefined, false, undefined, this);
-    }
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-      className: "cfg-placeholder",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-          className: "cfg-placeholder-title",
-          children: [
-            "No ",
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-              children: "absolute.config"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-          className: "cfg-placeholder-text",
-          children: "No absolute.config.ts was found in this project."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (panel === "package") {
-    if (packageJsonState?.configPath) {
-      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(PackageJsonPanel, {
-        state: packageJsonState
-      }, undefined, false, undefined, this);
-    }
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-      className: "cfg-placeholder",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-          className: "cfg-placeholder-title",
-          children: [
-            "No ",
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-              children: "package.json"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-          className: "cfg-placeholder-text",
-          children: "No package.json was found in this project."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (panel === "eslint") {
-    if (eslintCatalog)
-      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(EslintPanel, {
-        catalog: eslintCatalog
-      }, undefined, false, undefined, this);
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-      className: "cfg-placeholder",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-          className: "cfg-placeholder-title",
-          children: [
-            "No ",
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-              children: "ESLint"
-            }, undefined, false, undefined, this),
-            " config"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-          className: "cfg-placeholder-text",
-          children: "No flat ESLint config (eslint.config.{js,mjs,cjs,ts}) was found in this project."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (panel === "tsconfig") {
-    if (tsconfigState?.configPath) {
-      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(TsconfigPanel, {
-        state: tsconfigState
-      }, undefined, false, undefined, this);
-    }
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-      className: "cfg-placeholder",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-          className: "cfg-placeholder-title",
-          children: [
-            "No ",
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-              children: "tsconfig"
-            }, undefined, false, undefined, this),
-            " found"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-          className: "cfg-placeholder-text",
-          children: "No tsconfig.json or jsconfig.json was found in this project."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (panel === "prettier") {
-    if (prettierState?.editable) {
-      return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(PrettierPanel, {
-        state: prettierState
-      }, undefined, false, undefined, this);
-    }
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-      className: "cfg-placeholder",
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-          className: "cfg-placeholder-title",
-          children: [
-            "Prettier ",
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
-              children: "unavailable"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-          className: "cfg-placeholder-text",
-          children: prettierState && !prettierState.available ? "Prettier is not installed in this project." : "Your prettier config uses a JS/YAML format that this editor cannot rewrite. Switch to .prettierrc.json to edit it here."
-        }, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this);
-  }
-  if (active) {
-    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Placeholder, {
-      body: `This panel will let you edit ${active.blurb.toLowerCase()} from the same place. It's next on the list.`,
-      title: active.label
-    }, undefined, false, undefined, this);
-  }
-  return null;
-};
-var ConfigShell = ({
-  absoluteConfigState,
-  eslintCatalog,
-  packageJsonState,
-  panel,
-  prettierState,
-  tsconfigState
-}) => {
+var ConfigShell = ({ panel }) => {
   const active = CONFIG_PANELS.find((entry) => entry.id === panel);
   const activeLabel = active?.label ?? "Config";
-  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("html", {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("html", {
     lang: "en",
     children: [
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("head", {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("head", {
         children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("meta", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("meta", {
             charSet: "utf-8"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("meta", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("meta", {
             content: "width=device-width, initial-scale=1",
             name: "viewport"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("title", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("title", {
             children: `Absolute Config \xB7 ${activeLabel}`
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("link", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("link", {
             href: "https://fonts.googleapis.com",
             rel: "preconnect"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("link", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("link", {
             crossOrigin: "anonymous",
             href: "https://fonts.gstatic.com",
             rel: "preconnect"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("link", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("link", {
             href: "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap",
             rel: "stylesheet"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("style", {
+          /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("style", {
             dangerouslySetInnerHTML: {
               __html: ESLINT_CSS + TSCONFIG_CSS + CONFIG_CSS
             }
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("body", {
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+      /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("body", {
+        children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("div", {
           className: "cfg",
           children: [
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("aside", {
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("aside", {
               className: "cfg-nav",
               children: [
-                /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("div", {
                   className: "cfg-brand",
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+                    /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
                       className: "cfg-word",
                       children: [
                         "absolute ",
-                        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("em", {
+                        /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("em", {
                           children: "config"
                         }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+                    /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
                       className: "cfg-tag",
                       children: "project tooling"
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("nav", {
+                /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("nav", {
                   className: "cfg-panels",
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+                    /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("div", {
                       className: "cfg-rail-label",
                       children: "Panels"
                     }, undefined, false, undefined, this),
-                    CONFIG_PANELS.map((entry) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(NavItem, {
+                    CONFIG_PANELS.map((entry) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(NavItem, {
                       active: entry.id === panel,
                       panel: entry
                     }, entry.id, false, undefined, this))
@@ -25054,17 +25283,11 @@ var ConfigShell = ({
                 }, undefined, true, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("main", {
+            /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("main", {
               className: "cfg-main",
-              children: renderBody({
-                absoluteConfigState,
-                active,
-                eslintCatalog,
-                packageJsonState,
-                panel,
-                prettierState,
-                tsconfigState
-              })
+              children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(PanelHost, {
+                panel
+              }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
@@ -32430,22 +32653,6 @@ var evaluateObject = (node) => {
   return { isStatic: true, value: result };
 };
 
-// src/cli/config/guards.ts
-var getRecord = (value, key) => {
-  if (!isRecord(value))
-    return null;
-  const found = value[key];
-  return isRecord(found) ? found : null;
-};
-var getString = (value, key) => {
-  if (!isRecord(value))
-    return null;
-  const found = value[key];
-  return typeof found === "string" ? found : null;
-};
-var isMap = (value) => value instanceof Map;
-var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-
 // src/cli/config/eslint/serializeValue.ts
 var IDENTIFIER_PATTERN = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 var quoteString = (value) => `'${value.replace(/'/g, "\\'")}'`;
@@ -34518,11 +34725,12 @@ import ts3 from "typescript";
 import { existsSync as existsSync7, readFileSync as readFileSync9 } from "fs";
 import { resolve as resolve7 } from "path";
 
-// src/cli/config/introspectType.ts
+// src/cli/config/schema/fromType.ts
 import ts2 from "typescript";
 import { existsSync as existsSync6, readFileSync as readFileSync8 } from "fs";
 import { resolve as resolve6 } from "path";
 var VIRTUAL_NAME = "__absolute_type_introspect__.ts";
+var MAX_DEPTH2 = 6;
 var isFrameworkRepo = (cwd) => {
   try {
     const pkg = JSON.parse(readFileSync8(resolve6(cwd, "package.json"), "utf-8"));
@@ -34541,25 +34749,93 @@ var compilerOptionsFor = (cwd) => {
   });
   return parsed?.options ?? ts2.getDefaultCompilerOptions();
 };
-var nonUndefinedMembers = (type) => type.isUnion() ? type.types.filter((member) => (member.flags & ts2.TypeFlags.Undefined) === 0) : [type];
-var classify2 = (type) => {
-  const members = nonUndefinedMembers(type);
-  if (members.length === 0)
-    return { choices: [], kind: "complex" };
-  if (members.every((member) => (member.flags & ts2.TypeFlags.BooleanLike) !== 0)) {
-    return { choices: [], kind: "boolean" };
-  }
-  if (members.every((member) => member.isStringLiteral())) {
-    const choices = members.map((member) => String(member.value));
-    return choices.length > 1 ? { choices, kind: "enum" } : { choices: [], kind: "string" };
+var docOf = (symbol, checker) => ts2.displayPartsToString(symbol.getDocumentationComment(checker)).trim();
+var typeOfSymbol = (symbol, checker) => {
+  const declaration = symbol.valueDeclaration ?? symbol.declarations?.[0];
+  return declaration ? checker.getTypeOfSymbolAtLocation(symbol, declaration) : checker.getDeclaredTypeOfSymbol(symbol);
+};
+var hasFlag = (type, flag) => (type.flags & flag) !== 0;
+var unionParts = (type) => type.isUnion() ? type.types : [type];
+var literalChoice = (type) => {
+  if (type.isStringLiteral())
+    return type.value;
+  if (type.isNumberLiteral())
+    return type.value;
+  return null;
+};
+var toSchema = (type, checker, depth, seen) => {
+  const opaque2 = () => ({
+    kind: "opaque",
+    typeText: checker.typeToString(type)
+  });
+  if (depth > MAX_DEPTH2)
+    return opaque2();
+  const parts = unionParts(type).filter((part) => !hasFlag(part, ts2.TypeFlags.Undefined) && !hasFlag(part, ts2.TypeFlags.Null));
+  if (parts.length === 0)
+    return opaque2();
+  if (parts.every((part) => hasFlag(part, ts2.TypeFlags.BooleanLike))) {
+    return { kind: "boolean" };
+  }
+  const choices = parts.map(literalChoice);
+  if (parts.length > 1 && choices.every((choice) => choice !== null)) {
+    return { choices: choices.filter((c) => c !== null), kind: "enum" };
+  }
+  if (parts.length > 1) {
+    return {
+      kind: "union",
+      variants: parts.map((part) => single(part, checker, depth, seen))
+    };
   }
-  if (members.some((member) => (member.flags & ts2.TypeFlags.String) !== 0)) {
-    return { choices: [], kind: "string" };
+  const [only] = parts;
+  return only ? single(only, checker, depth, seen) : opaque2();
+};
+var single = (type, checker, depth, seen) => {
+  const opaque2 = () => ({
+    kind: "opaque",
+    typeText: checker.typeToString(type)
+  });
+  if (hasFlag(type, ts2.TypeFlags.BooleanLike))
+    return { kind: "boolean" };
+  if (hasFlag(type, ts2.TypeFlags.NumberLike))
+    return { kind: "number" };
+  if (hasFlag(type, ts2.TypeFlags.StringLike))
+    return { kind: "string" };
+  if (!hasFlag(type, ts2.TypeFlags.Object))
+    return opaque2();
+  if (type.getCallSignatures().length > 0)
+    return opaque2();
+  const element = type.getNumberIndexType();
+  const stringIndex = type.getStringIndexType();
+  const props = checker.getPropertiesOfType(type);
+  if (element && props.length === 0) {
+    return {
+      item: toSchema(element, checker, depth + 1, seen),
+      kind: "array"
+    };
   }
-  if (members.every((member) => (member.flags & ts2.TypeFlags.NumberLike) !== 0)) {
-    return { choices: [], kind: "number" };
+  if (seen.has(type))
+    return opaque2();
+  seen.add(type);
+  try {
+    if (props.length > 0) {
+      const fields = props.map((symbol) => ({
+        description: docOf(symbol, checker),
+        name: symbol.getName(),
+        optional: (symbol.flags & ts2.SymbolFlags.Optional) !== 0,
+        schema: toSchema(typeOfSymbol(symbol, checker), checker, depth + 1, seen)
+      }));
+      return { fields, kind: "object" };
+    }
+    if (stringIndex) {
+      return {
+        kind: "record",
+        value: toSchema(stringIndex, checker, depth + 1, seen)
+      };
+    }
+  } finally {
+    seen.delete(type);
   }
-  return { choices: [], kind: "complex" };
+  return opaque2();
 };
 var introspectFrom = (cwd, specifier, typeName, options, exclude) => {
   const virtualPath = resolve6(cwd, VIRTUAL_NAME);
@@ -34579,7 +34855,7 @@ export { value };
   const sourceFile = program.getSourceFile(virtualPath);
   if (!sourceFile)
     return [];
-  const fields = [];
+  const nodes = [];
   sourceFile.forEachChild((node) => {
     if (!ts2.isVariableStatement(node))
       return;
@@ -34591,19 +34867,15 @@ export { value };
       const name = symbol.getName();
       if (exclude.has(name) || name.startsWith("__"))
         continue;
-      const propertyType = checker.getTypeOfSymbolAtLocation(symbol, declaration);
-      const { choices, kind } = classify2(propertyType);
-      fields.push({
-        choices,
-        description: ts2.displayPartsToString(symbol.getDocumentationComment(checker)).trim(),
-        kind,
+      nodes.push({
+        description: docOf(symbol, checker),
         name,
         optional: (symbol.flags & ts2.SymbolFlags.Optional) !== 0,
-        typeText: checker.typeToString(propertyType)
+        schema: toSchema(typeOfSymbol(symbol, checker), checker, 1, new Set)
       });
     }
   });
-  return fields.sort((left, right) => left.name.localeCompare(right.name));
+  return nodes.sort((left, right) => left.name.localeCompare(right.name));
 };
 var cache = new Map;
 var introspectType = (cwd, typeName, exclude = new Set) => {
@@ -34617,10 +34889,10 @@ var introspectType = (cwd, typeName, exclude = new Set) => {
   }
   for (const specifier of specifiers) {
     try {
-      const fields = introspectFrom(cwd, specifier, typeName, options, exclude);
-      if (fields.length > 0) {
-        cache.set(typeName, fields);
-        return fields;
+      const nodes = introspectFrom(cwd, specifier, typeName, options, exclude);
+      if (nodes.length > 0) {
+        cache.set(typeName, nodes);
+        return nodes;
       }
     } catch {}
   }
@@ -34641,7 +34913,11 @@ var RUNTIME_FIELDS = new Set([
   "mode",
   "incrementalFiles"
 ]);
-var findConfigPath2 = (cwd) => {
+var findConfigPath2 = (cwd, override) => {
+  if (override) {
+    const resolved = resolve7(cwd, override);
+    return existsSync7(resolved) ? resolved : null;
+  }
   for (const name of CONFIG_CANDIDATES3) {
     const candidate = resolve7(cwd, name);
     if (existsSync7(candidate))
@@ -34672,68 +34948,119 @@ var parseConfigObject = (configPath) => {
   const text = readFileSync9(configPath, "utf-8");
   return { object: findConfigObject(parseSource(configPath, text)), text };
 };
-var scalarValue = (initializer) => {
-  if (ts3.isStringLiteralLike(initializer)) {
-    return { complex: false, value: initializer.text };
+var evalLiteral = (node) => {
+  if (ts3.isStringLiteralLike(node)) {
+    return { opaque: false, value: node.text };
+  }
+  if (node.kind === ts3.SyntaxKind.TrueKeyword) {
+    return { opaque: false, value: true };
   }
-  if (initializer.kind === ts3.SyntaxKind.TrueKeyword) {
-    return { complex: false, value: true };
+  if (node.kind === ts3.SyntaxKind.FalseKeyword) {
+    return { opaque: false, value: false };
   }
-  if (initializer.kind === ts3.SyntaxKind.FalseKeyword) {
-    return { complex: false, value: false };
+  if (node.kind === ts3.SyntaxKind.NullKeyword) {
+    return { opaque: false, value: null };
   }
-  if (ts3.isNumericLiteral(initializer)) {
-    return { complex: false, value: Number(initializer.text) };
+  if (ts3.isNumericLiteral(node)) {
+    return { opaque: false, value: Number(node.text) };
   }
-  if (ts3.isPrefixUnaryExpression(initializer) && initializer.operator === ts3.SyntaxKind.MinusToken && ts3.isNumericLiteral(initializer.operand)) {
-    return { complex: false, value: -Number(initializer.operand.text) };
+  if (ts3.isPrefixUnaryExpression(node) && node.operator === ts3.SyntaxKind.MinusToken && ts3.isNumericLiteral(node.operand)) {
+    return { opaque: false, value: -Number(node.operand.text) };
+  }
+  if (ts3.isArrayLiteralExpression(node)) {
+    const items = [];
+    for (const element of node.elements) {
+      const result = evalLiteral(element);
+      if (result.opaque)
+        return { opaque: true, value: undefined };
+      items.push(result.value);
+    }
+    return { opaque: false, value: items };
+  }
+  if (ts3.isObjectLiteralExpression(node)) {
+    const object = {};
+    for (const property of node.properties) {
+      if (!ts3.isPropertyAssignment(property) || !(ts3.isIdentifier(property.name) || ts3.isStringLiteral(property.name))) {
+        return { opaque: true, value: undefined };
+      }
+      const result = evalLiteral(property.initializer);
+      if (result.opaque)
+        return { opaque: true, value: undefined };
+      object[property.name.text] = result.value;
+    }
+    return { opaque: false, value: object };
   }
-  return { complex: true, value: undefined };
+  return { opaque: true, value: undefined };
 };
 var readCurrent2 = (configPath) => {
   const current2 = {};
-  const complexKeys = [];
+  const opaqueKeys = [];
   const { object } = parseConfigObject(configPath);
   if (!object)
-    return { complexKeys, current: current2 };
+    return { current: current2, opaqueKeys };
   for (const property of object.properties) {
     if (!ts3.isPropertyAssignment(property) || !(ts3.isIdentifier(property.name) || ts3.isStringLiteral(property.name))) {
       continue;
     }
     const name = property.name.text;
-    const scalar = scalarValue(property.initializer);
-    if (scalar.complex)
-      complexKeys.push(name);
+    const result = evalLiteral(property.initializer);
+    if (result.opaque)
+      opaqueKeys.push(name);
     else
-      current2[name] = scalar.value;
+      current2[name] = result.value;
   }
-  return { complexKeys, current: current2 };
+  return { current: current2, opaqueKeys };
 };
-var resolveAbsoluteConfigState = (cwd) => {
-  const configPath = findConfigPath2(cwd);
+var resolveAbsoluteConfigState = (cwd, override) => {
+  const configPath = findConfigPath2(cwd, override);
   const fields = introspectType(cwd, "BaseBuildConfig", RUNTIME_FIELDS);
-  const { complexKeys, current: current2 } = configPath ? readCurrent2(configPath) : { complexKeys: [], current: {} };
-  const complexSet = new Set(complexKeys);
-  const adjusted = fields.map((field) => complexSet.has(field.name) && field.kind !== "complex" ? { ...field, kind: "complex" } : field);
+  const { current: current2, opaqueKeys } = configPath ? readCurrent2(configPath) : { current: {}, opaqueKeys: [] };
   return {
     available: fields.length > 0,
-    complexKeys,
     configPath,
     current: current2,
-    fields: adjusted
+    fields,
+    opaqueKeys
   };
 };
 
-// src/cli/config/absolute/editAbsoluteConfig.ts
-var serializeValue2 = (value) => {
+// src/cli/config/schema/serialize.ts
+var isIdentifier = (key) => /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(key);
+var serializeValue2 = (value, level = 1, indent = "\t") => {
+  if (value === null)
+    return "null";
   if (typeof value === "string") {
     return `'${value.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
   }
   if (typeof value === "number" || typeof value === "boolean") {
     return String(value);
   }
-  return JSON.stringify(value);
+  if (Array.isArray(value)) {
+    if (value.length === 0)
+      return "[]";
+    const pad = indent.repeat(level + 1);
+    return `[
+${value.map((item) => `${pad}${serializeValue2(item, level + 1, indent)}`).join(`,
+`)}
+${indent.repeat(level)}]`;
+  }
+  if (isRecord(value)) {
+    const keys = Object.keys(value);
+    if (keys.length === 0)
+      return "{}";
+    const pad = indent.repeat(level + 1);
+    return `{
+${keys.map((key) => {
+      const name = isIdentifier(key) ? key : `'${key}'`;
+      return `${pad}${name}: ${serializeValue2(value[key], level + 1, indent)}`;
+    }).join(`,
+`)}
+${indent.repeat(level)}}`;
+  }
+  return "undefined";
 };
+
+// src/cli/config/absolute/editAbsoluteConfig.ts
 var lineStartOffset = (text, position) => {
   let index = position;
   while (index > 0 && text[index - 1] !== `
@@ -34866,55 +35193,28 @@ var readPackage = (configPath) => {
     return null;
   }
 };
-var isScalar = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-var scalarKind = (value) => {
-  if (typeof value === "boolean")
-    return "boolean";
-  if (typeof value === "number")
-    return "number";
-  return "string";
-};
 var resolvePackageJsonState = (cwd) => {
   const configPath = findPackageJsonPath(cwd);
   const catalog = introspectType(cwd, "PackageJson", new Set(["scripts"]));
   const pkg = configPath ? readPackage(configPath) : null;
   if (!pkg) {
-    return {
-      complexKeys: [],
-      configPath,
-      current: {},
-      fields: catalog,
-      scripts: []
-    };
+    return { configPath, current: {}, fields: catalog, scripts: [] };
   }
   const scripts = isRecord(pkg.scripts) ? Object.entries(pkg.scripts).filter(([, command]) => typeof command === "string").map(([name, command]) => ({ command: String(command), name })) : [];
   const current2 = {};
-  const complexKeys = [];
-  const catalogNames = new Set(catalog.map((field) => field.name));
-  const extras = [];
   for (const [name, value] of Object.entries(pkg)) {
-    if (name === "scripts")
-      continue;
-    const complex = !isScalar(value);
-    if (complex)
-      complexKeys.push(name);
-    else
+    if (name !== "scripts")
       current2[name] = value;
-    if (!catalogNames.has(name)) {
-      extras.push({
-        choices: [],
-        description: "",
-        kind: complex ? "complex" : scalarKind(value),
-        name,
-        optional: true,
-        typeText: ""
-      });
-    }
   }
-  const complexSet = new Set(complexKeys);
-  const adjusted = catalog.map((field) => complexSet.has(field.name) && field.kind !== "complex" ? { ...field, kind: "complex" } : field);
-  const fields = [...adjusted, ...extras].sort((left, right) => left.name.localeCompare(right.name));
-  return { complexKeys, configPath, current: current2, fields, scripts };
+  const catalogNames = new Set(catalog.map((field) => field.name));
+  const extras = Object.keys(current2).filter((name) => !catalogNames.has(name)).map((name) => ({
+    description: "",
+    name,
+    optional: true,
+    schema: { kind: "opaque", typeText: "json" }
+  }));
+  const fields = [...catalog, ...extras].sort((left, right) => left.name.localeCompare(right.name));
+  return { configPath, current: current2, fields, scripts };
 };
 
 // src/constants.ts
@@ -36428,25 +36728,11 @@ var getClientBundle = async () => {
   cachedClientBundle = existsSync10(distClientBundle) ? readFileSync14(distClientBundle, "utf-8") : await buildClientBundle();
   return cachedClientBundle;
 };
-var renderShell = async (panel, cwd, fileScope) => {
-  const eslintCatalog = panel === "eslint" ? await resolveRuleCatalog(cwd, fileScope) : null;
-  const tsconfigState = panel === "tsconfig" ? resolveTsconfigState(cwd) : null;
-  const prettierState = panel === "prettier" ? await resolvePrettierState(cwd) : null;
-  const absoluteConfigState = panel === "absolute" ? resolveAbsoluteConfigState(cwd) : null;
-  const packageJsonState = panel === "package" ? resolvePackageJsonState(cwd) : null;
-  return handleReactPageRequest({
-    Page: ConfigShell,
-    index: CLIENT_ROUTE,
-    props: {
-      absoluteConfigState,
-      eslintCatalog,
-      packageJsonState,
-      panel,
-      prettierState,
-      tsconfigState
-    }
-  });
-};
+var renderShell = (panel) => handleReactPageRequest({
+  Page: ConfigShell,
+  index: CLIENT_ROUTE,
+  props: { panel }
+});
 var isSeverity = (value) => value === "off" || value === "warn" || value === "error";
 var parseEditRequest = (body) => {
   if (!isRecord(body))
@@ -36560,9 +36846,9 @@ var parseAbsoluteEdit = (body) => {
   };
   return request;
 };
-var handleAbsoluteEdit = (cwd, body) => {
+var handleAbsoluteEdit = (cwd, body, override) => {
   const request = parseAbsoluteEdit(body);
-  const configPath = findConfigPath2(cwd);
+  const configPath = findConfigPath2(cwd, override);
   if (!request || !configPath) {
     const invalid = {
       message: !configPath ? "No absolute.config.ts found." : "Invalid edit request.",
@@ -36578,7 +36864,7 @@ var handleAbsoluteEdit = (cwd, body) => {
   const result = {
     message: outcome.message,
     ok: outcome.ok,
-    state: outcome.ok ? resolveAbsoluteConfigState(cwd) : null
+    state: outcome.ok ? resolveAbsoluteConfigState(cwd, override) : null
   };
   return result;
 };
@@ -36631,26 +36917,32 @@ var launchConfig = async (args, cwd = process.cwd()) => {
   const port = resolvePort(args);
   const host = resolveHost(args);
   const httpsRequested = !args.includes("--no-https");
+  const shouldOpen = args.includes("--open");
+  const configOverride = flagValue(args, "--config");
   killStaleProcesses(port);
   const cert = httpsRequested ? ensureConfigCert(host) : null;
-  const app = new Elysia2().get("/", ({ query }) => renderShell(DEFAULT_PANEL, cwd, fileScopeOf(query))).get("/eslint", ({ query }) => renderShell("eslint", cwd, fileScopeOf(query))).get("/tsconfig", () => renderShell("tsconfig", cwd)).get("/prettier", () => renderShell("prettier", cwd)).get("/absolute", () => renderShell("absolute", cwd)).get("/package", () => renderShell("package", cwd)).get(CLIENT_ROUTE, async () => {
+  const app = new Elysia2().get("/", () => renderShell(DEFAULT_PANEL)).get("/eslint", () => renderShell("eslint")).get("/tsconfig", () => renderShell("tsconfig")).get("/prettier", () => renderShell("prettier")).get("/absolute", () => renderShell("absolute")).get("/package", () => renderShell("package")).get(CLIENT_ROUTE, async () => {
     const bundle = await getClientBundle();
     return new Response(bundle, {
       headers: { "Content-Type": "text/javascript; charset=utf-8" }
     });
-  }).get("/api/rules", ({ query }) => resolveRuleCatalog(cwd, fileScopeOf(query))).post("/api/rules", ({ body }) => handleEdit(cwd, body)).get("/api/tsconfig", () => resolveTsconfigState(cwd)).post("/api/tsconfig", ({ body }) => handleTsEdit(cwd, body)).get("/api/prettier", () => resolvePrettierState(cwd)).post("/api/prettier", ({ body }) => handlePrettierEdit(cwd, body)).get("/api/absolute", () => resolveAbsoluteConfigState(cwd)).post("/api/absolute", ({ body }) => handleAbsoluteEdit(cwd, body)).get("/api/package", () => resolvePackageJsonState(cwd)).post("/api/package/script", ({ body }) => handleScriptEdit(cwd, body)).post("/api/package/field", ({ body }) => handleFieldEdit(cwd, body)).listen(listenOptions(port, cert));
+  }).get("/api/rules", ({ query }) => resolveRuleCatalog(cwd, fileScopeOf(query))).post("/api/rules", ({ body }) => handleEdit(cwd, body)).get("/api/tsconfig", () => resolveTsconfigState(cwd)).post("/api/tsconfig", ({ body }) => handleTsEdit(cwd, body)).get("/api/prettier", () => resolvePrettierState(cwd)).post("/api/prettier", ({ body }) => handlePrettierEdit(cwd, body)).get("/api/absolute", () => resolveAbsoluteConfigState(cwd, configOverride)).post("/api/absolute", ({ body }) => handleAbsoluteEdit(cwd, body, configOverride)).get("/api/package", () => resolvePackageJsonState(cwd)).post("/api/package/script", ({ body }) => handleScriptEdit(cwd, body)).post("/api/package/field", ({ body }) => handleFieldEdit(cwd, body)).listen(listenOptions(port, cert));
   const url = cert ? `https://${host}:${port}` : `http://localhost:${port}`;
   const green = "\x1B[32m";
   const dim = "\x1B[2m";
   const reset2 = "\x1B[0m";
   console.log(`
 ${green}\u2713 Absolute Config${reset2} running at ${url}`);
-  console.log(`${dim}ESLint \xB7 tsconfig \xB7 Prettier \u2014 press Ctrl+C to stop${reset2}`);
+  console.log(`${dim}absolute.config \xB7 package.json \xB7 ESLint \xB7 tsconfig \xB7 Prettier \u2014 Ctrl+C to stop${reset2}`);
   if (!cert && httpsRequested) {
     console.log(`${dim}Tip: install mkcert (\`absolute mkcert\`) to serve a trusted https://${host}${reset2}`);
   }
+  if (shouldOpen) {
+    openUrlInBrowser(url, (message) => console.warn(message));
+  } else {
+    console.log(`${dim}Open it in your browser, or pass --open.${reset2}`);
+  }
   console.log("");
-  openUrlInBrowser(url, (message) => console.warn(message));
   process.on("SIGINT", () => {
     app.stop();
     process.exit(0);