@particle-academy/react-fancy 5.21.0 → 5.22.0

package/dist/{chunk-ATFXU6R6.js.map → chunk-RSLZL6VP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Marquee/Marquee.tsx"],"names":[],"mappings":"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","file":"chunk-ATFXU6R6.js","sourcesContent":["import {\n  Children,\n  Fragment,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { MarqueeProps } from \"./Marquee.types\";\n\nfunction toLength(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport const Marquee = forwardRef<HTMLDivElement, MarqueeProps>(\n  (\n    {\n      children,\n      items,\n      speed = 40,\n      duration,\n      direction = \"left\",\n      pauseOnHover = false,\n      paused = false,\n      gap = 40,\n      fade = true,\n      separator,\n      angle = 0,\n      decorative = true,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const unitRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n\n    // copies = how many times the item sequence repeats inside ONE loop copy,\n    // so short content still fills the strip edge-to-edge (no blank wrap).\n    const [copies, setCopies] = useState(1);\n    const [measuredDuration, setMeasuredDuration] = useState<number | null>(null);\n\n    // Measure one content unit (incl. its trailing gap) + the container:\n    //  - auto-fill: repeat the unit until one loop copy covers the container\n    //  - px/s mode: derive the loop duration from the loop distance so the\n    //    perceived speed stays constant regardless of content width.\n    // Browser-only (effect) — SSR renders one unit at the fallback pace.\n    useEffect(() => {\n      const root = rootRef.current;\n      const unit = unitRef.current;\n      if (!root || !unit || typeof ResizeObserver === \"undefined\") return;\n      const update = () => {\n        const unitWidth = unit.getBoundingClientRect().width;\n        const containerWidth = root.clientWidth;\n        if (unitWidth <= 0) return;\n        const nextCopies = Math.max(1, Math.ceil(containerWidth / unitWidth));\n        setCopies(nextCopies);\n        if (duration === undefined) {\n          setMeasuredDuration((unitWidth * nextCopies) / Math.max(speed, 1));\n        }\n      };\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(root);\n      observer.observe(unit);\n      return () => observer.disconnect();\n    }, [duration, speed]);\n\n    const loopSeconds = duration ?? measuredDuration ?? 40;\n    const itemNodes: ReactNode[] = items ?? Children.toArray(children);\n    const hasSeparator = separator !== undefined && separator !== null;\n\n    // One unit = the item sequence once (separator after every item so the\n    // wrap point looks identical to any other joint).\n    const renderUnit = (duplicate: boolean, unitElRef?: React.Ref<HTMLDivElement>) => (\n      <div\n        ref={unitElRef}\n        className=\"fancy-marquee__unit\"\n        aria-hidden={duplicate || undefined}\n      >\n        {itemNodes.map((node, i) => (\n          <Fragment key={i}>\n            <div className=\"fancy-marquee__item\" data-react-fancy-marquee-item=\"\" data-index={i}>\n              {node}\n            </div>\n            {hasSeparator && (\n              <div\n                className=\"fancy-marquee__separator\"\n                data-react-fancy-marquee-separator=\"\"\n                aria-hidden=\"true\"\n              >\n                {separator}\n              </div>\n            )}\n          </Fragment>\n        ))}\n      </div>\n    );\n\n    // Two identical groups + translateX(-50%) keyframes = seamless wrap. Only\n    // the very first unit is exposed to AT; every repeat is aria-hidden.\n    const renderGroup = (duplicate: boolean) => (\n      <div\n        className=\"fancy-marquee__group\"\n        data-react-fancy-marquee-group=\"\"\n        aria-hidden={duplicate || undefined}\n      >\n        {Array.from({ length: copies }, (_, c) =>\n          <Fragment key={c}>\n            {renderUnit(duplicate || c > 0, !duplicate && c === 0 ? unitRef : undefined)}\n          </Fragment>,\n        )}\n      </div>\n    );\n\n    const cssVars: CSSProperties = {\n      \"--fancy-marquee-duration\": `${loopSeconds}s`,\n      \"--fancy-marquee-gap\": toLength(gap),\n      ...(fade !== false && {\n        \"--fancy-marquee-fade\": fade === true ? \"48px\" : toLength(fade),\n      }),\n    } as CSSProperties;\n\n    // Tilted strips widen slightly (the classic 102% / -1% trick) so the\n    // rotation never exposes the page background at the edges.\n    const angleStyle: CSSProperties = angle\n      ? { transform: `rotate(${angle}deg)`, width: \"102%\", marginLeft: \"-1%\" }\n      : {};\n\n    return (\n      <div\n        ref={rootRef}\n        data-react-fancy-marquee=\"\"\n        data-direction={direction}\n        data-paused={paused ? \"\" : undefined}\n        aria-hidden={decorative || undefined}\n        className={cn(\n          \"fancy-marquee\",\n          fade !== false && \"fancy-marquee--fade\",\n          pauseOnHover && \"fancy-marquee--pause-hover\",\n          className,\n        )}\n        style={{ ...cssVars, ...angleStyle, ...style }}\n        {...rest}\n      >\n        <div className=\"fancy-marquee__track\" data-react-fancy-marquee-track=\"\">\n          {renderGroup(false)}\n          {renderGroup(true)}\n        </div>\n      </div>\n    );\n  },\n);\n\nMarquee.displayName = \"Marquee\";\n"]}
+{"version":3,"sources":["../src/components/Marquee/Marquee.tsx"],"names":[],"mappings":"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","file":"chunk-RSLZL6VP.js","sourcesContent":["import {\n  Children,\n  Fragment,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { MarqueeProps } from \"./Marquee.types\";\n\nfunction toLength(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport const Marquee = forwardRef<HTMLDivElement, MarqueeProps>(\n  (\n    {\n      children,\n      items,\n      speed = 40,\n      duration,\n      direction = \"left\",\n      pauseOnHover = false,\n      paused = false,\n      gap = 40,\n      fade = true,\n      separator,\n      angle = 0,\n      decorative = true,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const unitRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n\n    // copies = how many times the item sequence repeats inside ONE loop copy,\n    // so short content still fills the strip edge-to-edge (no blank wrap).\n    const [copies, setCopies] = useState(1);\n    const [measuredDuration, setMeasuredDuration] = useState<number | null>(null);\n\n    // Measure one content unit (incl. its trailing gap) + the container:\n    //  - auto-fill: repeat the unit until one loop copy covers the container\n    //  - px/s mode: derive the loop duration from the loop distance so the\n    //    perceived speed stays constant regardless of content width.\n    // Browser-only (effect) — SSR renders one unit at the fallback pace.\n    useEffect(() => {\n      const root = rootRef.current;\n      const unit = unitRef.current;\n      if (!root || !unit || typeof ResizeObserver === \"undefined\") return;\n      const update = () => {\n        const unitWidth = unit.getBoundingClientRect().width;\n        const containerWidth = root.clientWidth;\n        if (unitWidth <= 0) return;\n        const nextCopies = Math.max(1, Math.ceil(containerWidth / unitWidth));\n        setCopies(nextCopies);\n        if (duration === undefined) {\n          setMeasuredDuration((unitWidth * nextCopies) / Math.max(speed, 1));\n        }\n      };\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(root);\n      observer.observe(unit);\n      return () => observer.disconnect();\n    }, [duration, speed]);\n\n    const loopSeconds = duration ?? measuredDuration ?? 40;\n    const itemNodes: ReactNode[] = items ?? Children.toArray(children);\n    const hasSeparator = separator !== undefined && separator !== null;\n\n    // One unit = the item sequence once (separator after every item so the\n    // wrap point looks identical to any other joint).\n    const renderUnit = (duplicate: boolean, unitElRef?: React.Ref<HTMLDivElement>) => (\n      <div\n        ref={unitElRef}\n        className=\"fancy-marquee__unit\"\n        aria-hidden={duplicate || undefined}\n      >\n        {itemNodes.map((node, i) => (\n          <Fragment key={i}>\n            <div className=\"fancy-marquee__item\" data-react-fancy-marquee-item=\"\" data-index={i}>\n              {node}\n            </div>\n            {hasSeparator && (\n              <div\n                className=\"fancy-marquee__separator\"\n                data-react-fancy-marquee-separator=\"\"\n                aria-hidden=\"true\"\n              >\n                {separator}\n              </div>\n            )}\n          </Fragment>\n        ))}\n      </div>\n    );\n\n    // Two identical groups + translateX(-50%) keyframes = seamless wrap. Only\n    // the very first unit is exposed to AT; every repeat is aria-hidden.\n    const renderGroup = (duplicate: boolean) => (\n      <div\n        className=\"fancy-marquee__group\"\n        data-react-fancy-marquee-group=\"\"\n        aria-hidden={duplicate || undefined}\n      >\n        {Array.from({ length: copies }, (_, c) =>\n          <Fragment key={c}>\n            {renderUnit(duplicate || c > 0, !duplicate && c === 0 ? unitRef : undefined)}\n          </Fragment>,\n        )}\n      </div>\n    );\n\n    const cssVars: CSSProperties = {\n      \"--fancy-marquee-duration\": `${loopSeconds}s`,\n      \"--fancy-marquee-gap\": toLength(gap),\n      ...(fade !== false && {\n        \"--fancy-marquee-fade\": fade === true ? \"48px\" : toLength(fade),\n      }),\n    } as CSSProperties;\n\n    // Tilted strips widen slightly (the classic 102% / -1% trick) so the\n    // rotation never exposes the page background at the edges.\n    const angleStyle: CSSProperties = angle\n      ? { transform: `rotate(${angle}deg)`, width: \"102%\", marginLeft: \"-1%\" }\n      : {};\n\n    return (\n      <div\n        ref={rootRef}\n        data-react-fancy-marquee=\"\"\n        data-direction={direction}\n        data-paused={paused ? \"\" : undefined}\n        aria-hidden={decorative || undefined}\n        className={cn(\n          \"fancy-marquee\",\n          fade !== false && \"fancy-marquee--fade\",\n          pauseOnHover && \"fancy-marquee--pause-hover\",\n          className,\n        )}\n        style={{ ...cssVars, ...angleStyle, ...style }}\n        {...rest}\n      >\n        <div className=\"fancy-marquee__track\" data-react-fancy-marquee-track=\"\">\n          {renderGroup(false)}\n          {renderGroup(true)}\n        </div>\n      </div>\n    );\n  },\n);\n\nMarquee.displayName = \"Marquee\";\n"]}

package/dist/{chunk-HNITJ2UR.js → chunk-SAF5642F.js}

