@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/ask-dictation-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-dictation-flow.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useMemo, useRef } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { DICTATION_PEAK_COUNT } from '@withpotter/hooks/use-dictation';\nimport { durations, eases } from '@withpotter/lib/motion';\nimport type { VoiceModeState } from '@withpotter/hooks/use-voice-mode';\n\n/**\n * The conversation, drawn along one curve.\n *\n * PORTED FROM WISPR FLOW'S HERO, whose mechanism is `<textPath>` riding a\n * looping bezier — read off their DOM: five `<textPath href=\"#curve…\">`\n * elements on paths whose `d` spirals back across itself. Words follow the\n * curve because the curve is their baseline, not because anything is rotated\n * per-character.\n *\n * WHAT THIS ADDS, AND IT IS THE WHOLE IDEA: the SAME path carries every state\n * of the exchange. Listening, the stretch behind the head is TEXT — what has\n * been recognised — and the stretch ahead of it is WAVEFORM, sound that has not\n * become words yet. Speaking, the same path carries POTTER'S reply, lit word by\n * word as the synthesiser reaches each one. So one line holds both halves of a\n * conversation, and the animation is never a decoration playing beside a\n * transcript: it is a picture of the actual conversion, in whichever direction\n * it is currently running.\n *\n * ── WHAT WAS WRONG WITH THE FIRST PASS, and it was not a design problem ──\n *\n * THE LOOP WENT THROUGH REACT. `setBars()` was called inside `requestAnimation\n * Frame`, so this component re-rendered sixty times a second and reconciled\n * forty-eight `<line>` elements each time — while the hook feeding it had\n * deliberately put its peaks in a ref, with a docblock explaining that twenty\n * setStates a second was already too many. The animation defeated the one\n * optimisation its own data source was built around, and the jank read as the\n * feature being cheap rather than as a bug.\n *\n * The fix is the same discipline the hook already applied: the lines are\n * created ONCE, held in a ref array, and the loop mutates their coordinates\n * directly. React renders this component when the STATE changes — four times in\n * a conversation — and never for a frame.\n *\n * NOTHING ANNOUNCED ITSELF OR LEFT. It appeared and vanished on a boolean, so a\n * surface built entirely out of motion arrived without any. The curve now draws\n * itself in, and on the way out the words leave before the line does.\n *\n * THE HEAD WAS INVISIBLE. The boundary between sound and words is the single\n * most important point in this graphic and nothing marked it, so the bars\n * looked like they were merely near the text rather than arriving at it.\n *\n * LONG SENTENCES CLIPPED. Past the path's length the transcript simply ran out\n * of curve and disappeared. It now slides backwards along the path as it grows,\n * so the head stays put and the sentence travels — which is also the only\n * version that keeps room for the waveform in front of it.\n *\n * WHY IT IS NOT IN THE BAR. A 44px field cannot hold a curve that loops back on\n * itself, and shrinking one to fit turns it into a squiggle. It renders where\n * the suggestions do, under the bar — the board is already faded out at that\n * point, so the space is free and the eye is already there.\n *\n * The bars are placed with `getPointAtLength`, so they sit ON the curve and\n * perpendicular to it rather than in a straight strip pretending. That is the\n * one part that cannot be faked: a straight waveform next to a curved sentence\n * reads as two unrelated graphics.\n */\n\n/**\n * The curve. A wide serpentine, and it is NOT the spiral it started as.\n *\n * Wispr's own path loops back across itself, and copying that shape broke the\n * moment the waveform was laid on it: a loop with a ~30px radius carrying 15px\n * bars puts the bars on top of each other, so the tightest part of the curve —\n * the part that made it interesting — rendered as a knot of scribble. Widening\n * the loop only moved the knot.\n *\n * The loop was never what read as flow; the CONTINUOUS CURVE was. A serpentine\n * keeps every radius large enough for a perpendicular bar to stand clear, and\n * still gives a long sentence somewhere to travel — a straight baseline of the\n * same visual width holds about a third as many words before the type has to\n * shrink.\n */\nconst CURVE = 'M 14 178 C 104 92 206 66 318 112 C 430 158 520 150 628 56';\n\n/** Bar geometry along the path, in user units. */\nconst BAR_GAP = 8;\nconst BAR_MAX = 13;\n/** Clearance between the last word and the first bar. */\nconst HEAD_GAP = 10;\n/**\n * Curve reserved AHEAD of the head for the waveform, whatever the transcript is\n * doing. Without a floor here a long sentence pushes the head to the end of the\n * path and the bars have nowhere to stand — the strip silently disappears\n * exactly when someone is talking most.\n */\nconst RUNWAY = 132;\n/** The last stretch of the endpoint window, over which the head ring closes. */\nconst SETTLE_MS = 1200;\n/**\n * Where along the curve the spoken word sits while Box is talking, as a\n * fraction of the path. Far enough in that what has been said is readable\n * behind it, far enough back that what is coming has somewhere to be.\n */\nconst SPEAK_ANCHOR = 0.42;\n\nexport function AskDictationFlow({\n  /** Live levels, 0..1, mutated in place by the recogniser. */\n  peaksRef,\n  /** Everything recognised so far. Rides the curve behind the head. */\n  transcript,\n  /**\n   * Which half of the conversation is running. Defaults to `listening` so the\n   * plain dictation caller does not have to know voice mode exists.\n   */\n  state = 'listening',\n  /** What Box is saying, and how far the voice has got through it. */\n  spoken = '',\n  spokenChars = 0,\n  /** When silence will be taken as the end of the sentence, from voice mode. */\n  endpointAt = null,\n}: {\n  peaksRef: { current: number[] };\n  transcript: string;\n  state?: VoiceModeState;\n  spoken?: string;\n  spokenChars?: number;\n  endpointAt?: number | null;\n}) {\n  const uid = useId().replace(/:/g, '');\n  const pathId = `flowcurve-${uid}`;\n  const pathRef = useRef<SVGPathElement | null>(null);\n  const textRef = useRef<SVGTextElement | null>(null);\n  const textPathRef = useRef<SVGTextPathElement | null>(null);\n  /** The spoken run, measured every frame to place the head mid-sentence. */\n  const litRef = useRef<SVGTSpanElement | null>(null);\n  /** Whether the synthesiser has reported a word yet. Position, not colour. */\n  const boundaryRef = useRef(false);\n  const headRef = useRef<SVGCircleElement | null>(null);\n  const ringRef = useRef<SVGCircleElement | null>(null);\n  /** The forty-eight lines, created once and mutated forever after. */\n  const barsRef = useRef<(SVGLineElement | null)[]>([]);\n  /**\n   * Read inside the frame loop, which is attached once. Without these the loop\n   * would have to live in an effect keyed on every prop, tearing down and\n   * rebuilding a `requestAnimationFrame` chain while someone is mid-sentence.\n   */\n  const stateRef = useRef(state);\n  const endpointRef = useRef(endpointAt);\n  // In an effect, never during render: a ref written while rendering is a\n  // mutation React has not been told about. No dependency array — these have to\n  // track every render, and the only reader is a frame loop that starts after\n  // the first one.\n  useEffect(() => {\n    stateRef.current = state;\n    endpointRef.current = endpointAt;\n    boundaryRef.current = spokenChars > 0;\n  });\n\n  const reduce = useReducedMotion() ?? false;\n\n  /**\n   * Box's reply, split at the word currently being spoken.\n   *\n   * `spokenChars` of 0 means the engine has not reported a boundary — Safari's\n   * is patchy — and the honest reading of that is \"no idea yet\", NOT \"nothing\n   * has been said\". So the whole sentence renders as spoken rather than sitting\n   * there greyed out while it is plainly being read aloud.\n   */\n  const said = useMemo(() => {\n    if (!spoken) return { lit: '', rest: '' };\n    if (spokenChars <= 0) return { lit: spoken, rest: '' };\n    const at = Math.min(spokenChars, spoken.length);\n    return { lit: spoken.slice(0, at), rest: spoken.slice(at) };\n  }, [spoken, spokenChars]);\n\n  const speaking = state === 'speaking';\n  const words = speaking ? spoken : transcript;\n\n  useEffect(() => {\n    const path = pathRef.current;\n    if (!path) return;\n    const total = path.getTotalLength();\n    let raf = 0;\n\n    const draw = () => {\n      raf = requestAnimationFrame(draw);\n\n      /**\n       * Where the words end is where the bars begin. Measured off the RENDERED\n       * text rather than guessed from character count: a proportional face\n       * makes \"Amaka Nwosu\" and \"iiiii iiiii\" wildly different lengths, and\n       * guessing would let the waveform overlap its own transcript.\n       */\n      const used = textRef.current?.getComputedTextLength() ?? 0;\n      const talking = stateRef.current === 'speaking';\n\n      /**\n       * THE HEAD IS THE LIVE EDGE, AND THE LIVE EDGE IS NOT THE SAME THING IN\n       * BOTH DIRECTIONS. This was the bug that only a screenshot could find.\n       *\n       * Listening, the live edge is the end of the transcript: words appear\n       * there, sound arrives just ahead of it. Speaking, the end of the reply is\n       * the part that has NOT been said yet — the live edge is the word being\n       * spoken, somewhere in the middle. The first version pinned the head to\n       * the end of the text either way, so a reply longer than the curve slid\n       * left to keep its END in view and pushed the lit words off the left edge.\n       * Every screenshot of a long answer showed a fully grey sentence: the\n       * word-by-word lighting, which is the whole reason `onboundary` is wired\n       * up, was invisible in exactly the case it was built for.\n       */\n      /**\n       * `boundaryRef` and not the lit run's own width, and this is the second\n       * bug only a measurement caught. When an engine has not reported a word\n       * yet, `said` deliberately colours the WHOLE reply as spoken — \"no idea\n       * yet\" must not render as \"nothing said\". Reusing that for POSITION put\n       * the head at the end of the sentence for the first frames and then\n       * snapped it to the start the instant a boundary arrived: `startOffset`\n       * jumped from -583 to 0 in a single frame, the whole reply lurching\n       * sideways on the first syllable. Colour falls back; position does not.\n       */\n      const lit = talking\n        ? boundaryRef.current\n          ? (litRef.current?.getComputedTextLength() ?? 0)\n          : 0\n        : used;\n      const head = Math.min(lit + HEAD_GAP, total - RUNWAY);\n\n      /**\n       * Negative once the words outgrow their runway, which slides the text\n       * backwards along the path so the live edge holds still and the sentence\n       * travels past it. The alternative — let the head advance — walks the\n       * boundary off the end of the curve and clips the words.\n       *\n       * Speaking, this reads as a teleprompter: the word being said sits in one\n       * place and the reply scrolls through it. That is also why the anchor is\n       * further back for speech than for listening — the unsaid half has to have\n       * somewhere to be, where a transcript only ever needs room for the\n       * waveform.\n       */\n      const anchor = talking ? Math.min(head, total * SPEAK_ANCHOR) : head;\n      const offset = Math.min(0, anchor - HEAD_GAP - lit);\n      textPathRef.current?.setAttribute('startOffset', String(offset));\n\n      const p = path.getPointAtLength(anchor);\n      const dot = headRef.current;\n      dot?.setAttribute('cx', String(p.x));\n      dot?.setAttribute('cy', String(p.y));\n      // Breathing, and only while talking. It is the one moving thing left on\n      // the curve in that state, and it moves because there is genuinely\n      // something happening rather than to fill the silence.\n      dot?.setAttribute(\n        'r',\n        String(talking ? 3.2 + 1.1 * Math.sin(performance.now() / 240) : 2.5),\n      );\n\n      /**\n       * The silence closing, drawn where the eye already is.\n       *\n       * A ring that shrinks onto the head over the last stretch of the endpoint\n       * window. It is the visible half of the promise voice mode makes — that\n       * the commit is never a surprise — and drawing it here rather than\n       * somewhere on the bar means it is in the same place as the words it is\n       * about to send.\n       */\n      const ring = ringRef.current;\n      if (ring) {\n        const until = endpointRef.current;\n        const left = until ? until - Date.now() : Infinity;\n        const closing = left < SETTLE_MS && stateRef.current === 'listening';\n        ring.setAttribute('cx', String(p.x));\n        ring.setAttribute('cy', String(p.y));\n        ring.setAttribute(\n          'r',\n          String(closing ? 4 + (Math.max(0, left) / SETTLE_MS) * 12 : 0),\n        );\n        ring.setAttribute('opacity', String(closing ? 0.55 : 0));\n      }\n\n      /**\n       * The waveform, or Box's own breath.\n       *\n       * Listening, these are real microphone levels. SPEAKING, the microphone is\n       * closed — deliberately, so the recogniser cannot hear the synthesiser —\n       * so there is nothing to measure, and this is the one place in the whole\n       * feature where a curve is drawn rather than sampled. It is a slow\n       * standing wave, not a fake voice trace: it does not pretend to be\n       * anybody's amplitude, it just says the line is still live while the\n       * other side is talking. The bars are half height for the same reason.\n       */\n      const peaks = peaksRef.current;\n      const bars = barsRef.current;\n      const now = performance.now();\n      const t = stateRef.current;\n\n      let i = 0;\n      let idx = peaks.length - 1;\n      /**\n       * NO WAVEFORM WHILE POTTER TALKS. The microphone is closed then — it has\n       * to be, or the recogniser hears the synthesiser — so there is nothing to\n       * sample, and the bars drawn there were the one invented thing in a\n       * graphic whose whole argument is that it never invents. They also could\n       * not be placed: after the head they cut through words not yet said, and\n       * after the text they fall off the end of the curve for any reply longer\n       * than it, which is most of them. So the life moves to the head, which is\n       * where the eye already is because it is the word being spoken.\n       */\n      const barsFrom = talking ? total : anchor + HEAD_GAP;\n      for (let l = barsFrom; l < total && i < bars.length; l += BAR_GAP) {\n        const line = bars[i];\n        i++;\n        if (!line) continue;\n        const q = path.getPointAtLength(l);\n        const r = path.getPointAtLength(Math.min(l + 1, total));\n        const dx = r.x - q.x;\n        const dy = r.y - q.y;\n        const len = Math.hypot(dx, dy) || 1;\n        // Perpendicular = the tangent rotated a quarter turn.\n        const nx = -dy / len;\n        const ny = dx / len;\n\n        let level: number;\n        if (t === 'thinking') {\n          // A pulse travelling away from the head: the question has been sent.\n          level = 0.1 + 0.3 * Math.max(0, Math.sin(now / 200 - i / 2.2));\n        } else {\n          // Newest peak at the head, older ones running forward along the\n          // curve — so sound arrives at the boundary and travels away from the\n          // words, the direction every voice UI has taught people to read.\n          level = idx >= 0 ? (peaks[idx] ?? 0) : 0;\n          idx--;\n        }\n\n        const h = Math.max(0.75, level * BAR_MAX);\n        line.setAttribute('x1', String(q.x - nx * h));\n        line.setAttribute('y1', String(q.y - ny * h));\n        line.setAttribute('x2', String(q.x + nx * h));\n        line.setAttribute('y2', String(q.y + ny * h));\n        line.setAttribute('opacity', '1');\n      }\n      // Whatever the transcript left no room for. Hidden rather than collapsed\n      // to a point, which would leave forty-eight dots sitting on the curve.\n      for (; i < bars.length; i++) bars[i]?.setAttribute('opacity', '0');\n    };\n\n    raf = requestAnimationFrame(draw);\n    return () => cancelAnimationFrame(raf);\n  }, [peaksRef]);\n\n  return (\n    <motion.svg\n      /* Cropped to what is actually drawn — the curve runs y 56..178 and a\n         full-height bar reaches 26 past it, so the old 0..230 box shipped\n         about forty pixels of nothing at each end. On a `w-full` SVG that\n         empty box is real page height: it pushed the curve down away from the\n         bar it belongs to and left a hole between them. */\n      viewBox=\"0 22 640 186\"\n      className=\"pointer-events-none w-full select-none\"\n      aria-hidden\n      // The transcript is announced by the input it is filling, which is a real\n      // form control, and Box's reply is announced by the thread. Announcing\n      // either here would read the sentence twice.\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={{ duration: durations.fast, ease: eases.out }}\n    >\n      <path id={pathId} ref={pathRef} d={CURVE} fill=\"none\" stroke=\"none\" />\n\n      {/* The curve itself, faint: without it the words look like they are\n          floating at random angles rather than following something.\n\n          `--border-default`, NOT `--border-subtle`. Subtle is 5% white in dark\n          mode, and a 1px line at 5% over this ground is not faint, it is\n          absent — every screenshot came back with words and bars floating on\n          nothing, which is the exact failure the line exists to prevent.\n\n          It DRAWS ITSELF IN, which is the arrival this surface never had. A\n          dash the length of the path with its offset animated to zero is the\n          one way to do this that survives the path changing shape later —\n          nothing here hardcodes a length. Skipped under reduced motion, where a\n          line that paints itself is exactly the kind of motion being declined,\n          and the line simply exists. */}\n      <motion.path\n        d={CURVE}\n        fill=\"none\"\n        stroke=\"var(--border-default)\"\n        strokeWidth=\"1\"\n        pathLength={1}\n        initial={reduce ? false : { pathLength: 0, opacity: 0 }}\n        animate={{ pathLength: 1, opacity: 1 }}\n        transition={{ duration: durations.slow, ease: eases.out }}\n      />\n\n      <text\n        ref={textRef}\n        className={\n          speaking\n            ? 'fill-brand-500 text-sm font-medium'\n            : 'fill-[var(--text-primary)] text-sm font-medium'\n        }\n        style={{ fontSize: 15 }}\n      >\n        <textPath ref={textPathRef} href={`#${pathId}`} startOffset=\"0\">\n          {speaking ? (\n            <>\n              {/* Two runs on ONE textPath, not two texts on two paths. tspans\n                  flow along the path exactly as the parent does, so the split\n                  costs nothing in layout and the sentence stays one sentence —\n                  which is what makes the lit part advance through it rather\n                  than a highlight sliding over it. */}\n              <tspan ref={litRef} className=\"fill-brand-500\">\n                {said.lit}\n              </tspan>\n              <tspan className=\"fill-[var(--text-tertiary)]\">{said.rest}</tspan>\n            </>\n          ) : (\n            transcript\n          )}\n        </textPath>\n      </text>\n\n      {/* THE HEAD: where sound becomes words. The ring is the silence closing;\n          the dot is the boundary itself. Both are mutated by the loop, so\n          neither costs a render. */}\n      <circle\n        ref={ringRef}\n        r=\"0\"\n        fill=\"none\"\n        stroke=\"var(--brand-500)\"\n        strokeWidth=\"1\"\n        opacity=\"0\"\n      />\n      <circle\n        ref={headRef}\n        r=\"2.5\"\n        className={speaking ? 'fill-brand-500' : 'fill-[var(--text-primary)]'}\n        opacity={words ? 1 : 0.35}\n      />\n\n      <g\n        stroke={speaking ? 'var(--brand-500)' : 'var(--text-tertiary)'}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      >\n        {/* Created once. The loop never adds or removes one of these — it only\n            moves them — which is the entire reason this component no longer\n            renders per frame. */}\n        {Array.from({ length: DICTATION_PEAK_COUNT }, (_, n) => (\n          <line\n            key={n}\n            ref={(el) => {\n              barsRef.current[n] = el;\n            }}\n            opacity=\"0\"\n          />\n        ))}\n      </g>\n    </motion.svg>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/home/ask-glow.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The six rings that bloom around the ask bar on focus.
+ *
+ * Split out of `home-ask` when that file crossed the 500-line rule. It is the
+ * right seam: this is pure decoration with no state, no handlers and no
+ * knowledge of what the bar does — the only thing it shares with its parent is
+ * the corner radius, and that comes from a token rather than a prop.
+ *
+ * THE GLOW IS SIX STACKED LAYERS, not a shadow and not a gradient border:
+ *
+ *   padding  1px   inset -0.5px   blur  2px   opacity 0.78
+ *   padding  2px   inset -1px     blur  4px   opacity 0.34
+ *   padding  4px   inset -2px     blur  8px   opacity 0.28
+ *   padding  6px   inset -3px     blur 11px   opacity 0.09
+ *   padding 10px   inset -5px     blur 18px   opacity 0.09
+ *   padding 14px   inset -7px     blur 24px   opacity 0.09
+ *
+ * Stacked, they make a tight bright edge falling off into a wide soft halo. The
+ * falloff is the point, and it is what six opacities buy that one blurred ring
+ * cannot.
+ *
+ */
+export declare function AskGlow(): import("react").JSX.Element;

package/dist/dashboard/home/ask-glow.js

@@ -0,0 +1,51 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+const GLOW = [
+  /* PULLED IN, on John's call: *"reduce the glowly thingy spread a bit"*. The
+     outer three used to reach 24px past the box on a 40px blur, which put a
+     wash of light most of the way to the next element on the page; they now
+     stop at 14. The tight inner rings are untouched — the halo got smaller,
+     the edge did not get dimmer. */
+  { pad: 14, inset: -7, blur: 24, opacity: 0.09 },
+  { pad: 10, inset: -5, blur: 18, opacity: 0.09 },
+  { pad: 6, inset: -3, blur: 11, opacity: 0.09 },
+  /* THE INNER THREE ARE TURNED UP — 0.18 / 0.20 / 0.48 before.
+     This is what actually made the ramp read as Box blue, and swapping the
+     colour tokens on their own did not. Everything from `pad: 8` outwards is
+     blurred past 8px, and blur destroys hue: out there a colour contributes
+     luminance and nothing else, so the whole halo can change palette without
+     looking any different. The 2px ring is the only layer sharp enough to be a
+     COLOUR rather than a brightness, which is why it carries almost all of the
+     brand and why it moved the most. */
+  { pad: 4, inset: -2, blur: 8, opacity: 0.28 },
+  { pad: 2, inset: -1, blur: 4, opacity: 0.34 },
+  { pad: 1, inset: -0.5, blur: 2, opacity: 0.78 }
+];
+function AskGlow() {
+  return /* @__PURE__ */ jsx(Fragment, { children: GLOW.map((g) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: "pointer-events-none absolute -z-10 opacity-0 transition-opacity duration-[var(--motion-normal)] ease-[cubic-bezier(0.25,0.1,0.25,1)] group-hover:opacity-[var(--layer-opacity)] group-focus-within:opacity-[var(--layer-opacity)] motion-reduce:transition-none",
+      style: {
+        inset: g.inset,
+        padding: g.pad,
+        "--layer-opacity": g.opacity,
+        filter: `blur(${g.blur}px)`
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "ask-glow-ring h-full w-full",
+          style: {
+            borderRadius: `max(0px, calc(var(--radius-card) - ${g.pad}px))`
+          }
+        }
+      )
+    },
+    g.pad
+  )) });
+}
+export {
+  AskGlow
+};
+//# sourceMappingURL=ask-glow.js.map

