@wssto2/vue-core 0.16.0 → 0.18.0

package/dist/state/index.js

@@ -1,167 +1,172 @@
-import { _ as de, a as me, b as fe, i as pe, v as ve } from "../AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
-import { _ as xe } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as _e } from "../Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
-import { _ as A } from "../DrawnCheck.vue_vue_type_script_setup_true_lang-9DzDJlIA.js";
-import { _ as ye } from "../EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
-import { defineComponent as S, computed as w, openBlock as d, createElementBlock as f, normalizeClass as M, createVNode as h, unref as t, createElementVNode as p, renderSlot as C, ref as g, watch as B, onBeforeUnmount as E, createBlock as y, withCtx as b, Transition as F, toDisplayString as x, Fragment as z, createCommentVNode as D, toValue as T, onScopeDispose as $ } from "vue";
-import { _ } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as be } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-DrOm8k--.js";
-import { _ as Se } from "../StatusLine.vue_vue_type_script_setup_true_lang-DsdQmLq6.js";
-import { u as Ae } from "../useLoad-M7V-AVwR.js";
-import { D as Ce, W as Ee, b as Fe } from "../shortcut-oixX55SZ.js";
-import { useI18n as L } from "vue-i18n";
-import { useRouter as N } from "vue-router";
-import { _ as I } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
-import { d as V } from "../context-Ch1r4fdN.js";
-const se = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], oe = /* @__PURE__ */ S({
+import { _ as He, a as Ke, b as Qe, i as Ge, v as Je } from "../AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
+import { _ as Ye } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as ts } from "../Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
+import { _ as U } from "../DrawnCheck.vue_vue_type_script_setup_true_lang-9DzDJlIA.js";
+import { _ as ss } from "../EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
+import { defineComponent as q, computed as z, openBlock as e, createElementBlock as o, normalizeClass as _, createVNode as $, unref as n, createElementVNode as l, renderSlot as R, ref as A, watch as P, onBeforeUnmount as H, createBlock as T, withCtx as S, Transition as K, toDisplayString as d, Fragment as M, createCommentVNode as m, toValue as F, onScopeDispose as Q, mergeProps as O, createTextVNode as E, useTemplateRef as V, renderList as B, resolveDynamicComponent as G, resolveComponent as J, createSlots as X, withModifiers as Y } from "vue";
+import { _ as y } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as os } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-DrOm8k--.js";
+import { _ as rs } from "../StatusLine.vue_vue_type_script_setup_true_lang-DsdQmLq6.js";
+import { u as is } from "../useLoad-M7V-AVwR.js";
+import { D as us, W as ds, b as ps } from "../shortcut-oixX55SZ.js";
+import { useI18n as N } from "vue-i18n";
+import { useRouter as Z, RouterLink as tt } from "vue-router";
+import { _ as et } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
+import { d as st } from "../context-Ch1r4fdN.js";
+import { _ as nt } from "../Button.vue_vue_type_script_setup_true_lang-JrqhO99l.js";
+import { _ as ot } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { _ as W } from "../Sheet.vue_vue_type_script_setup_true_lang-BG8HUNfs.js";
+import { a as I } from "../mediaQuery-CygcXmFW.js";
+import { _ as at } from "../FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+const Ne = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], Ae = /* @__PURE__ */ q({
   __name: "FieldNote",
   props: {
     tone: { default: "info" },
     icon: { default: void 0 }
   },
