@danxbot/ui 14.1.0 → 14.2.0

package/dist/index.js

@@ -46810,9 +46810,9 @@ const $j = [
   { value: "simulated", label: "Simulated" },
   { value: "live", label: "Live" }
 ];
-function HK({ onOpenUseCaseLedger: e } = {}) {
-  const { canAccessDevTools: t, roles: n, viewingAsRoleId: r, setViewingAsRoleId: o, effectiveRole: s, isImpersonating: i } = mi(), { networkSpeed: a, dataSource: l } = Fj(), [c, u] = Ee(!1), [f, d] = Ee(!1);
-  return t ? /* @__PURE__ */ h(
+function HK({ onOpenUseCaseLedger: e, showSimControls: t = !0 } = {}) {
+  const { canAccessDevTools: n, roles: r, viewingAsRoleId: o, setViewingAsRoleId: s, effectiveRole: i, isImpersonating: a } = mi(), { networkSpeed: l, dataSource: c } = Fj(), [u, f] = Ee(!1), [d, p] = Ee(!1);
+  return n ? /* @__PURE__ */ h(
     Gn,
     {
       align: "end",
@@ -46820,7 +46820,7 @@ function HK({ onOpenUseCaseLedger: e } = {}) {
         Et,
         {
           size: "sm",
-          variant: i ? "subtle" : "outline",
+          variant: a ? "subtle" : "outline",
           "aria-label": "Developer tools",
           children: [
             /* @__PURE__ */ h(me, { name: "eye", size: "sm" }),
@@ -46836,13 +46836,13 @@ function HK({ onOpenUseCaseLedger: e } = {}) {
             {
               "aria-label": "View the app as a role",
               placeholder: "Your actual role",
-              value: r,
-              onValueChange: (p) => o(p ?? null),
-              children: n.map((p) => /* @__PURE__ */ h(Mr, { value: p.id, children: p.label }, p.id))
+              value: o,
+              onValueChange: (m) => s(m ?? null),
+              children: r.map((m) => /* @__PURE__ */ h(Mr, { value: m.id, children: m.label }, m.id))
             }
           )
         ] }),
-        i && /* @__PURE__ */ O(
+        a && /* @__PURE__ */ O(
           "div",
           {
             role: "status",
@@ -46852,7 +46852,7 @@ function HK({ onOpenUseCaseLedger: e } = {}) {
               /* @__PURE__ */ O("p", { className: "text-xs text-warning-text", children: [
                 "Viewing as",
                 " ",
-                /* @__PURE__ */ h("strong", { className: "font-semibold", children: s?.label ?? "an unknown role" }),
+                /* @__PURE__ */ h("strong", { className: "font-semibold", children: i?.label ?? "an unknown role" }),
                 ". Screens and permissions reflect that role, not your own."
               ] })
             ]
@@ -46863,65 +46863,65 @@ function HK({ onOpenUseCaseLedger: e } = {}) {
           {
             variant: "outline",
             size: "sm",
-            disabled: !i,
-            onClick: () => o(null),
+            disabled: !a,
+            onClick: () => s(null),
             children: [
               /* @__PURE__ */ h(me, { name: "rotate-ccw", size: "sm" }),
               "Reset to actual"
             ]
           }
         ),
-        /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: [
-          /* @__PURE__ */ h("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: "Data source" }),
-          /* @__PURE__ */ h(
-            vo,
-            {
-              "aria-label": "Data source",
-              value: l,
-              onValueChange: (p) => dw({ dataSource: p }),
-              children: Lj.map((p) => /* @__PURE__ */ h(Mr, { value: p.value, children: p.label }, p.value))
-            }
-          ),
-          l === "live" && /* @__PURE__ */ h("p", { className: "text-2xs text-tertiary", children: "No live backend is configured in this demo — stores keep answering with simulated data. A consuming app wires its own fetcher per store to make this real." })
-        ] }),
-        /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: [
-          /* @__PURE__ */ h("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: "Network speed" }),
-          /* @__PURE__ */ h(
-            vo,
-            {
-              "aria-label": "Network speed",
-              value: a,
-              onValueChange: (p) => dw({ networkSpeed: p }),
-              children: $j.map((p) => /* @__PURE__ */ h(Mr, { value: p.value, children: p.label }, p.value))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: [
-          /* @__PURE__ */ h(
+        t && /* @__PURE__ */ O(lt, { children: [
+          /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: [
+            /* @__PURE__ */ h("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: "Data source" }),
+            /* @__PURE__ */ h(
+              vo,
+              {
+                "aria-label": "Data source",
+                value: c,
+                onValueChange: (m) => dw({ dataSource: m }),
+                children: Lj.map((m) => /* @__PURE__ */ h(Mr, { value: m.value, children: m.label }, m.value))
+              }
+            ),
+            c === "live" && /* @__PURE__ */ h("p", { className: "text-2xs text-tertiary", children: "No live backend is configured in this demo — stores keep answering with simulated data. A consuming app wires its own fetcher per store to make this real." })
+          ] }),
+          /* @__PURE__ */ O("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: [
+            /* @__PURE__ */ h("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: "Network speed" }),
+            /* @__PURE__ */ h(
+              vo,
+              {
+                "aria-label": "Network speed",
+                value: l,
+                onValueChange: (m) => dw({ networkSpeed: m }),
+                children: $j.map((m) => /* @__PURE__ */ h(Mr, { value: m.value, children: m.label }, m.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ h("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: /* @__PURE__ */ h(
             YE,
             {
               trigger: /* @__PURE__ */ O(Et, { variant: "outline", size: "sm", children: [
                 /* @__PURE__ */ h(me, { name: "refresh-cw", size: "sm" }),
                 "Regenerate demo data"
               ] }),
-              open: c,
-              onOpenChange: u,
+              open: u,
+              onOpenChange: f,
               title: "Regenerate demo data?",
               description: "Every user, team, role and permission reverts to its seed. The use-case ledger is untouched — this never erases product history.",
               confirmLabel: "Regenerate",
-              loading: f,
+              loading: d,
               onConfirm: () => {
-                d(!0), Tj("demo").finally(() => {
-                  d(!1), u(!1);
+                p(!0), Tj("demo").finally(() => {
+                  p(!1), f(!1);
                 });
               }
             }
-          ),
-          e && /* @__PURE__ */ O(Et, { variant: "ghost", size: "sm", onClick: e, children: [
-            /* @__PURE__ */ h(me, { name: "list-checks", size: "sm" }),
-            "Open Use Case Ledger"
-          ] })
-        ] })
+          ) })
+        ] }),
+        e && /* @__PURE__ */ h("div", { className: "flex flex-col gap-2 border-t border-border-subtle pt-4", children: /* @__PURE__ */ O(Et, { variant: "ghost", size: "sm", onClick: e, children: [
+          /* @__PURE__ */ h(me, { name: "list-checks", size: "sm" }),
+          "Open Use Case Ledger"
+        ] }) })
       ] })
     }
   ) : null;