@@ -1,5 +1,5 @@
-import { Popover } from './chunk-JCOBDDHF.js';
-import { Button } from './chunk-6RYZ2MOE.js';
+import { Popover } from './chunk-6KXAFP2T.js';
+import { Button } from './chunk-VYQI4R6S.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var CONFIDENCE_TIERS = [
@@ -113,5 +113,5 @@ function ReasonTag({
 }
 
 export { ReasonTag };
-//# sourceMappingURL=chunk-HNITJ2UR.js.map
-//# sourceMappingURL=chunk-HNITJ2UR.js.map
+//# sourceMappingURL=chunk-SAF5642F.js.map
+//# sourceMappingURL=chunk-SAF5642F.js.map

package/dist/{chunk-HNITJ2UR.js.map → chunk-SAF5642F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ReasonTag/ReasonTag.tsx"],"names":[],"mappings":"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","file":"chunk-HNITJ2UR.js","sourcesContent":["import { Popover } from \"../Popover\";\nimport { Button } from \"../Button\";\n\n/**\n * ReasonTag — wraps any value with a small affordance that reveals the\n * agent's reasoning, sources, and confidence on hover or click.\n *\n *   <ReasonTag\n *     value=\"$1.4M\"\n *     reason=\"Projected Q3 ARR after stacking renewals.\"\n *     confidence={0.91}\n *     sources={[{ label: \"Q2 actuals · CRM export\" }]}\n *     by=\"Forecaster\"\n *   />\n *\n * Three visual styles:\n *   • \"dot\"       — value with a tiny coloured dot (default, subtle)\n *   • \"underline\" — dotted underline + trailing \"?\"\n *   • \"chip\"      — full coloured pill (loud)\n *\n * Confidence drives the colour via three tiers (high / medium / low),\n * so a quick visual scan tells the human which suggestions deserve a\n * second look without opening any tooltips.\n *\n * `pinned` swaps the popover for an inline annotation slot — useful\n * when explainability should always be visible, not buried in a hover.\n */\nexport type ReasonTagSource = { label: string; href?: string };\n\nexport type ReasonTagTheme = \"dot\" | \"underline\" | \"chip\";\n\nexport interface ReasonTagProps {\n  /** The value the tag wraps — usually a number, label, or short phrase. */\n  value: React.ReactNode;\n  /** Free-text rationale shown in the popover / inline annotation. */\n  reason: string;\n  /** 0..1 confidence. Drives the tier colour. Defaults to 1. */\n  confidence?: number;\n  /** Optional list of sources (label + optional href). */\n  sources?: ReasonTagSource[];\n  /** Optional author / agent name shown in the popover header. */\n  by?: string;\n  /** Visual treatment for the trigger. */\n  theme?: ReasonTagTheme;\n  /**\n   * When true, the popover is replaced with an always-visible inline\n   * annotation below the value.\n   */\n  pinned?: boolean;\n  /** Called when the user hits the \"ask follow-up\" action. */\n  onFollowUp?: () => void;\n  /** Optional className applied to the trigger element. */\n  className?: string;\n}\n\nconst CONFIDENCE_TIERS: Array<{ min: number; color: string; label: string }> = [\n  { min: 0.85, color: \"#10b981\", label: \"high\" },\n  { min: 0.6, color: \"#f59e0b\", label: \"medium\" },\n  { min: 0, color: \"#ef4444\", label: \"low\" },\n];\n\nfunction tier(c: number) {\n  return CONFIDENCE_TIERS.find((t) => c >= t.min) ?? CONFIDENCE_TIERS[2];\n}\n\nexport function ReasonTag({\n  value,\n  reason,\n  confidence = 1,\n  sources = [],\n  by,\n  theme = \"dot\",\n  pinned = false,\n  onFollowUp,\n  className,\n}: ReasonTagProps) {\n  const t = tier(confidence);\n\n  const trigger =\n    theme === \"chip\" ? (\n      <span\n        className={`inline-flex cursor-help items-center gap-1 rounded-full px-2 py-0.5 text-[12px] font-medium ${className ?? \"\"}`}\n        style={{ backgroundColor: t.color + \"22\", color: t.color }}\n      >\n        <span\n          className=\"h-1.5 w-1.5 rounded-full\"\n          style={{ backgroundColor: t.color }}\n        />\n        {value}\n        <span className=\"text-[10px] opacity-70\">?</span>\n      </span>\n    ) : theme === \"underline\" ? (\n      <span\n        className={`cursor-help underline decoration-dotted underline-offset-2 ${className ?? \"\"}`}\n        style={{ textDecorationColor: t.color }}\n      >\n        {value}\n        <span\n          className=\"ml-0.5 font-mono text-[10px]\"\n          style={{ color: t.color }}\n        >\n          ?\n        </span>\n      </span>\n    ) : (\n      <span className={`inline-flex cursor-help items-baseline gap-1 ${className ?? \"\"}`}>\n        <span className=\"font-medium\">{value}</span>\n        <span\n          className=\"inline-block h-1.5 w-1.5 rounded-full align-middle\"\n          style={{ backgroundColor: t.color }}\n          title=\"reason available\"\n        />\n      </span>\n    );\n\n  if (pinned) {\n    return (\n      <span className=\"inline-flex flex-col items-start gap-0.5 align-top\">\n        {trigger}\n        <span\n          className=\"block max-w-[280px] rounded border-l-2 pl-2 text-[11px] leading-snug text-zinc-600 dark:text-zinc-300\"\n          style={{ borderColor: t.color }}\n        >\n          {reason}\n        </span>\n      </span>\n    );\n  }\n\n  return (\n    <Popover hover>\n      <Popover.Trigger>{trigger}</Popover.Trigger>\n      <Popover.Content>\n        <div className=\"w-72 space-y-2 text-sm\">\n          <div className=\"flex items-baseline gap-2\">\n            <span\n              className=\"text-[10px] font-semibold uppercase tracking-wider\"\n              style={{ color: t.color }}\n            >\n              {t.label} confidence · {(confidence * 100).toFixed(0)}%\n            </span>\n            {by && (\n              <span className=\"ml-auto font-mono text-[10px] text-zinc-400\">\n                @{by}\n              </span>\n            )}\n          </div>\n          <p className=\"text-[13px] leading-snug text-zinc-700 dark:text-zinc-200\">\n            {reason}\n          </p>\n          {sources.length > 0 && (\n            <div>\n              <div className=\"text-[10px] uppercase tracking-wider text-zinc-400\">\n                sources\n              </div>\n              <ul className=\"mt-0.5 space-y-0.5 text-[12px]\">\n                {sources.map((s, i) => (\n                  <li key={i}>\n                    {s.href ? (\n                      <a className=\"text-violet-600 hover:underline\" href={s.href}>\n                        {s.label}\n                      </a>\n                    ) : (\n                      <span className=\"text-zinc-600 dark:text-zinc-300\">\n                        {s.label}\n                      </span>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n          {onFollowUp && (\n            <div className=\"flex justify-end pt-1\">\n              <Button size=\"sm\" variant=\"ghost\" onClick={onFollowUp}>\n                ask follow-up\n              </Button>\n            </div>\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/ReasonTag/ReasonTag.tsx"],"names":[],"mappings":"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","file":"chunk-SAF5642F.js","sourcesContent":["import { Popover } from \"../Popover\";\nimport { Button } from \"../Button\";\n\n/**\n * ReasonTag — wraps any value with a small affordance that reveals the\n * agent's reasoning, sources, and confidence on hover or click.\n *\n *   <ReasonTag\n *     value=\"$1.4M\"\n *     reason=\"Projected Q3 ARR after stacking renewals.\"\n *     confidence={0.91}\n *     sources={[{ label: \"Q2 actuals · CRM export\" }]}\n *     by=\"Forecaster\"\n *   />\n *\n * Three visual styles:\n *   • \"dot\"       — value with a tiny coloured dot (default, subtle)\n *   • \"underline\" — dotted underline + trailing \"?\"\n *   • \"chip\"      — full coloured pill (loud)\n *\n * Confidence drives the colour via three tiers (high / medium / low),\n * so a quick visual scan tells the human which suggestions deserve a\n * second look without opening any tooltips.\n *\n * `pinned` swaps the popover for an inline annotation slot — useful\n * when explainability should always be visible, not buried in a hover.\n */\nexport type ReasonTagSource = { label: string; href?: string };\n\nexport type ReasonTagTheme = \"dot\" | \"underline\" | \"chip\";\n\nexport interface ReasonTagProps {\n  /** The value the tag wraps — usually a number, label, or short phrase. */\n  value: React.ReactNode;\n  /** Free-text rationale shown in the popover / inline annotation. */\n  reason: string;\n  /** 0..1 confidence. Drives the tier colour. Defaults to 1. */\n  confidence?: number;\n  /** Optional list of sources (label + optional href). */\n  sources?: ReasonTagSource[];\n  /** Optional author / agent name shown in the popover header. */\n  by?: string;\n  /** Visual treatment for the trigger. */\n  theme?: ReasonTagTheme;\n  /**\n   * When true, the popover is replaced with an always-visible inline\n   * annotation below the value.\n   */\n  pinned?: boolean;\n  /** Called when the user hits the \"ask follow-up\" action. */\n  onFollowUp?: () => void;\n  /** Optional className applied to the trigger element. */\n  className?: string;\n}\n\nconst CONFIDENCE_TIERS: Array<{ min: number; color: string; label: string }> = [\n  { min: 0.85, color: \"#10b981\", label: \"high\" },\n  { min: 0.6, color: \"#f59e0b\", label: \"medium\" },\n  { min: 0, color: \"#ef4444\", label: \"low\" },\n];\n\nfunction tier(c: number) {\n  return CONFIDENCE_TIERS.find((t) => c >= t.min) ?? CONFIDENCE_TIERS[2];\n}\n\nexport function ReasonTag({\n  value,\n  reason,\n  confidence = 1,\n  sources = [],\n  by,\n  theme = \"dot\",\n  pinned = false,\n  onFollowUp,\n  className,\n}: ReasonTagProps) {\n  const t = tier(confidence);\n\n  const trigger =\n    theme === \"chip\" ? (\n      <span\n        className={`inline-flex cursor-help items-center gap-1 rounded-full px-2 py-0.5 text-[12px] font-medium ${className ?? \"\"}`}\n        style={{ backgroundColor: t.color + \"22\", color: t.color }}\n      >\n        <span\n          className=\"h-1.5 w-1.5 rounded-full\"\n          style={{ backgroundColor: t.color }}\n        />\n        {value}\n        <span className=\"text-[10px] opacity-70\">?</span>\n      </span>\n    ) : theme === \"underline\" ? (\n      <span\n        className={`cursor-help underline decoration-dotted underline-offset-2 ${className ?? \"\"}`}\n        style={{ textDecorationColor: t.color }}\n      >\n        {value}\n        <span\n          className=\"ml-0.5 font-mono text-[10px]\"\n          style={{ color: t.color }}\n        >\n          ?\n        </span>\n      </span>\n    ) : (\n      <span className={`inline-flex cursor-help items-baseline gap-1 ${className ?? \"\"}`}>\n        <span className=\"font-medium\">{value}</span>\n        <span\n          className=\"inline-block h-1.5 w-1.5 rounded-full align-middle\"\n          style={{ backgroundColor: t.color }}\n          title=\"reason available\"\n        />\n      </span>\n    );\n\n  if (pinned) {\n    return (\n      <span className=\"inline-flex flex-col items-start gap-0.5 align-top\">\n        {trigger}\n        <span\n          className=\"block max-w-[280px] rounded border-l-2 pl-2 text-[11px] leading-snug text-zinc-600 dark:text-zinc-300\"\n          style={{ borderColor: t.color }}\n        >\n          {reason}\n        </span>\n      </span>\n    );\n  }\n\n  return (\n    <Popover hover>\n      <Popover.Trigger>{trigger}</Popover.Trigger>\n      <Popover.Content>\n        <div className=\"w-72 space-y-2 text-sm\">\n          <div className=\"flex items-baseline gap-2\">\n            <span\n              className=\"text-[10px] font-semibold uppercase tracking-wider\"\n              style={{ color: t.color }}\n            >\n              {t.label} confidence · {(confidence * 100).toFixed(0)}%\n            </span>\n            {by && (\n              <span className=\"ml-auto font-mono text-[10px] text-zinc-400\">\n                @{by}\n              </span>\n            )}\n          </div>\n          <p className=\"text-[13px] leading-snug text-zinc-700 dark:text-zinc-200\">\n            {reason}\n          </p>\n          {sources.length > 0 && (\n            <div>\n              <div className=\"text-[10px] uppercase tracking-wider text-zinc-400\">\n                sources\n              </div>\n              <ul className=\"mt-0.5 space-y-0.5 text-[12px]\">\n                {sources.map((s, i) => (\n                  <li key={i}>\n                    {s.href ? (\n                      <a className=\"text-violet-600 hover:underline\" href={s.href}>\n                        {s.label}\n                      </a>\n                    ) : (\n                      <span className=\"text-zinc-600 dark:text-zinc-300\">\n                        {s.label}\n                      </span>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n          {onFollowUp && (\n            <div className=\"flex justify-end pt-1\">\n              <Button size=\"sm\" variant=\"ghost\" onClick={onFollowUp}>\n                ask follow-up\n              </Button>\n            </div>\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n"]}

package/dist/{chunk-4UA45GB4.js → chunk-SG3L4322.js}