-  setup(a) {
-    const s = a, r = {
+  setup(c) {
+    const t = c, r = {
       info: { text: "text-content-muted", icon: "informationLine" },
       warning: { text: "text-status-warning-content", icon: "alertTriangle" },
       critical: { text: "text-status-danger-content", icon: "errorWarningLine" }
-    }, i = w(() => r[s.tone]);
-    return (u, e) => (d(), f("p", {
-      class: M(["mt-1 flex items-start gap-1.5 text-xs", i.value.text])
+    }, g = z(() => r[t.tone]);
+    return (h, u) => (e(), o("p", {
+      class: _(["mt-1 flex items-start gap-1.5 text-xs", g.value.text])
     }, [
-      h(t(_), {
-        name: s.icon ?? i.value.icon,
+      $(n(y), {
+        name: t.icon ?? g.value.icon,
         size: 14,
         class: "mt-px"
       }, null, 8, ["name"]),
-      p("span", null, [
-        C(u.$slots, "default")
+      l("span", null, [
+        R(h.$slots, "default")
       ])
     ], 2));
   }
 });
-function W() {
-  const a = g([]), s = g({}), r = (n) => a.value.find((c) => c.id === n);
-  function i(n, c) {
-    a.value = a.value.map((l) => l.id === n ? { ...l, ...c } : l);
+function rt() {
+  const c = A([]), t = A({}), r = (i) => c.value.find((p) => p.id === i);
+  function g(i, p) {
+    c.value = c.value.map((k) => k.id === i ? { ...k, ...p } : k);
   }
-  async function u(n, c, l) {
-    a.value = [...a.value.filter((o) => o.id !== n.id), { ...n, startedAt: Date.now(), status: "running" }];
+  async function h(i, p, k) {
+    c.value = [...c.value.filter((b) => b.id !== i.id), { ...i, startedAt: Date.now(), status: "running" }];
     try {
-      const o = await c();
-      return i(n.id, { status: "done", outcome: l?.(o) }), o;
-    } catch (o) {
-      throw i(n.id, { status: "failed", outcome: o instanceof Error ? o.message : void 0 }), o;
+      const b = await p();
+      return g(i.id, { status: "done", outcome: k?.(b) }), b;
+    } catch (b) {
+      throw g(i.id, { status: "failed", outcome: b instanceof Error ? b.message : void 0 }), b;
     }
   }
-  function e(n) {
-    return s.value = { ...s.value, [n]: (s.value[n] ?? 0) + 1 }, () => {
-      s.value = { ...s.value, [n]: Math.max(0, (s.value[n] ?? 1) - 1) };
+  function u(i) {
+    return t.value = { ...t.value, [i]: (t.value[i] ?? 0) + 1 }, () => {
+      t.value = { ...t.value, [i]: Math.max(0, (t.value[i] ?? 1) - 1) };
     };
   }
   return {
-    tasks: a,
+    tasks: c,
     find: r,
-    isRunning: (n) => r(n)?.status === "running",
-    run: u,
-    watchTask: e,
-    dismiss: (n) => {
-      a.value = a.value.filter((c) => c.id !== n);
+    isRunning: (i) => r(i)?.status === "running",
+    run: h,
+    watchTask: u,
+    dismiss: (i) => {
+      c.value = c.value.filter((p) => p.id !== i);
     },
-    unwatched: w(() => [...a.value].reverse().find((n) => !(s.value[n.id] ?? 0)) ?? null)
+    unwatched: z(() => [...c.value].reverse().find((i) => !(t.value[i.id] ?? 0)) ?? null)
   };
 }
-const [R, j] = V("vue-core.backgroundTasks");
-function re(a, s = W()) {
-  return a.provide(R, s), s;
+const [lt, it] = st("vue-core.backgroundTasks");
+function Re(c, t = rt()) {
+  return c.provide(lt, t), t;
 }
-const q = ["data-status"], O = {
+const ct = ["data-status"], ut = {
   class: "flex min-h-13 w-full max-w-md items-center gap-3 rounded-full bg-surface-inverse py-1.5 pr-1.5 pl-4 text-content-inverse shadow-float",
   role: "status",
   "aria-live": "polite"
-}, U = {
+}, dt = {
   key: 1,
   class: "flex size-6 shrink-0 animate-pop items-center justify-center rounded-full bg-control-on text-white"
-}, H = { class: "flex min-w-0 flex-1 flex-col" }, K = {
+}, pt = { class: "flex min-w-0 flex-1 flex-col" }, ft = {
   class: "truncate text-subheadline font-semibold",
   "data-test": "background-task-title"
-}, P = {
+}, mt = {
   key: 3,
   class: "shrink-0 pr-3 text-footnote tabular-nums opacity-80"
-}, G = ["aria-label"], ie = /* @__PURE__ */ S({
+}, gt = ["aria-label"], Ie = /* @__PURE__ */ q({
   __name: "BackgroundTaskCapsule",
   props: {
     hideAfterMs: { default: 12e3 }
   },
-  setup(a) {
-    const s = a, { t: r } = L(), i = N(), u = j(), e = u.unwatched, n = g(Date.now()), c = setInterval(() => n.value = Date.now(), 1e3), l = w(() => e.value ? Math.max(0, Math.floor((n.value - e.value.startedAt) / 1e3)) : 0);
-    let o = null;
-    B(() => [e.value?.id, e.value?.status], ([m, v]) => {
-      o && clearTimeout(o), o = null, m && v && v !== "running" && (o = setTimeout(() => u.dismiss(m), s.hideAfterMs));
-    }), E(() => {
-      clearInterval(c), o && clearTimeout(o);
+  setup(c) {
+    const t = c, { t: r } = N(), g = Z(), h = it(), u = h.unwatched, i = A(Date.now()), p = setInterval(() => i.value = Date.now(), 1e3), k = z(() => u.value ? Math.max(0, Math.floor((i.value - u.value.startedAt) / 1e3)) : 0);
+    let b = null;
+    P(() => [u.value?.id, u.value?.status], ([x, v]) => {
+      b && clearTimeout(b), b = null, x && v && v !== "running" && (b = setTimeout(() => h.dismiss(x), t.hideAfterMs));
+    }), H(() => {
+      clearInterval(p), b && clearTimeout(b);
     });
-    function k() {
-      const m = e.value;
-      m && (u.dismiss(m.id), i.push(m.route));
+    function a() {
+      const x = u.value;
+      x && (h.dismiss(x.id), g.push(x.route));
     }
-    return (m, v) => (d(), y(t(I), null, {
-      default: b(() => [
-        h(F, {
+    return (x, v) => (e(), T(n(et), null, {
+      default: S(() => [
+        $(K, {
           "enter-active-class": "transition duration-motion-sheet ease-motion-sheet",
           "enter-from-class": "translate-y-6 scale-95 opacity-0",
           "leave-active-class": "transition duration-motion-normal ease-motion-standard",
           "leave-to-class": "translate-y-4 opacity-0"
         }, {
-          default: b(() => [
-            t(e) ? (d(), f("div", {
+          default: S(() => [
+            n(u) ? (e(), o("div", {
               key: 0,
               class: "dock-safe-area pointer-events-auto order-first mb-3 flex justify-center px-3",
               "data-test": "background-task",
-              "data-status": t(e).status
+              "data-status": n(u).status
             }, [
-              p("div", O, [
-                t(e).status === "running" ? (d(), y(t(_), {
+              l("div", ut, [
+                n(u).status === "running" ? (e(), T(n(y), {
                   key: 0,
                   name: "loader4Line",
                   size: 18,
                   class: "shrink-0 animate-spin text-content-inverse-accent"
-                })) : t(e).status === "done" ? (d(), f("span", U, [
-                  h(A, { size: 13 })
-                ])) : (d(), y(t(_), {
+                })) : n(u).status === "done" ? (e(), o("span", dt, [
+                  $(U, { size: 13 })
+                ])) : (e(), T(n(y), {
                   key: 2,
                   name: "errorWarningLine",
                   size: 18,
                   class: "shrink-0 text-content-inverse-danger"
                 })),
-                p("span", H, [
-                  p("span", K, x(t(e).status === "running" ? t(e).title : t(e).status === "done" ? t(e).doneTitle : t(e).failedTitle), 1),
-                  (d(), f("span", {
-                    key: `${t(e).status}:${t(e).outcome ?? t(e).detail}`,
+                l("span", pt, [
+                  l("span", ft, d(n(u).status === "running" ? n(u).title : n(u).status === "done" ? n(u).doneTitle : n(u).failedTitle), 1),
+                  (e(), o("span", {
+                    key: `${n(u).status}:${n(u).outcome ?? n(u).detail}`,
                     class: "truncate text-footnote opacity-80 animate-text-swap"
-                  }, x(t(e).status === "running" ? t(e).detail : t(e).outcome ?? t(e).title), 1))
+                  }, d(n(u).status === "running" ? n(u).detail : n(u).outcome ?? n(u).title), 1))
                 ]),
-                t(e).status === "running" ? (d(), f("span", P, x(t(r)("core.wait.seconds", { count: l.value })), 1)) : (d(), f(z, { key: 4 }, [
-                  p("button", {
+                n(u).status === "running" ? (e(), o("span", mt, d(n(r)("core.wait.seconds", { count: k.value })), 1)) : (e(), o(M, { key: 4 }, [
+                  l("button", {
                     type: "button",
                     class: "hit-target shrink-0 cursor-pointer rounded-full bg-content-inverse-accent px-4 py-2 text-subheadline font-semibold text-surface-inverse",
                     "data-test": "background-task-open",
-                    onClick: k
-                  }, x(t(r)("core.actions.open")), 1),
-                  p("button", {
+                    onClick: a
+                  }, d(n(r)("core.actions.open")), 1),
+                  l("button", {
                     type: "button",
                     class: "hit-target flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full text-content-inverse opacity-70",
-                    "aria-label": t(r)("core.actions.close"),
+                    "aria-label": n(r)("core.actions.close"),
                     "data-test": "background-task-dismiss",
-                    onClick: v[0] || (v[0] = (Q) => t(u).dismiss(t(e).id))
+                    onClick: v[0] || (v[0] = (f) => n(h).dismiss(n(u).id))
                   }, [
-                    h(t(_), {
+                    $(n(y), {
                       name: "close",
                       size: 14
                     })
-                  ], 8, G)
+                  ], 8, gt)
                 ], 64))
               ])
-            ], 8, q)) : D("", !0)
+            ], 8, ct)) : m("", !0)
           ]),
           _: 1
         })
@@ -170,49 +175,649 @@ const q = ["data-status"], O = {
     }));
   }
 });
-function J() {
+function ht() {
   return typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 }
-function ue(a, s = 700) {
-  const r = g(T(a));
-  let i = 0;
-  function u() {
-    i && cancelAnimationFrame(i), i = 0;
+function De(c, t = 700) {
+  const r = A(F(c));
+  let g = 0;
+  function h() {
+    g && cancelAnimationFrame(g), g = 0;
   }
-  return B(() => T(a), (e, n) => {
-    if (u(), n !== 0 || e === 0 || J() || typeof requestAnimationFrame > "u") {
-      r.value = e;
+  return P(() => F(c), (u, i) => {
+    if (h(), i !== 0 || u === 0 || ht() || typeof requestAnimationFrame > "u") {
+      r.value = u;
       return;
     }
-    const c = performance.now(), l = (o) => {
-      const k = Math.min(1, (o - c) / s);
-      r.value = Math.round(e * (1 - Math.pow(1 - k, 3))), i = k < 1 ? requestAnimationFrame(l) : 0;
+    const p = performance.now(), k = (b) => {
+      const a = Math.min(1, (b - p) / t);
+      r.value = Math.round(u * (1 - Math.pow(1 - a, 3))), g = a < 1 ? requestAnimationFrame(k) : 0;
     };
-    r.value = 0, i = requestAnimationFrame(l);
-  }), $(u), r;
+    r.value = 0, g = requestAnimationFrame(k);
+  }), Q(h), r;
 }
+const bt = {
+  class: "flex min-w-0 flex-col gap-3 rounded-group bg-surface-cell p-4 shadow-group",
+  "data-test": "next-step"
+}, xt = { class: "text-headline font-semibold text-content-strong" }, _t = {
+  key: 0,
+  class: "text-footnote text-content-muted",
+  "data-test": "next-step-body"
+}, vt = {
+  key: 1,
+  class: "flex items-start gap-3 rounded-control bg-fill px-3 py-2.5",
+  "data-test": "next-step-handoff"
+}, kt = { class: "min-w-0 flex-1 text-footnote text-content" }, yt = {
+  key: 3,
+  class: "text-footnote text-status-warning-content",
+  "data-test": "next-step-reason"
+}, wt = {
+  key: 4,
+  class: "flex items-start gap-2 border-t border-border-separator pt-3 text-footnote text-content-muted",
+  "data-test": "next-step-note"
+}, Fe = /* @__PURE__ */ q({
+  __name: "NextStepPanel",
+  props: {
+    title: { default: void 0 },
+    body: { default: void 0 },
+    action: { default: void 0 },
+    reason: { default: void 0 },
+    handoff: { default: void 0 },
+    note: { default: void 0 }
+  },
+  emits: ["act"],
+  setup(c, { emit: t }) {
+    const r = c, g = t, { t: h } = N();
+    return (u, i) => (e(), o("aside", bt, [
+      l("h2", xt, d(r.title ?? n(h)("core.next_step.title")), 1),
+      r.body ? (e(), o("p", _t, d(r.body), 1)) : m("", !0),
+      r.handoff ? (e(), o("div", vt, [
+        $(n(ot), {
+          name: r.handoff.name,
+          size: "sm"
+        }, null, 8, ["name"]),
+        l("p", kt, d(r.handoff.text), 1)
+      ])) : m("", !0),
+      r.action ? (e(), T(n(nt), O({
+        key: 2,
+        prominence: "primary",
+        class: "w-full justify-center",
+        disabled: r.action.disabled,
+        processing: r.action.processing,
+        icon: r.action.disabled ? "lockLine" : void 0
+      }, { "data-test": r.action.testId ?? "next-step-action" }, {
+        onClick: i[0] || (i[0] = (p) => g("act"))
+      }), {
+        default: S(() => [
+          E(d(r.action.label), 1)
+        ]),
+        _: 1
+      }, 16, ["disabled", "processing", "icon"])) : m("", !0),
+      r.reason ? (e(), o("p", yt, d(r.reason), 1)) : m("", !0),
+      R(u.$slots, "default"),
+      r.note ? (e(), o("p", wt, [
+        $(n(y), {
+          name: "informationLine",
+          size: 16,
+          class: "mt-px shrink-0"
+        }),
+        l("span", null, d(r.note), 1)
+      ])) : m("", !0)
+    ]));
+  }
+}), $t = ["aria-label"], zt = { class: "flex min-w-0 flex-1 flex-col gap-2" }, Tt = { class: "min-w-0 truncate" }, St = { class: "text-subheadline text-content-muted" }, Ct = { class: "text-headline font-semibold text-content-strong" }, Mt = {
+  class: "flex gap-1",
+  "aria-hidden": "true"
+}, Lt = {
+  class: "flex flex-col",
+  "data-test": "progress-stepper-history"
+}, jt = ["aria-current", "data-state"], Bt = { class: "flex min-w-0 flex-col gap-px pt-0.5" }, qt = {
+  key: 0,
+  class: "sr-only"
+}, Et = ["data-orientation"], Nt = {
+  key: 0,
+  class: "flex items-center gap-3"
+}, At = { class: "min-w-0 flex-1 text-subheadline font-semibold text-content-strong" }, Rt = { class: "shrink-0 text-footnote text-content-muted" }, It = ["aria-label"], Dt = ["aria-current", "data-state"], Ft = { class: "flex min-w-0 flex-col gap-px" }, Pt = {
+  key: 0,
+  class: "sr-only"
+}, Ot = ["aria-label"], Vt = ["aria-current", "data-state"], Wt = { class: "flex min-w-0 flex-col gap-0.5 pr-3" }, Ut = {
+  key: 0,
+  class: "sr-only"
+}, Ht = /* @__PURE__ */ q({
+  __name: "PhaseTrack",
+  props: {
+    steps: {},
+    currentStep: {},
+    title: { default: void 0 },
+    currentTone: { default: "tint" },
+    orientation: { default: "horizontal" },
+    compactOnMobile: { type: Boolean, default: !1 },
+    outcome: { default: null }
+  },
+  setup(c) {
+    const t = c, { t: r } = N(), g = I("(max-width: 1023px)"), h = z(() => t.compactOnMobile && g.value), u = I("(max-width: 47.999rem)"), i = z(() => t.orientation === "horizontal" && u.value ? "vertical" : t.orientation), p = z(() => t.currentStep >= t.steps.length), k = z(() => Math.min(Math.max(t.currentStep, 0), t.steps.length - 1)), b = z(() => r("core.stepper.step_of", { current: k.value + 1, total: t.steps.length }));
+    function a(L) {
+      return p.value && t.outcome && L === t.steps.length - 1 ? t.outcome : L < t.currentStep ? "completed" : L === t.currentStep ? "active" : "pending";
+    }
+    const x = {
+      tint: { ring: "border-tint", fill: "bg-tint", text: "text-content-link" },
+      info: { ring: "border-status-info-content", fill: "bg-status-info-content", text: "text-status-info-content" },
+      warning: { ring: "border-status-warning-content", fill: "bg-status-warning-content", text: "text-status-warning-content" },
+      danger: { ring: "border-status-danger-content", fill: "bg-status-danger-content", text: "text-status-danger-content" },
+      neutral: { ring: "border-status-neutral-content", fill: "bg-status-neutral-content", text: "text-status-neutral-content" }
+    }, v = z(() => x[t.currentTone]);
+    function f(L) {
+      const C = a(L);
+      return C === "danger" ? "bg-status-danger-solid" : C === "completed" || C === "success" ? "bg-control-on" : C === "active" ? v.value.fill : "bg-fill-strong";
+    }
+    function j(L) {
+      const C = a(L);
+      return C === "active" ? r("core.stepper.current") : C === "pending" ? "" : r("core.stepper.completed");
+    }
+    const D = V("historySheet");
+    return (L, C) => h.value ? (e(), o(M, { key: 0 }, [
+      l("button", {
+        type: "button",
+        "data-test": "progress-stepper-compact",
+        "aria-label": `${n(r)("core.stepper.history")}: ${b.value} · ${c.steps[k.value]?.label ?? ""}`,
+        class: "flex w-full cursor-pointer items-center gap-3 rounded-group bg-surface-cell px-row-inset py-3 text-left shadow-group transition-colors duration-motion-fast active:bg-fill",
+        onClick: C[0] || (C[0] = (w) => D.value?.present())
+      }, [
+        l("span", zt, [
+          l("span", Tt, [
+            l("span", St, d(b.value) + " · ", 1),
+            l("span", Ct, d(c.steps[k.value]?.label), 1)
+          ]),
+          l("span", Mt, [
+            (e(!0), o(M, null, B(c.steps, (w, s) => (e(), o("span", {
+              key: s,
+              class: _(["h-1.5 flex-1 rounded-full", f(s)])
+            }, null, 2))), 128))
+          ])
+        ]),
+        $(n(y), {
+          name: "arrowRightSLine",
+          size: 18,
+          class: "shrink-0 text-content-disabled"
+        })
+      ], 8, $t),
+      $(n(W), {
+        ref_key: "historySheet",
+        ref: D,
+        title: c.title ?? n(r)("core.stepper.history")
+      }, {
+        default: S(() => [
+          l("ol", Lt, [
+            (e(!0), o(M, null, B(c.steps, (w, s) => (e(), o("li", {
+              key: s,
+              class: "relative flex gap-3 pb-4 last:pb-0",
+              "aria-current": a(s) === "active" ? "step" : void 0,
+              "data-state": a(s)
+            }, [
+              s < c.steps.length - 1 ? (e(), o("span", {
+                key: 0,
+                "aria-hidden": "true",
+                class: _(["absolute top-6 bottom-0 left-[11px] w-0.5", a(s) === "completed" ? "bg-control-on" : "bg-fill-strong"])
+              }, null, 2)) : m("", !0),
+              l("span", {
+                "aria-hidden": "true",
+                class: _(["relative flex size-6 shrink-0 items-center justify-center rounded-full", {
+                  "bg-control-on text-white": a(s) === "completed" || a(s) === "success",
+                  "bg-status-danger-solid text-white": a(s) === "danger",
+                  [`border-[2.5px] bg-surface-cell ${v.value.ring}`]: a(s) === "active",
+                  "border-2 border-fill-strong": a(s) === "pending",
+                  "border-dashed": a(s) === "pending" && w.dashed
+                }])
+              }, [
+                a(s) === "danger" ? (e(), T(n(y), {
+                  key: 0,
+                  name: "close",
+                  size: 14
+                })) : a(s) !== "active" && a(s) !== "pending" ? (e(), T(n(y), {
+                  key: 1,
+                  name: "checkCustom",
+                  size: 14
+                })) : m("", !0)
+              ], 2),
+              l("span", Bt, [
+                l("span", {
+                  class: _(["text-body", a(s) === "active" ? "font-semibold text-content-strong" : a(s) === "pending" ? "text-content-muted" : "font-medium text-content-strong"])
+                }, [
+                  E(d(w.label), 1),
+                  j(s) ? (e(), o("span", qt, " (" + d(j(s)) + ")", 1)) : m("", !0)
+                ], 2),
+                w.subtitle ? (e(), o("span", {
+                  key: 0,
+                  class: _(["text-footnote tabular-nums", a(s) === "active" ? v.value.text : "text-content-muted"])
+                }, d(w.subtitle), 3)) : m("", !0)
+              ])
+            ], 8, jt))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ], 64)) : (e(), o("section", {
+      key: 1,
+      "data-test": "phase-track",
+      "data-orientation": i.value,
+      class: "flex min-w-0 flex-col gap-4 rounded-group bg-surface-cell px-5 pt-4 pb-5 shadow-group"
+    }, [
+      c.title ? (e(), o("header", Nt, [
+        l("h3", At, d(c.title), 1),
+        R(L.$slots, "header-trailing", {}, () => [
+          l("span", Rt, d(b.value), 1)
+        ])
+      ])) : m("", !0),
+      i.value === "vertical" ? (e(), o("ol", {
+        key: 1,
+        class: "flex flex-col",
+        "aria-label": c.title ?? n(r)("core.stepper.history")
+      }, [
+        (e(!0), o(M, null, B(c.steps, (w, s) => (e(), o("li", {
+          key: s,
+          class: "relative flex gap-3 pb-3.5 last:pb-0",
+          "aria-current": a(s) === "active" ? "step" : void 0,
+          "data-state": a(s)
+        }, [
+          s < c.steps.length - 1 ? (e(), o("span", {
+            key: 0,
+            "aria-hidden": "true",
+            class: _(["absolute top-5 bottom-0 left-[9px] w-0.5", a(s) === "completed" ? "bg-control-on" : "bg-fill-strong"])
+          }, null, 2)) : m("", !0),
+          l("span", {
+            "aria-hidden": "true",
+            class: _(["relative mt-px flex size-5 shrink-0 items-center justify-center rounded-full", {
+              "bg-control-on text-white": a(s) === "completed" || a(s) === "success",
+              "bg-status-danger-solid text-white": a(s) === "danger",
+              [`border-[2.5px] bg-surface-cell ${v.value.ring}`]: a(s) === "active",
+              "border-2 border-fill-strong": a(s) === "pending",
+              "border-dashed": a(s) === "pending" && w.dashed
+            }])
+          }, [
+            a(s) === "danger" ? (e(), T(n(y), {
+              key: 0,
+              name: "close",
+              size: 12
+            })) : a(s) !== "active" && a(s) !== "pending" ? (e(), T(n(y), {
+              key: 1,
+              name: "checkCustom",
+              size: 12
+            })) : m("", !0)
+          ], 2),
+          l("span", Ft, [
+            l("span", {
+              class: _(["text-body", a(s) === "active" ? "font-semibold text-content-strong" : a(s) === "pending" ? "text-content-muted" : "font-medium text-content-strong"])
+            }, [
+              E(d(w.label), 1),
+              j(s) ? (e(), o("span", Pt, " (" + d(j(s)) + ")", 1)) : m("", !0)
+            ], 2),
+            w.subtitle ? (e(), o("span", {
+              key: 0,
+              class: _(["text-footnote tabular-nums", a(s) === "active" ? v.value.text : "text-content-muted"])
+            }, d(w.subtitle), 3)) : m("", !0)
+          ])
+        ], 8, Dt))), 128))
+      ], 8, It)) : (e(), o("ol", {
+        key: 2,
+        class: "flex w-full min-w-0 items-start",
+        "aria-label": c.title ?? n(r)("core.stepper.history")
+      }, [
+        (e(!0), o(M, null, B(c.steps, (w, s) => (e(), o("li", {
+          key: s,
+          class: "relative flex min-w-0 flex-1 flex-col items-start gap-2.5",
+          "aria-current": a(s) === "active" ? "step" : void 0,
+          "data-state": a(s)
+        }, [
+          s < c.steps.length - 1 ? (e(), o("span", {
+            key: 0,
+            "aria-hidden": "true",
+            class: _(["absolute top-[13px] right-1.5 left-[34px] h-0.5 rounded-full", a(s) === "completed" ? "bg-control-on" : "bg-fill-strong"])
+          }, null, 2)) : m("", !0),
+          l("span", {
+            "aria-hidden": "true",
+            class: _(["relative flex size-7 shrink-0 items-center justify-center rounded-full", {
+              "bg-control-on text-white": a(s) === "completed" || a(s) === "success",
+              "bg-status-danger-solid text-white": a(s) === "danger",
+              [`border-[3px] bg-surface-cell ${v.value.ring}`]: a(s) === "active",
+              "border-2 border-fill-strong bg-surface-cell": a(s) === "pending",
+              "border-dashed": a(s) === "pending" && w.dashed
+            }])
+          }, [
+            a(s) === "active" ? (e(), o("span", {
+              key: 0,
+              class: _(["size-2.5 rounded-full", v.value.fill])
+            }, null, 2)) : a(s) === "danger" ? (e(), T(n(y), {
+              key: 1,
+              name: "close",
+              size: 16
+            })) : a(s) !== "pending" ? (e(), T(n(y), {
+              key: 2,
+              name: "checkCustom",
+              size: 16
+            })) : m("", !0)
+          ], 2),
+          l("span", Wt, [
+            l("span", {
+              class: _(["text-body text-pretty break-words", a(s) === "active" ? "font-semibold text-content-strong" : a(s) === "pending" ? "text-content-muted" : "font-medium text-content-strong"])
+            }, [
+              E(d(w.label), 1),
+              j(s) ? (e(), o("span", Ut, " (" + d(j(s)) + ")", 1)) : m("", !0)
+            ], 2),
+            w.subtitle ? (e(), o("span", {
+              key: 0,
+              class: _(["text-footnote tabular-nums", a(s) === "active" ? v.value.text : "text-content-muted"])
+            }, d(w.subtitle), 3)) : m("", !0)
+          ])
+        ], 8, Vt))), 128))
+      ], 8, Ot))
+    ], 8, Et));
+  }
+}), Kt = ["aria-label"], Qt = { class: "flex gap-2.5" }, Gt = { class: "flex min-w-0 items-center gap-2.5" }, Jt = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "flex size-6.5 shrink-0 items-center justify-center rounded-full bg-control-on text-white"
+}, Xt = { class: "sr-only" }, Yt = ["aria-label"], Zt = { class: "flex min-w-0 flex-1 flex-col gap-1" }, te = {
+  class: "mb-1.5 flex gap-1",
+  "aria-hidden": "true"
+}, ee = { class: "text-footnote text-content-muted" }, se = { class: "truncate text-title font-semibold text-content-strong" }, Pe = /* @__PURE__ */ q({
+  __name: "PhaseTiles",
+  props: {
+    label: {},
+    phases: {}
+  },
+  setup(c) {
+    const t = c, { t: r } = N(), g = I("(min-width: 64rem)"), h = V("panel"), u = z(() => {
+      const x = t.phases.findIndex((v) => v.state === "current");
+      return x < 0 ? t.phases.length : x;
+    }), i = z(() => t.phases[u.value]), p = {
+      warning: "text-status-warning-content",
+      danger: "text-status-danger-content",
+      success: "text-status-success-content"
+    }, k = (x) => x.tone ? p[x.tone] : "text-content-muted", b = (x) => x.state === "done" ? r("core.phase_tiles.done") : x.state === "current" ? r("core.phase_tiles.current") : x.state === "skipped" ? r("core.phase_tiles.skipped") : "", a = (x) => x.state === "done" ? "bg-control-on" : x.state === "current" ? "bg-tint" : "bg-fill-strong";
+    return (x, v) => n(g) ? (e(), o("nav", {
+      key: 0,
+      "aria-label": t.label,
+      "data-test": "phase-tiles"
+    }, [
+      l("ol", Qt, [
+        (e(!0), o(M, null, B(t.phases, (f, j) => (e(), o("li", {
+          key: f.key,
+          class: "flex min-w-0 flex-1"
+        }, [
+          (e(), T(G(f.to ? n(tt) : "div"), {
+            to: f.to,
+            "data-test": `phase-tile-${f.key}`,
+            "data-state": f.state,
+            "aria-current": f.state === "current" ? "step" : void 0,
+            class: _(["flex min-w-0 flex-1 flex-col gap-1 rounded-group px-4 py-3", [
+              f.state === "current" ? "bg-tint-soft ring-2 ring-inset ring-tint" : "bg-surface-cell shadow-group",
+              f.to ? "transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus" : ""
+            ]])
+          }, {
+            default: S(() => [
+              l("span", Gt, [
+                f.state === "done" ? (e(), o("span", Jt, [
+                  $(n(y), {
+                    name: "checkCustom",
+                    size: 14
+                  })
+                ])) : (e(), o("span", {
+                  key: 1,
+                  "aria-hidden": "true",
+                  class: _(["flex size-6.5 shrink-0 items-center justify-center rounded-full text-footnote font-semibold", f.state === "current" ? "bg-tint text-content-on-tint" : f.state === "skipped" ? "border-2 border-dashed border-fill-strong text-content-muted" : "text-content-muted ring-2 ring-inset ring-fill-strong"])
+                }, d(j + 1), 3)),
+                l("span", {
+                  class: _(["truncate text-headline", f.state === "later" || f.state === "skipped" ? "font-medium text-content-muted" : "font-semibold text-content-strong"])
+                }, d(f.label), 3)
+              ]),
+              l("span", {
+                class: _(["truncate text-footnote", k(f)]),
+                "data-test": "phase-tile-sub"
+              }, d(f.sub || "—"), 3),
+              l("span", Xt, d(b(f)), 1)
+            ]),
+            _: 2
+          }, 1032, ["to", "data-test", "data-state", "aria-current", "class"]))
+        ]))), 128))
+      ])
+    ], 8, Kt)) : (e(), o(M, { key: 1 }, [
+      l("button", {
+        type: "button",
+        "data-test": "phase-tiles-compact",
+        "aria-label": `${n(r)("core.phase_tiles.position", { current: u.value + 1, total: t.phases.length })} · ${i.value?.label ?? ""}`,
+        class: "flex w-full items-center gap-3 rounded-group bg-surface-cell px-row-inset py-3 text-left shadow-group transition-colors duration-motion-fast active:bg-fill",
+        onClick: v[0] || (v[0] = (f) => h.value?.present())
+      }, [
+        l("span", Zt, [
+          l("span", te, [
+            (e(!0), o(M, null, B(t.phases, (f) => (e(), o("span", {
+              key: f.key,
+              class: _(["h-1.5 flex-1 rounded-full", a(f)])
+            }, null, 2))), 128))
+          ]),
+          l("span", ee, d(n(r)("core.phase_tiles.position", { current: u.value + 1, total: t.phases.length })), 1),
+          l("span", se, d(i.value?.label), 1),
+          i.value?.sub ? (e(), o("span", {
+            key: 0,
+            class: _(["truncate text-footnote", k(i.value)])
+          }, d(i.value.sub), 3)) : m("", !0)
+        ]),
+        $(n(y), {
+          name: "arrowRightSLine",
+          size: 18,
+          class: "shrink-0 text-content-disabled"
+        })
+      ], 8, Yt),
+      $(n(W), {
+        ref_key: "panel",
+        ref: h,
+        title: t.label
+      }, {
+        default: S(() => [
+          $(Ht, {
+            orientation: "vertical",
+            steps: t.phases.map((f) => ({ label: f.label, subtitle: f.sub })),
+            "current-step": u.value
+          }, null, 8, ["steps", "current-step"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ], 64));
+  }
+}), ne = {
+  key: 0,
+  "data-test": "requirements-all-met",
+  role: "status",
+  class: "flex min-h-row items-center gap-3 rounded-group bg-surface-cell px-row-inset py-2.5 shadow-group"
+}, oe = {
+  "aria-hidden": "true",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full bg-control-on text-white compact:size-7"
+}, ae = { class: "min-w-0 flex-1 text-body font-medium text-content-strong" }, re = {
+  key: 1,
+  "data-test": "requirement-list",
+  class: "flex min-w-0 flex-col"
+}, le = {
+  key: 0,
+  class: "px-row-inset pb-2 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted"
+}, ie = { class: "rounded-group bg-surface-cell shadow-group" }, ce = ["data-test", "data-met"], ue = { class: "flex min-h-row min-w-0 flex-1 items-center gap-3 border-t border-border-separator py-2 pr-row-inset group-first/req:border-t-0" }, de = { class: "min-w-0 flex-1" }, pe = { class: "text-body text-content-strong" }, fe = { class: "sr-only" }, me = {
+  key: 0,
+  class: "mt-0.5 text-footnote text-content-muted"
+}, Oe = /* @__PURE__ */ q({
+  __name: "RequirementList",
+  props: {
+    items: {},
+    title: {},
+    summaryWhenMet: {}
+  },
+  setup(c) {
+    const { t } = N(), r = c, g = z(
+      () => r.items.length > 0 && r.items.every((h) => h.met)
+    );
+    return (h, u) => {
+      const i = J("router-link");
+      return g.value ? (e(), o("div", ne, [
+        l("span", oe, [
+          $(n(y), {
+            name: "checkCustom",
+            size: 14
+          })
+        ]),
+        l("p", ae, d(r.summaryWhenMet ?? n(t)("core.requirements.all_met")), 1)
+      ])) : (e(), o("section", re, [
+        r.title ? (e(), o("h3", le, d(r.title), 1)) : m("", !0),
+        l("ul", ie, [
+          (e(!0), o(M, null, B(r.items, (p) => (e(), o("li", {
+            key: p.key,
+            class: "group/req flex items-center gap-3 pl-row-inset",
+            "data-test": `requirement-${p.key}`,
+            "data-met": p.met
+          }, [
+            l("span", {
+              "aria-hidden": "true",
+              class: _(["flex size-[22px] shrink-0 items-center justify-center rounded-full compact:size-7", p.met ? "bg-control-on text-white" : "bg-status-danger-surface text-status-danger-content"])
+            }, [
+              $(n(y), {
+                name: p.met ? "checkCustom" : "close",
+                size: 12
+              }, null, 8, ["name"])
+            ], 2),
+            l("div", ue, [
+              l("div", de, [
+                l("p", pe, [
+                  E(d(p.label) + " ", 1),
+                  l("span", fe, "(" + d(p.met ? n(t)("core.requirements.met") : n(t)("core.requirements.not_met")) + ")", 1)
+                ]),
+                p.hint ? (e(), o("p", me, d(p.hint), 1)) : m("", !0)
+              ]),
+              !p.met && p.fix ? (e(), T(i, {
+                key: 0,
+                to: p.fix.to,
+                class: "hit-target relative inline-flex min-h-7 shrink-0 items-center rounded-full bg-tint-soft px-3 text-footnote font-semibold text-content-link transition-[filter] duration-motion-fast hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus dark:hover:brightness-125 compact:bg-transparent compact:px-1 compact:text-headline"
+              }, {
+                default: S(() => [
+                  E(d(p.fix.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"])) : m("", !0)
+            ])
+          ], 8, ce))), 128))
+        ])
+      ]));
+    };
+  }
+}), ge = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full bg-control-on text-white compact:size-7"
+}, he = {
+  key: 1,
+  "aria-hidden": "true",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full bg-tint text-caption font-semibold text-content-on-tint compact:size-7"
+}, be = {
+  key: 2,
+  "aria-hidden": "true",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full bg-status-danger-surface text-status-danger-content compact:size-7"
+}, xe = {
+  key: 3,
+  "aria-hidden": "true",
+  "data-todo-tracked": "",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full border-2 border-status-warning-content/60 compact:size-7"
+}, _e = {
+  key: 4,
+  "aria-hidden": "true",
+  class: "flex size-[22px] shrink-0 items-center justify-center rounded-full border-2 border-dashed border-fill-strong text-caption font-semibold text-content-muted compact:size-7"
+}, ve = { class: "sr-only" }, ke = {
+  key: 0,
+  class: "text-body tabular-nums text-content-muted"
+}, ye = ["data-test", "aria-label"], Ve = /* @__PURE__ */ q({
+  __name: "TodoRow",
+  props: {
+    state: {},
+    label: {},
+    sub: { default: void 0 },
+    step: { default: void 0 },
+    to: { default: void 0 },
+    action: { default: void 0 },
+    print: { default: void 0 },
+    value: { default: void 0 },
+    blocking: { type: Boolean, default: !0 }
+  },
+  setup(c) {
+    const t = c, { t: r } = N(), g = z(() => t.state === "missing" && t.step !== void 0), h = z(() => t.state === "missing" && !g.value && t.blocking), u = z(() => r(`core.todo_state.${t.state}`));
+    return (i, p) => (e(), T(n(at), O({
+      label: t.label,
+      layout: "setting",
+      to: t.action || i.$slots.trailing ? void 0 : t.to
+    }, { "data-todo-state": t.state }), X({
+      leading: S(() => [
+        t.state === "done" ? (e(), o("span", ge, [
+          $(n(y), {
+            name: "checkCustom",
+            size: 12
+          })
+        ])) : g.value ? (e(), o("span", he, d(t.step), 1)) : h.value ? (e(), o("span", be, [
+          $(n(y), {
+            name: "close",
+            size: 12
+          })
+        ])) : t.state === "missing" ? (e(), o("span", xe)) : (e(), o("span", _e, d(t.step ?? ""), 1))
+      ]),
+      sub: S(() => [
+        t.sub ? (e(), o("span", {
+          key: 0,
+          class: _(h.value ? "text-status-danger-content" : "")
+        }, d(t.sub), 3)) : m("", !0),
+        l("span", ve, " (" + d(u.value) + ")", 1)
+      ]),
+      default: S(() => [
+        t.value ? (e(), o("span", ke, d(t.value), 1)) : m("", !0)
+      ]),
+      _: 2
+    }, [
+      i.$slots.trailing || t.action || t.print ? {
+        name: "trailing",
+        fn: S(() => [
+          i.$slots.trailing ? R(i.$slots, "trailing", {}, void 0, void 0, 0) : t.action || t.print ? (e(), o("button", {
+            key: 1,
+            type: "button",
+            "data-test": (t.action ?? t.print).testId,
+            "aria-label": (t.action ?? t.print).ariaLabel,
+            class: "hit-target relative text-body text-content-link focus-visible:outline-2 focus-visible:outline-border-focus",
+            onClick: p[0] || (p[0] = Y((k) => (t.action ?? t.print).onClick(), ["prevent", "stop"]))
+          }, d((t.action ?? t.print).label), 9, ye)) : m("", !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["label", "to"]));
+  }
+});
 export {
-  de as AsyncSection,
-  ie as BackgroundTaskCapsule,
-  xe as Badge,
-  _e as Banner,
-  Ce as DONE_BEAT_MS,
-  A as DrawnCheck,
-  ye as EmptyState,
-  oe as FieldNote,
-  se as HUES,
-  be as ProgressTrack,
-  me as Skeleton,
-  Se as StatusLine,
-  Ee as WAIT_VISIBLE_AFTER_MS,
-  fe as asyncState,
-  R as backgroundTasksKey,
-  W as createBackgroundTasks,
-  re as installBackgroundTasks,
-  pe as isEmptyValue,
-  j as useBackgroundTasks,
-  ue as useCountUp,
-  Ae as useLoad,
-  Fe as useWaitStatus,
-  ve as valueOf
+  He as AsyncSection,
+  Ie as BackgroundTaskCapsule,
+  Ye as Badge,
+  ts as Banner,
+  us as DONE_BEAT_MS,
+  U as DrawnCheck,
+  ss as EmptyState,
+  Ae as FieldNote,
+  Ne as HUES,
+  Fe as NextStepPanel,
+  Pe as PhaseTiles,
+  Ht as PhaseTrack,
+  os as ProgressTrack,
+  Oe as RequirementList,
+  Ke as Skeleton,
+  rs as StatusLine,
+  Ve as TodoRow,
+  ds as WAIT_VISIBLE_AFTER_MS,
+  Qe as asyncState,
+  lt as backgroundTasksKey,
+  rt as createBackgroundTasks,
+  Re as installBackgroundTasks,
+  Ge as isEmptyValue,
+  it as useBackgroundTasks,
+  De as useCountUp,
+  is as useLoad,
+  ps as useWaitStatus,
+  Je as valueOf
 };