@ai-accounts/vue-styled 0.2.2 → 0.3.0-alpha.2

package/dist/ai-accounts-vue-styled.js

@@ -1,142 +1,1240 @@
-import { defineComponent as U, ref as F, openBlock as i, createElementBlock as n, createElementVNode as a, renderSlot as $, unref as o, Fragment as V, renderList as B, toDisplayString as _, withModifiers as E, createTextVNode as C, withDirectives as N, vModelText as R, createCommentVNode as b, computed as I, watch as Y, normalizeClass as S } from "vue";
-import { useAccountWizard as j, useOnboarding as H } from "@ai-accounts/vue-headless";
-const J = { class: "aia-wizard" }, Q = { class: "aia-wizard__header" }, X = {
+import { defineComponent as oe, ref as v, openBlock as a, createElementBlock as n, createElementVNode as e, toDisplayString as o, createTextVNode as h, createCommentVNode as l, withModifiers as we, withDirectives as D, vModelDynamic as Xe, onMounted as Be, Fragment as F, renderList as se, unref as m, computed as S, watch as be, onUnmounted as Je, createVNode as $e, normalizeClass as V, vModelRadio as Ae, Transition as Qe, withCtx as Ze, vModelText as X, createBlock as et, vModelSelect as tt, vModelCheckbox as at, renderSlot as Le, reactive as nt } from "vue";
+import { useBackendRegistry as Ee, useAiAccounts as Oe, useLoginSession as st, useOnboarding as ot } from "@ai-accounts/vue-headless";
+const it = { class: "aia-login-stream" }, lt = {
   key: 0,
-  class: "aia-wizard__kinds"
-}, Z = ["onClick"], ee = {
+  class: "aia-url-prompt"
+}, ct = ["href"], ut = {
+  key: 0,
+  class: "aia-code"
+}, rt = ["type"], dt = {
+  key: 2,
+  class: "aia-stdout"
+}, vt = {
+  key: 3,
+  class: "aia-error"
+}, pt = /* @__PURE__ */ oe({
+  __name: "LoginStream",
+  props: {
+    session: {},
+    showStdout: { type: Boolean, default: !0 }
+  },
+  setup(y) {
+    const A = y, i = v("");
+    async function I() {
+      const c = i.value;
+      i.value = "", await A.session.respond(c);
+    }
+    return (c, p) => (a(), n("div", it, [
+      y.session.urlPrompt.value ? (a(), n("div", lt, [
+        p[3] || (p[3] = e("p", { class: "aia-label" }, "Open this URL to authenticate:", -1)),
+        e("a", {
+          href: y.session.urlPrompt.value.url,
+          target: "_blank",
+          rel: "noopener"
+        }, o(y.session.urlPrompt.value.url), 9, ct),
+        y.session.urlPrompt.value.user_code ? (a(), n("p", ut, [
+          p[2] || (p[2] = h(" Code: ", -1)),
+          e("code", null, o(y.session.urlPrompt.value.user_code), 1)
+        ])) : l("", !0)
+      ])) : l("", !0),
+      y.session.textPrompt.value ? (a(), n("form", {
+        key: 1,
+        class: "aia-text-prompt",
+        onSubmit: we(I, ["prevent"])
+      }, [
+        e("label", null, [
+          h(o(y.session.textPrompt.value.prompt) + " ", 1),
+          D(e("input", {
+            "onUpdate:modelValue": p[0] || (p[0] = (_) => i.value = _),
+            type: y.session.textPrompt.value.hidden ? "password" : "text",
+            autocomplete: "off"
+          }, null, 8, rt), [
+            [Xe, i.value]
+          ])
+        ]),
+        p[4] || (p[4] = e("button", { type: "submit" }, "Continue", -1))
+      ], 32)) : l("", !0),
+      y.showStdout && y.session.stdoutLines.value.length > 0 ? (a(), n("pre", dt, o(y.session.stdoutLines.value.join("")), 1)) : l("", !0),
+      y.session.status.value === "failed" ? (a(), n("div", vt, [
+        e("strong", null, o(y.session.errorCode.value), 1),
+        e("p", null, o(y.session.errorMessage.value), 1)
+      ])) : l("", !0),
+      y.session.status.value === "running" ? (a(), n("button", {
+        key: 4,
+        type: "button",
+        class: "aia-cancel",
+        onClick: p[1] || (p[1] = (_) => y.session.cancel())
+      }, " Cancel ")) : l("", !0)
+    ]));
+  }
+}), ie = (y, A) => {
+  const i = y.__vccOpts || y;
+  for (const [I, c] of A)
+    i[I] = c;
+  return i;
+}, yt = /* @__PURE__ */ ie(pt, [["__scopeId", "data-v-133adf55"]]), _t = { class: "aia-backend-picker" }, kt = ["onClick"], bt = ["src", "alt"], ht = { class: "aia-backend-info" }, gt = {
+  key: 0,
+  class: "aia-installed"
+}, mt = {
+  key: 1,
+  class: "aia-not-installed"
+}, ft = /* @__PURE__ */ oe({
+  __name: "BackendPicker",
+  props: {
+    installStatus: {}
+  },
+  emits: ["pick"],
+  setup(y, { emit: A }) {
+    const i = y, I = A, c = Ee();
+    function p(_) {
+      return i.installStatus ? i.installStatus[_] : void 0;
+    }
+    return Be(async () => {
+      c.loaded.value || await c.load();
+    }), (_, P) => (a(), n("ul", _t, [
+      (a(!0), n(F, null, se(m(c).backends.value, (k) => (a(), n("li", {
+        key: k.kind
+      }, [
+        e("button", {
+          type: "button",
+          onClick: (d) => I("pick", k.kind)
+        }, [
+          k.icon_url ? (a(), n("img", {
+            key: 0,
+            src: k.icon_url,
+            alt: k.display_name
+          }, null, 8, bt)) : l("", !0),
+          e("div", ht, [
+            e("strong", null, o(k.display_name), 1),
+            p(k.kind) ? (a(), n(F, { key: 0 }, [
+              p(k.kind).installed ? (a(), n("span", gt, " installed" + o(p(k.kind).version ? " v" + p(k.kind).version : ""), 1)) : (a(), n("span", mt, "not detected"))
+            ], 64)) : l("", !0)
+          ])
+        ], 8, kt)
+      ]))), 128))
+    ]));
+  }
+}), wt = /* @__PURE__ */ ie(ft, [["__scopeId", "data-v-2500895f"]]), Ct = {
+  class: "wizard-container",
+  "data-tour": "account-wizard"
+}, zt = { class: "wizard-header" }, xt = {
+  key: 0,
+  class: "wizard-step"
+}, Wt = { class: "step-body" }, St = { class: "step-actions" }, It = {
+  key: 1,
+  class: "wizard-steps"
+}, Pt = ["onClick"], $t = { class: "step-number" }, At = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "3",
+  width: "12",
+  height: "12"
+}, Lt = { class: "step-label" }, Bt = {
+  key: 2,
+  class: "wizard-step"
+}, Et = { class: "step-body" }, Ot = { class: "step-question" }, Dt = { class: "radio-group" }, Kt = { class: "radio-card-content" }, Nt = { class: "radio-card-title" }, Ut = { class: "radio-card-desc" }, Rt = { class: "radio-card-content" }, Vt = { class: "radio-card-title" }, Ft = { class: "radio-card-desc" }, Mt = {
+  key: 0,
+  class: "account-fields"
+}, Tt = { class: "form-group" }, Ht = { for: "wiz-name" }, qt = ["placeholder"], Gt = { class: "form-group" }, Yt = { for: "wiz-email" }, jt = ["placeholder"], Xt = { class: "step-actions" }, Jt = ["disabled"], Qt = {
+  key: 3,
+  class: "wizard-step"
+}, Zt = { class: "step-body" }, ea = { class: "status-icon" }, ta = {
+  key: 0,
+  class: "spinner-sm"
+}, aa = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  width: "20",
+  height: "20"
+}, na = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  width: "20",
+  height: "20"
+}, sa = { class: "status-info" }, oa = { class: "status-title" }, ia = {
+  key: 0,
+  class: "status-detail"
+}, la = {
+  key: 1,
+  class: "status-detail"
+}, ca = {
+  key: 1,
+  class: "spinner-sm"
+}, ua = {
+  key: 0,
+  class: "error-text"
+}, ra = {
+  key: 1,
+  class: "install-success-text"
+}, da = {
+  key: 2,
+  class: "install-stderr"
+}, va = {
+  key: 3,
+  class: "config-dir-section"
+}, pa = { class: "config-dir-label" }, ya = { class: "config-dir-path" }, _a = ["disabled"], ka = {
+  key: 1,
+  class: "dir-created-badge"
+}, ba = {
+  key: 0,
+  class: "error-text"
+}, ha = { class: "config-path-edit" }, ga = {
+  key: 1,
+  class: "form-group compact"
+}, ma = ["placeholder"], fa = {
+  key: 4,
+  class: "api-key-info"
+}, wa = { class: "api-key-label" }, Ca = { class: "step-actions" }, za = {
+  key: 4,
+  class: "wizard-step"
+}, xa = { class: "step-body" }, Wa = {
+  key: 0,
+  class: "login-status login-connecting"
+}, Sa = {
+  key: 2,
+  class: "login-status login-completed"
+}, Ia = { class: "login-status login-error" }, Pa = { class: "step-actions" }, $a = {
+  key: 5,
+  class: "wizard-step"
+}, Aa = { class: "step-body" }, La = {
+  key: 0,
+  class: "cliproxy-install-block"
+}, Ba = ["disabled"], Ea = {
+  key: 0,
+  class: "spinner-sm"
+}, Oa = { key: 0 }, Da = {
+  key: 0,
+  class: "install-success-text"
+}, Ka = { key: 1 }, Na = {
+  key: 0,
+  class: "install-stderr"
+}, Ua = {
+  key: 1,
+  class: "proxy-step-body"
+}, Ra = {
   key: 1,
-  class: "aia-wizard__status"
-}, te = { class: "aia-label" }, ae = {
+  class: "proxy-running"
+}, Va = {
+  key: 2,
+  class: "proxy-device-auth"
+}, Fa = ["href"], Ma = {
+  key: 1,
+  class: "proxy-code"
+}, Ta = { class: "callback-paste" }, Ha = { class: "callback-label" }, qa = {
+  key: 0,
+  class: "error-text"
+}, Ga = {
   key: 3,
-  class: "aia-wizard__status"
-}, ie = {
+  class: "proxy-success"
+}, Ya = {
   key: 4,
-  class: "aia-wizard__success"
-}, ne = {
+  class: "proxy-skipped"
+}, ja = {
   key: 5,
-  class: "aia-wizard__error"
-}, oe = {
+  class: "proxy-error"
+}, Xa = { class: "error-text" }, Ja = {
+  key: 2,
+  class: "proxy-loading"
+}, Qa = { class: "step-actions" }, Za = {
+  key: 6,
+  class: "wizard-step"
+}, en = { class: "step-body" }, tn = { class: "review-card" }, an = { class: "review-row" }, nn = { class: "review-label" }, sn = { class: "review-value" }, on = {
   key: 0,
-  class: "aia-wizard__hint"
-}, se = /* @__PURE__ */ U({
+  class: "review-row"
+}, ln = { class: "review-label" }, cn = { class: "review-value" }, un = {
+  key: 1,
+  class: "review-row"
+}, rn = { class: "review-label" }, dn = { class: "review-value" }, vn = {
+  key: 2,
+  class: "review-row"
+}, pn = { class: "review-label" }, yn = { class: "review-value" }, _n = {
+  key: 0,
+  class: "form-group"
+}, kn = { for: "wiz-plan" }, bn = { value: "" }, hn = ["value"], gn = { class: "form-group checkbox" }, mn = {
+  key: 1,
+  class: "error-text"
+}, fn = { class: "step-actions" }, wn = ["disabled"], Cn = {
+  key: 0,
+  class: "spinner-sm"
+}, zn = {
+  key: 7,
+  class: "wizard-step"
+}, xn = { class: "step-body done-body" }, Wn = { class: "done-actions" }, Sn = /* @__PURE__ */ oe({
   __name: "AccountWizard",
   props: {
-    client: {},
-    kinds: {}
+    initialBackendKind: {},
+    backendName: {},
+    allowSkip: { type: Boolean }
   },
-  emits: ["done", "cancel"],
-  setup(v, { emit: k }) {
-    const r = v, g = k, e = j({ client: r.client }), c = F(""), u = r.kinds ?? [
-      { id: "claude", display: "Claude" },
-      { id: "opencode", display: "OpenCode" },
-      { id: "gemini", display: "Gemini" },
-      { id: "codex", display: "Codex" }
-    ];
-    e.start();
-    async function A(y) {
-      await e.pickKind(y);
-    }
-    async function O() {
-      await e.submitCredential("api_key", { api_key: c.value }), e.state.value === "done" && e.backend.value && g("done", e.backend.value.id);
-    }
-    function z() {
-      e.reset(), e.start();
-    }
-    return (y, s) => {
-      var h;
-      return i(), n("section", J, [
-        a("header", Q, [
-          $(y.$slots, "header", {}, () => [
-            s[1] || (s[1] = a("h2", null, "Connect an AI backend", -1))
-          ], !0)
-        ]),
-        o(e).state.value === "picking_kind" ? (i(), n("div", X, [
-          (i(!0), n(V, null, B(o(u), (p) => (i(), n("button", {
-            key: p.id,
-            class: "aia-btn aia-btn--kind",
-            type: "button",
-            onClick: (K) => A(p.id)
-          }, _(p.display), 9, Z))), 128))
-        ])) : o(e).state.value === "detecting" ? (i(), n("div", ee, " Detecting " + _(o(e).kind.value) + " CLI… ", 1)) : o(e).state.value === "entering_credential" ? (i(), n("form", {
-          key: 2,
-          class: "aia-wizard__form",
-          onSubmit: E(O, ["prevent"])
+  emits: ["close", "saved", "skip", "addAnother", "done"],
+  setup(y, { emit: A }) {
+    const i = (s, t) => ({
+      "accountWizard.addAccount": "Add Account",
+      "accountWizard.stepSubscription": "Subscription",
+      "accountWizard.stepCliSetup": "CLI Setup",
+      "accountWizard.stepLogin": "Login",
+      "accountWizard.stepPlanSave": "Plan & Save",
+      "accountWizard.stepDone": "Done",
+      "accountWizard.yesHaveAccount": "Yes, I have an account",
+      "accountWizard.yesHaveAccountDesc": "I already have a subscription for this backend",
+      "accountWizard.noSkip": "Skip for now",
+      "accountWizard.noSkipDesc": "I will set this up later",
+      "accountWizard.accountName": "Account name",
+      "accountWizard.accountNamePlaceholder": "e.g., Personal, Work",
+      "accountWizard.email": "Email",
+      "accountWizard.emailPlaceholder": "name@example.com",
+      "accountWizard.emailHelp": "Optional — used to tag the account",
+      "accountWizard.cliInstalled": "CLI detected",
+      "accountWizard.cliNotInstalled": "CLI not detected",
+      "accountWizard.installCli": "Install CLI",
+      "accountWizard.configPath": "Config path",
+      "accountWizard.createDir": "Create",
+      "accountWizard.creating": "Creating...",
+      "accountWizard.configCreated": "Created",
+      "accountWizard.customizePath": "Customize path",
+      "accountWizard.apiKeyEnv": "API key env var",
+      "accountWizard.startingLogin": "Starting login session...",
+      "accountWizard.loginCompleted": "Login completed",
+      "accountWizard.tryAgain": "Try again",
+      "accountWizard.connectionLost": "Connection lost",
+      "accountWizard.send": "Send",
+      "accountWizard.waitingForResponse": "Waiting for response...",
+      "accountWizard.plan": "Plan",
+      "accountWizard.selectPlan": "Select a plan",
+      "accountWizard.setDefault": "Set as default account",
+      "accountWizard.saving": "Saving...",
+      "accountWizard.saveAccount": "Save account",
+      "accountWizard.accountCreated": "Account created!",
+      "accountWizard.addAnother": "Add another",
+      "accountWizard.doneNextBackend": "Done",
+      "accountWizard.continueBtn": "Continue",
+      "common.cancel": "Cancel",
+      "common.back": "Back",
+      "common.skip": "Skip"
+    })[s] ?? s, I = y, c = A, { client: p, emit: _ } = Oe(), P = Ee(), k = st(), d = v(I.initialBackendKind ?? ""), f = S(
+      () => d.value ? P.get(d.value) : void 0
+    ), x = S(
+      () => {
+        var s;
+        return I.backendName || ((s = f.value) == null ? void 0 : s.display_name) || d.value || "Backend";
+      }
+    ), b = v("subscription"), K = ["claude", "codex", "gemini"], J = S(
+      () => K.includes(
+        d.value ?? ""
+      )
+    ), T = S(() => {
+      const s = ["subscription", "cli", "login"];
+      return J.value && s.push("proxy"), s.push("plan"), s;
+    }), H = S(
+      () => T.value.indexOf(b.value)
+    ), he = S(() => ({
+      subscription: i("accountWizard.stepSubscription"),
+      cli: i("accountWizard.stepCliSetup"),
+      login: i("accountWizard.stepLogin"),
+      proxy: "API Proxy",
+      plan: i("accountWizard.stepPlanSave"),
+      done: i("accountWizard.stepDone")
+    }));
+    function L() {
+      const s = T.value, t = s.indexOf(b.value);
+      t >= 0 && t < s.length - 1 ? b.value = s[t + 1] : b.value === s[s.length - 1] && (b.value = "done");
+    }
+    function g() {
+      const s = T.value, t = s.indexOf(b.value);
+      t > 0 && (b.value = s[t - 1]);
+    }
+    const u = v(""), w = v(""), B = v(""), le = S(() => u.value !== "");
+    function C() {
+      if (u.value === "no") {
+        je();
+        return;
+      }
+      L();
+    }
+    const z = v(""), R = v(!1);
+    function Q(s) {
+      return s.toLowerCase().replace(/\s+/g, "").replace(/[^a-z0-9]/g, "");
+    }
+    function ce() {
+      if (R.value) return;
+      const s = w.value.trim();
+      if (!s) {
+        z.value = "";
+        return;
+      }
+      const t = Q(s), r = {
+        claude: ".claude",
+        codex: ".codex",
+        gemini: ".gemini",
+        opencode: ".opencode"
+      }, O = d.value || "", ke = r[O] || (O ? `.${O}` : ".backend");
+      z.value = `~/${ke}-${t}`;
+    }
+    const q = S(() => {
+      const s = w.value.trim();
+      if (!s) return "";
+      const t = {
+        claude: "ANTHROPIC",
+        codex: "OPENAI",
+        gemini: "GOOGLE",
+        opencode: "OPENCODE"
+      }, r = d.value || "", O = t[r] || (r ? r.toUpperCase() : "BACKEND"), ke = Q(s).replace(/-/g, "_").toUpperCase();
+      return `${O}_API_KEY_${ke}`;
+    }), G = v(!1), ue = v(""), ge = v(!1), re = v(!1), Ce = v(!1), de = v(!1), me = v(""), Y = v("");
+    async function ze() {
+      if (d.value) {
+        ge.value = !0;
+        try {
+          const s = P.get(d.value);
+          G.value = !!s, ue.value = "";
+        } catch (s) {
+          console.warn("[AccountWizard] CLI check failed:", s);
+        } finally {
+          ge.value = !1;
+        }
+      }
+    }
+    const E = v(null);
+    async function De() {
+      if (d.value) {
+        re.value = !0, Y.value = "", E.value = null;
+        try {
+          const s = await p.installBackendCli(d.value);
+          E.value = s, s.success ? (G.value = !0, ue.value = "") : Y.value = s.stderr || s.stdout || "Installation failed";
+        } catch (s) {
+          Y.value = s instanceof Error ? s.message : String(s), E.value = {
+            kind: d.value,
+            success: !1,
+            display: "install failed",
+            stdout: "",
+            stderr: Y.value,
+            exit_code: -1,
+            binary_path: null
+          };
+        } finally {
+          re.value = !1;
+        }
+      }
+    }
+    async function Ke() {
+      z.value && (de.value = !0);
+    }
+    Be(async () => {
+      P.loaded.value || await P.load(), ze(), _({ type: "wizard.opened", backendKind: d.value }), Fe();
+    }), be(z, () => {
+      de.value = !1, me.value = "";
+    });
+    const N = v("");
+    be(b, async (s) => {
+      s === "login" && k.status.value === "idle" && await xe();
+    }, { immediate: !0 });
+    async function xe() {
+      const s = f.value;
+      if (s)
+        try {
+          if (!N.value) {
+            const r = await p.createBackend({
+              kind: s.kind,
+              display_name: w.value.trim() || s.display_name,
+              config: We()
+            });
+            N.value = r.id;
+          }
+          const t = Ne(s);
+          _({
+            type: "wizard.step",
+            backendKind: s.kind,
+            step: "login.start"
+          }), await k.start(N.value, t, Ue(s));
+        } catch (t) {
+          console.warn("[AccountWizard] login failed:", t);
+        }
+    }
+    function Ne(s) {
+      const t = s.login_flows.map((r) => r.kind);
+      return t.includes("cli_browser") ? "cli_browser" : t.includes("oauth_device") ? "oauth_device" : "api_key";
+    }
+    function Ue(s) {
+      return {};
+    }
+    function We() {
+      return {
+        email: B.value.trim() || void 0,
+        config_path: z.value.trim() || void 0,
+        api_key_env: q.value || void 0
+      };
+    }
+    be(
+      () => k.status.value,
+      (s) => {
+        s === "complete" && b.value === "login" && L();
+      }
+    ), Je(() => {
+      k.status.value === "running" && k.cancel().catch(() => {
+      });
+    });
+    const j = S(() => {
+      switch (k.status.value) {
+        case "running":
+          return k.urlPrompt.value || k.stdoutLines.value.length > 0 ? "streaming" : "connecting";
+        case "complete":
+          return "completed";
+        case "failed":
+        case "cancelled":
+          return "error";
+        default:
+          return "idle";
+      }
+    }), Re = S(() => k.errorMessage.value || "");
+    function Ve() {
+      k.status.value === "running" && k.cancel().catch(() => {
+      });
+    }
+    const Se = S(() => {
+      var s;
+      return ((s = f.value) == null ? void 0 : s.plan_options) ?? [];
+    }), ve = v(""), pe = v(!1), Z = v(!1), ye = v(""), W = v("idle"), $ = v(""), ee = v(""), _e = v(""), te = v(""), M = v(""), ae = v(!1), ne = v(!1), U = v(null), Ie = v(!1);
+    async function Fe() {
+      try {
+        const s = await p.cliproxyStatus();
+        ae.value = s.installed;
+      } catch (s) {
+        console.warn("[AccountWizard] cliproxy status check failed:", s), ae.value = !1;
+      } finally {
+        Ie.value = !0;
+      }
+    }
+    async function Me() {
+      ne.value = !0, U.value = null;
+      try {
+        const s = await p.cliproxyInstall();
+        U.value = s, s.success && (ae.value = !0);
+      } catch (s) {
+        U.value = {
+          success: !1,
+          display: "install failed",
+          stdout: "",
+          stderr: s instanceof Error ? s.message : String(s),
+          binary_path: null
+        };
+      } finally {
+        ne.value = !1;
+      }
+    }
+    function Pe() {
+      W.value = "idle", $.value = "", ee.value = "", _e.value = "", te.value = "", M.value = "";
+    }
+    async function Te() {
+      var s;
+      if (d.value) {
+        W.value = "running", $.value = `Registering ${x.value} account with API proxy…`, M.value = "";
+        try {
+          const t = await p.cliproxyLoginBegin(
+            d.value,
+            ((s = z.value) == null ? void 0 : s.trim()) || void 0
+          );
+          $.value = t.message, t.status === "imported" ? W.value = "success" : t.status === "started" && t.oauth_url ? (W.value = "device_auth", ee.value = t.oauth_url, _e.value = t.device_code ?? "", t.device_code ? $.value = `Open the URL and enter code ${t.device_code}` : $.value = "Complete OAuth in the browser; paste the callback URL below if it fails to redirect") : t.status === "skipped" ? W.value = "skipped" : W.value = "error";
+        } catch (t) {
+          W.value = "error", $.value = t instanceof Error ? t.message : String(t);
+        }
+      }
+    }
+    async function He() {
+      if (te.value.trim()) {
+        M.value = "";
+        try {
+          const s = await p.cliproxyCallbackForward(
+            te.value.trim()
+          );
+          s.status === "completed" ? (W.value = "success", $.value = "API proxy login completed") : M.value = s.message;
+        } catch (s) {
+          M.value = s instanceof Error ? s.message : String(s);
+        }
+      }
+    }
+    async function qe() {
+      Z.value = !0, ye.value = "";
+      try {
+        const s = f.value;
+        if (!s) throw new Error("No backend metadata available");
+        const t = {
+          ...We(),
+          plan: ve.value || void 0,
+          is_default: pe.value
+        };
+        if (N.value)
+          await p.updateBackend(N.value, {
+            display_name: w.value.trim() || s.display_name,
+            config: t
+          });
+        else {
+          const r = await p.createBackend({
+            kind: s.kind,
+            display_name: w.value.trim() || s.display_name,
+            config: t
+          });
+          N.value = r.id;
+        }
+        b.value = "done", c("saved"), _({
+          type: "wizard.account.created",
+          backendKind: s.kind,
+          accountId: N.value
+        }), _({
+          type: "wizard.step",
+          backendKind: s.kind,
+          step: "done"
+        });
+      } catch (s) {
+        ye.value = s instanceof Error ? s.message : "Failed to save account";
+      } finally {
+        Z.value = !1;
+      }
+    }
+    function Ge() {
+      u.value = "", w.value = "", B.value = "", z.value = "", R.value = !1, ve.value = "", pe.value = !1, Ve(), N.value = "", de.value = !1, b.value = "subscription", c("addAnother"), d.value && _({ type: "wizard.step", backendKind: d.value, step: "add-another" });
+    }
+    function fe() {
+      d.value && _({ type: "wizard.closed", backendKind: d.value, reason: "cancel" }), c("close");
+    }
+    function Ye() {
+      d.value && _({ type: "wizard.closed", backendKind: d.value, reason: "done" }), c("done", { accountId: N.value });
+    }
+    function je() {
+      d.value && _({ type: "wizard.closed", backendKind: d.value, reason: "skip" }), c("skip");
+    }
+    return (s, t) => (a(), n("div", Ct, [
+      e("div", zt, [
+        e("h3", null, o(i("accountWizard.addAccount")), 1),
+        e("button", {
+          class: "wizard-close",
+          onClick: fe
+        }, "×")
+      ]),
+      d.value ? b.value !== "done" ? (a(), n("div", It, [
+        (a(!0), n(F, null, se(T.value, (r, O) => (a(), n("div", {
+          key: r,
+          class: V(["step-indicator", {
+            active: b.value === r,
+            completed: H.value > O,
+            clickable: O < H.value
+          }]),
+          onClick: (ke) => O < H.value ? b.value = r : void 0
         }, [
-          a("label", te, [
-            s[2] || (s[2] = C(" API key ", -1)),
-            N(a("input", {
-              "onUpdate:modelValue": s[0] || (s[0] = (p) => c.value = p),
-              type: "password",
-              class: "aia-input",
-              autocomplete: "off",
-              required: ""
-            }, null, 512), [
-              [R, c.value]
+          e("span", $t, [
+            H.value > O ? (a(), n("svg", At, [...t[11] || (t[11] = [
+              e("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+            ])])) : (a(), n(F, { key: 1 }, [
+              h(o(O + 1), 1)
+            ], 64))
+          ]),
+          e("span", Lt, o(he.value[r]), 1)
+        ], 10, Pt))), 128))
+      ])) : l("", !0) : (a(), n("div", xt, [
+        e("div", Wt, [
+          t[10] || (t[10] = e("p", { class: "step-question" }, "Select a backend to connect:", -1)),
+          $e(wt, {
+            onPick: t[0] || (t[0] = (r) => {
+              d.value = r, ze();
+            })
+          })
+        ]),
+        e("div", St, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: fe
+          }, o(i("common.cancel")), 1)
+        ])
+      ])),
+      d.value && b.value === "subscription" ? (a(), n("div", Bt, [
+        e("div", Et, [
+          e("p", Ot, "Do you already have a " + o(x.value) + " account?", 1),
+          e("div", Dt, [
+            e("label", {
+              class: V(["radio-card", { selected: u.value === "yes" }])
+            }, [
+              D(e("input", {
+                type: "radio",
+                "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
+                value: "yes"
+              }, null, 512), [
+                [Ae, u.value]
+              ]),
+              e("div", Kt, [
+                e("span", Nt, o(i("accountWizard.yesHaveAccount")), 1),
+                e("span", Ut, o(i("accountWizard.yesHaveAccountDesc")), 1)
+              ])
+            ], 2),
+            e("label", {
+              class: V(["radio-card", { selected: u.value === "no" }])
+            }, [
+              D(e("input", {
+                type: "radio",
+                "onUpdate:modelValue": t[2] || (t[2] = (r) => u.value = r),
+                value: "no"
+              }, null, 512), [
+                [Ae, u.value]
+              ]),
+              e("div", Rt, [
+                e("span", Vt, o(i("accountWizard.noSkip")), 1),
+                e("span", Ft, o(i("accountWizard.noSkipDesc")), 1)
+              ])
+            ], 2)
+          ]),
+          $e(Qe, { name: "slide-down" }, {
+            default: Ze(() => [
+              u.value === "yes" ? (a(), n("div", Mt, [
+                e("div", Tt, [
+                  e("label", Ht, [
+                    h(o(i("accountWizard.accountName")) + " ", 1),
+                    t[12] || (t[12] = e("span", { class: "optional" }, "(optional)", -1))
+                  ]),
+                  D(e("input", {
+                    id: "wiz-name",
+                    "onUpdate:modelValue": t[3] || (t[3] = (r) => w.value = r),
+                    type: "text",
+                    placeholder: i("accountWizard.accountNamePlaceholder"),
+                    autofocus: "",
+                    onInput: ce
+                  }, null, 40, qt), [
+                    [X, w.value]
+                  ])
+                ]),
+                e("div", Gt, [
+                  e("label", Yt, o(i("accountWizard.email")), 1),
+                  D(e("input", {
+                    id: "wiz-email",
+                    "onUpdate:modelValue": t[4] || (t[4] = (r) => B.value = r),
+                    type: "email",
+                    placeholder: i("accountWizard.emailPlaceholder")
+                  }, null, 8, jt), [
+                    [X, B.value]
+                  ]),
+                  e("small", null, o(i("accountWizard.emailHelp")), 1)
+                ])
+              ])) : l("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        e("div", Xt, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: fe
+          }, o(i("common.cancel")), 1),
+          e("button", {
+            class: V(["btn", u.value === "no" ? "btn-outline" : "btn-primary"]),
+            disabled: !le.value,
+            onClick: C
+          }, [
+            h(o(u.value === "no" ? i("accountWizard.noSkip") : i("accountWizard.continueBtn")) + " ", 1),
+            t[13] || (t[13] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "9 18 15 12 9 6" })
+            ], -1))
+          ], 10, Jt)
+        ])
+      ])) : l("", !0),
+      d.value && b.value === "cli" ? (a(), n("div", Qt, [
+        e("div", Zt, [
+          e("div", {
+            class: V(["status-card", G.value ? "status-ok" : "status-warn"])
+          }, [
+            e("div", ea, [
+              ge.value ? (a(), n("div", ta)) : G.value ? (a(), n("svg", aa, [...t[14] || (t[14] = [
+                e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, null, -1),
+                e("polyline", { points: "22 4 12 14.01 9 11.01" }, null, -1)
+              ])])) : (a(), n("svg", na, [...t[15] || (t[15] = [
+                e("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10"
+                }, null, -1),
+                e("line", {
+                  x1: "12",
+                  y1: "8",
+                  x2: "12",
+                  y2: "12"
+                }, null, -1),
+                e("line", {
+                  x1: "12",
+                  y1: "16",
+                  x2: "12.01",
+                  y2: "16"
+                }, null, -1)
+              ])]))
+            ]),
+            e("div", sa, [
+              e("span", oa, o(x.value) + " CLI", 1),
+              G.value ? (a(), n("span", ia, o(i("accountWizard.cliInstalled")) + o(ue.value ? ` (${ue.value})` : ""), 1)) : (a(), n("span", la, o(i("accountWizard.cliNotInstalled")), 1))
+            ]),
+            !G.value && !re.value ? (a(), n("button", {
+              key: 0,
+              class: "btn btn-primary btn-sm",
+              onClick: De
+            }, o(i("accountWizard.installCli")), 1)) : l("", !0),
+            re.value ? (a(), n("div", ca)) : l("", !0)
+          ], 2),
+          Y.value ? (a(), n("div", ua, o(Y.value), 1)) : l("", !0),
+          E.value && E.value.success ? (a(), n("div", ra, " Installed" + o(E.value.binary_path ? ` at ${E.value.binary_path}` : ""), 1)) : l("", !0),
+          E.value && !E.value.success && E.value.stderr ? (a(), n("pre", da, o(E.value.stderr), 1)) : l("", !0),
+          z.value ? (a(), n("div", va, [
+            e("div", pa, o(i("accountWizard.configPath")), 1),
+            e("div", ya, [
+              e("code", null, o(z.value), 1),
+              de.value ? (a(), n("span", ka, [
+                t[16] || (t[16] = e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  width: "12",
+                  height: "12"
+                }, [
+                  e("polyline", { points: "20 6 9 17 4 12" })
+                ], -1)),
+                h(" " + o(i("accountWizard.configCreated")), 1)
+              ])) : (a(), n("button", {
+                key: 0,
+                class: "btn btn-outline btn-sm",
+                disabled: Ce.value,
+                onClick: Ke
+              }, o(Ce.value ? i("accountWizard.creating") : i("accountWizard.createDir")), 9, _a))
+            ]),
+            me.value ? (a(), n("div", ba, o(me.value), 1)) : l("", !0),
+            e("div", ha, [
+              R.value ? l("", !0) : (a(), n("button", {
+                key: 0,
+                class: "btn-link-sm",
+                onClick: t[5] || (t[5] = (r) => R.value = !0)
+              }, o(i("accountWizard.customizePath")), 1)),
+              R.value ? (a(), n("div", ga, [
+                D(e("input", {
+                  "onUpdate:modelValue": t[6] || (t[6] = (r) => z.value = r),
+                  type: "text",
+                  placeholder: `e.g., ~/.${d.value}-personal`
+                }, null, 8, ma), [
+                  [X, z.value]
+                ])
+              ])) : l("", !0)
             ])
+          ])) : l("", !0),
+          q.value ? (a(), n("div", fa, [
+            e("span", wa, o(i("accountWizard.apiKeyEnv")), 1),
+            e("code", null, o(q.value), 1)
+          ])) : l("", !0)
+        ]),
+        e("div", Ca, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: g
+          }, [
+            t[17] || (t[17] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "15 18 9 12 15 6" })
+            ], -1)),
+            h(" " + o(i("common.back")), 1)
           ]),
-          s[3] || (s[3] = a("button", {
-            type: "submit",
-            class: "aia-btn aia-btn--primary"
-          }, "Connect", -1))
-        ], 32)) : o(e).state.value === "validating" ? (i(), n("div", ae, " Validating credential… ")) : o(e).state.value === "done" ? (i(), n("div", ie, [
-          $(y.$slots, "success", {}, () => [
-            s[4] || (s[4] = a("p", null, "✓ Connected successfully", -1))
-          ], !0)
-        ])) : o(e).state.value === "error" ? (i(), n("div", ne, [
-          a("p", null, _(o(e).error.value), 1),
-          (h = o(e).error.value) != null && h.includes("OAuth") ? (i(), n("p", oe, [...s[5] || (s[5] = [
-            C(" Try the full ", -1),
-            a("code", null, "<OnboardingFlow>", -1),
-            C(" component instead — it supports browser login. ", -1)
-          ])])) : b("", !0),
-          a("button", {
-            class: "aia-btn",
-            type: "button",
-            onClick: z
-          }, "Try again")
-        ])) : b("", !0)
-      ]);
-    };
+          e("button", {
+            class: "btn btn-primary",
+            onClick: L
+          }, [
+            h(o(i("accountWizard.continueBtn")) + " ", 1),
+            t[18] || (t[18] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "9 18 15 12 9 6" })
+            ], -1))
+          ])
+        ])
+      ])) : l("", !0),
+      d.value && b.value === "login" ? (a(), n("div", za, [
+        e("div", xa, [
+          j.value === "idle" || j.value === "connecting" ? (a(), n("div", Wa, [
+            t[19] || (t[19] = e("div", { class: "spinner-sm" }, null, -1)),
+            e("span", null, o(i("accountWizard.startingLogin")), 1)
+          ])) : j.value === "streaming" ? (a(), et(yt, {
+            key: 1,
+            session: m(k)
+          }, null, 8, ["session"])) : j.value === "completed" ? (a(), n("div", Sa, [
+            t[20] || (t[20] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "20",
+              height: "20"
+            }, [
+              e("polyline", { points: "20 6 9 17 4 12" })
+            ], -1)),
+            e("span", null, o(i("accountWizard.loginCompleted")), 1)
+          ])) : j.value === "error" ? (a(), n(F, { key: 3 }, [
+            e("div", Ia, [
+              t[21] || (t[21] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "16",
+                height: "16"
+              }, [
+                e("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10"
+                }),
+                e("line", {
+                  x1: "15",
+                  y1: "9",
+                  x2: "9",
+                  y2: "15"
+                }),
+                e("line", {
+                  x1: "9",
+                  y1: "9",
+                  x2: "15",
+                  y2: "15"
+                })
+              ], -1)),
+              e("span", null, o(Re.value), 1)
+            ]),
+            e("button", {
+              class: "btn btn-secondary",
+              style: { "margin-top": "12px" },
+              onClick: xe
+            }, o(i("accountWizard.tryAgain")), 1)
+          ], 64)) : l("", !0)
+        ]),
+        e("div", Pa, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: g
+          }, [
+            t[22] || (t[22] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "15 18 9 12 15 6" })
+            ], -1)),
+            h(" " + o(i("common.back")), 1)
+          ]),
+          e("button", {
+            class: "btn btn-primary",
+            onClick: L
+          }, [
+            h(o(j.value === "idle" ? i("common.skip") : i("accountWizard.continueBtn")) + " ", 1),
+            t[23] || (t[23] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "9 18 15 12 9 6" })
+            ], -1))
+          ])
+        ])
+      ])) : l("", !0),
+      d.value && b.value === "proxy" ? (a(), n("div", $a, [
+        e("div", Aa, [
+          Ie.value && !ae.value ? (a(), n("div", La, [
+            t[25] || (t[25] = e("p", { class: "step-description" }, " CLIProxyAPI is not installed. Install it to expose this account through an OpenAI-compatible endpoint for other tools. ", -1)),
+            e("button", {
+              class: "btn btn-primary",
+              disabled: ne.value,
+              onClick: Me
+            }, [
+              ne.value ? (a(), n("div", Ea)) : l("", !0),
+              h(" " + o(ne.value ? "Installing cliproxyapi…" : "Install CLIProxyAPI"), 1)
+            ], 8, Ba),
+            U.value ? (a(), n("div", Oa, [
+              U.value.success ? (a(), n("p", Da, " Installed" + o(U.value.binary_path ? ` at ${U.value.binary_path}` : ""), 1)) : (a(), n("div", Ka, [
+                t[24] || (t[24] = e("p", { class: "error-text" }, "Install failed", -1)),
+                U.value.stderr ? (a(), n("pre", Na, o(U.value.stderr), 1)) : l("", !0)
+              ]))
+            ])) : l("", !0)
+          ])) : ae.value ? (a(), n("div", Ua, [
+            t[31] || (t[31] = e("h4", { class: "proxy-heading" }, "Register with API proxy", -1)),
+            t[32] || (t[32] = e("p", { class: "step-description" }, " Optional: register this account with CLIProxyAPI so other tools can reach it through an OpenAI-compatible endpoint. ", -1)),
+            W.value === "idle" ? (a(), n("button", {
+              key: 0,
+              class: "btn btn-primary",
+              onClick: Te
+            }, " Start proxy registration ")) : l("", !0),
+            W.value === "running" ? (a(), n("div", Ra, [
+              t[26] || (t[26] = e("div", { class: "spinner-sm" }, null, -1)),
+              e("span", null, o($.value), 1)
+            ])) : l("", !0),
+            W.value === "device_auth" ? (a(), n("div", Va, [
+              e("p", null, o($.value), 1),
+              ee.value ? (a(), n("a", {
+                key: 0,
+                href: ee.value,
+                target: "_blank",
+                rel: "noopener",
+                class: "proxy-oauth-link"
+              }, o(ee.value), 9, Fa)) : l("", !0),
+              _e.value ? (a(), n("p", Ma, [
+                t[27] || (t[27] = h(" Code: ", -1)),
+                e("code", null, o(_e.value), 1)
+              ])) : l("", !0),
+              e("div", Ta, [
+                e("label", Ha, [
+                  t[28] || (t[28] = h(" If the redirect to localhost fails, paste the callback URL: ", -1)),
+                  D(e("input", {
+                    "onUpdate:modelValue": t[7] || (t[7] = (r) => te.value = r),
+                    type: "url",
+                    placeholder: "http://localhost:8085/callback?code=..."
+                  }, null, 512), [
+                    [X, te.value]
+                  ])
+                ]),
+                e("button", {
+                  class: "btn btn-outline btn-sm",
+                  onClick: He
+                }, " Submit callback "),
+                M.value ? (a(), n("p", qa, o(M.value), 1)) : l("", !0)
+              ])
+            ])) : l("", !0),
+            W.value === "success" ? (a(), n("div", Ga, [
+              t[29] || (t[29] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "20",
+                height: "20"
+              }, [
+                e("polyline", { points: "20 6 9 17 4 12" })
+              ], -1)),
+              e("strong", null, o($.value || "Registered successfully"), 1)
+            ])) : l("", !0),
+            W.value === "skipped" ? (a(), n("div", Ya, [
+              e("p", null, o($.value), 1),
+              e("button", {
+                class: "btn btn-outline btn-sm",
+                onClick: Pe
+              }, "Retry")
+            ])) : l("", !0),
+            W.value === "error" ? (a(), n("div", ja, [
+              e("p", Xa, [
+                t[30] || (t[30] = e("strong", null, "Error:", -1)),
+                h(" " + o($.value), 1)
+              ]),
+              e("button", {
+                class: "btn btn-outline btn-sm",
+                onClick: Pe
+              }, "Retry")
+            ])) : l("", !0)
+          ])) : (a(), n("div", Ja, [...t[33] || (t[33] = [
+            e("div", { class: "spinner-sm" }, null, -1),
+            e("span", null, "Checking CLIProxyAPI status…", -1)
+          ])]))
+        ]),
+        e("div", Qa, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: g
+          }, [
+            t[34] || (t[34] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "15 18 9 12 15 6" })
+            ], -1)),
+            h(" " + o(i("common.back")), 1)
+          ]),
+          e("button", {
+            class: "btn btn-primary",
+            onClick: L
+          }, [
+            h(o(W.value === "success" ? i("accountWizard.continueBtn") : i("common.skip")) + " ", 1),
+            t[35] || (t[35] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "9 18 15 12 9 6" })
+            ], -1))
+          ])
+        ])
+      ])) : l("", !0),
+      d.value && b.value === "plan" ? (a(), n("div", Za, [
+        e("div", en, [
+          e("div", tn, [
+            e("div", an, [
+              e("span", nn, o(i("accountWizard.accountName")), 1),
+              e("span", sn, o(w.value), 1)
+            ]),
+            B.value ? (a(), n("div", on, [
+              e("span", ln, o(i("accountWizard.email")), 1),
+              e("span", cn, o(B.value), 1)
+            ])) : l("", !0),
+            z.value ? (a(), n("div", un, [
+              e("span", rn, o(i("accountWizard.configPath")), 1),
+              e("code", dn, o(z.value), 1)
+            ])) : l("", !0),
+            q.value ? (a(), n("div", vn, [
+              e("span", pn, o(i("accountWizard.apiKeyEnv")), 1),
+              e("code", yn, o(q.value), 1)
+            ])) : l("", !0)
+          ]),
+          Se.value.length > 0 ? (a(), n("div", _n, [
+            e("label", kn, o(i("accountWizard.plan")), 1),
+            D(e("select", {
+              id: "wiz-plan",
+              "onUpdate:modelValue": t[8] || (t[8] = (r) => ve.value = r)
+            }, [
+              e("option", bn, o(i("accountWizard.selectPlan")), 1),
+              (a(!0), n(F, null, se(Se.value, (r) => (a(), n("option", {
+                key: r.id,
+                value: r.id
+              }, o(r.label), 9, hn))), 128))
+            ], 512), [
+              [tt, ve.value]
+            ])
+          ])) : l("", !0),
+          e("div", gn, [
+            e("label", null, [
+              D(e("input", {
+                type: "checkbox",
+                "onUpdate:modelValue": t[9] || (t[9] = (r) => pe.value = r)
+              }, null, 512), [
+                [at, pe.value]
+              ]),
+              h(" " + o(i("accountWizard.setDefault")), 1)
+            ])
+          ]),
+          ye.value ? (a(), n("div", mn, o(ye.value), 1)) : l("", !0)
+        ]),
+        e("div", fn, [
+          e("button", {
+            class: "btn btn-secondary",
+            onClick: g
+          }, [
+            t[36] || (t[36] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "14",
+              height: "14"
+            }, [
+              e("polyline", { points: "15 18 9 12 15 6" })
+            ], -1)),
+            h(" " + o(i("common.back")), 1)
+          ]),
+          e("button", {
+            class: "btn btn-primary",
+            disabled: Z.value,
+            onClick: qe
+          }, [
+            Z.value ? (a(), n("div", Cn)) : l("", !0),
+            h(" " + o(Z.value ? i("accountWizard.saving") : i("accountWizard.saveAccount")), 1)
+          ], 8, wn)
+        ])
+      ])) : l("", !0),
+      d.value && b.value === "done" ? (a(), n("div", zn, [
+        e("div", xn, [
+          t[37] || (t[37] = e("div", { class: "done-icon" }, [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              width: "40",
+              height: "40"
+            }, [
+              e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+              e("polyline", { points: "22 4 12 14.01 9 11.01" })
+            ])
+          ], -1)),
+          e("h4", null, o(i("accountWizard.accountCreated")), 1),
+          e("p", null, o(w.value) + " has been added to " + o(x.value) + ".", 1),
+          e("div", Wn, [
+            e("button", {
+              class: "btn btn-outline",
+              onClick: Ge
+            }, o(i("accountWizard.addAnother")), 1),
+            e("button", {
+              class: "btn btn-primary",
+              onClick: Ye
+            }, o(i("accountWizard.doneNextBackend")), 1)
+          ])
+        ])
+      ])) : l("", !0)
+    ]));
   }
