@absolutejs/absolute 0.19.0-beta.1049 → 0.19.0-beta.1050

package/dist/cli/config/server.js

@@ -31726,6 +31726,7 @@ var init_fromType = __esm(() => {
 var exports_resolveAbsoluteConfig = {};
 __export(exports_resolveAbsoluteConfig, {
   resolveAbsoluteConfigState: () => resolveAbsoluteConfigState,
+  readAbsoluteConfigValues: () => readAbsoluteConfigValues,
   parseConfigObject: () => parseConfigObject,
   findConfigPath: () => findConfigPath2,
   findConfigObject: () => findConfigObject
@@ -31825,6 +31826,10 @@ var CONFIG_CANDIDATES3, RUNTIME_FIELDS, findConfigPath2 = (cwd, override) => {
       current2[name] = result.value;
   }
   return { current: current2, opaqueKeys };
+}, readAbsoluteConfigValues = (cwd, override) => {
+  const configPath = findConfigPath2(cwd, override);
+  const { current: current2, opaqueKeys } = configPath ? readCurrent2(configPath) : { current: {}, opaqueKeys: [] };
+  return { configPath, current: current2, opaqueKeys };
 }, resolveAbsoluteConfigState = (cwd, override) => {
   const configPath = findConfigPath2(cwd, override);
   const fields = introspectType(cwd, "BaseBuildConfig", RUNTIME_FIELDS);
@@ -32244,9 +32249,187 @@ var init_resolveAuthState = __esm(() => {
   SOURCE_FILE = /\.(ts|tsx|mts|cts|js|mjs)$/;
 });
 
+// src/cli/add/dependencies.ts
+var runBunAdd = (cwd, specs, dev) => {
+  if (specs.length === 0)
+    return true;
+  const flags = dev ? ["--dev"] : [];
+  const result = Bun.spawnSync(["bun", "add", ...flags, ...specs], {
+    cwd,
+    stderr: "inherit",
+    stdout: "inherit"
+  });
+  return result.success;
+}, installPackages = (cwd, specs, dev = false) => runBunAdd(cwd, specs, dev);
+var init_dependencies = () => {};
+
+// src/cli/integrations/catalog.ts
+var INTEGRATIONS, findIntegration = (id) => INTEGRATIONS.find((integration) => integration.id === id) ?? null;
+var init_catalog = __esm(() => {
+  INTEGRATIONS = [
+    {
+      blurb: "Auto-derived OpenAPI docs + Scalar/Swagger UI from your route schemas.",
+      id: "openapi",
+      label: "OpenAPI",
+      packages: [],
+      wiring: { field: "openapi", kind: "config" }
+    },
+    {
+      blurb: "Production distributed tracing via OpenTelemetry (complements `absolute inspect`).",
+      id: "telemetry",
+      label: "OpenTelemetry",
+      packages: ["@elysiajs/opentelemetry"],
+      wiring: { field: "telemetry", kind: "config" }
+    },
+    {
+      blurb: "Cross-origin resource sharing (CORS) headers.",
+      id: "cors",
+      label: "@elysiajs/cors",
+      packages: ["@elysiajs/cors"],
+      wiring: {
+        importLine: "import { cors } from '@elysiajs/cors';",
+        kind: "use",
+        useLine: ".use(cors())"
+      }
+    },
+    {
+      blurb: "Sign and verify your own JWTs \u2014 custom API/service tokens.",
+      id: "jwt",
+      label: "@elysiajs/jwt",
+      note: "Not for user login. For authentication (OAuth2, SSO, MFA, passkeys, sessions) use the Auth panel + @absolutejs/auth.",
+      packages: ["@elysiajs/jwt"],
+      wiring: {
+        importLine: "import { jwt } from '@elysiajs/jwt';",
+        kind: "use",
+        useLine: ".use(jwt({ name: 'jwt', secret: getEnv('JWT_SECRET') }))"
+      }
+    },
+    {
+      blurb: "Scheduled jobs on a cron pattern.",
+      id: "cron",
+      label: "@elysiajs/cron",
+      packages: ["@elysiajs/cron"],
+      wiring: {
+        importLine: "import { cron } from '@elysiajs/cron';",
+        kind: "use",
+        useLine: ".use(cron({ name: 'heartbeat', pattern: '0 */6 * * *', run() {} }))"
+      }
+    }
+  ];
+});
+
+// src/cli/integrations/addPlugin.ts
+var exports_addPlugin = {};
+__export(exports_addPlugin, {
+  resolveIntegrationsState: () => resolveIntegrationsState,
+  addIntegration: () => addIntegration
+});
+import { existsSync as existsSync11, readFileSync as readFileSync15 } from "fs";
+import { join as join3 } from "path";
+var isRecord4 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), readPackageJson = (cwd) => {
+  const path = join3(cwd, "package.json");
+  if (!existsSync11(path))
+    return null;
+  try {
+    const parsed = JSON.parse(readFileSync15(path, "utf-8"));
+    return isRecord4(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}, addGroupKeys = (group, names) => {
+  if (!isRecord4(group))
+    return;
+  for (const name of Object.keys(group))
+    names.add(name);
+}, declaredDeps = (cwd) => {
+  const names = new Set;
+  const pkg = readPackageJson(cwd);
+  if (!pkg)
+    return names;
+  for (const field of ["dependencies", "devDependencies"]) {
+    addGroupKeys(pkg[field], names);
+  }
+  return names;
+}, snippetFor = (wiring) => wiring.kind === "use" ? `${wiring.importLine}
+${wiring.useLine}` : null, toItem = (meta, deps, current2) => {
+  const installed = meta.packages.every((pkg) => deps.has(pkg));
+  const enabled = meta.wiring.kind === "config" ? current2[meta.wiring.field] === true : installed;
+  return {
+    blurb: meta.blurb,
+    enabled,
+    id: meta.id,
+    installed,
+    kind: meta.wiring.kind,
+    label: meta.label,
+    note: meta.note ?? null,
+    packages: meta.packages,
+    wiringSnippet: snippetFor(meta.wiring)
+  };
+}, resolveIntegrationsState = (cwd, override) => {
+  const deps = declaredDeps(cwd);
+  const { configPath, current: current2 } = readAbsoluteConfigValues(cwd, override);
+  return {
+    configPath,
+    items: INTEGRATIONS.map((meta) => toItem(meta, deps, current2))
+  };
+}, baseMessage = (meta, willInstall, installOk) => {
+  if (!installOk) {
+    return `Couldn't install ${meta.packages.join(", ")} \u2014 run \`bun add\` manually.`;
+  }
+  if (willInstall)
+    return `Installed ${meta.label}.`;
+  if (meta.packages.length > 0) {
+    return `Skipped install (--no-install) for ${meta.label}.`;
+  }
+  return `${meta.label} is built in \u2014 no install needed.`;
+}, failure2 = (message) => ({
+  installed: false,
+  item: null,
+  message,
+  ok: false,
+  wired: false,
+  wiringSnippet: null
+}), addIntegration = (cwd, id, options = {}) => {
+  const meta = findIntegration(id);
+  if (!meta)
+    return failure2(`Unknown integration "${id}".`);
+  const install = options.install ?? true;
+  const willInstall = install && meta.packages.length > 0;
+  const installOk = willInstall ? installPackages(cwd, meta.packages) : true;
+  const { configPath } = readAbsoluteConfigValues(cwd, options.override);
+  let wired = false;
+  let message = baseMessage(meta, willInstall, installOk);
+  if (meta.wiring.kind === "config") {
+    if (!configPath)
+      return failure2("No absolute.config.ts found.");
+    const edit = applyAbsoluteConfigEdit(configPath, {
+      name: meta.wiring.field,
+      value: true
+    });
+    wired = edit.ok;
+    message = edit.ok ? `Enabled ${meta.label} in absolute.config.ts.` : `Installed, but couldn't edit config: ${edit.message}`;
+  }
+  const state = resolveIntegrationsState(cwd, options.override);
+  const item = state.items.find((entry) => entry.id === id) ?? null;
+  return {
+    installed: item?.installed ?? installOk,
+    item,
+    message,
+    ok: true,
+    wired,
+    wiringSnippet: item?.wiringSnippet ?? snippetFor(meta.wiring)
+  };
+};
+var init_addPlugin = __esm(() => {
+  init_dependencies();
+  init_editAbsoluteConfig();
+  init_resolveAbsoluteConfig();
+  init_catalog();
+});
+
 // src/cli/config/server.ts
 import { Elysia as Elysia2 } from "elysia";
-import { existsSync as existsSync11, readFileSync as readFileSync15 } from "fs";
+import { existsSync as existsSync12, readFileSync as readFileSync16 } from "fs";
 import { resolve as resolve10 } from "path";
 
 // src/cli/config/page/PanelHost.tsx
@@ -34392,146 +34575,112 @@ var AbsoluteConfigPanel = ({
 // src/cli/config/integrations/IntegrationsPanel.tsx
 var import_react6 = __toESM(require_react(), 1);
 var jsx_dev_runtime6 = __toESM(require_jsx_dev_runtime(), 1);
-var CONFIG_INTEGRATIONS = [
-  { field: "openapi", title: "OpenAPI" },
-  { field: "telemetry", title: "OpenTelemetry" }
-];
-var MANUAL_PLUGINS = [
-  {
-    blurb: "Cross-origin resource sharing (CORS) headers.",
-    id: "@elysiajs/cors",
-    install: "bun add @elysiajs/cors",
-    wire: ".use(cors())"
-  },
-  {
-    blurb: "Sign and verify your own JWTs \u2014 custom API/service tokens.",
-    id: "@elysiajs/jwt",
-    install: "bun add @elysiajs/jwt",
-    note: "Not for user login. For authentication (OAuth2, SSO, MFA, passkeys, sessions) use the Auth panel + @absolutejs/auth.",
-    wire: ".use(jwt({ name: 'jwt', secret: getEnv('JWT_SECRET') }))"
-  },
-  {
-    blurb: "Scheduled jobs on a cron pattern.",
-    id: "@elysiajs/cron",
-    install: "bun add @elysiajs/cron",
-    wire: ".use(cron({ name: 'heartbeat', pattern: '0 */6 * * *', run() {} }))"
-  }
-];
-var ManualPluginCard = ({ blurb, id, install, note, wire }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+var IntegrationCard = ({ busy, item, onAdd, onDisable }) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
   className: "rule",
-  children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-    className: "rule-main",
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-        className: "rule-name-row",
-        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-          className: "rule-name",
-          children: id
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-        className: "rule-desc",
-        children: blurb
-      }, undefined, false, undefined, this),
-      note && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-        className: "intg-note",
-        children: note
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("pre", {
-        className: "intg-code",
-        children: install
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("pre", {
-        className: "intg-code",
-        children: wire
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this)
-}, undefined, false, undefined, this);
-var FieldRow2 = ({ busy, field, isSet, onSave, title, value }) => {
-  const [draft, setDraft] = import_react6.useState(value);
-  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-    className: "rule fe-block",
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-        className: "rule-main",
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-            className: "rule-name-row",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-                className: "rule-name",
-                children: title
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-                className: "badge dep",
-                children: field.name
-              }, undefined, false, undefined, this),
-              isSet && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-                className: "badge src",
-                children: "on"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          field.description !== "" && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
-            className: "rule-desc",
-            children: field.description
-          }, undefined, false, 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
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+      className: "rule-main",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+          className: "rule-name-row",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+              className: "rule-name",
+              children: item.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+              className: "badge",
+              children: item.kind === "config" ? "config" : "plugin"
+            }, undefined, false, undefined, this),
+            item.installed && item.packages.length > 0 && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+              className: "badge dep",
+              children: "installed"
+            }, undefined, false, undefined, this),
+            item.enabled && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+              className: "badge src",
+              children: item.kind === "config" ? "enabled" : "ready"
             }, 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",
