okengine 0.2.6 → 0.2.8

package/src/console/ui/shell/panels/store/StorePanel.tsx

@@ -59,14 +59,9 @@ export function StorePanel() {
   const tenancyDeclared = listQuery.data?.tenancyDeclared ?? false;
   const tenants = listQuery.data?.tenants ?? [];
   const stores = listQuery.data?.stores ?? [];
-  const groups = useMemo(
-    () => groupByFacet(stores, search.q ?? ""),
-    [stores, search.q],
-  );
+  const groups = useMemo(() => groupByFacet(stores, search.q ?? ""), [stores, search.q]);
   const open = stores.find((s) => s.ref === search.ref);
-  const child =
-    open?.children.find((c) => c.name === search.child) ??
-    open?.children[0];
+  const child = open?.children.find((c) => c.name === search.child) ?? open?.children[0];
   const view = search.view ?? "browse";
   const editConfirm = editConfirmation({ production: true });
   const delConfirm = deleteConfirmation({ production: true });
@@ -85,11 +80,7 @@ export function StorePanel() {
       view,
       probeVector,
     ],
-    enabled:
-      !!open &&
-      !!child &&
-      view === "browse" &&
-      (!tenancyDeclared || !!search.tenant),
+    enabled: !!open && !!child && view === "browse" && (!tenancyDeclared || !!search.tenant),
     queryFn: async () => {
       if (!open || !child) return null;
       const vector =
@@ -143,9 +134,7 @@ export function StorePanel() {
       });
       if (res.error) throw new Error(res.error.code);
       const data = res.data!;
-      setWillNotPreview(
-        formatWillNotFire(data.willNotFire).lines as string[],
-      );
+      setWillNotPreview(formatWillNotFire(data.willNotFire).lines as string[]);
       return data;
     },
   });