package/dist/dashboard/home/ask-glow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-glow.tsx"],"sourcesContent":["/**\n * The six rings that bloom around the ask bar on focus.\n *\n * Split out of `home-ask` when that file crossed the 500-line rule. It is the\n * right seam: this is pure decoration with no state, no handlers and no\n * knowledge of what the bar does — the only thing it shares with its parent is\n * the corner radius, and that comes from a token rather than a prop.\n *\n * THE GLOW IS SIX STACKED LAYERS, not a shadow and not a gradient border:\n *\n *   padding  1px   inset -0.5px   blur  2px   opacity 0.78\n *   padding  2px   inset -1px     blur  4px   opacity 0.34\n *   padding  4px   inset -2px     blur  8px   opacity 0.28\n *   padding  6px   inset -3px     blur 11px   opacity 0.09\n *   padding 10px   inset -5px     blur 18px   opacity 0.09\n *   padding 14px   inset -7px     blur 24px   opacity 0.09\n *\n * Stacked, they make a tight bright edge falling off into a wide soft halo. The\n * falloff is the point, and it is what six opacities buy that one blurred ring\n * cannot.\n *\n */\n\n/** The six rings, outermost first so the tight bright one paints on top. */\nconst GLOW = [\n  /* PULLED IN, on John's call: *\"reduce the glowly thingy spread a bit\"*. The\n     outer three used to reach 24px past the box on a 40px blur, which put a\n     wash of light most of the way to the next element on the page; they now\n     stop at 14. The tight inner rings are untouched — the halo got smaller,\n     the edge did not get dimmer. */\n  { pad: 14, inset: -7, blur: 24, opacity: 0.09 },\n  { pad: 10, inset: -5, blur: 18, opacity: 0.09 },\n  { pad: 6, inset: -3, blur: 11, opacity: 0.09 },\n  /* THE INNER THREE ARE TURNED UP — 0.18 / 0.20 / 0.48 before.\n     This is what actually made the ramp read as Box blue, and swapping the\n     colour tokens on their own did not. Everything from `pad: 8` outwards is\n     blurred past 8px, and blur destroys hue: out there a colour contributes\n     luminance and nothing else, so the whole halo can change palette without\n     looking any different. The 2px ring is the only layer sharp enough to be a\n     COLOUR rather than a brightness, which is why it carries almost all of the\n     brand and why it moved the most. */\n  { pad: 4, inset: -2, blur: 8, opacity: 0.28 },\n  { pad: 2, inset: -1, blur: 4, opacity: 0.34 },\n  { pad: 1, inset: -0.5, blur: 2, opacity: 0.78 },\n];\n\nexport function AskGlow() {\n  return (\n    <>\n      {GLOW.map((g) => (\n        <div\n          key={g.pad}\n          aria-hidden\n          className=\"pointer-events-none absolute -z-10 opacity-0 transition-opacity duration-[var(--motion-normal)] ease-[cubic-bezier(0.25,0.1,0.25,1)] group-hover:opacity-[var(--layer-opacity)] group-focus-within:opacity-[var(--layer-opacity)] motion-reduce:transition-none\"\n          style={\n            {\n              inset: g.inset,\n              padding: g.pad,\n              '--layer-opacity': g.opacity,\n              filter: `blur(${g.blur}px)`,\n            } as React.CSSProperties\n          }\n        >\n          <div\n            className=\"ask-glow-ring h-full w-full\"\n            style={{\n              borderRadius: `max(0px, calc(var(--radius-card) - ${g.pad}px))`,\n            }}\n          />\n        </div>\n      ))}\n    </>\n  );\n}\n"],"mappings":"AAgDI,mBAeM,WAfN;AAxBJ,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,SAAS,KAAK;AAAA,EAC9C,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,SAAS,KAAK;AAAA,EAC9C,EAAE,KAAK,GAAG,OAAO,IAAI,MAAM,IAAI,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS7C,EAAE,KAAK,GAAG,OAAO,IAAI,MAAM,GAAG,SAAS,KAAK;AAAA,EAC5C,EAAE,KAAK,GAAG,OAAO,IAAI,MAAM,GAAG,SAAS,KAAK;AAAA,EAC5C,EAAE,KAAK,GAAG,OAAO,MAAM,MAAM,GAAG,SAAS,KAAK;AAChD;AAEO,SAAS,UAAU;AACxB,SACE,gCACG,eAAK,IAAI,CAAC,MACT;AAAA,IAAC;AAAA;AAAA,MAEC,eAAW;AAAA,MACX,WAAU;AAAA,MACV,OACE;AAAA,QACE,OAAO,EAAE;AAAA,QACT,SAAS,EAAE;AAAA,QACX,mBAAmB,EAAE;AAAA,QACrB,QAAQ,QAAQ,EAAE,IAAI;AAAA,MACxB;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc,sCAAsC,EAAE,GAAG;AAAA,UAC3D;AAAA;AAAA,MACF;AAAA;AAAA,IAjBK,EAAE;AAAA,EAkBT,CACD,GACH;AAEJ;","names":[]}

package/dist/dashboard/home/ask-intent.d.ts

@@ -0,0 +1,37 @@
+/**
+ * What the person typing actually wants, resolved from the words they used.
+ *
+ * WHY THIS EXISTS. The ask bar's only outcome was "open the command palette",
+ * which searches records by name. So "show me other templates" returned
+ * nothing, because there is no customer called that — the bar looked like it
+ * accepted sentences and only really accepted nouns. That gap is what made it
+ * unusable rather than merely limited.
+ *
+ * IT IS KEYWORD MATCHING, AND IT SAYS SO. There is no model behind this and
+ * none is implied: the placeholder offers search, the results are labelled by
+ * what they are, and nothing on screen claims an answer was reasoned about. The
+ * honest version of an AI bar before the AI exists is a router that is good at
+ * a few real intents and admits everything else is a search.
+ *
+ * IT UPGRADES CLEANLY. When Box AI lands it replaces this function and
+ * nothing else: the panel renders whatever `AskIntent` it is handed, so a
+ * better resolver changes the answers without changing the surface.
+ */
+export type AskIntent = 
+/** Somewhere to go, with a preview of what is there. */
+{
+    kind: 'destination';
+    id: string;
+    label: string;
+    hint: string;
+    href: string;
+}
+/** A question the help topics can answer. */
+ | {
+    kind: 'help';
+}
+/** A record: an order, a customer, an invoice, a product. */
+ | {
+    kind: 'search';
+};
+export declare function resolveAskIntent(raw: string): AskIntent;

package/dist/dashboard/home/ask-intent.js

@@ -0,0 +1,77 @@
+import { TEAM_PAGE } from "@withpotter/lib/team-page";
+const DESTINATIONS = [
+  {
+    id: "templates",
+    label: "Browse templates",
+    hint: "Change how your website looks",
+    href: "/dashboard/templates",
+    terms: [
+      "template",
+      "templates",
+      "theme",
+      "themes",
+      "redesign",
+      "design",
+      "look",
+      "layout",
+      "appearance",
+      "restyle"
+    ]
+  },
+  {
+    id: "domain",
+    label: "Domains",
+    hint: "Use your own web address",
+    href: "/dashboard/business/domains",
+    terms: ["domain", "domains", "url", "address", "dns"]
+  },
+  {
+    id: "bank-account",
+    label: "Bank account",
+    hint: "Where your money lands",
+    href: "/dashboard/payments/payouts",
+    terms: ["payout", "payouts", "bank", "settlement", "withdraw"]
+  },
+  {
+    id: "team",
+    label: "Team",
+    hint: "Who can get in, and what they can do",
+    href: TEAM_PAGE,
+    terms: ["staff", "team", "invite", "colleague", "permission", "role"]
+  }
+];
+const HELP_OPENERS = [
+  "how do i",
+  "how can i",
+  "how to",
+  "what is",
+  "what does",
+  "why is",
+  "why does",
+  "can i",
+  "help",
+  "support",
+  "explain"
+];
+function resolveAskIntent(raw) {
+  const q = raw.trim().toLowerCase();
+  if (!q) return { kind: "search" };
+  if (HELP_OPENERS.some((o) => q.includes(o))) return { kind: "help" };
+  const words = new Set(q.split(/[^a-z]+/).filter(Boolean));
+  for (const d of DESTINATIONS) {
+    if (d.terms.some((t) => words.has(t))) {
+      return {
+        kind: "destination",
+        id: d.id,
+        label: d.label,
+        hint: d.hint,
+        href: d.href
+      };
+    }
+  }
+  return { kind: "search" };
+}
+export {
+  resolveAskIntent
+};
+//# sourceMappingURL=ask-intent.js.map

package/dist/dashboard/home/ask-intent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-intent.ts"],"sourcesContent":["import { TEAM_PAGE } from '@withpotter/lib/team-page';\n/**\n * What the person typing actually wants, resolved from the words they used.\n *\n * WHY THIS EXISTS. The ask bar's only outcome was \"open the command palette\",\n * which searches records by name. So \"show me other templates\" returned\n * nothing, because there is no customer called that — the bar looked like it\n * accepted sentences and only really accepted nouns. That gap is what made it\n * unusable rather than merely limited.\n *\n * IT IS KEYWORD MATCHING, AND IT SAYS SO. There is no model behind this and\n * none is implied: the placeholder offers search, the results are labelled by\n * what they are, and nothing on screen claims an answer was reasoned about. The\n * honest version of an AI bar before the AI exists is a router that is good at\n * a few real intents and admits everything else is a search.\n *\n * IT UPGRADES CLEANLY. When Box AI lands it replaces this function and\n * nothing else: the panel renders whatever `AskIntent` it is handed, so a\n * better resolver changes the answers without changing the surface.\n */\n\nexport type AskIntent =\n  /** Somewhere to go, with a preview of what is there. */\n  | {\n      kind: 'destination';\n      id: string;\n      label: string;\n      hint: string;\n      href: string;\n    }\n  /** A question the help topics can answer. */\n  | { kind: 'help' }\n  /** A record: an order, a customer, an invoice, a product. */\n  | { kind: 'search' };\n\n/**\n * Destinations worth routing to by name.\n *\n * Deliberately short. Every entry is a place a merchant describes in words\n * rather than looks up by title — \"I want a different look\" is a sentence, and\n * \"Templates\" is a nav row they may never have noticed. A long list here would\n * be a second navigation to maintain, and the sidebar is already the first.\n */\nconst DESTINATIONS: {\n  id: string;\n  label: string;\n  hint: string;\n  href: string;\n  terms: string[];\n}[] = [\n  {\n    id: 'templates',\n    label: 'Browse templates',\n    hint: 'Change how your website looks',\n    href: '/dashboard/templates',\n    terms: [\n      'template',\n      'templates',\n      'theme',\n      'themes',\n      'redesign',\n      'design',\n      'look',\n      'layout',\n      'appearance',\n      'restyle',\n    ],\n  },\n  {\n    id: 'domain',\n    label: 'Domains',\n    hint: 'Use your own web address',\n    href: '/dashboard/business/domains',\n    terms: ['domain', 'domains', 'url', 'address', 'dns'],\n  },\n  {\n    id: 'bank-account',\n    label: 'Bank account',\n    hint: 'Where your money lands',\n    href: '/dashboard/payments/payouts',\n    terms: ['payout', 'payouts', 'bank', 'settlement', 'withdraw'],\n  },\n  {\n    id: 'team',\n    label: 'Team',\n    hint: 'Who can get in, and what they can do',\n    href: TEAM_PAGE,\n    terms: ['staff', 'team', 'invite', 'colleague', 'permission', 'role'],\n  },\n];\n\n/**\n * Phrases that mean \"explain this to me\" rather than \"find me this\".\n *\n * Checked BEFORE destinations on purpose: \"how do I change my template\" is a\n * question about templates, not a request to be dropped on the templates page.\n * Answering it with a page would be the same unhelpful jump the palette made.\n */\nconst HELP_OPENERS = [\n  'how do i',\n  'how can i',\n  'how to',\n  'what is',\n  'what does',\n  'why is',\n  'why does',\n  'can i',\n  'help',\n  'support',\n  'explain',\n];\n\nexport function resolveAskIntent(raw: string): AskIntent {\n  const q = raw.trim().toLowerCase();\n  if (!q) return { kind: 'search' };\n\n  if (HELP_OPENERS.some((o) => q.includes(o))) return { kind: 'help' };\n\n  // Whole words only. Substring matching turned \"customer\" into a domain\n  // lookup, because \"customer\" contains \"custom\" — and a router that is\n  // confidently wrong is worse than one that falls through to search.\n  const words = new Set(q.split(/[^a-z]+/).filter(Boolean));\n  for (const d of DESTINATIONS) {\n    if (d.terms.some((t) => words.has(t))) {\n      return {\n        kind: 'destination',\n        id: d.id,\n        label: d.label,\n        hint: d.hint,\n        href: d.href,\n      };\n    }\n  }\n\n  return { kind: 'search' };\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AA2C1B,MAAM,eAMA;AAAA,EACJ;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO,CAAC,UAAU,WAAW,OAAO,WAAW,KAAK;AAAA,EACtD;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO,CAAC,UAAU,WAAW,QAAQ,cAAc,UAAU;AAAA,EAC/D;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO,CAAC,SAAS,QAAQ,UAAU,aAAa,cAAc,MAAM;AAAA,EACtE;AACF;AASA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,iBAAiB,KAAwB;AACvD,QAAM,IAAI,IAAI,KAAK,EAAE,YAAY;AACjC,MAAI,CAAC,EAAG,QAAO,EAAE,MAAM,SAAS;AAEhC,MAAI,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAAG,QAAO,EAAE,MAAM,OAAO;AAKnE,QAAM,QAAQ,IAAI,IAAI,EAAE,MAAM,SAAS,EAAE,OAAO,OAAO,CAAC;AACxD,aAAW,KAAK,cAAc;AAC5B,QAAI,EAAE,MAAM,KAAK,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG;AACrC,aAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI,EAAE;AAAA,QACN,OAAO,EAAE;AAAA,QACT,MAAM,EAAE;AAAA,QACR,MAAM,EAAE;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,SAAS;AAC1B;","names":[]}

package/dist/dashboard/home/ask-mode-chip.d.ts

@@ -0,0 +1,20 @@
+export type AskMode = 'search' | 'support';
+/**
+ * The picker beside the paperclip: what the box is for right now.
+ *
+ * It is the pill AI products put in their input to change model, with the
+ * same job done honestly for this box: it does not choose a model, it chooses
+ * where the words go. Search finds records and takes you to them; Support
+ * opens a case with whatever is in the box.
+ *
+ * IT LOCKS TO SUPPORT while a voice note or a picture is on the card, because
+ * neither can be searched for and neither can be sent anywhere else. A pill
+ * that let you flip back to Search would silently park the attachment and
+ * turn a message to support into a query with a picture stuck to it.
+ */
+export declare function AskModeChip({ mode, onChange, locked, }: {
+    mode: AskMode;
+    onChange: (next: AskMode) => void;
+    /** An attachment is on the card, so the mode cannot be changed. */
+    locked?: boolean;
+}): import("react").JSX.Element;

package/dist/dashboard/home/ask-mode-chip.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { Check, ChevronDown, Headset, Search } from "lucide-react";
+const MODES = [
+  { id: "search", label: "Search your business", Icon: Search },
+  { id: "support", label: "Message support", Icon: Headset }
+];
+function AskModeChip({
+  mode,
+  onChange,
+  locked
+}) {
+  const selected = MODES.find((m) => m.id === mode) ?? MODES[0];
+  const Icon = selected.Icon;
+  return /* @__PURE__ */ jsxs(Popover.Root, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, disabled: locked, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onMouseDown: (e) => e.preventDefault(),
+        "aria-label": "Choose between searching your business and messaging support",
+        title: locked ? "Remove the attachment to search again" : void 0,
+        className: "flex h-[30px] shrink-0 items-center gap-1 rounded-lg border border-[color-mix(in_srgb,var(--border-subtle)_55%,transparent)] bg-[var(--bg-muted)] px-2 text-xs text-[var(--text-primary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-[var(--bg-muted)]",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "size-3.5 shrink-0 text-brand-500" }),
+          selected.label,
+          !locked && /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              "aria-hidden": true,
+              className: "size-3.5 shrink-0 text-[var(--text-tertiary)]"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        align: "start",
+        sideOffset: 6,
+        className: "surface-pinned z-[100] w-56 !p-1",
+        children: MODES.map(({ id, label, Icon: ModeIcon }) => /* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(id),
+            className: "flex w-full items-center gap-2 rounded-lg px-2 py-2 text-left text-sm text-[var(--text-primary)] hover:bg-[var(--interactive-hover)]",
+            children: [
+              /* @__PURE__ */ jsx(
+                ModeIcon,
+                {
+                  "aria-hidden": true,
+                  className: "size-4 shrink-0 text-[var(--text-tertiary)]"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex-1", children: label }),
+              id === mode && /* @__PURE__ */ jsx(Check, { "aria-hidden": true, className: "size-4" })
+            ]
+          }
+        ) }, id))
+      }
+    ) })
+  ] });
+}
+export {
+  AskModeChip
+};
+//# sourceMappingURL=ask-mode-chip.js.map