@@ -1,10 +1,10 @@
-import { InputWrapper } from './chunk-D7NAXQ2N.js';
-import { DisplayValue } from './chunk-K7JGOQJG.js';
-import { Field } from './chunk-3DJGPNUI.js';
+import { InputWrapper } from './chunk-PWEZCMIY.js';
+import { DisplayValue } from './chunk-KKWNKBKR.js';
+import { Field } from './chunk-FERMW3YE.js';
 import { inputBaseClasses, inputSizeClasses, dirtyClasses, errorClasses } from './chunk-GFYSELJF.js';
 import { useInlineEdit } from './chunk-OL53XYHF.js';
 import { useFieldMode } from './chunk-NRXK42LO.js';
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef, useId, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -125,5 +125,5 @@ var Textarea = forwardRef(
 Textarea.displayName = "Textarea";
 
 export { Textarea };
-//# sourceMappingURL=chunk-4UA45GB4.js.map
-//# sourceMappingURL=chunk-4UA45GB4.js.map
+//# sourceMappingURL=chunk-SG3L4322.js.map
+//# sourceMappingURL=chunk-SG3L4322.js.map

package/dist/{chunk-4UA45GB4.js.map → chunk-SG3L4322.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"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","file":"chunk-4UA45GB4.js","sourcesContent":["import { forwardRef, useEffect, useId, useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport type { TextareaProps } from \"./Textarea.types\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      autoResize,\n      minRows = 3,\n      maxRows,\n      prefix,\n      suffix,\n      prefixPosition: _prefixPosition,\n      suffixPosition: _suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const textareaId = id ?? autoId;\n    const internalRef = useRef<HTMLTextAreaElement | null>(null);\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!autoResize || !el) return;\n      el.style.height = \"auto\";\n      const lineHeight = parseInt(getComputedStyle(el).lineHeight) || 20;\n      const minHeight = minRows * lineHeight;\n      const maxHeight = maxRows ? maxRows * lineHeight : Infinity;\n      el.style.height = `${Math.min(Math.max(el.scrollHeight, minHeight), maxHeight)}px`;\n    }, [autoResize, minRows, maxRows, value, defaultValue]);\n\n    const textarea = !showControl ? (\n      <DisplayValue\n        size={size}\n        className=\"whitespace-pre-wrap\"\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {(value ?? defaultValue) as string | undefined}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition=\"outside\"\n        suffixPosition=\"outside\"\n        size={size}\n      >\n        <textarea\n          data-react-fancy-textarea=\"\"\n          ref={(node) => {\n            internalRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          id={textareaId}\n          disabled={disabled}\n          required={required}\n          rows={autoResize ? minRows : minRows}\n          value={value}\n          defaultValue={defaultValue}\n          className={cn(\n            inputBaseClasses,\n            inputSizeClasses[size],\n            dirtyClasses(dirty),\n            errorClasses(error),\n            \"w-full resize-y\",\n            autoResize && \"resize-none overflow-hidden\",\n            className,\n          )}\n          onChange={(e) => {\n            onChange?.(e);\n            onValueChange?.(e.target.value);\n          }}\n          {...props}\n          autoFocus={interactive || props.autoFocus}\n          onBlur={(e) => {\n            props.onBlur?.(e);\n            if (interactive) exitEdit();\n          }}\n        />\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={textareaId}\n          size={size}\n        >\n          {textarea}\n        </Field>\n      );\n    }\n\n    return textarea;\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"]}
+{"version":3,"sources":["../src/components/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;AAeO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CACE;AAAA,IACE,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,cAAA,EAAgB,eAAA;AAAA,IAChB,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,aAAa,EAAA,IAAM,MAAA;AACzB,IAAA,MAAM,WAAA,GAAc,OAAmC,IAAI,CAAA;AAC3D,IAAA,MAAM,YAAA,GAAe,aAAa,IAAI,CAAA;AACtC,IAAA,MAAM,EAAE,aAAa,WAAA,EAAa,SAAA,EAAW,UAAS,GAAI,aAAA,CAAc,cAAc,QAAQ,CAAA;AAE9F,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,KAAK,WAAA,CAAY,OAAA;AACvB,MAAA,IAAI,CAAC,UAAA,IAAc,CAAC,EAAA,EAAI;AACxB,MAAA,EAAA,CAAG,MAAM,MAAA,GAAS,MAAA;AAClB,MAAA,MAAM,aAAa,QAAA,CAAS,gBAAA,CAAiB,EAAE,CAAA,CAAE,UAAU,CAAA,IAAK,EAAA;AAChE,MAAA,MAAM,YAAY,OAAA,GAAU,UAAA;AAC5B,MAAA,MAAM,SAAA,GAAY,OAAA,GAAU,OAAA,GAAU,UAAA,GAAa,QAAA;AACnD,MAAA,EAAA,CAAG,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAG,SAAS,CAAC,CAAA,EAAA,CAAA;AAAA,IAChF,GAAG,CAAC,UAAA,EAAY,SAAS,OAAA,EAAS,KAAA,EAAO,YAAY,CAAC,CAAA;AAEtD,IAAA,MAAM,QAAA,GAAW,CAAC,WAAA,mBAChB,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAU,qBAAA;AAAA,QACV,WAAA;AAAA,QACA,UAAA,EAAY,SAAA;AAAA,QAEV,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA,KACb,mBAEA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,cAAA,EAAe,SAAA;AAAA,QACf,cAAA,EAAe,SAAA;AAAA,QACf,IAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,2BAAA,EAA0B,EAAA;AAAA,YAC1B,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,cAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,cAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,gBAAA,GAAA,CAAI,IAAI,CAAA;AAAA,cACV,WAAW,GAAA,EAAK;AACd,gBAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AAAA,cAChB;AAAA,YACF,CAAA;AAAA,YACA,EAAA,EAAI,UAAA;AAAA,YACJ,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA,EAAM,aAAa,OAAA,GAAU,OAAA;AAAA,YAC7B,KAAA;AAAA,YACA,YAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,gBAAA;AAAA,cACA,iBAAiB,IAAI,CAAA;AAAA,cACrB,aAAa,KAAK,CAAA;AAAA,cAClB,aAAa,KAAK,CAAA;AAAA,cAClB,iBAAA;AAAA,cACA,UAAA,IAAc,6BAAA;AAAA,cACd;AAAA,aACF;AAAA,YACA,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,cAAA,QAAA,GAAW,CAAC,CAAA;AACZ,cAAA,aAAA,GAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAChC,CAAA;AAAA,YACC,GAAG,KAAA;AAAA,YACJ,SAAA,EAAW,eAAe,KAAA,CAAM,SAAA;AAAA,YAChC,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,cAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,cAAA,IAAI,aAAa,QAAA,EAAS;AAAA,YAC5B;AAAA;AAAA;AACF;AAAA,KACF;AAGF,IAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,WAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,UAAA;AAAA,UACT,IAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,OAAO,QAAA;AAAA,EACT;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-SG3L4322.js","sourcesContent":["import { forwardRef, useEffect, useId, useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport type { TextareaProps } from \"./Textarea.types\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      autoResize,\n      minRows = 3,\n      maxRows,\n      prefix,\n      suffix,\n      prefixPosition: _prefixPosition,\n      suffixPosition: _suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const textareaId = id ?? autoId;\n    const internalRef = useRef<HTMLTextAreaElement | null>(null);\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!autoResize || !el) return;\n      el.style.height = \"auto\";\n      const lineHeight = parseInt(getComputedStyle(el).lineHeight) || 20;\n      const minHeight = minRows * lineHeight;\n      const maxHeight = maxRows ? maxRows * lineHeight : Infinity;\n      el.style.height = `${Math.min(Math.max(el.scrollHeight, minHeight), maxHeight)}px`;\n    }, [autoResize, minRows, maxRows, value, defaultValue]);\n\n    const textarea = !showControl ? (\n      <DisplayValue\n        size={size}\n        className=\"whitespace-pre-wrap\"\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {(value ?? defaultValue) as string | undefined}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition=\"outside\"\n        suffixPosition=\"outside\"\n        size={size}\n      >\n        <textarea\n          data-react-fancy-textarea=\"\"\n          ref={(node) => {\n            internalRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          id={textareaId}\n          disabled={disabled}\n          required={required}\n          rows={autoResize ? minRows : minRows}\n          value={value}\n          defaultValue={defaultValue}\n          className={cn(\n            inputBaseClasses,\n            inputSizeClasses[size],\n            dirtyClasses(dirty),\n            errorClasses(error),\n            \"w-full resize-y\",\n            autoResize && \"resize-none overflow-hidden\",\n            className,\n          )}\n          onChange={(e) => {\n            onChange?.(e);\n            onValueChange?.(e.target.value);\n          }}\n          {...props}\n          autoFocus={interactive || props.autoFocus}\n          onBlur={(e) => {\n            props.onBlur?.(e);\n            if (interactive) exitEdit();\n          }}\n        />\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={textareaId}\n          size={size}\n        >\n          {textarea}\n        </Field>\n      );\n    }\n\n    return textarea;\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"]}

package/dist/{chunk-PG3ILQIW.js → chunk-SLJD25VV.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -26,5 +26,5 @@ var Section = forwardRef(
 Section.displayName = "Section";
 
 export { Section };
-//# sourceMappingURL=chunk-PG3ILQIW.js.map
-//# sourceMappingURL=chunk-PG3ILQIW.js.map
+//# sourceMappingURL=chunk-SLJD25VV.js.map
+//# sourceMappingURL=chunk-SLJD25VV.js.map

package/dist/{chunk-PG3ILQIW.js.map → chunk-SLJD25VV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Section/Section.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,QAAQ,EAAE,EAAA,EAAI,QAAQ,EAAA,EAAI,OAAA,EAAS,IAAI,OAAA,EAAQ;AAS9C,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAM,OAAA,GAAU,KAAA,EAAO,EAAA,EAAI,GAAA,GAAM,SAAA,EAAW,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,0BAAA,EAAyB,EAAA;AAAA,QACzB,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,MAAM,KAAK,CAAA;AAAA,UACX,OAAA,IAAW,+CAAA;AAAA,UACX;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-PG3ILQIW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { SectionProps } from \"./Section.types\";\n\nconst SPACE = { sm: \"py-8\", md: \"py-16\", lg: \"py-24\" } as const;\n\n/**\n * Vertical rhythm between page sections, with the optional opening hairline.\n *\n * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule\n * is a prop rather than a caller-drawn border because half the gallery styles\n * drew it and half forgot, and an inconsistent rule reads as a bug.\n */\nexport const Section = forwardRef<HTMLElement, SectionProps>(\n  ({ children, space = \"md\", divider = false, as: Tag = \"section\", className, ...props }, ref) => {\n    const Component = Tag as \"section\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLElement>}\n        {...props}\n        data-react-fancy-section=\"\"\n        data-space={space}\n        className={cn(\n          SPACE[space],\n          divider && \"border-t border-zinc-200 dark:border-zinc-800\",\n          className,\n        )}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n"]}
+{"version":3,"sources":["../src/components/Section/Section.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,QAAQ,EAAE,EAAA,EAAI,QAAQ,EAAA,EAAI,OAAA,EAAS,IAAI,OAAA,EAAQ;AAS9C,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAM,OAAA,GAAU,KAAA,EAAO,EAAA,EAAI,GAAA,GAAM,SAAA,EAAW,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,0BAAA,EAAyB,EAAA;AAAA,QACzB,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,MAAM,KAAK,CAAA;AAAA,UACX,OAAA,IAAW,+CAAA;AAAA,UACX;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-SLJD25VV.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { SectionProps } from \"./Section.types\";\n\nconst SPACE = { sm: \"py-8\", md: \"py-16\", lg: \"py-24\" } as const;\n\n/**\n * Vertical rhythm between page sections, with the optional opening hairline.\n *\n * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule\n * is a prop rather than a caller-drawn border because half the gallery styles\n * drew it and half forgot, and an inconsistent rule reads as a bug.\n */\nexport const Section = forwardRef<HTMLElement, SectionProps>(\n  ({ children, space = \"md\", divider = false, as: Tag = \"section\", className, ...props }, ref) => {\n    const Component = Tag as \"section\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLElement>}\n        {...props}\n        data-react-fancy-section=\"\"\n        data-space={space}\n        className={cn(\n          SPACE[space],\n          divider && \"border-t border-zinc-200 dark:border-zinc-800\",\n          className,\n        )}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n"]}

package/dist/{chunk-EQGY3QDJ.cjs → chunk-SO4NNG26.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkVBZZ4CMM_cjs = require('./chunk-VBZZ4CMM.cjs');
-var chunkHTKDPFLJ_cjs = require('./chunk-HTKDPFLJ.cjs');
+var chunkISPCXIJZ_cjs = require('./chunk-ISPCXIJZ.cjs');
+var chunkF2VJEXN2_cjs = require('./chunk-F2VJEXN2.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -254,8 +254,8 @@ function PromptInput({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-t border-zinc-200 bg-zinc-50/60 px-3 py-2 dark:border-zinc-800 dark:bg-zinc-900/40", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkVBZZ4CMM_cjs.Tooltip, { content: "Drop files here, or click", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkHTKDPFLJ_cjs.Button,
+          /* @__PURE__ */ jsxRuntime.jsx(chunkISPCXIJZ_cjs.Tooltip, { content: "Drop files here, or click", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkF2VJEXN2_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -301,7 +301,7 @@ function PromptInput({
               " ",
               "to send"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkHTKDPFLJ_cjs.Button, { color: "violet", size: "sm", className: "shrink-0", onClick: submit, children: "send \u2192" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkF2VJEXN2_cjs.Button, { color: "violet", size: "sm", className: "shrink-0", onClick: submit, children: "send \u2192" })
           ] })
         ] })
       ]
@@ -319,5 +319,5 @@ function fmtSize(b) {
 }
 
 exports.PromptInput = PromptInput;
-//# sourceMappingURL=chunk-EQGY3QDJ.cjs.map
-//# sourceMappingURL=chunk-EQGY3QDJ.cjs.map
+//# sourceMappingURL=chunk-SO4NNG26.cjs.map
+//# sourceMappingURL=chunk-SO4NNG26.cjs.map

package/dist/{chunk-EQGY3QDJ.cjs.map → chunk-SO4NNG26.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PromptInput/PromptInput.tsx"],"names":["useState","useRef","useMemo","useEffect","jsxs","jsx","Tooltip","Button"],"mappings":";;;;;;;AAyEA,IAAM,qBAAA,GAAgD;AAAA,EACpD,KAAA,EAAO,SAAA;AAAA,EACP,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,YAAA;AAAA,EACA,WAAW,EAAC;AAAA,EACZ,WAAW,EAAC;AAAA,EACZ,QAAA,GAAW,IAAA;AAAA,EACX,QAAA;AAAA,EACA,WAAA,GAAc,+EAAA;AAAA,EACd,aAAA,GAAgB,CAAA;AAAA,EAChB,YAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,EAAE,CAAA;AACnC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAA,CAA6B,EAAE,CAAA;AACrE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAKzB,IAAI,CAAA;AACP,EAAA,MAAM,KAAA,GAAQC,aAA4B,IAAI,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAUA,aAAyB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAID,eAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,SAAS,YAAA,IAAgB,qBAAA;AAE/B,EAAA,MAAM,MAAA,GAASE,aAAA;AAAA,IACb,MAAM,KAAK,IAAA,CAAK,IAAA,CAAK,SAAS,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,aAAa,CAAC,CAAA;AAAA,IACxD,CAAC,MAAM,aAAa;AAAA,GACtB;AACA,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAS,YAAY,CAAA;AAC/C,EAAA,MAAM,aAAa,KAAA,GAAQ,GAAA,GAAM,SAAA,GAAY,KAAA,GAAQ,OAAO,SAAA,GAAY,SAAA;AAExE,EAAA,MAAM,YAAA,GAAeA,aAAA;AAAA,IACnB,MACE,MAAA,EAAQ,IAAA,KAAS,KAAA,GACb,QAAA,CAAS,MAAA;AAAA,MAAO,CAAC,CAAA,KACf,CAAA,CAAE,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,CAAE,WAAA,EAAY,CAAE,UAAA,CAAW,MAAA,CAAO,KAAA,CAAM,aAAa;AAAA,QAErE,EAAC;AAAA,IACP,CAAC,QAAQ,QAAQ;AAAA,GACnB;AACA,EAAA,MAAM,gBAAA,GAAmBA,aAAA;AAAA,IACvB,MACE,MAAA,EAAQ,IAAA,KAAS,SAAA,GACb,QAAA,CAAS,MAAA;AAAA,MAAO,CAAC,CAAA,KACf,CAAA,CAAE,IAAA,CAAK,WAAA,GAAc,QAAA,CAAS,MAAA,CAAO,KAAA,CAAM,WAAA,EAAa;AAAA,QAE1D,EAAC;AAAA,IACP,CAAC,QAAQ,QAAQ;AAAA,GACnB;AACA,EAAA,MAAM,KAAA,GACJ,QAAQ,IAAA,KAAS,KAAA,GACb,eACA,MAAA,EAAQ,IAAA,KAAS,SAAA,GACf,gBAAA,GACA,EAAC;AAET,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,KAAA,CAAM,OAAA;AACjB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,EAAA,CAAG,MAAM,MAAA,GAAS,MAAA;AAClB,IAAA,EAAA,CAAG,MAAM,MAAA,GAAS,IAAA,CAAK,IAAI,SAAA,EAAW,EAAA,CAAG,YAAY,CAAA,GAAI,IAAA;AAAA,EAC3D,CAAA,EAAG,CAAC,IAAA,EAAM,SAAS,CAAC,CAAA;AAEpB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,EAAc,KAAA,KAAkB;AAClD,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,IAAI,UAAA,GAAa,EAAA;AACjB,IAAA,IAAI,WAAA,GAAwC,IAAA;AAC5C,IAAA,KAAA,IAAS,CAAA,GAAI,KAAA,GAAQ,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AACnC,MAAA,MAAM,EAAA,GAAK,KAAK,CAAC,CAAA;AACjB,MAAA,IAAI,OAAO,GAAA,EAAK;AACd,QAAA,WAAA,GAAc,SAAA;AACd,QAAA,UAAA,GAAa,CAAA;AACb,QAAA;AAAA,MACF;AACA,MAAA,IAAI,EAAA,KAAO,GAAA,KAAQ,CAAA,KAAM,CAAA,IAAK,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,CAAA,GAAI,CAAC,CAAA,IAAK,EAAE,CAAA,CAAA,EAAI;AAC3D,QAAA,WAAA,GAAc,KAAA;AACd,QAAA,UAAA,GAAa,CAAA;AACb,QAAA;AAAA,MACF;AACA,MAAA,IAAI,IAAA,CAAK,IAAA,CAAK,EAAE,CAAA,EAAG;AAAA,IACrB;AACA,IAAA,IAAI,WAAA,KAAgB,IAAA,IAAQ,UAAA,IAAc,CAAA,EAAG;AAC3C,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,UAAA,GAAa,GAAG,KAAK,CAAA;AAC9C,MAAA,SAAA,CAAU,EAAE,MAAM,WAAA,EAAa,KAAA,EAAO,YAAY,KAAA,EAAO,MAAA,EAAQ,GAAG,CAAA;AAAA,IACtE,CAAA,MAAO;AACL,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAc;AAClC,IAAA,IAAI,CAAC,MAAA,IAAU,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AACnC,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA;AAClC,IAAA,MAAM,MAAA,GACJ,OAAO,IAAA,KAAS,KAAA,GACX,OAAqB,IAAA,GAAO,GAAA,GAC7B,CAAA,CAAA,EAAK,MAAA,CAAyB,EAAE,CAAA,CAAA,CAAA;AACtC,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,OAAO,KAAK,CAAA;AACzC,IAAA,MAAM,KAAA,GAAQ,KAAK,KAAA,CAAM,MAAA,CAAO,QAAQ,CAAA,GAAI,MAAA,CAAO,MAAM,MAAM,CAAA;AAC/D,IAAA,MAAM,IAAA,GAAO,SAAS,MAAA,GAAS,KAAA;AAC/B,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,qBAAA,CAAsB,MAAM;AAC1B,MAAA,MAAM,KAAK,KAAA,CAAM,OAAA;AACjB,MAAA,IAAI,CAAC,EAAA,EAAI;AACT,MAAA,EAAA,CAAG,KAAA,EAAM;AACT,MAAA,MAAM,GAAA,GAAM,MAAA,CAAO,MAAA,GAAS,MAAA,CAAO,MAAA;AACnC,MAAA,EAAA,CAAG,iBAAA,CAAkB,KAAK,GAAG,CAAA;AAAA,IAC/B,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,CAAC,IAAA,CAAK,IAAA,EAAK,IAAK,WAAA,CAAY,WAAW,CAAA,EAAG;AAC9C,IAAA,QAAA,CAAS,MAAM,WAAW,CAAA;AAC1B,IAAA,OAAA,CAAQ,EAAE,CAAA;AACV,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAChB,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAgD;AACjE,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAa;AACzB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,SAAA;AAAA,UAAU,CAAC,CAAA,KACT,CAAA,GAAI,EAAE,GAAG,GAAG,MAAA,EAAQ,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,SAAS,CAAA,EAAG,CAAA,CAAE,MAAA,GAAS,CAAC,GAAE,GAAI;AAAA,SACnE;AACA,QAAA;AAAA,MACF;AACA,MAAA,IAAI,CAAA,CAAE,QAAQ,SAAA,EAAW;AACvB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,SAAA,CAAU,CAAC,CAAA,KAAO,CAAA,GAAI,EAAE,GAAG,CAAA,EAAG,MAAA,EAAQ,IAAA,CAAK,GAAA,CAAI,GAAG,CAAA,CAAE,MAAA,GAAS,CAAC,CAAA,KAAM,CAAE,CAAA;AACtE,QAAA;AAAA,MACF;AACA,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,CAAA,CAAE,OAAA,IAAW,CAAC,CAAA,CAAE,OAAA,IAAW,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AACrE,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,CAAa,OAAO,MAAM,CAAA;AAC1B,QAAA;AAAA,MACF;AACA,MAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACtB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA;AAAA,MACF;AAAA,IACF;AACA,IAAA,IAAI,EAAE,GAAA,KAAQ,OAAA,KAAY,CAAA,CAAE,OAAA,IAAW,EAAE,OAAA,CAAA,EAAU;AACjD,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAA,EAAO;AAAA,IACT;AAAA,EACF,CAAA;AASA,EAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAAmC;AACjD,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,IAAA,IAAQ,EAAE,CAAA;AACnC,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AAExB,IAAA,cAAA,CAAe,CAAC,GAAA,KAAQ;AAAA,MACtB,GAAG,GAAA;AAAA,MACH,GAAG,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,MAAO;AAAA,QACnB,EAAA,EAAI,OAAO,UAAA,EAAW;AAAA,QACtB,MAAM,CAAA,CAAE,IAAA;AAAA,QACR,OAAO,CAAA,CAAE,IAAA;AAAA,QACT,IAAA,EAAM,CAAA;AAAA,QACN,MAAM,CAAA,CAAE;AAAA,OACV,CAAE;AAAA,KACH,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAuC;AACrD,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,WAAA,CAAY,KAAK,CAAA;AACjB,IAAA,MAAA,CAAO,CAAA,CAAE,aAAa,KAAK,CAAA;AAAA,EAC7B,CAAA;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,CAAC,CAAA,KAAM;AACjB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,WAAA,EAAa,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,MACpC,MAAA;AAAA,MACA,SAAA,EAAW,CAAA,sCAAA,EACT,QAAA,GACI,gFAAA,GACA,sCACN,CAAA,0BAAA,CAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,UAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACZ,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,QAED,WAAA,CAAY,MAAA,GAAS,CAAA,oBACpBA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gFAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,qBAChBD,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,kGAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAAC,cAAA,CAAC,UAAK,QAAA,EAAA,WAAA,EAAE,CAAA;AAAA,8BACRA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,YAAE,IAAA,EAAK,CAAA;AAAA,6CACnC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAiB,QAAA,EAAA,OAAA,CAAQ,CAAA,CAAE,KAAK,CAAA,EAAE,CAAA;AAAA,8BAClDA,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MACP,cAAA,CAAe,CAAC,GAAA,KAAQ,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,CAAA,CAAE,EAAE,CAAC,CAAA;AAAA,kBAE1D,SAAA,EAAU,8BAAA;AAAA,kBACV,YAAA,EAAW,mBAAA;AAAA,kBACZ,QAAA,EAAA;AAAA;AAAA;AAED;AAAA,WAAA;AAAA,UAdK,CAAA,CAAE;AAAA,SAgBV,CAAA,EACH,CAAA;AAAA,wBAGFD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,KAAA;AAAA,cACL,KAAA,EAAO,IAAA;AAAA,cACP,QAAA,EAAU,CAAC,CAAA,KAAM,UAAA,CAAW,EAAE,MAAA,CAAO,KAAA,EAAO,CAAA,CAAE,MAAA,CAAO,cAAc,CAAA;AAAA,cACnE,SAAA;AAAA,cACA,WAAA;AAAA,cACA,UAAA,EAAY,KAAA;AAAA,cACZ,SAAA,EAAU,wHAAA;AAAA,cACV,IAAA,EAAM;AAAA;AAAA,WACR;AAAA,UAEC,UAAU,KAAA,CAAM,MAAA,GAAS,qBACxBD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uJAAA,EACb,QAAA,EAAA;AAAA,4BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sJAAA,EACZ,QAAA,EAAA;AAAA,cAAA,MAAA,CAAO,IAAA,KAAS,QAAQ,UAAA,GAAa,SAAA;AAAA,cAAU,QAAA;AAAA,cAAI,KAAA,CAAM;AAAA,aAAA,EAC5D,CAAA;AAAA,4BACAC,cAAA,CAAC,QAAG,SAAA,EAAU,0BAAA,EACX,gBAAM,GAAA,CAAI,CAAC,MAAM,CAAA,KAAM;AACtB,cAAA,MAAM,MAAA,GAAS,MAAM,MAAA,CAAO,MAAA;AAC5B,cAAA,IAAI,MAAA,CAAO,SAAS,KAAA,EAAO;AACzB,gBAAA,MAAM,CAAA,GAAI,IAAA;AACV,gBAAA,uBACED,eAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBAEC,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,sBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,sBAAA,YAAA,CAAa,CAAC,CAAA;AAAA,oBAChB,CAAA;AAAA,oBACA,YAAA,EAAc,MACZ,SAAA,CAAU,CAAC,CAAA,KAAO,CAAA,GAAI,EAAE,GAAG,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAE,GAAI,CAAE,CAAA;AAAA,oBAEhD,SAAA,EAAW,CAAA,uCAAA,EACT,MAAA,GACI,qCAAA,GACA,yCACN,CAAA,CAAA;AAAA,oBAEA,QAAA,EAAA;AAAA,sCAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACZ,QAAA,EAAA,CAAA,CAAE,IAAA,EACL,CAAA;AAAA,sCACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EAA6B,YAAE,IAAA,EAAK;AAAA;AAAA,mBAAA;AAAA,kBAjB9C,CAAA,CAAE;AAAA,iBAkBT;AAAA,cAEJ;AACA,cAAA,MAAM,CAAA,GAAI,IAAA;AACV,cAAA,uBACED,eAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBAEC,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,oBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,oBAAA,YAAA,CAAa,CAAC,CAAA;AAAA,kBAChB,CAAA;AAAA,kBACA,YAAA,EAAc,MACZ,SAAA,CAAU,CAAC,CAAA,KAAO,CAAA,GAAI,EAAE,GAAG,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAE,GAAI,CAAE,CAAA;AAAA,kBAEhD,SAAA,EAAW,CAAA,+DAAA,EACT,MAAA,GACI,qCAAA,GACA,yCACN,CAAA,CAAA;AAAA,kBAEA,QAAA,EAAA;AAAA,oCAAAC,cAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAU,sBAAA;AAAA,wBACV,OAAO,EAAE,eAAA,EAAiB,OAAO,CAAA,CAAE,IAAI,KAAK,SAAA;AAAU;AAAA,qBACxD;AAAA,oCACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,YAAE,IAAA,EAAK,CAAA;AAAA,oCACtCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4DAAA,EACb,YAAE,IAAA,EACL;AAAA;AAAA,iBAAA;AAAA,gBArBK,CAAA,CAAE;AAAA,eAsBT;AAAA,YAEJ,CAAC,CAAA,EACH;AAAA,WAAA,EACF;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mHAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,yBAAA,EAAA,EAAQ,SAAQ,2BAAA,EACf,QAAA,kBAAAD,cAAA;AAAA,YAACE,wBAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cACR,IAAA,EAAK,IAAA;AAAA,cACL,SAAA,EAAU,UAAA;AAAA,cACV,OAAA,EAAS,MAAM,OAAA,CAAQ,OAAA,EAAS,KAAA,EAAM;AAAA,cACvC,QAAA,EAAA;AAAA;AAAA,WAED,EACF,CAAA;AAAA,0BAMAF,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,OAAA;AAAA,cACL,IAAA,EAAK,MAAA;AAAA,cACL,QAAA,EAAQ,IAAA;AAAA,cACR,SAAA,EAAU,QAAA;AAAA,cACV,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,gBAAA,MAAA,CAAO,CAAA,CAAE,OAAO,KAAK,CAAA;AAErB,gBAAA,CAAA,CAAE,OAAO,KAAA,GAAQ,EAAA;AAAA,cACnB;AAAA;AAAA,WACF;AAAA,0BACAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6EAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,oCAAA;AAAA,gBACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,QAAQ,GAAG,CAAA,CAAA,CAAA,EAAK,iBAAiB,UAAA;AAAW;AAAA,aACjE,EACF,CAAA;AAAA,4BACAD,eAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EAAwB,OAAO,EAAE,KAAA,EAAO,YAAW,EAChE,QAAA,EAAA;AAAA,cAAA,SAAA,CAAU,MAAM,CAAA;AAAA,cAAE,KAAA;AAAA,cAAI,UAAU,YAAY;AAAA,aAAA,EAC/C;AAAA,WAAA,EACF,CAAA;AAAA,0BACAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA;AAAA,YAAA,QAAA,oBACCA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EACd,QAAA,EAAA;AAAA,8BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mJAAA,EAAoJ,QAAA,EAAA,QAAA,EAEnK,CAAA;AAAA,cAAO,GAAA;AAAA,cAAI,GAAA;AAAA,cACT,GAAA;AAAA,8BACFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mJAAA,EAAoJ,QAAA,EAAA,OAAA,EAEnK,CAAA;AAAA,cAAO,GAAA;AAAA,cAAI;AAAA,aAAA,EAEb,CAAA;AAAA,4BAEFA,cAAA,CAACE,wBAAA,EAAA,EAAO,KAAA,EAAM,QAAA,EAAS,IAAA,EAAK,MAAK,SAAA,EAAU,UAAA,EAAW,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,aAAA,EAEvE;AAAA,WAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,UAAU,CAAA,EAAmB;AACpC,EAAA,IAAI,CAAA,GAAI,GAAA,EAAM,OAAO,CAAA,EAAG,CAAC,CAAA,CAAA;AACzB,EAAA,OAAO,CAAA,EAAA,CAAI,CAAA,GAAI,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACjC;AAEA,SAAS,QAAQ,CAAA,EAAmB;AAClC,EAAA,IAAI,CAAA,GAAI,IAAA,EAAM,OAAO,CAAA,EAAG,CAAC,CAAA,EAAA,CAAA;AACzB,EAAA,IAAI,CAAA,GAAI,OAAO,IAAA,EAAM,OAAO,IAAI,CAAA,GAAI,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AACpD,EAAA,OAAO,IAAI,CAAA,GAAI,IAAA,GAAO,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AACxC","file":"chunk-EQGY3QDJ.cjs","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Button } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\n\n/**\n * PromptInput — the chat composer every AI app rebuilds. Auto-growing\n * multi-line input with:\n *\n *   • slash-command picker (`/` triggers a filtered command palette,\n *     ↑/↓ navigate, Enter inserts)\n *   • mention picker (`@` triggers, filtered against `mentions`)\n *   • drop-to-attach (drag files anywhere on the surface) + chip bar\n *   • submit on ⌘/Ctrl+Enter (plain Enter inserts a newline)\n *   • live token-budget meter (green → amber → red as headroom drops)\n *\n * Wire it up:\n *\n *   <PromptInput\n *     budgetTokens={32000}\n *     commands={[{ name: \"/rewrite\", hint: \"rewrite the selection\" }]}\n *     mentions={[{ id: \"ada\", name: \"Ada\", kind: \"person\" }]}\n *     onSubmit={(text, attachments) => sendToAgent(text, attachments)}\n *   />\n */\nexport type PromptCmd = { name: string; hint: string };\nexport type PromptMention = {\n  id: string;\n  name: string;\n  kind: \"agent\" | \"file\" | \"person\" | string;\n};\nexport type PromptAttachment = {\n  id: string;\n  name: string;\n  bytes: number;\n  /**\n   * The file the user actually attached.\n   *\n   * Optional because an attachment restored from a server has no File — but for\n   * anything the user dropped or picked it is always present. Without it a host\n   * can render a chip and nothing else: no POST, no FormData, no send-to-model.\n   */\n  file?: File;\n  /** MIME type. Hosts branch on this to decide whether a file can be sent as-is. */\n  type?: string;\n};\n\nexport interface PromptInputProps {\n  /** Token budget for the meter. */\n  budgetTokens: number;\n  /** Slash-commands. Names must start with `/`. */\n  commands?: PromptCmd[];\n  /** @-mentions. */\n  mentions?: PromptMention[];\n  /** Show the keyboard hint (\"⌘ + Enter to send\"). */\n  showHint?: boolean;\n  /** Called on ⌘/Ctrl+Enter or send button. */\n  onSubmit: (text: string, attachments: PromptAttachment[]) => void;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Rough estimator: chars-per-token. Defaults to 4. */\n  charsPerToken?: number;\n  /** Color → CSS chip mapping for mention kinds. */\n  mentionColor?: Record<string, string>;\n  /** Optional max textarea height in px. Defaults to 280. */\n  maxHeight?: number;\n  /**\n   * Rendered INSIDE the rounded shell, ABOVE the attachments bar and\n   * textarea. Use this slot for a drawer of tools/files/prompts/etc. so\n   * the drawer and composer share one visual panel. See {@link ChatDrawer}.\n   */\n  aboveInput?: ReactNode;\n}\n\nconst DEFAULT_MENTION_COLOR: Record<string, string> = {\n  agent: \"#a855f7\",\n  file: \"#10b981\",\n  person: \"#3b82f6\",\n};\n\nexport function PromptInput({\n  budgetTokens,\n  commands = [],\n  mentions = [],\n  showHint = true,\n  onSubmit,\n  placeholder = \"Ask anything. Type / for commands, @ for mentions. ⌘/Ctrl+Enter to send.\",\n  charsPerToken = 4,\n  mentionColor,\n  maxHeight = 280,\n  aboveInput,\n}: PromptInputProps) {\n  const [text, setText] = useState(\"\");\n  const [attachments, setAttachments] = useState<PromptAttachment[]>([]);\n  const [picker, setPicker] = useState<null | {\n    kind: \"cmd\" | \"mention\";\n    start: number;\n    query: string;\n    cursor: number;\n  }>(null);\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const [dragOver, setDragOver] = useState(false);\n\n  const colors = mentionColor ?? DEFAULT_MENTION_COLOR;\n\n  const tokens = useMemo(\n    () => Math.ceil(text.length / Math.max(1, charsPerToken)),\n    [text, charsPerToken],\n  );\n  const ratio = Math.min(1, tokens / budgetTokens);\n  const meterColor = ratio < 0.6 ? \"#10b981\" : ratio < 0.85 ? \"#f59e0b\" : \"#ef4444\";\n\n  const filteredCmds = useMemo(\n    () =>\n      picker?.kind === \"cmd\"\n        ? commands.filter((c) =>\n            c.name.slice(1).toLowerCase().startsWith(picker.query.toLowerCase()),\n          )\n        : [],\n    [picker, commands],\n  );\n  const filteredMentions = useMemo(\n    () =>\n      picker?.kind === \"mention\"\n        ? mentions.filter((m) =>\n            m.name.toLowerCase().includes(picker.query.toLowerCase()),\n          )\n        : [],\n    [picker, mentions],\n  );\n  const items: Array<PromptCmd | PromptMention> =\n    picker?.kind === \"cmd\"\n      ? filteredCmds\n      : picker?.kind === \"mention\"\n        ? filteredMentions\n        : [];\n\n  useEffect(() => {\n    const ta = taRef.current;\n    if (!ta) return;\n    ta.style.height = \"auto\";\n    ta.style.height = Math.min(maxHeight, ta.scrollHeight) + \"px\";\n  }, [text, maxHeight]);\n\n  const updateText = (next: string, caret: number) => {\n    setText(next);\n    let triggerIdx = -1;\n    let triggerKind: \"cmd\" | \"mention\" | null = null;\n    for (let i = caret - 1; i >= 0; i--) {\n      const ch = next[i];\n      if (ch === \"@\") {\n        triggerKind = \"mention\";\n        triggerIdx = i;\n        break;\n      }\n      if (ch === \"/\" && (i === 0 || /\\s/.test(next[i - 1] ?? \"\"))) {\n        triggerKind = \"cmd\";\n        triggerIdx = i;\n        break;\n      }\n      if (/\\s/.test(ch)) break;\n    }\n    if (triggerKind !== null && triggerIdx >= 0) {\n      const query = next.slice(triggerIdx + 1, caret);\n      setPicker({ kind: triggerKind, start: triggerIdx, query, cursor: 0 });\n    } else {\n      setPicker(null);\n    }\n  };\n\n  const insertChoice = (i: number) => {\n    if (!picker || items.length === 0) return;\n    const choice = items[i] ?? items[0];\n    const insert =\n      picker.kind === \"cmd\"\n        ? (choice as PromptCmd).name + \" \"\n        : `@${(choice as PromptMention).id} `;\n    const before = text.slice(0, picker.start);\n    const after = text.slice(picker.start + 1 + picker.query.length);\n    const next = before + insert + after;\n    setText(next);\n    setPicker(null);\n    requestAnimationFrame(() => {\n      const ta = taRef.current;\n      if (!ta) return;\n      ta.focus();\n      const pos = before.length + insert.length;\n      ta.setSelectionRange(pos, pos);\n    });\n  };\n\n  const submit = () => {\n    if (!text.trim() && attachments.length === 0) return;\n    onSubmit(text, attachments);\n    setText(\"\");\n    setAttachments([]);\n    setPicker(null);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (picker) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setPicker((p) =>\n          p ? { ...p, cursor: Math.min(items.length - 1, p.cursor + 1) } : p,\n        );\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setPicker((p) => (p ? { ...p, cursor: Math.max(0, p.cursor - 1) } : p));\n        return;\n      }\n      if (e.key === \"Enter\" && !e.metaKey && !e.ctrlKey && items.length > 0) {\n        e.preventDefault();\n        insertChoice(picker.cursor);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setPicker(null);\n        return;\n      }\n    }\n    if (e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  /**\n   * Build attachments from a FileList, KEEPING the File.\n   *\n   * Shared by the drop handler and the picker so the two cannot drift — the\n   * picker being a second, subtly different copy of this is exactly how one of\n   * them would end up dropping the File again.\n   */\n  const attach = (list: FileList | File[] | null) => {\n    const files = Array.from(list ?? []);\n    if (files.length === 0) return;\n\n    setAttachments((cur) => [\n      ...cur,\n      ...files.map((f) => ({\n        id: crypto.randomUUID(),\n        name: f.name,\n        bytes: f.size,\n        file: f,\n        type: f.type,\n      })),\n    ]);\n  };\n\n  const onDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setDragOver(false);\n    attach(e.dataTransfer.files);\n  };\n\n  return (\n    <div\n      onDragOver={(e) => {\n        e.preventDefault();\n        setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={onDrop}\n      className={`relative rounded-md border transition ${\n        dragOver\n          ? \"border-violet-400 bg-violet-50/50 dark:border-violet-600 dark:bg-violet-950/30\"\n          : \"border-zinc-200 dark:border-zinc-800\"\n      } bg-white dark:bg-zinc-900`}\n    >\n      {aboveInput && (\n        <div className=\"border-b border-zinc-200 dark:border-zinc-800\">\n          {aboveInput}\n        </div>\n      )}\n      {attachments.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5 border-b border-zinc-200 px-3 py-2 dark:border-zinc-800\">\n          {attachments.map((a) => (\n            <span\n              key={a.id}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-zinc-100 px-2 py-0.5 text-[11px] dark:bg-zinc-800\"\n            >\n              <span>📎</span>\n              <span className=\"font-mono\">{a.name}</span>\n              <span className=\"text-zinc-400\">{fmtSize(a.bytes)}</span>\n              <button\n                onClick={() =>\n                  setAttachments((cur) => cur.filter((x) => x.id !== a.id))\n                }\n                className=\"opacity-50 hover:opacity-100\"\n                aria-label=\"Remove attachment\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"relative\">\n        <textarea\n          ref={taRef}\n          value={text}\n          onChange={(e) => updateText(e.target.value, e.target.selectionStart)}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          spellCheck={false}\n          className=\"block w-full resize-none bg-transparent px-3 py-2.5 text-[14px] leading-relaxed outline-none placeholder:text-zinc-400\"\n          rows={3}\n        />\n\n        {picker && items.length > 0 && (\n          <div className=\"absolute bottom-full left-2 z-10 mb-1 w-72 overflow-hidden rounded-md border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-900\">\n            <div className=\"border-b border-zinc-100 bg-zinc-50 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-zinc-500 dark:border-zinc-800 dark:bg-zinc-950\">\n              {picker.kind === \"cmd\" ? \"Commands\" : \"Mention\"} · {items.length}\n            </div>\n            <ul className=\"max-h-56 overflow-y-auto\">\n              {items.map((item, i) => {\n                const active = i === picker.cursor;\n                if (picker.kind === \"cmd\") {\n                  const c = item as PromptCmd;\n                  return (\n                    <li\n                      key={c.name}\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        insertChoice(i);\n                      }}\n                      onMouseEnter={() =>\n                        setPicker((p) => (p ? { ...p, cursor: i } : p))\n                      }\n                      className={`cursor-pointer px-2 py-1.5 text-[12px] ${\n                        active\n                          ? \"bg-violet-100 dark:bg-violet-900/30\"\n                          : \"hover:bg-zinc-50 dark:hover:bg-zinc-800\"\n                      }`}\n                    >\n                      <div className=\"font-mono font-medium text-violet-700 dark:text-violet-300\">\n                        {c.name}\n                      </div>\n                      <div className=\"text-[11px] text-zinc-500\">{c.hint}</div>\n                    </li>\n                  );\n                }\n                const m = item as PromptMention;\n                return (\n                  <li\n                    key={m.id}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      insertChoice(i);\n                    }}\n                    onMouseEnter={() =>\n                      setPicker((p) => (p ? { ...p, cursor: i } : p))\n                    }\n                    className={`flex cursor-pointer items-center gap-2 px-2 py-1.5 text-[12px] ${\n                      active\n                        ? \"bg-violet-100 dark:bg-violet-900/30\"\n                        : \"hover:bg-zinc-50 dark:hover:bg-zinc-800\"\n                    }`}\n                  >\n                    <span\n                      className=\"h-2 w-2 rounded-full\"\n                      style={{ backgroundColor: colors[m.kind] ?? \"#71717a\" }}\n                    />\n                    <span className=\"font-medium\">{m.name}</span>\n                    <span className=\"ml-auto text-[10px] uppercase tracking-wider text-zinc-400\">\n                      {m.kind}\n                    </span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2 border-t border-zinc-200 bg-zinc-50/60 px-3 py-2 dark:border-zinc-800 dark:bg-zinc-900/40\">\n        <Tooltip content=\"Drop files here, or click\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"shrink-0\"\n            onClick={() => fileRef.current?.click()}\n          >\n            📎 attach\n          </Button>\n        </Tooltip>\n        {/*\n          The button above shipped with a no-op onClick and a tooltip reading\n          \"Drop files here, or click\" — an affordance that lied. Drop-only also\n          meant keyboard and touch users could not attach at all.\n        */}\n        <input\n          ref={fileRef}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          onChange={(e) => {\n            attach(e.target.files);\n            // Let the same file be picked twice in a row.\n            e.target.value = \"\";\n          }}\n        />\n        <div className=\"ml-2 flex min-w-0 items-center gap-1.5 overflow-hidden\">\n          <div className=\"h-1.5 w-24 shrink overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\">\n            <div\n              className=\"h-full rounded-full transition-all\"\n              style={{ width: `${ratio * 100}%`, backgroundColor: meterColor }}\n            />\n          </div>\n          <span className=\"font-mono text-[11px]\" style={{ color: meterColor }}>\n            {fmtTokens(tokens)} / {fmtTokens(budgetTokens)}\n          </span>\n        </div>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {showHint && (\n            <span className=\"hidden text-[10px] text-zinc-500 sm:inline\">\n              <kbd className=\"rounded border border-zinc-300 bg-zinc-50 px-1 py-0.5 font-mono text-[9px] text-zinc-700 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\">\n                ⌘\n              </kbd>{\" \"}\n              +{\" \"}\n              <kbd className=\"rounded border border-zinc-300 bg-zinc-50 px-1 py-0.5 font-mono text-[9px] text-zinc-700 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\">\n                Enter\n              </kbd>{\" \"}\n              to send\n            </span>\n          )}\n          <Button color=\"violet\" size=\"sm\" className=\"shrink-0\" onClick={submit}>\n            send →\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction fmtTokens(n: number): string {\n  if (n < 1000) return `${n}`;\n  return `${(n / 1000).toFixed(1)}k`;\n}\n\nfunction fmtSize(b: number): string {\n  if (b < 1024) return `${b} B`;\n  if (b < 1024 * 1024) return `${(b / 1024).toFixed(0)} KB`;\n  return `${(b / 1024 / 1024).toFixed(1)} MB`;\n}\n"]}
+{"version":3,"sources":["../src/components/PromptInput/PromptInput.tsx"],"names":["useState","useRef","useMemo","useEffect","jsxs","jsx","Tooltip","Button"],"mappings":"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","file":"chunk-SO4NNG26.cjs","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { Button } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\n\n/**\n * PromptInput — the chat composer every AI app rebuilds. Auto-growing\n * multi-line input with:\n *\n *   • slash-command picker (`/` triggers a filtered command palette,\n *     ↑/↓ navigate, Enter inserts)\n *   • mention picker (`@` triggers, filtered against `mentions`)\n *   • drop-to-attach (drag files anywhere on the surface) + chip bar\n *   • submit on ⌘/Ctrl+Enter (plain Enter inserts a newline)\n *   • live token-budget meter (green → amber → red as headroom drops)\n *\n * Wire it up:\n *\n *   <PromptInput\n *     budgetTokens={32000}\n *     commands={[{ name: \"/rewrite\", hint: \"rewrite the selection\" }]}\n *     mentions={[{ id: \"ada\", name: \"Ada\", kind: \"person\" }]}\n *     onSubmit={(text, attachments) => sendToAgent(text, attachments)}\n *   />\n */\nexport type PromptCmd = { name: string; hint: string };\nexport type PromptMention = {\n  id: string;\n  name: string;\n  kind: \"agent\" | \"file\" | \"person\" | string;\n};\nexport type PromptAttachment = {\n  id: string;\n  name: string;\n  bytes: number;\n  /**\n   * The file the user actually attached.\n   *\n   * Optional because an attachment restored from a server has no File — but for\n   * anything the user dropped or picked it is always present. Without it a host\n   * can render a chip and nothing else: no POST, no FormData, no send-to-model.\n   */\n  file?: File;\n  /** MIME type. Hosts branch on this to decide whether a file can be sent as-is. */\n  type?: string;\n};\n\nexport interface PromptInputProps {\n  /** Token budget for the meter. */\n  budgetTokens: number;\n  /** Slash-commands. Names must start with `/`. */\n  commands?: PromptCmd[];\n  /** @-mentions. */\n  mentions?: PromptMention[];\n  /** Show the keyboard hint (\"⌘ + Enter to send\"). */\n  showHint?: boolean;\n  /** Called on ⌘/Ctrl+Enter or send button. */\n  onSubmit: (text: string, attachments: PromptAttachment[]) => void;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Rough estimator: chars-per-token. Defaults to 4. */\n  charsPerToken?: number;\n  /** Color → CSS chip mapping for mention kinds. */\n  mentionColor?: Record<string, string>;\n  /** Optional max textarea height in px. Defaults to 280. */\n  maxHeight?: number;\n  /**\n   * Rendered INSIDE the rounded shell, ABOVE the attachments bar and\n   * textarea. Use this slot for a drawer of tools/files/prompts/etc. so\n   * the drawer and composer share one visual panel. See {@link ChatDrawer}.\n   */\n  aboveInput?: ReactNode;\n}\n\nconst DEFAULT_MENTION_COLOR: Record<string, string> = {\n  agent: \"#a855f7\",\n  file: \"#10b981\",\n  person: \"#3b82f6\",\n};\n\nexport function PromptInput({\n  budgetTokens,\n  commands = [],\n  mentions = [],\n  showHint = true,\n  onSubmit,\n  placeholder = \"Ask anything. Type / for commands, @ for mentions. ⌘/Ctrl+Enter to send.\",\n  charsPerToken = 4,\n  mentionColor,\n  maxHeight = 280,\n  aboveInput,\n}: PromptInputProps) {\n  const [text, setText] = useState(\"\");\n  const [attachments, setAttachments] = useState<PromptAttachment[]>([]);\n  const [picker, setPicker] = useState<null | {\n    kind: \"cmd\" | \"mention\";\n    start: number;\n    query: string;\n    cursor: number;\n  }>(null);\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const [dragOver, setDragOver] = useState(false);\n\n  const colors = mentionColor ?? DEFAULT_MENTION_COLOR;\n\n  const tokens = useMemo(\n    () => Math.ceil(text.length / Math.max(1, charsPerToken)),\n    [text, charsPerToken],\n  );\n  const ratio = Math.min(1, tokens / budgetTokens);\n  const meterColor = ratio < 0.6 ? \"#10b981\" : ratio < 0.85 ? \"#f59e0b\" : \"#ef4444\";\n\n  const filteredCmds = useMemo(\n    () =>\n      picker?.kind === \"cmd\"\n        ? commands.filter((c) =>\n            c.name.slice(1).toLowerCase().startsWith(picker.query.toLowerCase()),\n          )\n        : [],\n    [picker, commands],\n  );\n  const filteredMentions = useMemo(\n    () =>\n      picker?.kind === \"mention\"\n        ? mentions.filter((m) =>\n            m.name.toLowerCase().includes(picker.query.toLowerCase()),\n          )\n        : [],\n    [picker, mentions],\n  );\n  const items: Array<PromptCmd | PromptMention> =\n    picker?.kind === \"cmd\"\n      ? filteredCmds\n      : picker?.kind === \"mention\"\n        ? filteredMentions\n        : [];\n\n  useEffect(() => {\n    const ta = taRef.current;\n    if (!ta) return;\n    ta.style.height = \"auto\";\n    ta.style.height = Math.min(maxHeight, ta.scrollHeight) + \"px\";\n  }, [text, maxHeight]);\n\n  const updateText = (next: string, caret: number) => {\n    setText(next);\n    let triggerIdx = -1;\n    let triggerKind: \"cmd\" | \"mention\" | null = null;\n    for (let i = caret - 1; i >= 0; i--) {\n      const ch = next[i];\n      if (ch === \"@\") {\n        triggerKind = \"mention\";\n        triggerIdx = i;\n        break;\n      }\n      if (ch === \"/\" && (i === 0 || /\\s/.test(next[i - 1] ?? \"\"))) {\n        triggerKind = \"cmd\";\n        triggerIdx = i;\n        break;\n      }\n      if (/\\s/.test(ch)) break;\n    }\n    if (triggerKind !== null && triggerIdx >= 0) {\n      const query = next.slice(triggerIdx + 1, caret);\n      setPicker({ kind: triggerKind, start: triggerIdx, query, cursor: 0 });\n    } else {\n      setPicker(null);\n    }\n  };\n\n  const insertChoice = (i: number) => {\n    if (!picker || items.length === 0) return;\n    const choice = items[i] ?? items[0];\n    const insert =\n      picker.kind === \"cmd\"\n        ? (choice as PromptCmd).name + \" \"\n        : `@${(choice as PromptMention).id} `;\n    const before = text.slice(0, picker.start);\n    const after = text.slice(picker.start + 1 + picker.query.length);\n    const next = before + insert + after;\n    setText(next);\n    setPicker(null);\n    requestAnimationFrame(() => {\n      const ta = taRef.current;\n      if (!ta) return;\n      ta.focus();\n      const pos = before.length + insert.length;\n      ta.setSelectionRange(pos, pos);\n    });\n  };\n\n  const submit = () => {\n    if (!text.trim() && attachments.length === 0) return;\n    onSubmit(text, attachments);\n    setText(\"\");\n    setAttachments([]);\n    setPicker(null);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (picker) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setPicker((p) =>\n          p ? { ...p, cursor: Math.min(items.length - 1, p.cursor + 1) } : p,\n        );\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setPicker((p) => (p ? { ...p, cursor: Math.max(0, p.cursor - 1) } : p));\n        return;\n      }\n      if (e.key === \"Enter\" && !e.metaKey && !e.ctrlKey && items.length > 0) {\n        e.preventDefault();\n        insertChoice(picker.cursor);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setPicker(null);\n        return;\n      }\n    }\n    if (e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  /**\n   * Build attachments from a FileList, KEEPING the File.\n   *\n   * Shared by the drop handler and the picker so the two cannot drift — the\n   * picker being a second, subtly different copy of this is exactly how one of\n   * them would end up dropping the File again.\n   */\n  const attach = (list: FileList | File[] | null) => {\n    const files = Array.from(list ?? []);\n    if (files.length === 0) return;\n\n    setAttachments((cur) => [\n      ...cur,\n      ...files.map((f) => ({\n        id: crypto.randomUUID(),\n        name: f.name,\n        bytes: f.size,\n        file: f,\n        type: f.type,\n      })),\n    ]);\n  };\n\n  const onDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setDragOver(false);\n    attach(e.dataTransfer.files);\n  };\n\n  return (\n    <div\n      onDragOver={(e) => {\n        e.preventDefault();\n        setDragOver(true);\n      }}\n      onDragLeave={() => setDragOver(false)}\n      onDrop={onDrop}\n      className={`relative rounded-md border transition ${\n        dragOver\n          ? \"border-violet-400 bg-violet-50/50 dark:border-violet-600 dark:bg-violet-950/30\"\n          : \"border-zinc-200 dark:border-zinc-800\"\n      } bg-white dark:bg-zinc-900`}\n    >\n      {aboveInput && (\n        <div className=\"border-b border-zinc-200 dark:border-zinc-800\">\n          {aboveInput}\n        </div>\n      )}\n      {attachments.length > 0 && (\n        <div className=\"flex flex-wrap gap-1.5 border-b border-zinc-200 px-3 py-2 dark:border-zinc-800\">\n          {attachments.map((a) => (\n            <span\n              key={a.id}\n              className=\"inline-flex items-center gap-1.5 rounded-md bg-zinc-100 px-2 py-0.5 text-[11px] dark:bg-zinc-800\"\n            >\n              <span>📎</span>\n              <span className=\"font-mono\">{a.name}</span>\n              <span className=\"text-zinc-400\">{fmtSize(a.bytes)}</span>\n              <button\n                onClick={() =>\n                  setAttachments((cur) => cur.filter((x) => x.id !== a.id))\n                }\n                className=\"opacity-50 hover:opacity-100\"\n                aria-label=\"Remove attachment\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"relative\">\n        <textarea\n          ref={taRef}\n          value={text}\n          onChange={(e) => updateText(e.target.value, e.target.selectionStart)}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          spellCheck={false}\n          className=\"block w-full resize-none bg-transparent px-3 py-2.5 text-[14px] leading-relaxed outline-none placeholder:text-zinc-400\"\n          rows={3}\n        />\n\n        {picker && items.length > 0 && (\n          <div className=\"absolute bottom-full left-2 z-10 mb-1 w-72 overflow-hidden rounded-md border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-900\">\n            <div className=\"border-b border-zinc-100 bg-zinc-50 px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-zinc-500 dark:border-zinc-800 dark:bg-zinc-950\">\n              {picker.kind === \"cmd\" ? \"Commands\" : \"Mention\"} · {items.length}\n            </div>\n            <ul className=\"max-h-56 overflow-y-auto\">\n              {items.map((item, i) => {\n                const active = i === picker.cursor;\n                if (picker.kind === \"cmd\") {\n                  const c = item as PromptCmd;\n                  return (\n                    <li\n                      key={c.name}\n                      onMouseDown={(e) => {\n                        e.preventDefault();\n                        insertChoice(i);\n                      }}\n                      onMouseEnter={() =>\n                        setPicker((p) => (p ? { ...p, cursor: i } : p))\n                      }\n                      className={`cursor-pointer px-2 py-1.5 text-[12px] ${\n                        active\n                          ? \"bg-violet-100 dark:bg-violet-900/30\"\n                          : \"hover:bg-zinc-50 dark:hover:bg-zinc-800\"\n                      }`}\n                    >\n                      <div className=\"font-mono font-medium text-violet-700 dark:text-violet-300\">\n                        {c.name}\n                      </div>\n                      <div className=\"text-[11px] text-zinc-500\">{c.hint}</div>\n                    </li>\n                  );\n                }\n                const m = item as PromptMention;\n                return (\n                  <li\n                    key={m.id}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      insertChoice(i);\n                    }}\n                    onMouseEnter={() =>\n                      setPicker((p) => (p ? { ...p, cursor: i } : p))\n                    }\n                    className={`flex cursor-pointer items-center gap-2 px-2 py-1.5 text-[12px] ${\n                      active\n                        ? \"bg-violet-100 dark:bg-violet-900/30\"\n                        : \"hover:bg-zinc-50 dark:hover:bg-zinc-800\"\n                    }`}\n                  >\n                    <span\n                      className=\"h-2 w-2 rounded-full\"\n                      style={{ backgroundColor: colors[m.kind] ?? \"#71717a\" }}\n                    />\n                    <span className=\"font-medium\">{m.name}</span>\n                    <span className=\"ml-auto text-[10px] uppercase tracking-wider text-zinc-400\">\n                      {m.kind}\n                    </span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-2 border-t border-zinc-200 bg-zinc-50/60 px-3 py-2 dark:border-zinc-800 dark:bg-zinc-900/40\">\n        <Tooltip content=\"Drop files here, or click\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"shrink-0\"\n            onClick={() => fileRef.current?.click()}\n          >\n            📎 attach\n          </Button>\n        </Tooltip>\n        {/*\n          The button above shipped with a no-op onClick and a tooltip reading\n          \"Drop files here, or click\" — an affordance that lied. Drop-only also\n          meant keyboard and touch users could not attach at all.\n        */}\n        <input\n          ref={fileRef}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          onChange={(e) => {\n            attach(e.target.files);\n            // Let the same file be picked twice in a row.\n            e.target.value = \"\";\n          }}\n        />\n        <div className=\"ml-2 flex min-w-0 items-center gap-1.5 overflow-hidden\">\n          <div className=\"h-1.5 w-24 shrink overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700\">\n            <div\n              className=\"h-full rounded-full transition-all\"\n              style={{ width: `${ratio * 100}%`, backgroundColor: meterColor }}\n            />\n          </div>\n          <span className=\"font-mono text-[11px]\" style={{ color: meterColor }}>\n            {fmtTokens(tokens)} / {fmtTokens(budgetTokens)}\n          </span>\n        </div>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {showHint && (\n            <span className=\"hidden text-[10px] text-zinc-500 sm:inline\">\n              <kbd className=\"rounded border border-zinc-300 bg-zinc-50 px-1 py-0.5 font-mono text-[9px] text-zinc-700 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\">\n                ⌘\n              </kbd>{\" \"}\n              +{\" \"}\n              <kbd className=\"rounded border border-zinc-300 bg-zinc-50 px-1 py-0.5 font-mono text-[9px] text-zinc-700 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\">\n                Enter\n              </kbd>{\" \"}\n              to send\n            </span>\n          )}\n          <Button color=\"violet\" size=\"sm\" className=\"shrink-0\" onClick={submit}>\n            send →\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction fmtTokens(n: number): string {\n  if (n < 1000) return `${n}`;\n  return `${(n / 1000).toFixed(1)}k`;\n}\n\nfunction fmtSize(b: number): string {\n  if (b < 1024) return `${b} B`;\n  if (b < 1024 * 1024) return `${(b / 1024).toFixed(0)} KB`;\n  return `${(b / 1024 / 1024).toFixed(1)} MB`;\n}\n"]}