@@ -299,9 +288,7 @@ export function StorePanel() {
             aria-label="Filter stores"
             className="min-h-8 border border-[var(--oke-line)] bg-transparent px-2"
             value={search.q ?? ""}
-            onChange={(e) =>
-              setSearch({ ...search, q: e.target.value || undefined })
-            }
+            onChange={(e) => setSearch({ ...search, q: e.target.value || undefined })}
           />
         </label>
       </header>
@@ -336,13 +323,9 @@ export function StorePanel() {
                       <span>{s.name}</span>
                       <span className="text-xs text-[var(--oke-muted)]">
                         {s.children.length} resource(s)
-                        {s.replicaLagMs != null
-                          ? ` · lag ${s.replicaLagMs}ms`
-                          : ""}
+                        {s.replicaLagMs != null ? ` · lag ${s.replicaLagMs}ms` : ""}
                         {s.migrationDrift?.drifted ? " · drift" : ""}
-                        {s.warnings.length > 0
-                          ? ` · ${s.warnings.length} warn`
-                          : ""}
+                        {s.warnings.length > 0 ? ` · ${s.warnings.length} warn` : ""}
                       </span>
                     </button>
                   </li>
@@ -359,13 +342,12 @@ export function StorePanel() {
         >
           {!open ? (
             <p className="text-sm text-[var(--oke-muted)]">
-              Select a store. Tenant selector appears only when tenancy is
-              declared on the Manifest.
+              Select a store. Tenant selector appears only when tenancy is declared on the Manifest.
             </p>
           ) : tenancyDeclared && !search.tenant ? (
             <p role="status" className="text-sm">
-              Select a tenant in the header before browsing — compliance
-              boundary, not a display filter.
+              Select a tenant in the header before browsing — compliance boundary, not a display
+              filter.
             </p>
           ) : (
             <StoreDetail
@@ -419,9 +401,7 @@ function StoreDetail(props: {
   readonly view: "browse" | "cache" | "sql" | "probe";
   readonly search: StoreSearch;
   readonly setSearch: (s: StoreSearch) => void;
-  readonly browse: Awaited<
-    ReturnType<typeof consoleCalls.storeQuery>
-  >["data"];
+  readonly browse: Awaited<ReturnType<typeof consoleCalls.storeQuery>>["data"];
   readonly browseLoading: boolean;
   readonly cache: ReturnType<typeof explainCache> | null;
   readonly willNot: ReturnType<typeof formatWillNotFire> | null;
@@ -503,8 +483,8 @@ function StoreDetail(props: {
           [
             ["browse", "Browse"],
             ["cache", "Cache"],
-            ...(open.facet === "sql" ? [["sql", "SQL"]] as const : []),
-            ...(open.facet === "index" ? [["probe", "Probe"]] as const : []),
+            ...(open.facet === "sql" ? ([["sql", "SQL"]] as const) : []),
+            ...(open.facet === "index" ? ([["probe", "Probe"]] as const) : []),
           ] as const
         ).map(([id, label]) => (
           <button
@@ -514,9 +494,7 @@ function StoreDetail(props: {
             aria-selected={view === id}
             className={clsx(
               "min-h-8 px-2 text-sm",
-              view === id
-                ? "text-[var(--oke-fg)] underline"
-                : "text-[var(--oke-muted)]",
+              view === id ? "text-[var(--oke-fg)] underline" : "text-[var(--oke-muted)]",
             )}
             onClick={() => setSearch({ ...search, view: id })}
           >
@@ -531,9 +509,7 @@ function StoreDetail(props: {
           aria-label="Store resource"
           className="min-h-8 max-w-xs border border-[var(--oke-line)] bg-transparent px-2"
           value={childName ?? ""}
-          onChange={(e) =>
-            setSearch(openChild(search, e.target.value))
-          }
+          onChange={(e) => setSearch(openChild(search, e.target.value))}
         >
           {open.children.map((c) => (
             <option key={c.name} value={c.name}>
@@ -547,21 +523,14 @@ function StoreDetail(props: {
         <p className="text-sm" role="status">
           Writers:{" "}
           {child.writers.map((f) => (
-            <Link
-              key={f}
-              to="/flows"
-              search={{ flow: f } as never}
-              className="mr-2 underline"
-            >
+            <Link key={f} to="/flows" search={{ flow: f } as never} className="mr-2 underline">
               {f}
             </Link>
           ))}
           {child.writers.length === 0 ? "none" : null}
           {" · "}
           Readers: {child.readers.join(", ") || "none"}
-          {child.piiColumns.length > 0
-            ? ` · PII columns: ${child.piiColumns.join(", ")}`
-            : ""}
+          {child.piiColumns.length > 0 ? ` · PII columns: ${child.piiColumns.join(", ")}` : ""}
         </p>
       ) : null}
 
@@ -592,8 +561,7 @@ function StoreDetail(props: {
             {cache.summary}
           </p>
           <p className="text-xs text-[var(--oke-muted)]">
-            Invalidating flows:{" "}
-            {cache.invalidatingFlows.join(", ") || "none"}
+            Invalidating flows: {cache.invalidatingFlows.join(", ") || "none"}
           </p>
           <Button type="button" onClick={onPurge}>
             Purge cache namespace
@@ -635,9 +603,7 @@ function StoreDetail(props: {
               />
             </label>
           ) : null}
-          {browseLoading ? (
-            <p className="text-sm text-[var(--oke-muted)]">Loading…</p>
-          ) : null}
+          {browseLoading ? <p className="text-sm text-[var(--oke-muted)]">Loading…</p> : null}
           {browse?.rows ? (
             <table className="w-full text-left text-sm">
               <thead>
@@ -663,9 +629,7 @@ function StoreDetail(props: {
                             type="button"
                             className="ml-2 underline"
                             style={{ minHeight: 32 }}
-                            onClick={() =>
-                              onReveal(String(row.id ?? ""), col)
-                            }
+                            onClick={() => onReveal(String(row.id ?? ""), col)}
                           >
                             Reveal
                           </button>
@@ -673,10 +637,7 @@ function StoreDetail(props: {
                       </td>
                     ))}
                     <td className="border-b px-2 py-1">
-                      <Button
-                        type="button"
-                        onClick={() => onDelete([String(row.id ?? "")])}
-                      >
+                      <Button type="button" onClick={() => onDelete([String(row.id ?? "")])}>
                         Delete
                       </Button>
                     </td>
@@ -691,9 +652,7 @@ function StoreDetail(props: {
                 <li key={k.key} className="flex min-h-8 items-center gap-2">
                   <span className="font-mono">{k.key}</span>
                   {k.value !== undefined ? (
-                    <span className="text-[var(--oke-muted)]">
-                      {JSON.stringify(k.value)}
-                    </span>
+                    <span className="text-[var(--oke-muted)]">{JSON.stringify(k.value)}</span>
                   ) : null}
                   {k.warnings?.map((w) => (
                     <span key={w.code} role="status" className="text-xs">
@@ -724,11 +683,13 @@ function StoreDetail(props: {
         </section>
       )}
 
-      <section aria-label="Direct edit" className="flex flex-col gap-2 border-t border-[var(--oke-line)] pt-4">
+      <section
+        aria-label="Direct edit"
+        className="flex flex-col gap-2 border-t border-[var(--oke-line)] pt-4"
+      >
         <h3 className="text-sm font-medium">Direct edit</h3>
         <p className="text-sm text-[var(--oke-muted)]">
-          Not a flow execution. Before saving, preview names what will not
-          fire.
+          Not a flow execution. Before saving, preview names what will not fire.
         </p>
         {willNot && !willNot.empty ? (
           <ul className="text-sm">

package/src/console/ui/shell/panels/traces/TracesPanel.tsx

@@ -7,20 +7,10 @@ import { Link, useNavigate, useSearch } from "@tanstack/react-router";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useState } from "react";
 import { createRowBuffer, matchesQuery } from "../../../flows/buffer.ts";
-import {
-  buildCausalChain,
-  groupTraceRoots,
-  initialFocusSpanId,
-} from "../../../traces/chain.ts";
+import { buildCausalChain, groupTraceRoots, initialFocusSpanId } from "../../../traces/chain.ts";
 import { criticalPathSpanIds } from "../../../traces/critical-path.ts";
-import {
-  parseEffectFilter,
-  traceMatchesEffectFilter,
-} from "../../../traces/filter.ts";
-import {
-  foldTimeline,
-  intervalsFromSpans,
-} from "../../../traces/fold.ts";
+import { parseEffectFilter, traceMatchesEffectFilter } from "../../../traces/filter.ts";
+import { foldTimeline, intervalsFromSpans } from "../../../traces/fold.ts";
 import { miniWaterfall, rootErrorCode } from "../../../traces/mini.ts";
 import { replayDecision } from "../../../traces/replay.ts";
 import {
@@ -95,10 +85,7 @@ export function TracesPanel() {
     refetchInterval: 5_000,
   });
 
-  const spans = useMemo(
-    () => (runsQuery.data ?? []).map(rowToSpan),
-    [runsQuery.data],
-  );
+  const spans = useMemo(() => (runsQuery.data ?? []).map(rowToSpan), [runsQuery.data]);
 
   // Seed / update buffer without moving the ground (console §7.2).
   useEffect(() => {
@@ -144,15 +131,9 @@ export function TracesPanel() {
     (search.trace
       ? groupTraceRoots(visibleSpans).find((r) => r.rootId === search.trace)
       : undefined);
-  const focusId = openRoot
-    ? initialFocusSpanId(openRoot.spans, search.span)
-    : undefined;
-  const chain = focusId
-    ? buildCausalChain(visibleSpans, focusId)
-    : null;
-  const critical = chain
-    ? criticalPathSpanIds(chain.connected)
-    : new Set<string>();
+  const focusId = openRoot ? initialFocusSpanId(openRoot.spans, search.span) : undefined;
+  const chain = focusId ? buildCausalChain(visibleSpans, focusId) : null;
+  const critical = chain ? criticalPathSpanIds(chain.connected) : new Set<string>();
   const folded = chain
     ? foldTimeline(
         intervalsFromSpans(chain.connected),
@@ -183,15 +164,9 @@ export function TracesPanel() {
     <div className="flex h-full min-h-0 flex-col">
       <header className="flex shrink-0 flex-wrap items-end gap-4 border-b border-[var(--oke-line)] px-6 py-4">
         <div className="flex flex-col gap-1">
-          <p className="text-xs uppercase tracking-[0.2em] text-[var(--oke-muted)]">
-            Traces
-          </p>
-          <h1 className="text-xl font-semibold tracking-tight">
-            Causal chain
-          </h1>
-          <p className="text-xs text-[var(--oke-muted)]">
-            Sampling: {samplingLabel(liveBoosts)}
-          </p>
+          <p className="text-xs uppercase tracking-[0.2em] text-[var(--oke-muted)]">Traces</p>
+          <h1 className="text-xl font-semibold tracking-tight">Causal chain</h1>
+          <p className="text-xs text-[var(--oke-muted)]">Sampling: {samplingLabel(liveBoosts)}</p>
         </div>
         <label className="flex flex-col gap-1 text-sm">
           <span className="text-[var(--oke-muted)]">Filter by effect</span>
@@ -201,9 +176,7 @@ export function TracesPanel() {
             value={search.effect ?? ""}
             onChange={(e) => {
               const v = e.target.value;
-              setSearch(
-                setEffectFilter(search, v ? parseEffectFilter(v) : null),
-              );
+              setSearch(setEffectFilter(search, v ? parseEffectFilter(v) : null));
             }}
           >
             <option value="">All effects</option>
@@ -219,10 +192,7 @@ export function TracesPanel() {
             type="button"
             variant="ghost"
             onClick={() => {
-              const flow =
-                openRoot?.root.flow ??
-                roots[0]?.root.flow ??
-                "bookings.create";
+              const flow = openRoot?.root.flow ?? roots[0]?.root.flow ?? "bookings.create";
               setBoosts((b) => boostFlowFully(b, flow));
             }}
           >
@@ -245,9 +215,7 @@ export function TracesPanel() {
           className="min-h-0 overflow-auto border-r border-[var(--oke-line)]"
         >
           {runsQuery.isLoading ? (
-            <p className="px-6 py-8 text-sm text-[var(--oke-muted)]">
-              Loading traces…
-            </p>
+            <p className="px-6 py-8 text-sm text-[var(--oke-muted)]">Loading traces…</p>
           ) : roots.length === 0 ? (
             <p className="px-6 py-8 text-sm text-[var(--oke-muted)]">
               No traces yet. Invoke a flow or wait for traffic.
@@ -311,14 +279,11 @@ export function TracesPanel() {
             <div className="flex flex-col gap-6">
               <div className="flex flex-wrap items-start justify-between gap-3">
                 <div>
-                  <h2 className="text-lg font-semibold">
-                    {chain.current.flow}
-                  </h2>
+                  <h2 className="text-lg font-semibold">{chain.current.flow}</h2>
                   <p className="text-xs text-[var(--oke-muted)]">
                     {chain.connected.length} span
-                    {chain.connected.length === 1 ? "" : "s"} · wall{" "}
-                    {folded.wallDurationMs}ms · display scale{" "}
-                    {Math.round(folded.displayDurationMs)}ms
+                    {chain.connected.length === 1 ? "" : "s"} · wall {folded.wallDurationMs}ms ·
+                    display scale {Math.round(folded.displayDurationMs)}ms
                   </p>
                 </div>
                 <div className="flex flex-wrap gap-2">
@@ -331,20 +296,14 @@ export function TracesPanel() {
                   </Link>
                   <Button
                     type="button"
-                    variant={
-                      decision?.mode === "dry-run" ? "external" : "primary"
-                    }
+                    variant={decision?.mode === "dry-run" ? "external" : "primary"}
                     disabled={replay.isPending}
                     title={
-                      decision?.mode === "dry-run"
-                        ? decision.reason
-                        : "Replay from the journal"
+                      decision?.mode === "dry-run" ? decision.reason : "Replay from the journal"
                     }
                     onClick={() => replay.mutate()}
                   >
-                    {decision?.mode === "dry-run"
-                      ? "Dry-run replay"
-                      : "Replay"}
+                    {decision?.mode === "dry-run" ? "Dry-run replay" : "Replay"}
                   </Button>
                   <Button
                     type="button"
@@ -357,10 +316,7 @@ export function TracesPanel() {
               </div>
 
               {decision?.mode === "dry-run" ? (
-                <p
-                  role="note"
-                  className="text-sm text-[var(--oke-external)]"
-                >
+                <p role="note" className="text-sm text-[var(--oke-external)]">
                   {decision.reason}
                 </p>
               ) : null}
@@ -373,18 +329,14 @@ export function TracesPanel() {
                       <button
                         type="button"
                         className="min-h-8 text-sm text-[var(--oke-muted)]"
-                        onClick={() =>
-                          setSearch({ ...search, span: p.id })
-                        }
+                        onClick={() => setSearch({ ...search, span: p.id })}
                       >
                         {p.flow}
                       </button>
                     </li>
                   ))}
                   <li aria-current="true">
-                    <span className="text-sm font-medium">
-                      {chain.current.flow}
-                    </span>
+                    <span className="text-sm font-medium">{chain.current.flow}</span>
                     {chain.current.errorCode ? (
                       <span
                         role="status"
@@ -402,9 +354,7 @@ export function TracesPanel() {
                       <button
                         type="button"
                         className="min-h-8 text-sm text-[var(--oke-muted)]"
-                        onClick={() =>
-                          setSearch({ ...search, span: c.id })
-                        }
+                        onClick={() => setSearch({ ...search, span: c.id })}
                       >
                         {c.flow}
                         {peakSpanTier(c.effects) === "external" ? (
@@ -417,10 +367,7 @@ export function TracesPanel() {
               </div>
 
               <div>
-                <h3
-                  id="waterfall-heading"
-                  className="mb-2 text-sm font-medium"
-                >
+                <h3 id="waterfall-heading" className="mb-2 text-sm font-medium">
                   Waterfall
                 </h3>
                 <ul
@@ -441,9 +388,7 @@ export function TracesPanel() {
                             type="button"
                             aria-expanded={seg.expanded}
                             className="h-full min-h-10 w-full border border-dashed border-[var(--oke-line)] px-1 font-mono text-[10px] text-[var(--oke-muted)]"
-                            onClick={() =>
-                              setSearch(toggleFold(search, seg.id))
-                            }
+                            onClick={() => setSearch(toggleFold(search, seg.id))}
                           >
                             {seg.label}
                           </button>
@@ -459,8 +404,7 @@ export function TracesPanel() {
                           seg.tier === "external"
                             ? "bg-[var(--oke-external)] text-black"
                             : "bg-[color-mix(in_oklab,var(--oke-accent)_55%,transparent)]",
-                          seg.failed &&
-                            "outline outline-2 outline-[var(--oke-danger)]",
+                          seg.failed && "outline outline-2 outline-[var(--oke-danger)]",
                         )}
                         style={{
                           flex: `${seg.displayMs} 1 0`,
@@ -478,8 +422,7 @@ export function TracesPanel() {
                   })}
                 </ul>
                 <p className="mt-2 text-xs text-[var(--oke-muted)]">
-                  Critical path at full opacity · dead time folded into
-                  expandable bars
+                  Critical path at full opacity · dead time folded into expandable bars
                 </p>
               </div>
             </div>
@@ -507,11 +450,7 @@ function rowToSpan(row: RunsListRow): TraceSpan {
   };
 }
 
-function MiniWaterfall({
-  bars,
-}: {
-  readonly bars: ReturnType<typeof miniWaterfall>;
-}) {
+function MiniWaterfall({ bars }: { readonly bars: ReturnType<typeof miniWaterfall> }) {
   return (
     <div
       aria-hidden="true"

package/src/console/ui/shell/panels/vault/VaultPanel.tsx

@@ -53,11 +53,8 @@ export function VaultPanel() {
   });
 
   const secrets = listQuery.data?.secrets ?? [];
-  const env = listQuery.data?.env ?? "dev";
-  const groups = useMemo(
-    () => groupByKind(secrets, search.q ?? ""),
-    [secrets, search.q],
-  );
+  const env = listQuery.data?.env ?? "local";
+  const groups = useMemo(() => groupByKind(secrets, search.q ?? ""), [secrets, search.q]);
   const open = secrets.find((s) => s.name === search.name);
   const blast = open ? formatBlastRadius(open.blastRadius) : null;
   const setConfirm = setConfirmation({ production: true });
@@ -144,9 +141,7 @@ export function VaultPanel() {
           <Input
             aria-label="Filter vault"
             value={search.q ?? ""}
-            onChange={(e) =>
-              setSearch({ ...search, q: e.currentTarget.value || undefined })
-            }
+            onChange={(e) => setSearch({ ...search, q: e.currentTarget.value || undefined })}
           />
         </label>
         <Button
@@ -198,9 +193,7 @@ export function VaultPanel() {
                     >
                       <span className="font-mono">{s.name}</span>
                       <span className="truncate text-xs">
-                        {s.sensitive
-                          ? (s.fingerprint ?? "unset")
-                          : (s.cleartext ?? "unset")}
+                        {s.sensitive ? (s.fingerprint ?? "unset") : (s.cleartext ?? "unset")}
                       </span>
                       {s.blastRadius.count > 0 ? (
                         <span role="status" className="text-xs text-[var(--oke-danger)]">
@@ -227,24 +220,17 @@ export function VaultPanel() {
         >
           {!open ? (
             <p className="text-sm text-[var(--oke-muted)]">
-              Select a contract to inspect fingerprints, resolution, and
-              readers.
+              Select a contract to inspect fingerprints, resolution, and readers.
             </p>
           ) : (
             <div className="flex max-w-2xl flex-col gap-6">
               <div>
-                <h2 className="font-mono text-lg text-[var(--oke-fg)]">
-                  {open.name}
-                </h2>
+                <h2 className="font-mono text-lg text-[var(--oke-fg)]">{open.name}</h2>
                 {open.description ? (
-                  <p className="text-sm text-[var(--oke-muted)]">
-                    {open.description}
-                  </p>
+                  <p className="text-sm text-[var(--oke-muted)]">{open.description}</p>
                 ) : null}
                 {open.rotate ? (
-                  <p className="text-sm text-[var(--oke-muted)]">
-                    Rotate hint: {open.rotate}
-                  </p>
+                  <p className="text-sm text-[var(--oke-muted)]">Rotate hint: {open.rotate}</p>
                 ) : null}
               </div>
 
@@ -254,10 +240,12 @@ export function VaultPanel() {
                   <ul className="space-y-1 font-mono text-sm">
                     {Object.entries(open.fingerprints).map(([e, fp]) => (
                       <li key={e}>
-                        <span className="text-[var(--oke-muted)]">{e}:</span>{" "}
-                        {fp}
+                        <span className="text-[var(--oke-muted)]">{e}:</span> {fp}
                         {open.sharedFingerprintEnvs.includes(e) ? (
-                          <span role="status" className="ml-2 text-[var(--oke-warn,var(--oke-muted))]">
+                          <span
+                            role="status"
+                            className="ml-2 text-[var(--oke-warn,var(--oke-muted))]"
+                          >
                             (matches {env} — warning, may be deliberate)
                           </span>
                         ) : null}
@@ -280,32 +268,22 @@ export function VaultPanel() {
                   {open.resolution.map((step) => (
                     <li
                       key={step.source}
-                      className={
-                        step.won
-                          ? "text-[var(--oke-fg)]"
-                          : "text-[var(--oke-muted)]"
-                      }
+                      className={step.won ? "text-[var(--oke-fg)]" : "text-[var(--oke-muted)]"}
                     >
                       <span className="font-mono">{step.source}</span>
-                      {step.won
-                        ? " — won"
-                        : step.present
-                          ? " — present (lost)"
-                          : " — absent"}
+                      {step.won ? " — won" : step.present ? " — present (lost)" : " — absent"}
                     </li>
                   ))}
                 </ol>
                 <p className="mt-2 text-sm" role="status">
-                  Winner:{" "}
-                  <span className="font-mono">{open.winner ?? "none"}</span>
+                  Winner: <span className="font-mono">{open.winner ?? "none"}</span>
                 </p>
               </section>
 
               <section aria-label="Readers">
                 <h3 className="mb-2 text-sm font-medium">Readers</h3>
                 <p className="text-sm text-[var(--oke-muted)]">
-                  Flows that declare{" "}
-                  <code className="font-mono">fx.vault({open.name})</code>
+                  Flows that declare <code className="font-mono">fx.vault({open.name})</code>
                 </p>
                 <ul className="mt-1 list-disc pl-5 font-mono text-sm">
                   {open.readers.length === 0 ? (
@@ -317,21 +295,14 @@ export function VaultPanel() {
               </section>
 
               <section aria-label="Rotation blast radius">
-                <h3 className="mb-2 text-sm font-medium">
-                  Rotation blast radius
-                </h3>
+                <h3 className="mb-2 text-sm font-medium">Rotation blast radius</h3>
                 {blast ? (
                   <>
-                    <p
-                      className="text-sm"
-                      role={blast.warn ? "alert" : "status"}
-                    >
+                    <p className="text-sm" role={blast.warn ? "alert" : "status"}>
                       {blast.summary}
                     </p>
                     {blast.detail ? (
-                      <p className="text-sm text-[var(--oke-muted)]">
-                        {blast.detail}
-                      </p>
+                      <p className="text-sm text-[var(--oke-muted)]">{blast.detail}</p>
                     ) : null}
                     {open.blastRadius.runIds.length > 0 ? (
                       <p className="mt-1 font-mono text-xs text-[var(--oke-muted)]">
@@ -354,8 +325,7 @@ export function VaultPanel() {
               <section aria-label="Set or rotate" className="space-y-3">
                 <h3 className="text-sm font-medium">Set / rotate</h3>
                 <p className="text-sm text-[var(--oke-muted)]">
-                  Write-only. Values are never revealed after submit. No
-                  preview.
+                  Write-only. Values are never revealed after submit. No preview.
                 </p>
                 <div className="flex gap-2">
                   <Button
@@ -422,8 +392,7 @@ export function VaultPanel() {
                       type="button"
                       variant={action === "rotate" ? "danger" : "primary"}
                       disabled={
-                        !value ||
-                        (action === "set" ? setMut.isPending : rotateMut.isPending)
+                        !value || (action === "set" ? setMut.isPending : rotateMut.isPending)
                       }
                       onClick={() => {
                         if (action === "set") setMut.mutate();

package/src/console/ui/shell/setup/Wizard.tsx

@@ -76,13 +76,11 @@ export function SetupWizard() {
     <section className="mx-auto flex max-w-md flex-col gap-6 px-6 py-16">
       <header className="flex flex-col gap-2">
         <OkeLogo className="h-7 w-auto text-[var(--oke-fg)]" />
-        <p className="text-xs uppercase tracking-[0.2em] text-[var(--oke-muted)]">
-          First admin
-        </p>
+        <p className="text-xs uppercase tracking-[0.2em] text-[var(--oke-muted)]">First admin</p>
         <h1 className="text-3xl font-semibold tracking-tight">Console</h1>
         <p className="text-[var(--oke-muted)]">
-          Enter the claim code printed once to the boot log. This wizard closes
-          permanently after the first operator.
+          Enter the claim code printed once to the boot log. This wizard closes permanently after
+          the first operator.
         </p>
       </header>
       <form className="flex flex-col gap-4" onSubmit={onSubmit} autoComplete="off">

package/src/console/ui/shell/styles.css

@@ -33,8 +33,7 @@ body {
   font-family: var(--oke-font);
   background:
     radial-gradient(1200px 600px at 10% -10%, #1a2433 0%, transparent 55%),
-    radial-gradient(900px 500px at 100% 0%, #13201a 0%, transparent 50%),
-    var(--oke-bg);
+    radial-gradient(900px 500px at 100% 0%, #13201a 0%, transparent 50%), var(--oke-bg);
   color: var(--oke-fg);
   font-variant-numeric: tabular-nums;
 }