package/dist/dashboard/home/ask-mode-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-mode-chip.tsx"],"sourcesContent":["'use client';\n\nimport * as Popover from '@radix-ui/react-popover';\nimport { Check, ChevronDown, Headset, Search } from 'lucide-react';\n\nexport type AskMode = 'search' | 'support';\n\nconst MODES = [\n  { id: 'search', label: 'Search your business', Icon: Search },\n  { id: 'support', label: 'Message support', Icon: Headset },\n] as const;\n\n/**\n * The picker beside the paperclip: what the box is for right now.\n *\n * It is the pill AI products put in their input to change model, with the\n * same job done honestly for this box: it does not choose a model, it chooses\n * where the words go. Search finds records and takes you to them; Support\n * opens a case with whatever is in the box.\n *\n * IT LOCKS TO SUPPORT while a voice note or a picture is on the card, because\n * neither can be searched for and neither can be sent anywhere else. A pill\n * that let you flip back to Search would silently park the attachment and\n * turn a message to support into a query with a picture stuck to it.\n */\nexport function AskModeChip({\n  mode,\n  onChange,\n  locked,\n}: {\n  mode: AskMode;\n  onChange: (next: AskMode) => void;\n  /** An attachment is on the card, so the mode cannot be changed. */\n  locked?: boolean;\n}) {\n  const selected = MODES.find((m) => m.id === mode) ?? MODES[0];\n  const Icon = selected.Icon;\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild disabled={locked}>\n        <button\n          type=\"button\"\n          onMouseDown={(e) => e.preventDefault()}\n          aria-label=\"Choose between searching your business and messaging support\"\n          title={locked ? 'Remove the attachment to search again' : undefined}\n          className=\"flex h-[30px] shrink-0 items-center gap-1 rounded-lg border border-[color-mix(in_srgb,var(--border-subtle)_55%,transparent)] bg-[var(--bg-muted)] px-2 text-xs text-[var(--text-primary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-[var(--bg-muted)]\"\n        >\n          <Icon aria-hidden className=\"size-3.5 shrink-0 text-brand-500\" />\n          {selected.label}\n          {!locked && (\n            <ChevronDown\n              aria-hidden\n              className=\"size-3.5 shrink-0 text-[var(--text-tertiary)]\"\n            />\n          )}\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          align=\"start\"\n          sideOffset={6}\n          className=\"surface-pinned z-[100] w-56 !p-1\"\n        >\n          {MODES.map(({ id, label, Icon: ModeIcon }) => (\n            <Popover.Close asChild key={id}>\n              <button\n                type=\"button\"\n                onClick={() => onChange(id)}\n                className=\"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-left text-sm text-[var(--text-primary)] hover:bg-[var(--interactive-hover)]\"\n              >\n                <ModeIcon\n                  aria-hidden\n                  className=\"size-4 shrink-0 text-[var(--text-tertiary)]\"\n                />\n                <span className=\"flex-1\">{label}</span>\n                {id === mode && <Check aria-hidden className=\"size-4\" />}\n              </button>\n            </Popover.Close>\n          ))}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":";AAwCQ,SAOE,KAPF;AAtCR,YAAY,aAAa;AACzB,SAAS,OAAO,aAAa,SAAS,cAAc;AAIpD,MAAM,QAAQ;AAAA,EACZ,EAAE,IAAI,UAAU,OAAO,wBAAwB,MAAM,OAAO;AAAA,EAC5D,EAAE,IAAI,WAAW,OAAO,mBAAmB,MAAM,QAAQ;AAC3D;AAeO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,WAAW,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,MAAM,CAAC;AAC5D,QAAM,OAAO,SAAS;AACtB,SACE,qBAAC,QAAQ,MAAR,EACC;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MAAC,UAAU,QACjC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,QACrC,cAAW;AAAA,QACX,OAAO,SAAS,0CAA0C;AAAA,QAC1D,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,eAAW,MAAC,WAAU,oCAAmC;AAAA,UAC9D,SAAS;AAAA,UACT,CAAC,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,IACA,oBAAC,QAAQ,QAAR,EACC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QAET,gBAAM,IAAI,CAAC,EAAE,IAAI,OAAO,MAAM,SAAS,MACtC,oBAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAW;AAAA,kBACX,WAAU;AAAA;AAAA,cACZ;AAAA,cACA,oBAAC,UAAK,WAAU,UAAU,iBAAM;AAAA,cAC/B,OAAO,QAAQ,oBAAC,SAAM,eAAW,MAAC,WAAU,UAAS;AAAA;AAAA;AAAA,QACxD,KAZ0B,EAa5B,CACD;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/home/ask-model-chip.d.ts

@@ -0,0 +1 @@
+export declare function AskModelChip(): import("react").JSX.Element;

package/dist/dashboard/home/ask-model-chip.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { Check, ChevronDown } from "lucide-react";
+import { BoxMark } from "@withpotter/ui-kit/box-mark";
+const MODELS = [{ id: "box", label: "Box" }];
+function AskModelChip() {
+  const selected = MODELS[0];
+  return /* @__PURE__ */ jsxs(Popover.Root, { children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onMouseDown: (e) => e.preventDefault(),
+        "aria-label": "Choose model",
+        className: "flex h-8 shrink-0 items-center gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-muted)] px-3 text-sm text-[var(--text-primary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)]",
+        children: [
+          /* @__PURE__ */ jsx(
+            BoxMark,
+            {
+              glyph: "mark",
+              height: 14,
+              "aria-hidden": true,
+              className: "shrink-0 text-brand-500"
+            }
+          ),
+          selected.label,
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              "aria-hidden": true,
+              className: "size-4 shrink-0 text-[var(--text-tertiary)]"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        align: "start",
+        sideOffset: 6,
+        className: "surface-pinned z-[100] w-44 !p-1",
+        children: MODELS.map((m) => /* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex w-full items-center justify-between rounded-lg px-2 py-2 text-left text-sm text-[var(--text-primary)] hover:bg-[var(--interactive-hover)]",
+            children: [
+              m.label,
+              m.id === selected.id && /* @__PURE__ */ jsx(Check, { "aria-hidden": true, className: "size-4" })
+            ]
+          }
+        ) }, m.id))
+      }
+    ) })
+  ] });
+}
+export {
+  AskModelChip
+};
+//# sourceMappingURL=ask-model-chip.js.map