package/dist/{chunk-DZD2RJVD.js → chunk-SOYORSLZ.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -43,5 +43,5 @@ var PdfViewer = forwardRef(
 PdfViewer.displayName = "PdfViewer";
 
 export { PdfViewer };
-//# sourceMappingURL=chunk-DZD2RJVD.js.map
-//# sourceMappingURL=chunk-DZD2RJVD.js.map
+//# sourceMappingURL=chunk-SOYORSLZ.js.map
+//# sourceMappingURL=chunk-SOYORSLZ.js.map

package/dist/{chunk-DZD2RJVD.js.map → chunk-SOYORSLZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PdfViewer/PdfViewer.tsx"],"names":[],"mappings":";;;;AAcO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,GAAA,EAAK,KAAA,GAAQ,gBAAgB,SAAA,EAAW,KAAA,IAAS,GAAA,KAAQ;AAC1D,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,6BAAA,EAA4B,EAAA;AAAA,QAC5B,SAAA,EAAW,EAAA;AAAA,UACT,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEA,+BAAC,QAAA,EAAA,EAAO,IAAA,EAAM,KAAK,IAAA,EAAK,iBAAA,EAAkB,WAAU,eAAA,EAClD,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iHAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,QAAA,EAAA,4CAAA,EAA+C,CAAA;AAAA,4BACrD,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAM,GAAA;AAAA,gBACN,QAAA,EAAQ,IAAA;AAAA,gBACR,SAAA,EAAU,8DAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DZD2RJVD.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { PdfViewerProps } from \"./PdfViewer.types\";\n\n/**\n * A standalone PDF viewer — embeds the document via the browser's native PDF\n * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.\n * Fills its container, so give it a height (a `min-h` floor is built in).\n * Renders for PDF sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <PdfViewer src=\"/report.pdf\" title=\"report.pdf\" style={{ height: 600 }} />\n * ```\n */\nexport const PdfViewer = forwardRef<HTMLDivElement, PdfViewerProps>(\n  ({ src, title = \"PDF document\", className, style }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-pdf-viewer=\"\"\n        className={cn(\n          \"relative h-full min-h-[20rem] w-full overflow-hidden rounded-md bg-zinc-100 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        <object data={src} type=\"application/pdf\" className=\"h-full w-full\">\n          <iframe\n            src={src}\n            title={title}\n            className=\"h-full w-full border-0\"\n          />\n          <div className=\"flex h-full flex-col items-center justify-center gap-2 p-4 text-center text-sm text-zinc-500 dark:text-zinc-400\">\n            <span>This browser can&apos;t display the PDF inline.</span>\n            <a\n              href={src}\n              download\n              className=\"font-medium text-blue-600 hover:underline dark:text-blue-400\"\n            >\n              Download PDF\n            </a>\n          </div>\n        </object>\n      </div>\n    );\n  },\n);\n\nPdfViewer.displayName = \"PdfViewer\";\n"]}
+{"version":3,"sources":["../src/components/PdfViewer/PdfViewer.tsx"],"names":[],"mappings":";;;;AAcO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,EAAE,GAAA,EAAK,KAAA,GAAQ,gBAAgB,SAAA,EAAW,KAAA,IAAS,GAAA,KAAQ;AAC1D,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,6BAAA,EAA4B,EAAA;AAAA,QAC5B,SAAA,EAAW,EAAA;AAAA,UACT,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEA,+BAAC,QAAA,EAAA,EAAO,IAAA,EAAM,KAAK,IAAA,EAAK,iBAAA,EAAkB,WAAU,eAAA,EAClD,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iHAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAK,QAAA,EAAA,4CAAA,EAA+C,CAAA;AAAA,4BACrD,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAM,GAAA;AAAA,gBACN,QAAA,EAAQ,IAAA;AAAA,gBACR,SAAA,EAAU,8DAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-SOYORSLZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { PdfViewerProps } from \"./PdfViewer.types\";\n\n/**\n * A standalone PDF viewer — embeds the document via the browser's native PDF\n * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.\n * Fills its container, so give it a height (a `min-h` floor is built in).\n * Renders for PDF sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <PdfViewer src=\"/report.pdf\" title=\"report.pdf\" style={{ height: 600 }} />\n * ```\n */\nexport const PdfViewer = forwardRef<HTMLDivElement, PdfViewerProps>(\n  ({ src, title = \"PDF document\", className, style }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-pdf-viewer=\"\"\n        className={cn(\n          \"relative h-full min-h-[20rem] w-full overflow-hidden rounded-md bg-zinc-100 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        <object data={src} type=\"application/pdf\" className=\"h-full w-full\">\n          <iframe\n            src={src}\n            title={title}\n            className=\"h-full w-full border-0\"\n          />\n          <div className=\"flex h-full flex-col items-center justify-center gap-2 p-4 text-center text-sm text-zinc-500 dark:text-zinc-400\">\n            <span>This browser can&apos;t display the PDF inline.</span>\n            <a\n              href={src}\n              download\n              className=\"font-medium text-blue-600 hover:underline dark:text-blue-400\"\n            >\n              Download PDF\n            </a>\n          </div>\n        </object>\n      </div>\n    );\n  },\n);\n\nPdfViewer.displayName = \"PdfViewer\";\n"]}