-}), W = (v, k) => {
-  const r = v.__vccOpts || v;
-  for (const [g, e] of k)
-    r[g] = e;
-  return r;
-}, Fe = /* @__PURE__ */ W(se, [["__scopeId", "data-v-50cd8832"]]), de = { class: "aia-onboarding" }, le = { class: "aia-onboarding__header" }, re = {
+}), ts = /* @__PURE__ */ ie(Sn, [["__scopeId", "data-v-446a4d65"]]), In = { class: "aia-onboarding" }, Pn = { class: "aia-onboarding__header" }, $n = {
   key: 0,
   class: "aia-onboarding__welcome"
-}, ue = {
+}, An = {
   key: 1,
   class: "aia-onboarding__status"
-}, ce = {
+}, Ln = {
   key: 2,
   class: "aia-onboarding__kind-grid"
-}, pe = ["disabled", "onClick"], _e = { class: "aia-kind-card__name" }, ve = {
+}, Bn = ["disabled", "onClick"], En = { class: "aia-kind-card__name" }, On = {
   key: 0,
   class: "aia-kind-card__badge"
-}, ye = {
+}, Dn = {
   key: 1,
   class: "aia-kind-card__badge aia-kind-card__badge--missing"
-}, be = {
+}, Kn = {
   key: 3,
   class: "aia-onboarding__login"
-}, ke = { class: "aia-onboarding__tabs" }, ge = { class: "aia-label" }, me = {
+}, Nn = { class: "aia-onboarding__tabs" }, Un = { class: "aia-label" }, Rn = {
   key: 1,
   class: "aia-onboarding__oauth-start"
-}, fe = {
+}, Vn = {
   key: 4,
   class: "aia-onboarding__oauth-challenge"
-}, he = ["href"], we = { class: "aia-code-display" }, Ce = {
+}, Fn = ["href"], Mn = { class: "aia-code-display" }, Tn = {
   key: 5,
   class: "aia-onboarding__status"
-}, $e = {
+}, Hn = {
   key: 6,
   class: "aia-onboarding__success"
-}, Ae = {
+}, qn = {
   key: 7,
   class: "aia-onboarding__error"
-}, Oe = /* @__PURE__ */ U({
+}, Gn = /* @__PURE__ */ oe({
   __name: "OnboardingFlow",
   props: {
     client: {},
@@ -144,173 +1242,250 @@ const J = { class: "aia-wizard" }, Q = { class: "aia-wizard__header" }, X = {
     supportedFlowsByKind: {}
   },
   emits: ["done", "cancel"],
-  setup(v, { emit: k }) {
-    const r = v, g = k, e = H({ client: r.client }), c = F(""), u = F("api_key"), A = [
+  setup(y, { emit: A }) {
+    const i = y, I = A, c = ot({ client: i.client }), p = v(""), _ = v("api_key"), P = [
       { id: "claude", display: "Claude" },
       { id: "opencode", display: "OpenCode" },
       { id: "gemini", display: "Gemini" },
       { id: "codex", display: "Codex" }
-    ], O = {
+    ], k = {
       claude: ["api_key"],
       opencode: ["api_key"],
       gemini: ["api_key", "oauth_device"],
       codex: ["api_key", "oauth_device"]
-    }, z = I(() => r.kinds ?? A), y = I(
-      () => r.supportedFlowsByKind ?? O
-    ), s = I(() => {
-      const d = e.selectedKind.value;
-      return d ? y.value[d] ?? ["api_key"] : ["api_key"];
+    }, d = S(() => i.kinds ?? P), f = S(
+      () => i.supportedFlowsByKind ?? k
+    ), x = S(() => {
+      const g = c.selectedKind.value;
+      return g ? f.value[g] ?? ["api_key"] : ["api_key"];
     });
-    async function h() {
-      await e.start(), e.state.value !== "error" && await e.detect();
+    async function b() {
+      await c.start(), c.state.value !== "error" && await c.detect();
     }
-    async function p(d) {
-      await e.pickKind(d);
-      const t = s.value;
-      u.value = t[0] ?? "api_key";
+    async function K(g) {
+      await c.pickKind(g);
+      const u = x.value;
+      _.value = u[0] ?? "api_key";
     }
-    async function K() {
-      await e.submitApiKey(c.value);
+    async function J() {
+      await c.submitApiKey(p.value);
     }
-    async function G() {
-      await e.submitOauthDevice();
+    async function T() {
+      await c.submitOauthDevice();
     }
-    Y(
-      () => e.state.value,
-      (d) => {
-        d === "done" && e.createdBackendId.value && g("done", e.createdBackendId.value);
+    be(
+      () => c.state.value,
+      (g) => {
+        g === "done" && c.createdBackendId.value && I("done", c.createdBackendId.value);
       },
       { immediate: !1 }
     );
-    function M() {
-      e.reset();
-    }
-    function q() {
-      var t;
-      const d = (t = e.oauthChallenge.value) == null ? void 0 : t.user_code;
-      d && typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(d);
-    }
-    function m(d) {
-      var t, f;
-      return (f = (t = e.kinds.value) == null ? void 0 : t.find((w) => w.id === d)) == null ? void 0 : f.detection;
-    }
-    return (d, t) => {
-      var f, w, L;
-      return i(), n("section", de, [
-        a("header", le, [
-          $(d.$slots, "header", {}, () => [
-            t[4] || (t[4] = a("h2", null, "Set up an AI backend", -1))
+    function H() {
+      c.reset();
+    }
+    function he() {
+      var u;
+      const g = (u = c.oauthChallenge.value) == null ? void 0 : u.user_code;
+      g && typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(g);
+    }
+    function L(g) {
+      var u, w;
+      return (w = (u = c.kinds.value) == null ? void 0 : u.find((B) => B.id === g)) == null ? void 0 : w.detection;
+    }
+    return (g, u) => {
+      var w, B, le;
+      return a(), n("section", In, [
+        e("header", Pn, [
+          Le(g.$slots, "header", {}, () => [
+            u[4] || (u[4] = e("h2", null, "Set up an AI backend", -1))
           ], !0)
         ]),
-        o(e).state.value === "idle" ? (i(), n("div", re, [
-          t[5] || (t[5] = a("p", null, "Connect one of the supported AI CLIs to get started.", -1)),
-          a("button", {
+        m(c).state.value === "idle" ? (a(), n("div", $n, [
+          u[5] || (u[5] = e("p", null, "Connect one of the supported AI CLIs to get started.", -1)),
+          e("button", {
             type: "button",
             class: "aia-btn aia-btn--primary",
-            onClick: h
+            onClick: b
           }, " Get started ")
-        ])) : o(e).state.value === "started" || o(e).state.value === "detecting" ? (i(), n("div", ue, " Detecting installed CLIs… ")) : o(e).state.value === "picking_kind" ? (i(), n("div", ce, [
-          (i(!0), n(V, null, B(z.value, (l) => {
-            var T, D, x, P;
-            return i(), n("button", {
-              key: l.id,
+        ])) : m(c).state.value === "started" || m(c).state.value === "detecting" ? (a(), n("div", An, " Detecting installed CLIs… ")) : m(c).state.value === "picking_kind" ? (a(), n("div", Ln, [
+          (a(!0), n(F, null, se(d.value, (C) => {
+            var z, R, Q, ce;
+            return a(), n("button", {
+              key: C.id,
               type: "button",
-              class: S(["aia-kind-card", {
-                "aia-kind-card--installed": (T = m(l.id)) == null ? void 0 : T.installed,
-                "aia-kind-card--missing": m(l.id) && !((D = m(l.id)) != null && D.installed)
+              class: V(["aia-kind-card", {
+                "aia-kind-card--installed": (z = L(C.id)) == null ? void 0 : z.installed,
+                "aia-kind-card--missing": L(C.id) && !((R = L(C.id)) != null && R.installed)
               }]),
-              disabled: !((x = m(l.id)) != null && x.installed),
-              onClick: (ze) => p(l.id)
+              disabled: !((Q = L(C.id)) != null && Q.installed),
+              onClick: (q) => K(C.id)
             }, [
-              a("span", _e, _(l.display), 1),
-              (P = m(l.id)) != null && P.installed ? (i(), n("span", ve, " Installed ")) : (i(), n("span", ye, " Not installed "))
-            ], 10, pe);
+              e("span", En, o(C.display), 1),
+              (ce = L(C.id)) != null && ce.installed ? (a(), n("span", On, " Installed ")) : (a(), n("span", Dn, " Not installed "))
+            ], 10, Bn);
           }), 128))
-        ])) : o(e).state.value === "entering_credential" ? (i(), n("div", be, [
-          a("div", ke, [
-            s.value.includes("api_key") ? (i(), n("button", {
+        ])) : m(c).state.value === "entering_credential" ? (a(), n("div", Kn, [
+          e("div", Nn, [
+            x.value.includes("api_key") ? (a(), n("button", {
               key: 0,
               type: "button",
-              class: S(["aia-tab", { "aia-tab--active": u.value === "api_key" }]),
-              onClick: t[0] || (t[0] = (l) => u.value = "api_key")
-            }, " API key ", 2)) : b("", !0),
-            s.value.includes("oauth_device") ? (i(), n("button", {
+              class: V(["aia-tab", { "aia-tab--active": _.value === "api_key" }]),
+              onClick: u[0] || (u[0] = (C) => _.value = "api_key")
+            }, " API key ", 2)) : l("", !0),
+            x.value.includes("oauth_device") ? (a(), n("button", {
               key: 1,
               type: "button",
-              class: S(["aia-tab", { "aia-tab--active": u.value === "oauth_device" }]),
-              onClick: t[1] || (t[1] = (l) => u.value = "oauth_device")
-            }, " Login with browser ", 2)) : b("", !0)
+              class: V(["aia-tab", { "aia-tab--active": _.value === "oauth_device" }]),
+              onClick: u[1] || (u[1] = (C) => _.value = "oauth_device")
+            }, " Login with browser ", 2)) : l("", !0)
           ]),
-          u.value === "api_key" ? (i(), n("form", {
+          _.value === "api_key" ? (a(), n("form", {
             key: 0,
             class: "aia-onboarding__form",
-            onSubmit: E(K, ["prevent"])
+            onSubmit: we(J, ["prevent"])
           }, [
-            a("label", ge, [
-              t[6] || (t[6] = C(" API key ", -1)),
-              N(a("input", {
-                "onUpdate:modelValue": t[2] || (t[2] = (l) => c.value = l),
+            e("label", Un, [
+              u[6] || (u[6] = h(" API key ", -1)),
+              D(e("input", {
+                "onUpdate:modelValue": u[2] || (u[2] = (C) => p.value = C),
                 type: "password",
                 class: "aia-input",
                 autocomplete: "off",
                 required: ""
               }, null, 512), [
-                [R, c.value]
+                [X, p.value]
               ])
             ]),
-            t[7] || (t[7] = a("button", {
+            u[7] || (u[7] = e("button", {
               type: "submit",
               class: "aia-btn aia-btn--primary"
             }, "Connect", -1))
-          ], 32)) : u.value === "oauth_device" ? (i(), n("div", me, [
-            t[8] || (t[8] = a("p", null, "You'll be shown a verification URL and code. Open it in your browser to sign in.", -1)),
-            a("button", {
+          ], 32)) : _.value === "oauth_device" ? (a(), n("div", Rn, [
+            u[8] || (u[8] = e("p", null, "You'll be shown a verification URL and code. Open it in your browser to sign in.", -1)),
+            e("button", {
               type: "button",
               class: "aia-btn aia-btn--primary",
-              onClick: G
+              onClick: T
             }, " Start browser login ")
-          ])) : b("", !0)
-        ])) : o(e).state.value === "oauth_challenge" || o(e).state.value === "oauth_polling" ? (i(), n("div", fe, [
-          t[9] || (t[9] = a("p", null, "Open this URL in your browser and enter the code:", -1)),
-          a("a", {
-            href: (f = o(e).oauthChallenge.value) == null ? void 0 : f.verification_uri,
+          ])) : l("", !0)
+        ])) : m(c).state.value === "oauth_challenge" || m(c).state.value === "oauth_polling" ? (a(), n("div", Vn, [
+          u[9] || (u[9] = e("p", null, "Open this URL in your browser and enter the code:", -1)),
+          e("a", {
+            href: (w = m(c).oauthChallenge.value) == null ? void 0 : w.verification_uri,
             target: "_blank",
             rel: "noopener noreferrer",
             class: "aia-onboarding__oauth-uri"
-          }, _((w = o(e).oauthChallenge.value) == null ? void 0 : w.verification_uri), 9, he),
-          a("div", we, [
-            a("code", null, _((L = o(e).oauthChallenge.value) == null ? void 0 : L.user_code), 1),
-            a("button", {
+          }, o((B = m(c).oauthChallenge.value) == null ? void 0 : B.verification_uri), 9, Fn),
+          e("div", Mn, [
+            e("code", null, o((le = m(c).oauthChallenge.value) == null ? void 0 : le.user_code), 1),
+            e("button", {
               type: "button",
               class: "aia-copy-btn",
-              onClick: q
+              onClick: he
             }, "Copy")
           ]),
-          t[10] || (t[10] = a("p", { class: "aia-onboarding__hint" }, "Waiting for you to complete sign-in…", -1)),
-          a("button", {
+          u[10] || (u[10] = e("p", { class: "aia-onboarding__hint" }, "Waiting for you to complete sign-in…", -1)),
+          e("button", {
             type: "button",
             class: "aia-btn",
-            onClick: t[3] || (t[3] = //@ts-ignore
-            (...l) => o(e).cancelOAuth && o(e).cancelOAuth(...l))
+            onClick: u[3] || (u[3] = //@ts-ignore
+            (...C) => m(c).cancelOAuth && m(c).cancelOAuth(...C))
           }, "Cancel")
-        ])) : o(e).state.value === "validating" ? (i(), n("div", Ce, " Validating credential… ")) : o(e).state.value === "done" ? (i(), n("div", $e, [
-          $(d.$slots, "success", {}, () => [
-            t[11] || (t[11] = a("p", null, "✓ Connected successfully", -1))
+        ])) : m(c).state.value === "validating" ? (a(), n("div", Tn, " Validating credential… ")) : m(c).state.value === "done" ? (a(), n("div", Hn, [
+          Le(g.$slots, "success", {}, () => [
+            u[11] || (u[11] = e("p", null, "✓ Connected successfully", -1))
           ], !0)
-        ])) : o(e).state.value === "error" ? (i(), n("div", Ae, [
-          a("p", null, _(o(e).error.value), 1),
-          a("button", {
+        ])) : m(c).state.value === "error" ? (a(), n("div", qn, [
+          e("p", null, o(m(c).error.value), 1),
+          e("button", {
             type: "button",
             class: "aia-btn",
-            onClick: M
+            onClick: H
           }, "Try again")
-        ])) : b("", !0)
+        ])) : l("", !0)
       ]);
     };
   }
-}), Ke = /* @__PURE__ */ W(Oe, [["__scopeId", "data-v-8c20d7e7"]]), Le = "0.2.0";
+}), as = /* @__PURE__ */ ie(Gn, [["__scopeId", "data-v-8c20d7e7"]]), Yn = ["value", "type", "onInput"], jn = { class: "aia-actions" }, Xn = ["disabled"], Jn = {
+  key: 0,
+  class: "aia-error"
+}, Qn = /* @__PURE__ */ oe({
+  __name: "AccountEditForm",
+  props: {
+    account: {},
+    metadata: {}
+  },
+  emits: ["saved", "cancel"],
+  setup(y, { emit: A }) {
+    const i = y, I = A, { client: c } = Oe(), p = nt({
+      display_name: i.account.display_name,
+      config: { ...i.account.config }
+    }), _ = v(!1), P = v(null), k = S(
+      () => {
+        var f;
+        return ((f = i.metadata.config_schema) == null ? void 0 : f.properties) ?? {};
+      }
+    );
+    async function d() {
+      _.value = !0, P.value = null;
+      try {
+        const f = await c.updateBackend(i.account.id, {
+          display_name: p.display_name,
+          config: p.config
+        });
+        I("saved", f);
+      } catch (f) {
+        P.value = f instanceof Error ? f.message : String(f);
+      } finally {
+        _.value = !1;
+      }
+    }
+    return (f, x) => (a(), n("form", {
+      class: "aia-account-edit",
+      onSubmit: we(d, ["prevent"])
+    }, [
+      e("label", null, [
+        x[2] || (x[2] = h(" Display name ", -1)),
+        D(e("input", {
+          "onUpdate:modelValue": x[0] || (x[0] = (b) => p.display_name = b),
+          type: "text",
+          required: ""
+        }, null, 512), [
+          [X, p.display_name]
+        ])
+      ]),
+      (a(!0), n(F, null, se(k.value, (b, K) => (a(), n("div", {
+        key: K,
+        class: "aia-field"
+      }, [
+        e("label", null, [
+          h(o(K) + " ", 1),
+          e("input", {
+            value: p.config[K] ?? "",
+            type: String(K).toLowerCase().includes("secret") || String(K).toLowerCase().includes("key") ? "password" : "text",
+            onInput: (J) => p.config[K] = J.target.value
+          }, null, 40, Yn)
+        ])
+      ]))), 128)),
+      e("div", jn, [
+        e("button", {
+          type: "submit",
+          disabled: _.value
+        }, o(_.value ? "Saving…" : "Save"), 9, Xn),
+        e("button", {
+          type: "button",
+          onClick: x[1] || (x[1] = (b) => I("cancel"))
+        }, "Cancel")
+      ]),
+      P.value ? (a(), n("p", Jn, o(P.value), 1)) : l("", !0)
+    ], 32));
+  }
+}), ns = /* @__PURE__ */ ie(Qn, [["__scopeId", "data-v-56b7b8c3"]]), ss = "0.2.0";
 export {
-  Fe as AccountWizard,
-  Ke as OnboardingFlow,
-  Le as version
+  ns as AccountEditForm,
+  ts as AccountWizard,
+  wt as BackendPicker,
+  yt as LoginStream,
+  as as OnboardingFlow,
+  ss as version
 };