package/dist/dashboard/home/ask-model-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-model-chip.tsx"],"sourcesContent":["'use client';\n\nimport * as Popover from '@radix-ui/react-popover';\nimport { Check, ChevronDown } from 'lucide-react';\nimport { BoxMark } from '@withpotter/ui-kit/box-mark';\n\n/**\n * The picker beside the paperclip: a mark, a name and a chevron.\n *\n * IT IS A LOOK, AND IT SAYS SO. Ask is a router, not a model, so there is\n * nothing to choose between and nothing reads this selection. It has the one\n * entry, already selected, and picking it closes the menu and does nothing.\n * When Ask has a second thing to be, this is where it goes — add an entry here\n * and read the choice at the call site, which today does not exist.\n */\nconst MODELS = [{ id: 'box', label: 'Box' }] as const;\n\nexport function AskModelChip() {\n  const selected = MODELS[0];\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <button\n          type=\"button\"\n          onMouseDown={(e) => e.preventDefault()}\n          aria-label=\"Choose model\"\n          className=\"flex h-8 shrink-0 items-center gap-2 rounded-lg border border-[var(--border-default)] bg-[var(--bg-muted)] px-3 text-sm text-[var(--text-primary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)]\"\n        >\n          <BoxMark\n            glyph=\"mark\"\n            height={14}\n            aria-hidden\n            className=\"shrink-0 text-brand-500\"\n          />\n          {selected.label}\n          <ChevronDown\n            aria-hidden\n            className=\"size-4 shrink-0 text-[var(--text-tertiary)]\"\n          />\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          align=\"start\"\n          sideOffset={6}\n          className=\"surface-pinned z-[100] w-44 !p-1\"\n        >\n          {MODELS.map((m) => (\n            <Popover.Close asChild key={m.id}>\n              <button\n                type=\"button\"\n                className=\"flex w-full items-center justify-between rounded-lg px-2 py-2 text-left text-sm text-[var(--text-primary)] hover:bg-[var(--interactive-hover)]\"\n              >\n                {m.label}\n                {m.id === selected.id && (\n                  <Check aria-hidden className=\"size-4\" />\n                )}\n              </button>\n            </Popover.Close>\n          ))}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":";AAsBQ,SAME,KANF;AApBR,YAAY,aAAa;AACzB,SAAS,OAAO,mBAAmB;AACnC,SAAS,eAAe;AAWxB,MAAM,SAAS,CAAC,EAAE,IAAI,OAAO,OAAO,MAAM,CAAC;AAEpC,SAAS,eAAe;AAC7B,QAAM,WAAW,OAAO,CAAC;AACzB,SACE,qBAAC,QAAQ,MAAR,EACC;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MACtB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,QACrC,cAAW;AAAA,QACX,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,QAAQ;AAAA,cACR,eAAW;AAAA,cACX,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,SAAS;AAAA,UACV;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,QAAQ,QAAR,EACC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QAET,iBAAO,IAAI,CAAC,MACX,oBAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET;AAAA,gBAAE;AAAA,cACF,EAAE,OAAO,SAAS,MACjB,oBAAC,SAAM,eAAW,MAAC,WAAU,UAAS;AAAA;AAAA;AAAA,QAE1C,KAT0B,EAAE,EAU9B,CACD;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/home/ask-placeholders.d.ts

@@ -0,0 +1,44 @@
+import type { EntityLabel } from '@withpotter/lib/intents/types';
+import type { HelpTopic } from '@withpotter/lib/help-topics';
+/**
+ * What the bar offers to do, and the promise that comes with offering it.
+ *
+ * A PLACEHOLDER IS A PROMISE. The list this replaces contained "Which products
+ * are running low?" and "How did last week compare?" — two questions the bar
+ * invited by name and could not answer, because answering either means reading
+ * the merchant's own rows and `potter-answer` is a keyword router over a help
+ * corpus. Someone who types the sentence the field suggested and gets "I can't
+ * answer that one yet" has been told, correctly, that the software lies to
+ * them. That is a worse first impression than an empty field.
+ *
+ * So every entry here maps to a branch that exists, and the branch is named
+ * beside it. THE TWO DATA QUESTIONS ARE BACK, and they are back on the terms
+ * this docblock set: `matchDataIntent` claims them, a tool reads the
+ * merchant's own rows, and the answer is built from what came back. They
+ * became true, so they returned.
+ *
+ * THE NOUNS ARE RESOLVED, not written. A short-let host is not offered "Find an
+ * order by customer name" under a nav that says Stays — same rule as every page
+ * title and every nav row, via `useEntityLabel`.
+ *
+ * Separated from the component so the guard in `ask-placeholders.test.ts` can
+ * route each one for real. A promise nobody can check is how the last list got
+ * two years out of date with the thing behind it.
+ */
+export declare function askPlaceholders(order: EntityLabel, item: EntityLabel): string[];
+/**
+ * Whether every placeholder still lands somewhere real.
+ *
+ * WHAT THIS CATCHES AND WHAT IT DOES NOT, because a guard that oversells itself
+ * is the thing it is guarding against. It catches a sentence that routes to
+ * `unsure` — i.e. one the bar offers and Box has no branch for at all, which
+ * is exactly how the old list rotted. It does NOT catch a sentence that reaches
+ * the right branch and gets a poor answer: `find` matches on any of a dozen
+ * nouns. It DOES now know about the data branch, so the two questions that
+ * used to route to a name-search for the whole sentence are checked against
+ * the matcher that actually claims them. It still does not know which topics
+ * a given tenant has enabled — it runs the full corpus, the most permissive
+ * case. Both gaps close when the branches get better, not when this gets
+ * cleverer.
+ */
+export declare function unroutablePlaceholders(order: EntityLabel, item: EntityLabel, topics: HelpTopic[]): string[];

package/dist/dashboard/home/ask-placeholders.js

@@ -0,0 +1,40 @@
+import { routeQuestion } from "@withpotter/components/potter/potter-answer";
+import { matchDataIntent } from "@withpotter/components/potter/potter-data";
+function askPlaceholders(order, item) {
+  return [
+    // → find: the widest branch, and the one AskResults renders live.
+    //   Plural rather than "a/an ${singular}", which needs an article this has
+    //   no way to pick: "a order" and "an stay" are both one label away.
+    `Find ${order.plural} by customer name`,
+    // → help: an exact question from the corpus.
+    "How do I refund someone?",
+    // → find: a lookup that is also a navigation.
+    `Show me today\u2019s ${order.plural}`,
+    // → help: the single most asked question in the corpus.
+    "When does money reach my bank?",
+    // → setup: first person and present tense, which is how someone answers
+    //   "what is your business" rather than how they ask about the software.
+    "I sell ceramics from my studio",
+    // → data: withdrawn from this list for being a lie, and back because it
+    //   stopped being one. `low_stock` reads the merchant's own catalogue
+    //   through the server's own filter. See `potter-tools`.
+    `Which ${item.plural.toLowerCase()} are running low?`,
+    // → data: the other withdrawn one. `sales_compare` reads two windows and
+    //   refuses to call five orders a trend.
+    "How did this week compare to last?"
+  ];
+}
+function unroutablePlaceholders(order, item, topics) {
+  return askPlaceholders(order, item).filter(
+    // A sentence the data matcher claims is answered from the merchant's own
+    // rows and never reaches `routeQuestion` — see `usePotterAsk`, which tries
+    // that branch first. Checking only the corpus would fail the two questions
+    // that are the whole reason this branch exists.
+    (p) => !matchDataIntent(p) && routeQuestion(p, topics).kind === "unsure"
+  );
+}
+export {
+  askPlaceholders,
+  unroutablePlaceholders
+};
+//# sourceMappingURL=ask-placeholders.js.map

package/dist/dashboard/home/ask-placeholders.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-placeholders.ts"],"sourcesContent":["import type { EntityLabel } from '@withpotter/lib/intents/types';\nimport type { HelpTopic } from '@withpotter/lib/help-topics';\nimport { routeQuestion } from '@withpotter/components/potter/potter-answer';\nimport { matchDataIntent } from '@withpotter/components/potter/potter-data';\n\n/**\n * What the bar offers to do, and the promise that comes with offering it.\n *\n * A PLACEHOLDER IS A PROMISE. The list this replaces contained \"Which products\n * are running low?\" and \"How did last week compare?\" — two questions the bar\n * invited by name and could not answer, because answering either means reading\n * the merchant's own rows and `potter-answer` is a keyword router over a help\n * corpus. Someone who types the sentence the field suggested and gets \"I can't\n * answer that one yet\" has been told, correctly, that the software lies to\n * them. That is a worse first impression than an empty field.\n *\n * So every entry here maps to a branch that exists, and the branch is named\n * beside it. THE TWO DATA QUESTIONS ARE BACK, and they are back on the terms\n * this docblock set: `matchDataIntent` claims them, a tool reads the\n * merchant's own rows, and the answer is built from what came back. They\n * became true, so they returned.\n *\n * THE NOUNS ARE RESOLVED, not written. A short-let host is not offered \"Find an\n * order by customer name\" under a nav that says Stays — same rule as every page\n * title and every nav row, via `useEntityLabel`.\n *\n * Separated from the component so the guard in `ask-placeholders.test.ts` can\n * route each one for real. A promise nobody can check is how the last list got\n * two years out of date with the thing behind it.\n */\nexport function askPlaceholders(\n  order: EntityLabel,\n  item: EntityLabel,\n): string[] {\n  return [\n    // → find: the widest branch, and the one AskResults renders live.\n    //   Plural rather than \"a/an ${singular}\", which needs an article this has\n    //   no way to pick: \"a order\" and \"an stay\" are both one label away.\n    `Find ${order.plural} by customer name`,\n    // → help: an exact question from the corpus.\n    'How do I refund someone?',\n    // → find: a lookup that is also a navigation.\n    `Show me today’s ${order.plural}`,\n    // → help: the single most asked question in the corpus.\n    'When does money reach my bank?',\n    // → setup: first person and present tense, which is how someone answers\n    //   \"what is your business\" rather than how they ask about the software.\n    'I sell ceramics from my studio',\n    // → data: withdrawn from this list for being a lie, and back because it\n    //   stopped being one. `low_stock` reads the merchant's own catalogue\n    //   through the server's own filter. See `potter-tools`.\n    `Which ${item.plural.toLowerCase()} are running low?`,\n    // → data: the other withdrawn one. `sales_compare` reads two windows and\n    //   refuses to call five orders a trend.\n    'How did this week compare to last?',\n  ];\n}\n\n/**\n * Whether every placeholder still lands somewhere real.\n *\n * WHAT THIS CATCHES AND WHAT IT DOES NOT, because a guard that oversells itself\n * is the thing it is guarding against. It catches a sentence that routes to\n * `unsure` — i.e. one the bar offers and Box has no branch for at all, which\n * is exactly how the old list rotted. It does NOT catch a sentence that reaches\n * the right branch and gets a poor answer: `find` matches on any of a dozen\n * nouns. It DOES now know about the data branch, so the two questions that\n * used to route to a name-search for the whole sentence are checked against\n * the matcher that actually claims them. It still does not know which topics\n * a given tenant has enabled — it runs the full corpus, the most permissive\n * case. Both gaps close when the branches get better, not when this gets\n * cleverer.\n */\nexport function unroutablePlaceholders(\n  order: EntityLabel,\n  item: EntityLabel,\n  topics: HelpTopic[],\n): string[] {\n  return askPlaceholders(order, item).filter(\n    // A sentence the data matcher claims is answered from the merchant's own\n    // rows and never reaches `routeQuestion` — see `usePotterAsk`, which tries\n    // that branch first. Checking only the corpus would fail the two questions\n    // that are the whole reason this branch exists.\n    (p) => !matchDataIntent(p) && routeQuestion(p, topics).kind === 'unsure',\n  );\n}\n"],"mappings":"AAEA,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AA2BzB,SAAS,gBACd,OACA,MACU;AACV,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ,MAAM,MAAM;AAAA;AAAA,IAEpB;AAAA;AAAA,IAEA,wBAAmB,MAAM,MAAM;AAAA;AAAA,IAE/B;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,KAAK,OAAO,YAAY,CAAC;AAAA;AAAA;AAAA,IAGlC;AAAA,EACF;AACF;AAiBO,SAAS,uBACd,OACA,MACA,QACU;AACV,SAAO,gBAAgB,OAAO,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,cAAc,GAAG,MAAM,EAAE,SAAS;AAAA,EAClE;AACF;","names":[]}

package/dist/dashboard/home/ask-quick-actions.d.ts

@@ -0,0 +1 @@
+export declare function AskQuickActions(): import("react").JSX.Element | null;

package/dist/dashboard/home/ask-quick-actions.js

@@ -0,0 +1,37 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { CreditCard, FilePlus2, Plus } from "lucide-react";
+import { useTakePayment } from "@withpotter/components/dashboard/take-payment-context";
+import { usePermissions } from "@withpotter/lib/use-permissions";
+const PILL = "flex h-9 items-center gap-2 rounded-full border border-[var(--border-default)] bg-[var(--bg-base)] px-4 text-sm text-[var(--text-secondary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]";
+function Label({ Icon, children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: "size-4" }),
+    children
+  ] });
+}
+function AskQuickActions() {
+  const { can } = usePermissions();
+  const takePayment = useTakePayment();
+  const canFinance = can("canManageFinance");
+  const canAddItem = can("canManageProducts");
+  if (!canFinance && !canAddItem) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Quick actions",
+      className: "mt-4 flex flex-wrap items-center justify-center gap-2",
+      children: [
+        canFinance && /* @__PURE__ */ jsx("button", { type: "button", onClick: takePayment, className: PILL, children: /* @__PURE__ */ jsx(Label, { Icon: CreditCard, children: "Take payment" }) }),
+        canFinance && /* @__PURE__ */ jsx(Link, { href: "/dashboard/invoices/new", className: PILL, children: /* @__PURE__ */ jsx(Label, { Icon: FilePlus2, children: "Send invoice" }) }),
+        canAddItem && /* @__PURE__ */ jsx(Link, { href: "/dashboard/catalog/new", className: PILL, children: /* @__PURE__ */ jsx(Label, { Icon: Plus, children: "Add item" }) })
+      ]
+    }
+  );
+}
+export {
+  AskQuickActions
+};
+//# sourceMappingURL=ask-quick-actions.js.map