package/dist/{chunk-MGZE2QEM.cjs → chunk-SUCBR6L5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,11 +22,11 @@ var Kbd = react.forwardRef(
           {
             ref,
             "data-react-fancy-kbd": "",
-            className: chunk3Z6ALUWP_cjs.cn("inline-flex items-center gap-1 font-mono not-italic", className),
+            className: chunkZU5Q77OT_cjs.cn("inline-flex items-center gap-1 font-mono not-italic", className),
             ...props,
             children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-zinc-400 dark:text-zinc-500", children: separator }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk3Z6ALUWP_cjs.cn(capClasses, sizeClasses[size]), children: k })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkZU5Q77OT_cjs.cn(capClasses, sizeClasses[size]), children: k })
             ] }, i))
           }
         )
@@ -37,7 +37,7 @@ var Kbd = react.forwardRef(
       {
         ref,
         "data-react-fancy-kbd": "",
-        className: chunk3Z6ALUWP_cjs.cn(capClasses, sizeClasses[size], "not-italic", className),
+        className: chunkZU5Q77OT_cjs.cn(capClasses, sizeClasses[size], "not-italic", className),
         ...props,
         children
       }
@@ -47,5 +47,5 @@ var Kbd = react.forwardRef(
 Kbd.displayName = "Kbd";
 
 exports.Kbd = Kbd;
-//# sourceMappingURL=chunk-MGZE2QEM.cjs.map
-//# sourceMappingURL=chunk-MGZE2QEM.cjs.map
+//# sourceMappingURL=chunk-SUCBR6L5.cjs.map
+//# sourceMappingURL=chunk-SUCBR6L5.cjs.map

package/dist/{chunk-MGZE2QEM.cjs.map → chunk-SUCBR6L5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Kbd/Kbd.tsx"],"names":["forwardRef","jsx","cn","Fragment"],"mappings":";;;;;;AAIA,IAAM,WAAA,GAA6D;AAAA,EACjE,EAAA,EAAI,uCAAA;AAAA,EACJ,EAAA,EAAI,wCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,UAAA,GACJ,wKAAA;AAgBK,IAAM,GAAA,GAAMA,gBAAA;AAAA,EACjB,CAAC,EAAE,IAAA,EAAM,SAAA,GAAY,GAAA,EAAK,IAAA,GAAO,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9E,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA;AAAA;AAAA;AAAA;AAAA,wBAIEC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,sBAAA,EAAqB,EAAA;AAAA,YACrB,SAAA,EAAWC,oBAAA,CAAG,qDAAA,EAAuD,SAAS,CAAA;AAAA,YAC7E,GAAG,KAAA;AAAA,YAEH,eAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qCACXC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,CAAA,GAAI,qBACHF,cAAA,CAAC,MAAA,EAAA,EAAK,eAAW,IAAA,EAAC,SAAA,EAAU,oCACzB,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,8BAEFA,cAAA,CAAC,UAAK,SAAA,EAAWC,oBAAA,CAAG,YAAY,WAAA,CAAY,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,CAAA,EAAE;AAAA,aAAA,EAAA,EAN1C,CAOf,CACD;AAAA;AAAA;AACH;AAAA,IAEJ;AAEA,IAAA,uBACED,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,sBAAA,EAAqB,EAAA;AAAA,QACrB,WAAWC,oBAAA,CAAG,UAAA,EAAY,YAAY,IAAI,CAAA,EAAG,cAAc,SAAS,CAAA;AAAA,QACnE,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"chunk-MGZE2QEM.cjs","sourcesContent":["import { forwardRef, Fragment } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { KbdProps } from \"./Kbd.types\";\n\nconst sizeClasses: Record<NonNullable<KbdProps[\"size\"]>, string> = {\n  xs: \"min-w-[1.25rem] px-1 py-px text-[9px]\",\n  sm: \"min-w-[1.4rem] px-1 py-0.5 text-[10px]\",\n  md: \"min-w-[1.6rem] px-1.5 py-0.5 text-xs\",\n};\n\nconst capClasses =\n  \"inline-grid place-items-center rounded border border-zinc-300 bg-zinc-50 \" +\n  \"font-mono leading-none text-zinc-700 \" +\n  \"dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\";\n\n/**\n * A keyboard key cap — `<Kbd>K</Kbd>`, or a chord via `<Kbd keys={[\"Cmd\",\"K\"]} />`.\n *\n * Twenty `<kbd>` elements across this suite's own showcase carried six\n * different className recipes for the same thing: rounded, bordered, mono,\n * small, with a dark-mode counterpart. None of them disagreed on intent; they\n * disagreed on which greys.\n *\n * `min-w` is the detail worth having in one place: without it a `K` cap is\n * visibly narrower than an `Esc` cap beside it, and a row of single letters\n * reads as ragged rather than as keys.\n */\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ keys, separator = \"+\", size = \"sm\", className, children, ...props }, ref) => {\n    if (keys?.length) {\n      return (\n        // The chord is ONE <kbd> containing per-key caps: a screen reader\n        // announces \"Cmd + K\" as a unit, which is what it is, rather than as\n        // two unrelated keys.\n        <kbd\n          ref={ref}\n          data-react-fancy-kbd=\"\"\n          className={cn(\"inline-flex items-center gap-1 font-mono not-italic\", className)}\n          {...props}\n        >\n          {keys.map((k, i) => (\n            <Fragment key={i}>\n              {i > 0 && (\n                <span aria-hidden className=\"text-zinc-400 dark:text-zinc-500\">\n                  {separator}\n                </span>\n              )}\n              <span className={cn(capClasses, sizeClasses[size])}>{k}</span>\n            </Fragment>\n          ))}\n        </kbd>\n      );\n    }\n\n    return (\n      <kbd\n        ref={ref}\n        data-react-fancy-kbd=\"\"\n        className={cn(capClasses, sizeClasses[size], \"not-italic\", className)}\n        {...props}\n      >\n        {children}\n      </kbd>\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n"]}
+{"version":3,"sources":["../src/components/Kbd/Kbd.tsx"],"names":["forwardRef","jsx","cn","Fragment"],"mappings":";;;;;;AAIA,IAAM,WAAA,GAA6D;AAAA,EACjE,EAAA,EAAI,uCAAA;AAAA,EACJ,EAAA,EAAI,wCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,UAAA,GACJ,wKAAA;AAgBK,IAAM,GAAA,GAAMA,gBAAA;AAAA,EACjB,CAAC,EAAE,IAAA,EAAM,SAAA,GAAY,GAAA,EAAK,IAAA,GAAO,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9E,IAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,MAAA;AAAA;AAAA;AAAA;AAAA,wBAIEC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,sBAAA,EAAqB,EAAA;AAAA,YACrB,SAAA,EAAWC,oBAAA,CAAG,qDAAA,EAAuD,SAAS,CAAA;AAAA,YAC7E,GAAG,KAAA;AAAA,YAEH,eAAK,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qCACXC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,CAAA,GAAI,qBACHF,cAAA,CAAC,MAAA,EAAA,EAAK,eAAW,IAAA,EAAC,SAAA,EAAU,oCACzB,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,8BAEFA,cAAA,CAAC,UAAK,SAAA,EAAWC,oBAAA,CAAG,YAAY,WAAA,CAAY,IAAI,CAAC,CAAA,EAAI,QAAA,EAAA,CAAA,EAAE;AAAA,aAAA,EAAA,EAN1C,CAOf,CACD;AAAA;AAAA;AACH;AAAA,IAEJ;AAEA,IAAA,uBACED,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,sBAAA,EAAqB,EAAA;AAAA,QACrB,WAAWC,oBAAA,CAAG,UAAA,EAAY,YAAY,IAAI,CAAA,EAAG,cAAc,SAAS,CAAA;AAAA,QACnE,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"chunk-SUCBR6L5.cjs","sourcesContent":["import { forwardRef, Fragment } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { KbdProps } from \"./Kbd.types\";\n\nconst sizeClasses: Record<NonNullable<KbdProps[\"size\"]>, string> = {\n  xs: \"min-w-[1.25rem] px-1 py-px text-[9px]\",\n  sm: \"min-w-[1.4rem] px-1 py-0.5 text-[10px]\",\n  md: \"min-w-[1.6rem] px-1.5 py-0.5 text-xs\",\n};\n\nconst capClasses =\n  \"inline-grid place-items-center rounded border border-zinc-300 bg-zinc-50 \" +\n  \"font-mono leading-none text-zinc-700 \" +\n  \"dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\";\n\n/**\n * A keyboard key cap — `<Kbd>K</Kbd>`, or a chord via `<Kbd keys={[\"Cmd\",\"K\"]} />`.\n *\n * Twenty `<kbd>` elements across this suite's own showcase carried six\n * different className recipes for the same thing: rounded, bordered, mono,\n * small, with a dark-mode counterpart. None of them disagreed on intent; they\n * disagreed on which greys.\n *\n * `min-w` is the detail worth having in one place: without it a `K` cap is\n * visibly narrower than an `Esc` cap beside it, and a row of single letters\n * reads as ragged rather than as keys.\n */\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ keys, separator = \"+\", size = \"sm\", className, children, ...props }, ref) => {\n    if (keys?.length) {\n      return (\n        // The chord is ONE <kbd> containing per-key caps: a screen reader\n        // announces \"Cmd + K\" as a unit, which is what it is, rather than as\n        // two unrelated keys.\n        <kbd\n          ref={ref}\n          data-react-fancy-kbd=\"\"\n          className={cn(\"inline-flex items-center gap-1 font-mono not-italic\", className)}\n          {...props}\n        >\n          {keys.map((k, i) => (\n            <Fragment key={i}>\n              {i > 0 && (\n                <span aria-hidden className=\"text-zinc-400 dark:text-zinc-500\">\n                  {separator}\n                </span>\n              )}\n              <span className={cn(capClasses, sizeClasses[size])}>{k}</span>\n            </Fragment>\n          ))}\n        </kbd>\n      );\n    }\n\n    return (\n      <kbd\n        ref={ref}\n        data-react-fancy-kbd=\"\"\n        className={cn(capClasses, sizeClasses[size], \"not-italic\", className)}\n        {...props}\n      >\n        {children}\n      </kbd>\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n"]}

package/dist/{chunk-NLJGNPNN.js → chunk-SWBF2BXA.js}

@@ -2,7 +2,7 @@ import { useAnimation } from './chunk-CHADHN6M.js';
 import { Portal } from './chunk-WHEXTDPV.js';
 import { useOutsideClick } from './chunk-RGANGU7X.js';
 import { useEscapeKey } from './chunk-JXE5XID6.js';
-import { cn } from './chunk-DSUHZO6T.js';
+import { cn } from './chunk-MMW2JGKZ.js';
 import { createContext, useState, useRef, useMemo, useContext, useEffect, useId, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -280,5 +280,5 @@ var ContextMenu = Object.assign(ContextMenuRoot, {
 });
 
 export { ContextMenu, useContextMenu };
-//# sourceMappingURL=chunk-NLJGNPNN.js.map
-//# sourceMappingURL=chunk-NLJGNPNN.js.map
+//# sourceMappingURL=chunk-SWBF2BXA.js.map
+//# sourceMappingURL=chunk-SWBF2BXA.js.map