-            disabled: busy,
-            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: "disable"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
+          className: "rule-desc",
+          children: item.blurb
+        }, undefined, false, undefined, this),
+        item.note && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("p", {
+          className: "intg-note",
+          children: item.note
+        }, undefined, false, undefined, this),
+        item.kind === "use" && item.wiringSnippet && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("pre", {
+          className: "intg-code",
+          children: item.wiringSnippet
+        }, 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",
+          disabled: busy,
+          onClick: onAdd,
+          type: "button",
+          children: item.kind === "config" ? "enable" : "install"
+        }, undefined, false, undefined, this),
+        item.kind === "config" && item.enabled && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("button", {
+          className: "ts-clear",
+          disabled: busy,
+          onClick: onDisable,
+          type: "button",
+          children: "disable"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  ]
+}, undefined, true, undefined, this);
 var IntegrationsPanel = ({
   state: initial
 }) => {
-  const [state, setState] = import_react6.useState(initial);
+  const [items, setItems] = import_react6.useState(initial.items);
   const [busy, setBusy] = import_react6.useState(null);
   const [notice, setNotice] = import_react6.useState(null);
-  const save = (name) => async (value, remove) => {
-    setBusy(name);
+  const replaceItem = (next) => setItems((prev) => prev.map((entry) => entry.id === next.id ? next : entry));
+  const add = (id) => async () => {
+    setBusy(id);
     setNotice(null);
     try {
-      const response = await fetch("/api/absolute", {
-        body: JSON.stringify({ name, remove, value }),
+      const response = await fetch("/api/integrations/add", {
+        body: JSON.stringify({ id }),
         headers: { "Content-Type": "application/json" },
         method: "POST"
       });
       const result = await response.json();
-      if (result.ok && result.state) {
-        setState(result.state);
+      if (result.ok && result.item) {
+        replaceItem(result.item);
         setNotice({ kind: "ok", text: result.message });
       } else {
-        setNotice({
-          kind: "err",
-          text: result.message ?? "Update failed"
-        });
+        setNotice({ kind: "err", text: result.message });
+      }
+    } catch (error) {
+      setNotice({ kind: "err", text: String(error) });
+    } finally {
+      setBusy(null);
+    }
+  };
+  const disable = (item) => async () => {
+    setBusy(item.id);
+    setNotice(null);
+    try {
+      const response = await fetch("/api/absolute", {
+        body: JSON.stringify({ name: item.id, remove: true }),
+        headers: { "Content-Type": "application/json" },
+        method: "POST"
+      });
+      const result = await response.json();
+      if (result.ok) {
+        replaceItem({ ...item, enabled: false });
+        setNotice({ kind: "ok", text: `Disabled ${item.label}.` });
+      } else {
+        setNotice({ kind: "err", text: result.message });
       }
     } catch (error) {
       setNotice({ kind: "err", text: String(error) });
@@ -34539,10 +34688,6 @@ var IntegrationsPanel = ({
       setBusy(null);
     }
   };
-  const rows = CONFIG_INTEGRATIONS.map((entry) => ({
-    field: state.fields.find((candidate) => candidate.name === entry.field),
-    title: entry.title
-  })).filter((row) => Boolean(row.field));
   return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
     className: "shell",
     children: [
@@ -34566,63 +34711,45 @@ var IntegrationsPanel = ({
                 /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
                   className: "dot"
                 }, undefined, false, undefined, this),
-                "official Elysia plugins, wired the AbsoluteJS way"
+                "official Elysia plugins \u2014 install & wire from here or",
+                " ",
+                /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("code", {
+                  children: "absolute add"
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("main", {
-        children: [
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("section", {
-            className: "section",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-                className: "section-head",
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-                    className: "section-title",
-                    children: "Config-driven"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-                    className: "section-files",
-                    children: "toggle in absolute.config.ts"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              rows.map((row) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(FieldRow2, {
-                busy: busy === row.field.name,
-                field: row.field,
-                isSet: Object.prototype.hasOwnProperty.call(state.current, row.field.name),
-                onSave: save(row.field.name),
-                title: row.title,
-                value: state.current[row.field.name]
-              }, row.field.name, false, undefined, this))
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("section", {
-            className: "section",
-            children: [
-              /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
-                className: "section-head",
-                children: [
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
-                    className: "section-title",
-                    children: "More official plugins"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
-                    className: "section-files",
-                    children: "install + wire"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              MANUAL_PLUGINS.map((plugin) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(ManualPluginCard, {
-                ...plugin
-              }, plugin.id, false, undefined, this))
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
+        children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("section", {
+          className: "section",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+              className: "section-head",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("h2", {
+                  className: "section-title",
+                  children: "Official plugins"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+                  className: "section-files",
+                  children: [
+                    items.filter((item) => item.enabled).length,
+                    " enabled"
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            items.map((item) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(IntegrationCard, {
+              busy: busy === item.id,
+              item,
+              onAdd: add(item.id),
+              onDisable: disable(item)
+            }, item.id, false, undefined, this))
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       notice && /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
         className: `toast ${notice.kind}`,
         children: [
@@ -34948,7 +35075,7 @@ var AuthPanel = ({ state }) => {
 var import_react7 = __toESM(require_react(), 1);
 var jsx_dev_runtime8 = __toESM(require_jsx_dev_runtime(), 1);
 var matchesQuery5 = (query, text) => query === "" || text.toLowerCase().includes(query.toLowerCase());
-var FieldRow3 = ({ field, isSet, onSave, value }) => {
+var FieldRow2 = ({ field, isSet, onSave, value }) => {
   const [draft, setDraft] = import_react7.useState(value);
   return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("div", {
     className: "rule fe-block",
@@ -35242,7 +35369,7 @@ var PackageJsonPanel = ({ state: initial }) => {
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              fields.map((field) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(FieldRow3, {
+              fields.map((field) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(FieldRow2, {
                 field,
                 isSet: Object.prototype.hasOwnProperty.call(state.current, field.name),
                 onSave: saveField(field.name),
@@ -35271,7 +35398,7 @@ var ENDPOINTS = {
   absolute: "/api/absolute",
   auth: "/api/auth",
   eslint: "/api/rules",
-  integrations: "/api/absolute",
+  integrations: "/api/integrations",
   package: "/api/package",
   prettier: "/api/prettier",
   tsconfig: "/api/tsconfig"
@@ -35320,6 +35447,7 @@ 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 isAuthState = (value) => isRecord(value) && Array.isArray(value.features);
+var isIntegrationsState = (value) => isRecord(value) && Array.isArray(value.items);
 var isPackageState = (value) => isRecord(value) && Array.isArray(value.scripts) && Array.isArray(value.fields);
 var renderPanel = (panel, data) => {
   if (panel === "eslint") {
@@ -35355,11 +35483,11 @@ var renderPanel = (panel, data) => {
     }, undefined, false, undefined, this);
   }
   if (panel === "integrations") {
-    return isAbsoluteState(data) && data.configPath ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(IntegrationsPanel, {
+    return isIntegrationsState(data) ? /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(IntegrationsPanel, {
       state: data
     }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Message, {
-      body: "No absolute.config.ts was found. Run with --config <path> to point at one.",
-      title: "No absolute.config"
+      body: "Couldn't read the integrations status for this project.",
+      title: "Integrations unavailable"
     }, undefined, false, undefined, this);
   }
   if (panel === "auth") {
@@ -35974,6 +36102,9 @@ var CONFIG_CSS = `
 .auth-link { font-size: 12px; color: var(--accent); text-decoration: none; }
 .auth-link:hover { text-decoration: underline; }
 
+/* ---- grouped sidebar ---- */
+.cfg-group + .cfg-group { margin-top: 16px; }
+
 @media (max-width: 720px) {
 	.cfg { flex-direction: column; }
 	.cfg-nav {
@@ -35991,45 +36122,52 @@ var CONFIG_CSS = `
 var CONFIG_PANELS = [
   {
     blurb: "Framework config (defineConfig)",
+    group: "Project",
     id: "absolute",
     label: "absolute.config",
     status: "ready"
   },
-  {
-    blurb: "Official Elysia plugins",
-    id: "integrations",
-    label: "Integrations",
-    status: "ready"
-  },
-  {
-    blurb: "@absolutejs/auth setup",
-    id: "auth",
-    label: "Auth",
-    status: "ready"
-  },
   {
     blurb: "Scripts & metadata",
+    group: "Project",
     id: "package",
     label: "package.json",
     status: "ready"
   },
   {
     blurb: "Lint rules & severities",
+    group: "Project",
     id: "eslint",
     label: "ESLint",
     status: "ready"
   },
   {
     blurb: "TypeScript compiler options",
+    group: "Project",
     id: "tsconfig",
     label: "tsconfig",
     status: "ready"
   },
   {
     blurb: "Formatting options",
+    group: "Project",
     id: "prettier",
     label: "Prettier",
     status: "ready"
+  },
+  {
+    blurb: "Official Elysia plugins",
+    group: "Integrations",
+    id: "integrations",
+    label: "Integrations",
+    status: "ready"
+  },
+  {
+    blurb: "@absolutejs/auth setup",
+    group: "Integrations",
+    id: "auth",
+    label: "Auth",
+    status: "ready"
   }
 ];
 var DEFAULT_PANEL = "absolute";
@@ -36061,6 +36199,35 @@ var NavItem = ({ active, panel }) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("a
     }, undefined, false, undefined, this)
   ]
 }, undefined, true, undefined, this);
+var addToGroup = (entry, order, byGroup) => {
+  const list = byGroup.get(entry.group);
+  if (list) {
+    list.push(entry);
+    return;
+  }
+  order.push(entry.group);
+  byGroup.set(entry.group, [entry]);
+};
+var groupedPanels = () => {
+  const order = [];
+  const byGroup = new Map;
+  for (const entry of CONFIG_PANELS)
+    addToGroup(entry, order, byGroup);
+  return order.map((label) => ({ items: byGroup.get(label) ?? [], label }));
+};
+var NavGroup = ({ active, group }) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
+  className: "cfg-group",
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
+      className: "cfg-rail-label",
+      children: group.label
+    }, undefined, false, undefined, this),
+    group.items.map((entry) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(NavItem, {
+      active: entry.id === active,
+      panel: entry
+    }, entry.id, false, undefined, this))
+  ]
+}, undefined, true, undefined, this);
 var ConfigShell = ({ panel }) => {
   const active = CONFIG_PANELS.find((entry) => entry.id === panel);
   const activeLabel = active?.label ?? "Config";
@@ -36126,17 +36293,11 @@ var ConfigShell = ({ panel }) => {
                 }, undefined, true, undefined, this),
                 /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("nav", {
                   className: "cfg-panels",
-                  children: [
-                    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
-                      className: "cfg-rail-label",
-                      children: "Panels"
-                    }, undefined, false, undefined, this),
-                    CONFIG_PANELS.map((entry) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(NavItem, {
-                      active: entry.id === panel,
-                      panel: entry
-                    }, entry.id, false, undefined, this))
-                  ]
-                }, undefined, true, undefined, this)
+                  children: groupedPanels().map((group) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(NavGroup, {
+                    active: panel,
+                    group
+                  }, group.label, false, undefined, this))
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
             /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("main", {
@@ -37761,6 +37922,7 @@ var packageOps = () => Promise.all([
   Promise.resolve().then(() => (init_resolvePackageJson(), exports_resolvePackageJson))
 ]);
 var authOps = () => Promise.resolve().then(() => (init_resolveAuthState(), exports_resolveAuthState));
+var integrationsOps = () => Promise.resolve().then(() => (init_addPlugin(), exports_addPlugin));
 var CLIENT_ROUTE = "/config-client.js";
 var readVersion = () => {
   for (const candidate of [
@@ -37768,7 +37930,7 @@ var readVersion = () => {
     resolve10(import.meta.dir, "..", "..", "..", "..", "package.json")
   ]) {
     try {
-      const pkg = JSON.parse(readFileSync15(candidate, "utf-8"));
+      const pkg = JSON.parse(readFileSync16(candidate, "utf-8"));
       if (typeof pkg?.version === "string")
         return pkg.version;
     } catch {}
@@ -37812,7 +37974,7 @@ var buildClientBundle = async () => {
 var getClientBundle = async () => {
   if (cachedClientBundle !== null)
     return cachedClientBundle;
-  cachedClientBundle = existsSync11(distClientBundle) ? readFileSync15(distClientBundle, "utf-8") : await buildClientBundle();
+  cachedClientBundle = existsSync12(distClientBundle) ? readFileSync16(distClientBundle, "utf-8") : await buildClientBundle();
   return cachedClientBundle;
 };
 var renderShell = (panel) => handleReactPageRequest({
@@ -37962,6 +38124,21 @@ var handleAbsoluteEdit = async (cwd, body, override) => {
   };
   return result;
 };
+var handleIntegrationAdd = async (cwd, body, override) => {
+  const { addIntegration: addIntegration2 } = await integrationsOps();
+  if (!isRecord(body) || typeof body.id !== "string") {
+    const invalid = {
+      installed: false,
+      item: null,
+      message: "Missing integration id.",
+      ok: false,
+      wired: false,
+      wiringSnippet: null
+    };
+    return invalid;
+  }
+  return addIntegration2(cwd, body.id, { install: true, override });
+};
 var packageError = (message) => {
   const invalid = { message, ok: false, state: null };
   return new Response(JSON.stringify(invalid), {
@@ -38040,7 +38217,10 @@ var launchConfig = async (args, cwd = process.cwd()) => {
   }).post("/api/prettier", ({ body }) => handlePrettierEdit(cwd, body)).get("/api/absolute", async () => {
     const [, { resolveAbsoluteConfigState: resolveAbsoluteConfigState2 }] = await absoluteOps();
     return resolveAbsoluteConfigState2(cwd, configOverride);
-  }).post("/api/absolute", ({ body }) => handleAbsoluteEdit(cwd, body, configOverride)).get("/api/auth", async () => {
+  }).post("/api/absolute", ({ body }) => handleAbsoluteEdit(cwd, body, configOverride)).get("/api/integrations", async () => {
+    const { resolveIntegrationsState: resolveIntegrationsState2 } = await integrationsOps();
+    return resolveIntegrationsState2(cwd, configOverride);
+  }).post("/api/integrations/add", ({ body }) => handleIntegrationAdd(cwd, body, configOverride)).get("/api/auth", async () => {
     const { resolveAuthState: resolveAuthState2 } = await authOps();
     return resolveAuthState2(cwd);
   }).get("/api/package", async () => {