package/dist/dashboard/home/ask-quick-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/home/ask-quick-actions.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { CreditCard, FilePlus2, Plus, type LucideIcon } from 'lucide-react';\nimport { useTakePayment } from '@withpotter/components/dashboard/take-payment-context';\nimport { usePermissions } from '@withpotter/lib/use-permissions';\n\n/**\n * Take payment, Send invoice, Add item: the three things most merchants come to\n * the home screen to do, as pills under the ask card.\n *\n * They replaced Ask, Write and Organize, which were a look: choosing one only\n * moved a highlight, because nothing read the selection. These do something.\n * Each is gated on the permission its flow needs, and a pill the member cannot\n * use is left out rather than shown dead.\n */\nconst PILL =\n  'flex h-9 items-center gap-2 rounded-full border border-[var(--border-default)] bg-[var(--bg-base)] px-4 text-sm text-[var(--text-secondary)] transition-colors duration-[var(--motion-fast)] hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]';\n\nfunction Label({ Icon, children }: { Icon: LucideIcon; children: string }) {\n  return (\n    <>\n      <Icon aria-hidden className=\"size-4\" />\n      {children}\n    </>\n  );\n}\n\nexport function AskQuickActions() {\n  const { can } = usePermissions();\n  const takePayment = useTakePayment();\n  const canFinance = can('canManageFinance');\n  const canAddItem = can('canManageProducts');\n\n  if (!canFinance && !canAddItem) return null;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Quick actions\"\n      className=\"mt-4 flex flex-wrap items-center justify-center gap-2\"\n    >\n      {canFinance && (\n        <button type=\"button\" onClick={takePayment} className={PILL}>\n          <Label Icon={CreditCard}>Take payment</Label>\n        </button>\n      )}\n      {canFinance && (\n        <Link href=\"/dashboard/invoices/new\" className={PILL}>\n          <Label Icon={FilePlus2}>Send invoice</Label>\n        </Link>\n      )}\n      {canAddItem && (\n        <Link href=\"/dashboard/catalog/new\" className={PILL}>\n          <Label Icon={Plus}>Add item</Label>\n        </Link>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAqBI,mBACE,KADF;AAnBJ,OAAO,UAAU;AACjB,SAAS,YAAY,WAAW,YAA6B;AAC7D,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAW/B,MAAM,OACJ;AAEF,SAAS,MAAM,EAAE,MAAM,SAAS,GAA2C;AACzE,SACE,iCACE;AAAA,wBAAC,QAAK,eAAW,MAAC,WAAU,UAAS;AAAA,IACpC;AAAA,KACH;AAEJ;AAEO,SAAS,kBAAkB;AAChC,QAAM,EAAE,IAAI,IAAI,eAAe;AAC/B,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,IAAI,kBAAkB;AACzC,QAAM,aAAa,IAAI,mBAAmB;AAE1C,MAAI,CAAC,cAAc,CAAC,WAAY,QAAO;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,sBACC,oBAAC,YAAO,MAAK,UAAS,SAAS,aAAa,WAAW,MACrD,8BAAC,SAAM,MAAM,YAAY,0BAAY,GACvC;AAAA,QAED,cACC,oBAAC,QAAK,MAAK,2BAA0B,WAAW,MAC9C,8BAAC,SAAM,MAAM,WAAW,0BAAY,GACtC;AAAA,QAED,cACC,oBAAC,QAAK,MAAK,0BAAyB,WAAW,MAC7C,8BAAC,SAAM,MAAM,MAAM,sBAAQ,GAC7B;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}