@ashlr/hub 3.5.1 → 3.8.0

package/dist/core/web/public/next/assets/Meter-Cmo1pLbk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter-Cmo1pLbk.js","names":[],"sources":["../../../../../../src/web-ui/components/primitives/Tooltip.module.css","../../../../../../src/web-ui/components/primitives/Tooltip.tsx","../../../../../../src/web-ui/components/primitives/Meter.module.css","../../../../../../src/web-ui/components/primitives/Meter.tsx"],"sourcesContent":["/* The trigger's stand-in in the tree: present in the DOM so the describedby\n   relationship has somewhere to sit, but generating NO box, so a trigger in a\n   flex or grid track keeps its own placement exactly as it had it. */\n.wrapper {\n  display: contents;\n}\n\n/* Fixed, not absolute, and portalled to <body>: the bubble's coordinates come\n   from the trigger's viewport rect, so no ancestor's overflow, transform or\n   stacking context can clip it. That clipping is the exact failure of the\n   native `title=` tooltip this replaces. */\n.bubble {\n  position: fixed;\n  /* Above every other layer in the scale, toasts included: a tooltip can\n     describe a control inside a dialog, a sheet or the command palette, and\n     a bubble drawn behind the thing it explains is the same bug as one that\n     is clipped. There is no --z-tooltip token yet; this stays one step above\n     the top of the scale rather than inventing a number. */\n  z-index: calc(var(--z-toast) + 1);\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  max-width: 260px;\n  padding: var(--space-1) var(--space-2);\n  border: 1px solid var(--border-default);\n  border-radius: var(--radius-xs);\n  background: var(--bg-surface-raised);\n  color: var(--text-primary);\n  box-shadow: var(--shadow-menu);\n  font-family: var(--font-ui);\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  font-weight: var(--font-weight-regular);\n  /* Was `nowrap`, which defeated the max-width above: a long tooltip ran off\n     the viewport instead of wrapping inside 260px. */\n  white-space: normal;\n  text-wrap: pretty;\n  /* It follows the pointer's target, it is never a pointer target itself —\n     otherwise a bubble drawn under the cursor triggers its own mouseleave. */\n  pointer-events: none;\n  animation: tooltip-in var(--duration-fast) var(--ease-standard);\n}\n\n.label {\n  min-width: 0;\n}\n\n/* The shortcut reads as a key, not as more sentence. */\n.shortcut {\n  flex: none;\n  padding: 0 4px;\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-xs);\n  background: var(--bg-code);\n  color: var(--text-secondary);\n  font-family: var(--font-mono);\n  font-size: var(--text-2xs-size, 11px);\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n@keyframes tooltip-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root:not([data-motion=\"full\"]) .bubble {\n    animation: none;\n  }\n}\n\n:root[data-motion=\"reduce\"] .bubble {\n  animation: none;\n}\n\n/* A disabled trigger emits no pointer events, so the wrapper has to become a\n   real box to catch the hover. Only then — `display: contents` is the default\n   precisely so the wrapper never disturbs the trigger's flex/grid placement. */\n.wrapper[data-disabled-trigger='true'] {\n  display: inline-flex;\n}\n","/**\n * components/primitives/Tooltip.tsx — the label for an icon-only control and\n * the numbers behind a 2px meter line.\n *\n * Rules it enforces so a tooltip never becomes the only way to read the UI:\n *   - it shows on HOVER *and* on keyboard FOCUS (a mouse-only tooltip is\n *     invisible to keyboard operators);\n *   - Escape dismisses it while the trigger keeps focus (WCAG 1.4.13);\n *   - the trigger is wired with aria-describedby, so the content is\n *     announced rather than merely drawn;\n *   - it carries description, never the accessible NAME — icon buttons still\n *     need their own aria-label.\n *\n * WHY IT RENDERS THROUGH A PORTAL. This used to be an absolutely-positioned\n * span inside a `position: relative` wrapper, which is correct right up until\n * the trigger lives inside something that clips — and the first real consumer,\n * the Verse rail, is exactly that: a 56px flex column inside a grid shell with\n * its own stacking context. A bubble anchored there is cut off at the rail's\n * edge, which is the failure the native `title=` tooltip already had. Rendering\n * into `document.body` at `position: fixed`, positioned from the trigger's\n * bounding rect, means NO ancestor can clip it: not `overflow: hidden`, not a\n * `transform`, not a lower `z-index` on a sibling pane.\n *\n * The Popover API (`popover=\"manual\"` + the top layer) would do the same job\n * without the portal, but it is not yet safe to depend on across the WebKit\n * version bundled with the Tauri shell, and it still needs manual positioning\n * without `anchor-name`. The portal is the boring, verifiable option.\n *\n * TWO PROP SPELLINGS, on purpose. `label` + `shortcut` is the shape icon\n * controls want, and is what new call sites should use. `content` predates it\n * and takes arbitrary nodes (the Meter's numbers, for one), so it stays as the\n * other half of a union rather than being renamed out from under its callers.\n * Exactly one of the two is required.\n */\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FocusEvent as ReactFocusEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Hovering across a rail of six icons must not strobe six bubbles, so the\n * POINTER waits. Focus does not: a keyboard operator has already committed to\n * the control, and a delay there just reads as lag.\n */\nconst OPEN_DELAY_MS = 160;\n/** Distance between the trigger's edge and the bubble. */\nconst GAP = 8;\n/** Smallest distance the bubble may sit from the viewport edge. */\nconst MARGIN = 8;\n\n/** The props Tooltip clones onto its trigger. */\ninterface TooltipTriggerProps {\n  'aria-describedby'?: string;\n  /** Read, never set: a disabled trigger fires no pointer events, so the wrapper must take over. */\n  disabled?: boolean;\n  onMouseEnter?: (event: ReactMouseEvent<HTMLElement>) => void;\n  onMouseLeave?: (event: ReactMouseEvent<HTMLElement>) => void;\n  onFocus?: (event: ReactFocusEvent<HTMLElement>) => void;\n  onBlur?: (event: ReactFocusEvent<HTMLElement>) => void;\n}\n\ninterface TooltipCommonProps {\n  /** Rendered as a distinct keycap beside the label, e.g. `⌘2`. */\n  shortcut?: string;\n  placement?: TooltipPlacement;\n  /** Skip the tooltip entirely without changing the tree (e.g. the label is already visible). */\n  disabled?: boolean;\n  className?: string;\n  /** The trigger. Tooltip adds no layout box of its own around it. */\n  children: ReactElement<TooltipTriggerProps>;\n}\n\nexport type TooltipProps = TooltipCommonProps &\n  (\n    | { label: string; content?: undefined }\n    | { label?: undefined; content: ReactNode }\n  );\n\ninterface Position {\n  left: number;\n  top: number;\n  placement: TooltipPlacement;\n}\n\n/** Placement order: the caller's choice first, then its opposite, then the rest. */\nfunction candidates(preferred: TooltipPlacement): TooltipPlacement[] {\n  const opposite: Record<TooltipPlacement, TooltipPlacement> = {\n    top: 'bottom', bottom: 'top', left: 'right', right: 'left',\n  };\n  const rest = (['top', 'bottom', 'right', 'left'] as const).filter(\n    (p) => p !== preferred && p !== opposite[preferred],\n  );\n  return [preferred, opposite[preferred], ...rest];\n}\n\nfunction place(placement: TooltipPlacement, trigger: DOMRect, w: number, h: number): { left: number; top: number } {\n  switch (placement) {\n    case 'top': return { left: trigger.left + trigger.width / 2 - w / 2, top: trigger.top - h - GAP };\n    case 'bottom': return { left: trigger.left + trigger.width / 2 - w / 2, top: trigger.bottom + GAP };\n    case 'left': return { left: trigger.left - w - GAP, top: trigger.top + trigger.height / 2 - h / 2 };\n    case 'right': return { left: trigger.right + GAP, top: trigger.top + trigger.height / 2 - h / 2 };\n  }\n}\n\n/**\n * First placement whose bubble fits the viewport wins; if none fits we keep\n * the preferred one and clamp, which is still readable — a bubble nudged\n * inward beats a bubble half off-screen.\n */\nfunction resolve(trigger: DOMRect, w: number, h: number, preferred: TooltipPlacement): Position {\n  const vw = window.innerWidth || 0;\n  const vh = window.innerHeight || 0;\n  let fallback: Position | null = null;\n  for (const placement of candidates(preferred)) {\n    const { left, top } = place(placement, trigger, w, h);\n    if (!fallback) fallback = { left, top, placement };\n    const fits = left >= MARGIN && top >= MARGIN && left + w <= vw - MARGIN && top + h <= vh - MARGIN;\n    if (fits) return { left, top, placement };\n  }\n  const chosen = fallback!;\n  return {\n    placement: chosen.placement,\n    left: Math.max(MARGIN, Math.min(chosen.left, vw - w - MARGIN)),\n    top: Math.max(MARGIN, Math.min(chosen.top, vh - h - MARGIN)),\n  };\n}\n\nexport function Tooltip(props: TooltipProps) {\n  const { label, content, shortcut, placement = 'top', disabled = false, className, children } = props;\n  const [open, setOpen] = useState(false);\n  const [position, setPosition] = useState<Position | null>(null);\n  const id = useId();\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const bubbleRef = useRef<HTMLDivElement | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelTimer = useCallback(() => {\n    if (timer.current !== null) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  }, []);\n\n  const close = useCallback(() => {\n    cancelTimer();\n    setOpen(false);\n    setPosition(null);\n  }, [cancelTimer]);\n\n  // Unmounting mid-delay must not fire setOpen on a dead component.\n  useEffect(() => cancelTimer, [cancelTimer]);\n\n  const reposition = useCallback(() => {\n    const trigger = triggerRef.current;\n    const bubble = bubbleRef.current;\n    if (!trigger || !bubble) return;\n    const rect = trigger.getBoundingClientRect();\n    setPosition(resolve(rect, bubble.offsetWidth, bubble.offsetHeight, placement));\n  }, [placement]);\n\n  // Measure AFTER the bubble exists but BEFORE paint, so it is never seen at\n  // its unpositioned origin first.\n  useLayoutEffect(() => {\n    if (!open) return;\n    reposition();\n  }, [open, reposition]);\n\n  // Escape closes while the trigger keeps focus (WCAG 1.4.13). Held at the\n  // document so it works wherever the keystroke lands, and a scroll or resize\n  // under an open bubble re-anchors it rather than leaving it stranded.\n  useEffect(() => {\n    if (!open) return;\n    function onKeyDown(event: globalThis.KeyboardEvent) {\n      if (event.key === 'Escape') close();\n    }\n    document.addEventListener('keydown', onKeyDown);\n    window.addEventListener('resize', reposition);\n    // Capture: a scroll inside any ancestor moves the trigger too, and scroll\n    // events from those do not bubble to window.\n    window.addEventListener('scroll', reposition, true);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n      window.removeEventListener('resize', reposition);\n      window.removeEventListener('scroll', reposition, true);\n    };\n  }, [open, close, reposition]);\n\n  const body = label ?? content;\n  const empty = body === null || body === undefined || body === '';\n  if (disabled || empty) return children;\n\n  function openAfterDelay(element: HTMLElement) {\n    triggerRef.current = element;\n    cancelTimer();\n    timer.current = setTimeout(() => {\n      timer.current = null;\n      setOpen(true);\n    }, OPEN_DELAY_MS);\n  }\n\n  function openNow(element: HTMLElement) {\n    triggerRef.current = element;\n    cancelTimer();\n    setOpen(true);\n  }\n\n  const triggerDisabled = children.props.disabled === true;\n  const describedBy = open ? id : undefined;\n\n  const trigger = cloneElement(children, {\n    'aria-describedby': describedBy,\n    onMouseEnter: (event: ReactMouseEvent<HTMLElement>) => {\n      children.props.onMouseEnter?.(event);\n      openAfterDelay(event.currentTarget);\n    },\n    onMouseLeave: (event: ReactMouseEvent<HTMLElement>) => {\n      children.props.onMouseLeave?.(event);\n      close();\n    },\n    onFocus: (event: ReactFocusEvent<HTMLElement>) => {\n      children.props.onFocus?.(event);\n      openNow(event.currentTarget);\n    },\n    onBlur: (event: ReactFocusEvent<HTMLElement>) => {\n      children.props.onBlur?.(event);\n      close();\n    },\n  });\n\n  return (\n    <>\n      {/*\n        `display: contents` — the wrapper exists in the DOM but generates no\n        box, so it cannot disturb the trigger's own flex/grid placement. It is\n        here only to carry the describedby relationship at the trigger's parent\n        as well as on the trigger itself; the behaviour all lives on the cloned\n        child, which is what actually has a hover target.\n      */}\n      <span\n        className={`${styles.wrapper} ${className ?? ''}`}\n        aria-describedby={describedBy}\n        /*\n          A DISABLED trigger emits no pointer events at all, so handlers on the\n          cloned child can never fire and its tooltip could never open — which\n          is precisely the tooltip that matters, since it is the one explaining\n          WHY the control is disabled. When the child is disabled the wrapper\n          stops being `display: contents`, takes a box of its own, and carries\n          the hover itself. Focus is not mirrored here: a disabled control is\n          not focusable, so there is no focus to mirror.\n        */\n        data-disabled-trigger={triggerDisabled ? 'true' : undefined}\n        onMouseOver={triggerDisabled ? (event) => openNow(event.currentTarget) : undefined}\n        onMouseOut={triggerDisabled ? close : undefined}\n      >\n        {trigger}\n      </span>\n      {open\n        ? createPortal(\n            <div\n              ref={bubbleRef}\n              role=\"tooltip\"\n              id={id}\n              className={styles.bubble}\n              data-placement={position?.placement ?? placement}\n              style={{\n                // Inline, though the stylesheet says it too: `left`/`top`\n                // below are VIEWPORT coordinates, and they only mean that\n                // under `fixed`. The two travel together or the bubble lands\n                // somewhere arbitrary.\n                position: 'fixed',\n                left: position ? `${position.left}px` : '0px',\n                top: position ? `${position.top}px` : '0px',\n                // Hidden until measured, but still laid out — the measurement\n                // needs a real offsetWidth, and `visibility` gives one where\n                // `display: none` would not.\n                visibility: position ? 'visible' : 'hidden',\n              }}\n            >\n              <span className={styles.label}>{body}</span>\n              {shortcut ? <kbd className={styles.shortcut}>{shortcut}</kbd> : null}\n            </div>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n",".wrap {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.lineWrap {\n  width: 100%;\n}\n\n.head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--space-2);\n}\n\n.label {\n  font-size: var(--text-xs-size);\n  line-height: var(--text-xs-line);\n  color: var(--text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value {\n  flex: none;\n  font-family: var(--font-display);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--text-xs-size);\n  letter-spacing: var(--tracking-display);\n  color: var(--text-secondary);\n}\n\n.unknown {\n  font-family: var(--font-ui);\n  font-style: italic;\n  color: var(--status-unknown-fg);\n}\n\n.track {\n  width: 100%;\n  overflow: hidden;\n  background: var(--bg-active);\n}\n\n.bar {\n  height: 4px;\n  border-radius: var(--radius-full);\n}\n\n/* The 2px rule that sits under a header strip — square, full-bleed. */\n.line {\n  height: 2px;\n  border-radius: 0;\n  background: var(--border-subtle);\n}\n\n.fill {\n  height: 100%;\n  transition: width var(--duration-base) var(--ease-standard);\n}\n\n.accent {\n  background: var(--accent-500);\n}\n.neutral {\n  background: var(--status-neutral-solid);\n}\n.running {\n  background: var(--status-running-solid);\n}\n.warning {\n  background: var(--status-warning-solid);\n}\n.danger {\n  background: var(--status-danger-solid);\n}\n.engine {\n  background: var(--status-neutral-solid);\n}\n","/**\n * components/primitives/Meter.tsx — occupancy against a limit: context\n * window, daily spend against the cap, a plan's usage window.\n *\n * Two forms, one component:\n *   variant=\"line\"     the 2px full-width rule the design language puts\n *                      directly under a header strip. No text of its own —\n *                      wrap it in <Tooltip> and put the numbers beside it.\n *   variant=\"labelled\" a 4px bar with a label and a right-aligned\n *                      \"18k / 66k\" in the display face.\n *\n * Tone thresholds match the V1 context meter (amber >= 70%, danger >= 90%)\n * and are ALWAYS paired with the readable value, never color alone.\n * An unknown limit renders an honest empty track and the text \"unknown\" —\n * never a full bar, never zero (DESIGN.md §7).\n */\nimport type { ReactNode } from 'react';\nimport styles from './Meter.module.css';\n\nexport type MeterTone = 'accent' | 'neutral' | 'running' | 'warning' | 'danger' | 'engine';\n\nexport interface MeterProps {\n  /** Current value. null = genuinely unknown. */\n  value: number | null;\n  /** Limit. null/0 = unknown limit; the meter says so instead of guessing. */\n  max: number | null;\n  variant?: 'line' | 'labelled';\n  label?: ReactNode;\n  /** Right-aligned readout. Defaults to `value / max` formatted compactly. */\n  valueText?: ReactNode;\n  /** Force a tone; by default it is derived from the percentage. */\n  tone?: MeterTone;\n  /** For tone=\"engine\": the CSS color to paint the fill (an --engine-* var). */\n  engineColor?: string;\n  /** Accessible name when no visible label is rendered (the line variant). */\n  'aria-label'?: string;\n  className?: string;\n}\n\nfunction compact(n: number): string {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(n >= 10_000_000 ? 0 : 1)}m`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(n >= 10_000 ? 0 : 1)}k`;\n  return String(Math.round(n));\n}\n\nexport function toneForPercent(percent: number): MeterTone {\n  if (percent >= 90) return 'danger';\n  if (percent >= 70) return 'warning';\n  return 'accent';\n}\n\nexport function Meter({\n  value,\n  max,\n  variant = 'labelled',\n  label,\n  valueText,\n  tone,\n  engineColor,\n  className,\n  ...aria\n}: MeterProps) {\n  const known = value !== null && Number.isFinite(value) && max !== null && Number.isFinite(max) && max > 0;\n  const percent = known ? Math.min(100, Math.max(0, (value! / max!) * 100)) : 0;\n  const resolvedTone = tone ?? (known ? toneForPercent(percent) : 'neutral');\n  const readout = known ? (valueText ?? `${compact(value!)} / ${compact(max!)}`) : (valueText ?? 'unknown');\n\n  const track = (\n    <div\n      className={`${styles.track} ${variant === 'line' ? styles.line : styles.bar}`}\n      role=\"meter\"\n      aria-valuenow={known ? Math.round(percent) : undefined}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuetext={known ? `${Math.round(percent)}%` : 'unknown'}\n      {...aria}\n    >\n      <div\n        className={`${styles.fill} ${styles[resolvedTone]}`}\n        style={{\n          width: `${percent}%`,\n          ...(resolvedTone === 'engine' && engineColor ? { background: engineColor } : {}),\n        }}\n      />\n    </div>\n  );\n\n  if (variant === 'line') return <div className={`${styles.lineWrap} ${className ?? ''}`}>{track}</div>;\n\n  return (\n    <div className={`${styles.wrap} ${className ?? ''}`}>\n      {label || readout ? (\n        <div className={styles.head}>\n          {label ? <span className={styles.label}>{label}</span> : <span />}\n          <span className={`${styles.value} ${known ? '' : styles.unknown}`}>{readout}</span>\n        </div>\n      ) : null}\n      {track}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/core/web/public/next/assets/{MutationTokenDialog-DbSHPy3w.js → MutationTokenDialog-B9I4PAcp.js}

@@ -1,2 +1,2 @@
-import{a as e,n as t,o as n}from"./index-BMRIET7F.js";import{_ as r}from"./global-C4jfYHrj.js";import{t as i}from"./Dialog-Bn0CgEGz.js";var a=n(e(),1),o={body:`_body_1kukj_1`,form:`_form_1kukj_8`,label:`_label_1kukj_14`,inputRow:`_inputRow_1kukj_19`,input:`_input_1kukj_19`,reveal:`_reveal_1kukj_40`,error:`_error_1kukj_51`,actions:`_actions_1kukj_56`,cancel:`_cancel_1kukj_63`,submit:`_submit_1kukj_72`},s=t(),c=/^[a-f0-9]{64}$/;function l({open:e,onClose:t,onUnlocked:n,reason:l,tokenLabel:u=`Mutation token`,tokenHelp:d=`the mutation token ashlr serve printed`}){let{setToken:f}=r(),[p,m]=(0,a.useState)(``),[h,g]=(0,a.useState)(!1),[_,v]=(0,a.useState)(null),y=(0,a.useRef)(null),b=(0,a.useId)(),x=(0,a.useId)();function S(e){e.preventDefault();let r=p.trim();if(!c.test(r)){v(`Expected 64 hex characters — ${d}.`);return}f(r),m(``),v(null),t(),n?.()}return(0,s.jsxs)(i,{open:e,onClose:t,titleId:b,title:`Unlock actions`,initialFocusRef:y,children:[(0,s.jsxs)(`p`,{className:o.body,children:[l??`This action mutates the fleet and requires the dispatch token.`,` It is held in memory only, for this browser tab, and is cleared automatically after 20 minutes idle.`]}),(0,s.jsxs)(`form`,{onSubmit:S,className:o.form,noValidate:!0,children:[(0,s.jsx)(`label`,{htmlFor:x,className:o.label,children:u}),(0,s.jsxs)(`div`,{className:o.inputRow,children:[(0,s.jsx)(`input`,{ref:y,id:x,type:h?`text`:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,className:o.input,value:p,onChange:e=>m(e.target.value),"aria-invalid":_?!0:void 0,placeholder:`64 hex characters`}),(0,s.jsx)(`button`,{type:`button`,className:o.reveal,onClick:()=>g(e=>!e),"aria-pressed":h,children:h?`Hide`:`Show`})]}),_?(0,s.jsx)(`p`,{className:o.error,role:`alert`,children:_}):null,(0,s.jsxs)(`div`,{className:o.actions,children:[(0,s.jsx)(`button`,{type:`button`,className:o.cancel,onClick:t,children:`Cancel`}),(0,s.jsx)(`button`,{type:`submit`,className:o.submit,disabled:p.trim().length===0,children:`Unlock`})]})]})]})}export{l as t};
-//# sourceMappingURL=MutationTokenDialog-DbSHPy3w.js.map
+import{a as e,n as t,o as n}from"./index-CXgVQHek.js";import{_ as r}from"./global-DMWakEhP.js";import{t as i}from"./Dialog-nK15L1M0.js";var a=n(e(),1),o={body:`_body_1kukj_1`,form:`_form_1kukj_8`,label:`_label_1kukj_14`,inputRow:`_inputRow_1kukj_19`,input:`_input_1kukj_19`,reveal:`_reveal_1kukj_40`,error:`_error_1kukj_51`,actions:`_actions_1kukj_56`,cancel:`_cancel_1kukj_63`,submit:`_submit_1kukj_72`},s=t(),c=/^[a-f0-9]{64}$/;function l({open:e,onClose:t,onUnlocked:n,reason:l,tokenLabel:u=`Mutation token`,tokenHelp:d=`the mutation token ashlr serve printed`}){let{setToken:f}=r(),[p,m]=(0,a.useState)(``),[h,g]=(0,a.useState)(!1),[_,v]=(0,a.useState)(null),y=(0,a.useRef)(null),b=(0,a.useId)(),x=(0,a.useId)();function S(e){e.preventDefault();let r=p.trim();if(!c.test(r)){v(`Expected 64 hex characters — ${d}.`);return}f(r),m(``),v(null),t(),n?.()}return(0,s.jsxs)(i,{open:e,onClose:t,titleId:b,title:`Unlock actions`,initialFocusRef:y,children:[(0,s.jsxs)(`p`,{className:o.body,children:[l??`This action mutates the fleet and requires the dispatch token.`,` It is held in memory only, for this browser tab, and is cleared automatically after 20 minutes idle.`]}),(0,s.jsxs)(`form`,{onSubmit:S,className:o.form,noValidate:!0,children:[(0,s.jsx)(`label`,{htmlFor:x,className:o.label,children:u}),(0,s.jsxs)(`div`,{className:o.inputRow,children:[(0,s.jsx)(`input`,{ref:y,id:x,type:h?`text`:`password`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,className:o.input,value:p,onChange:e=>m(e.target.value),"aria-invalid":_?!0:void 0,placeholder:`64 hex characters`}),(0,s.jsx)(`button`,{type:`button`,className:o.reveal,onClick:()=>g(e=>!e),"aria-pressed":h,children:h?`Hide`:`Show`})]}),_?(0,s.jsx)(`p`,{className:o.error,role:`alert`,children:_}):null,(0,s.jsxs)(`div`,{className:o.actions,children:[(0,s.jsx)(`button`,{type:`button`,className:o.cancel,onClick:t,children:`Cancel`}),(0,s.jsx)(`button`,{type:`submit`,className:o.submit,disabled:p.trim().length===0,children:`Unlock`})]})]})]})}export{l as t};
+//# sourceMappingURL=MutationTokenDialog-B9I4PAcp.js.map

package/dist/core/web/public/next/assets/{MutationTokenDialog-DbSHPy3w.js.map → MutationTokenDialog-B9I4PAcp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MutationTokenDialog-DbSHPy3w.js","names":[],"sources":["../../../../../../src/web-ui/components/auth/MutationTokenDialog.module.css","../../../../../../src/web-ui/components/auth/MutationTokenDialog.tsx"],"sourcesContent":[".body {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n  margin-bottom: var(--space-4);\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.label {\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n}\n\n.inputRow {\n  display: flex;\n  gap: var(--space-2);\n}\n\n.input {\n  flex: 1;\n  padding: var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  background: var(--bg-input);\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n  min-width: 0;\n}\n\n.input:focus-visible {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.reveal {\n  padding: 0 var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n.reveal:hover {\n  background: var(--bg-hover);\n}\n\n.error {\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--space-2);\n  margin-top: var(--space-3);\n}\n\n.cancel {\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-md);\n  color: var(--text-secondary);\n}\n.cancel:hover {\n  background: var(--bg-hover);\n}\n\n.submit {\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-md);\n  background: var(--accent-500);\n  color: var(--text-on-accent);\n  font-weight: var(--font-weight-medium);\n}\n.submit:hover:not(:disabled) {\n  background: var(--accent-600);\n}\n.submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","/**\n * components/auth/MutationTokenDialog.tsx — replaces window.prompt() for\n * the mutation token (foundation brief item 5, the \"biggest reason\n * operators abandon the UI for the CLI\" finding). A focus-managed dialog\n * instead of a blocking native prompt, and a session-scoped hold (see\n * auth-store.ts) so approving 12 proposals is one paste, not twelve.\n *\n * The token is NEVER written to localStorage/sessionStorage/cookies — only\n * held in an in-memory module variable in auth-store.ts, cleared on tab\n * close, idle timeout, or the explicit \"Lock\" action here.\n */\nimport { useId, useRef, useState, type FormEvent } from 'react';\nimport { Dialog } from '../primitives/Dialog.js';\nimport { useMutationHold } from '../../data/hooks.js';\nimport styles from './MutationTokenDialog.module.css';\n\nconst TOKEN_RE = /^[a-f0-9]{64}$/;\n\nexport interface MutationTokenDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onUnlocked?: () => void;\n  /** Human context for why the token is being requested right now. */\n  reason?: string;\n  /** Scoped consoles can name their own startup token without changing the hold. */\n  tokenLabel?: string;\n  tokenHelp?: string;\n}\n\nexport function MutationTokenDialog({ open, onClose, onUnlocked, reason, tokenLabel = 'Mutation token',\n  tokenHelp = 'the mutation token ashlr serve printed' }: MutationTokenDialogProps) {\n  const { setToken } = useMutationHold();\n  const [value, setValue] = useState('');\n  const [reveal, setReveal] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const titleId = useId();\n  const inputId = useId();\n\n  function submit(e: FormEvent) {\n    e.preventDefault();\n    const trimmed = value.trim();\n    if (!TOKEN_RE.test(trimmed)) {\n      setError(`Expected 64 hex characters — ${tokenHelp}.`);\n      return;\n    }\n    setToken(trimmed);\n    setValue('');\n    setError(null);\n    onClose();\n    onUnlocked?.();\n  }\n\n  return (\n    <Dialog open={open} onClose={onClose} titleId={titleId} title=\"Unlock actions\" initialFocusRef={inputRef}>\n      <p className={styles.body}>\n        {reason ?? 'This action mutates the fleet and requires the dispatch token.'} It is held in\n        memory only, for this browser tab, and is cleared automatically after 20 minutes idle.\n      </p>\n      <form onSubmit={submit} className={styles.form} noValidate>\n        <label htmlFor={inputId} className={styles.label}>\n          {tokenLabel}\n        </label>\n        <div className={styles.inputRow}>\n          <input\n            ref={inputRef}\n            id={inputId}\n            type={reveal ? 'text' : 'password'}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            className={styles.input}\n            value={value}\n            onChange={(e) => setValue(e.target.value)}\n            aria-invalid={error ? true : undefined}\n            placeholder=\"64 hex characters\"\n          />\n          <button\n            type=\"button\"\n            className={styles.reveal}\n            onClick={() => setReveal((r) => !r)}\n            aria-pressed={reveal}\n          >\n            {reveal ? 'Hide' : 'Show'}\n          </button>\n        </div>\n        {error ? (\n          <p className={styles.error} role=\"alert\">\n            {error}\n          </p>\n        ) : null}\n        <div className={styles.actions}>\n          <button type=\"button\" className={styles.cancel} onClick={onClose}>\n            Cancel\n          </button>\n          <button type=\"submit\" className={styles.submit} disabled={value.trim().length === 0}>\n            Unlock\n          </button>\n        </div>\n      </form>\n    </Dialog>\n  );\n}\n"],"mappings":"2ZCgBM,EAAW,iBAajB,SAAgB,EAAoB,CAAE,OAAM,UAAS,aAAY,SAAQ,aAAa,iBACpF,YAAY,0CAAsE,CAClF,GAAM,CAAE,YAAa,EAAgB,EAC/B,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAS,EAAE,EAC/B,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAS,EAAK,EACpC,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAwB,IAAI,EAChD,GAAA,EAAW,EAAA,OAAA,CAAyB,IAAI,EACxC,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,GAAA,EAAU,EAAA,MAAA,CAAM,EAEtB,SAAS,EAAO,EAAc,CAC5B,EAAE,eAAe,EACjB,IAAM,EAAU,EAAM,KAAK,EAC3B,GAAI,CAAC,EAAS,KAAK,CAAO,EAAG,CAC3B,EAAS,gCAAgC,EAAU,EAAE,EACrD,MACF,CACA,EAAS,CAAO,EAChB,EAAS,EAAE,EACX,EAAS,IAAI,EACb,EAAQ,EACR,IAAa,CACf,CAEA,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAc,OAAe,UAAkB,UAAS,MAAM,iBAAiB,gBAAiB,EAAhG,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,KAArB,SAAA,CACG,GAAU,iEAAiE,uGAE3E,CACH,CAAA,GAAA,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,SAAU,EAAQ,UAAW,EAAO,KAAM,WAAA,GAAhD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAO,MACxC,SAAA,CACI,CAAA,GACP,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,SAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAM,EAAS,OAAS,WACxB,aAAa,MACb,YAAY,MACZ,WAAY,GACZ,UAAW,EAAO,MACX,QACP,SAAW,GAAM,EAAS,EAAE,OAAO,KAAK,EACxC,eAAc,EAAQ,GAAO,IAAA,GAC7B,YAAY,mBACb,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,OAClB,YAAe,EAAW,GAAM,CAAC,CAAC,EAClC,eAAc,EAEb,SAAA,EAAS,OAAS,MACb,CAAA,CACL,IACJ,GACC,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,KAAK,QAC9B,SAAA,CACA,CAAA,EACD,MACJ,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,QAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,OAAQ,QAAS,EAAS,SAAA,QAE1D,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,OAAQ,SAAU,EAAM,KAAK,CAAC,CAAC,SAAW,EAAG,SAAA,QAE7E,CAAA,CACL,GACD,CACA,CAAA,CAAA,GAEZ"}
+{"version":3,"file":"MutationTokenDialog-B9I4PAcp.js","names":[],"sources":["../../../../../../src/web-ui/components/auth/MutationTokenDialog.module.css","../../../../../../src/web-ui/components/auth/MutationTokenDialog.tsx"],"sourcesContent":[".body {\n  font-size: var(--text-sm-size);\n  line-height: var(--text-sm-line);\n  color: var(--text-secondary);\n  margin-bottom: var(--space-4);\n}\n\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.label {\n  font-size: var(--text-sm-size);\n  font-weight: var(--font-weight-medium);\n}\n\n.inputRow {\n  display: flex;\n  gap: var(--space-2);\n}\n\n.input {\n  flex: 1;\n  padding: var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  background: var(--bg-input);\n  font-family: var(--font-mono);\n  font-size: var(--text-sm-size);\n  min-width: 0;\n}\n\n.input:focus-visible {\n  border-color: var(--border-focus);\n  box-shadow: var(--shadow-focus-ring);\n}\n\n.reveal {\n  padding: 0 var(--space-3);\n  border-radius: var(--radius-md);\n  border: 1px solid var(--border-default);\n  font-size: var(--text-sm-size);\n  color: var(--text-secondary);\n}\n.reveal:hover {\n  background: var(--bg-hover);\n}\n\n.error {\n  color: var(--status-danger-fg);\n  font-size: var(--text-sm-size);\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--space-2);\n  margin-top: var(--space-3);\n}\n\n.cancel {\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-md);\n  color: var(--text-secondary);\n}\n.cancel:hover {\n  background: var(--bg-hover);\n}\n\n.submit {\n  padding: var(--space-2) var(--space-4);\n  border-radius: var(--radius-md);\n  background: var(--accent-500);\n  color: var(--text-on-accent);\n  font-weight: var(--font-weight-medium);\n}\n.submit:hover:not(:disabled) {\n  background: var(--accent-600);\n}\n.submit:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","/**\n * components/auth/MutationTokenDialog.tsx — replaces window.prompt() for\n * the mutation token (foundation brief item 5, the \"biggest reason\n * operators abandon the UI for the CLI\" finding). A focus-managed dialog\n * instead of a blocking native prompt, and a session-scoped hold (see\n * auth-store.ts) so approving 12 proposals is one paste, not twelve.\n *\n * The token is NEVER written to localStorage/sessionStorage/cookies — only\n * held in an in-memory module variable in auth-store.ts, cleared on tab\n * close, idle timeout, or the explicit \"Lock\" action here.\n */\nimport { useId, useRef, useState, type FormEvent } from 'react';\nimport { Dialog } from '../primitives/Dialog.js';\nimport { useMutationHold } from '../../data/hooks.js';\nimport styles from './MutationTokenDialog.module.css';\n\nconst TOKEN_RE = /^[a-f0-9]{64}$/;\n\nexport interface MutationTokenDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onUnlocked?: () => void;\n  /** Human context for why the token is being requested right now. */\n  reason?: string;\n  /** Scoped consoles can name their own startup token without changing the hold. */\n  tokenLabel?: string;\n  tokenHelp?: string;\n}\n\nexport function MutationTokenDialog({ open, onClose, onUnlocked, reason, tokenLabel = 'Mutation token',\n  tokenHelp = 'the mutation token ashlr serve printed' }: MutationTokenDialogProps) {\n  const { setToken } = useMutationHold();\n  const [value, setValue] = useState('');\n  const [reveal, setReveal] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const titleId = useId();\n  const inputId = useId();\n\n  function submit(e: FormEvent) {\n    e.preventDefault();\n    const trimmed = value.trim();\n    if (!TOKEN_RE.test(trimmed)) {\n      setError(`Expected 64 hex characters — ${tokenHelp}.`);\n      return;\n    }\n    setToken(trimmed);\n    setValue('');\n    setError(null);\n    onClose();\n    onUnlocked?.();\n  }\n\n  return (\n    <Dialog open={open} onClose={onClose} titleId={titleId} title=\"Unlock actions\" initialFocusRef={inputRef}>\n      <p className={styles.body}>\n        {reason ?? 'This action mutates the fleet and requires the dispatch token.'} It is held in\n        memory only, for this browser tab, and is cleared automatically after 20 minutes idle.\n      </p>\n      <form onSubmit={submit} className={styles.form} noValidate>\n        <label htmlFor={inputId} className={styles.label}>\n          {tokenLabel}\n        </label>\n        <div className={styles.inputRow}>\n          <input\n            ref={inputRef}\n            id={inputId}\n            type={reveal ? 'text' : 'password'}\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck={false}\n            className={styles.input}\n            value={value}\n            onChange={(e) => setValue(e.target.value)}\n            aria-invalid={error ? true : undefined}\n            placeholder=\"64 hex characters\"\n          />\n          <button\n            type=\"button\"\n            className={styles.reveal}\n            onClick={() => setReveal((r) => !r)}\n            aria-pressed={reveal}\n          >\n            {reveal ? 'Hide' : 'Show'}\n          </button>\n        </div>\n        {error ? (\n          <p className={styles.error} role=\"alert\">\n            {error}\n          </p>\n        ) : null}\n        <div className={styles.actions}>\n          <button type=\"button\" className={styles.cancel} onClick={onClose}>\n            Cancel\n          </button>\n          <button type=\"submit\" className={styles.submit} disabled={value.trim().length === 0}>\n            Unlock\n          </button>\n        </div>\n      </form>\n    </Dialog>\n  );\n}\n"],"mappings":"2ZCgBM,EAAW,iBAajB,SAAgB,EAAoB,CAAE,OAAM,UAAS,aAAY,SAAQ,aAAa,iBACpF,YAAY,0CAAsE,CAClF,GAAM,CAAE,YAAa,EAAgB,EAC/B,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAS,EAAE,EAC/B,CAAC,EAAQ,IAAA,EAAa,EAAA,SAAA,CAAS,EAAK,EACpC,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAwB,IAAI,EAChD,GAAA,EAAW,EAAA,OAAA,CAAyB,IAAI,EACxC,GAAA,EAAU,EAAA,MAAA,CAAM,EAChB,GAAA,EAAU,EAAA,MAAA,CAAM,EAEtB,SAAS,EAAO,EAAc,CAC5B,EAAE,eAAe,EACjB,IAAM,EAAU,EAAM,KAAK,EAC3B,GAAI,CAAC,EAAS,KAAK,CAAO,EAAG,CAC3B,EAAS,gCAAgC,EAAU,EAAE,EACrD,MACF,CACA,EAAS,CAAO,EAChB,EAAS,EAAE,EACX,EAAS,IAAI,EACb,EAAQ,EACR,IAAa,CACf,CAEA,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAc,OAAe,UAAkB,UAAS,MAAM,iBAAiB,gBAAiB,EAAhG,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAW,EAAO,KAArB,SAAA,CACG,GAAU,iEAAiE,uGAE3E,CACH,CAAA,GAAA,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,SAAU,EAAQ,UAAW,EAAO,KAAM,WAAA,GAAhD,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAO,MACxC,SAAA,CACI,CAAA,GACP,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,SAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAM,EAAS,OAAS,WACxB,aAAa,MACb,YAAY,MACZ,WAAY,GACZ,UAAW,EAAO,MACX,QACP,SAAW,GAAM,EAAS,EAAE,OAAO,KAAK,EACxC,eAAc,EAAQ,GAAO,IAAA,GAC7B,YAAY,mBACb,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAO,OAClB,YAAe,EAAW,GAAM,CAAC,CAAC,EAClC,eAAc,EAEb,SAAA,EAAS,OAAS,MACb,CAAA,CACL,IACJ,GACC,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAO,MAAO,KAAK,QAC9B,SAAA,CACA,CAAA,EACD,MACJ,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAO,QAAvB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,OAAQ,QAAS,EAAS,SAAA,QAE1D,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,KAAK,SAAS,UAAW,EAAO,OAAQ,SAAU,EAAM,KAAK,CAAC,CAAC,SAAW,EAAG,SAAA,QAE7E,CAAA,CACL,GACD,CACA,CAAA,CAAA,GAEZ"}