@reforma/components 0.0.0-stage → 0.1.0

package/dist/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.js

@@ -0,0 +1,456 @@
+import { Gallery as me, Grid as ee } from "@reforma/icons/14";
+import { Expand as ue } from "@reforma/icons/16";
+import { useState as z, useRef as D } from "react";
+import { Box as V } from "../../../Box/Box.js";
+import { Button as G } from "../../../Button/Button.js";
+import { For as te } from "../../../For/For.js";
+import { FormField as $ } from "../../../FormField/FormField.js";
+import { Image as j } from "../../../Image/Image.js";
+import { Lightbox as q } from "../../../Lightbox/Lightbox.js";
+import { Pressable as he } from "react-aria-components";
+import { Scrollable as re } from "../../../Scrollable/Scrollable.js";
+import { ShimmerBlock as x } from "../../../Shimmer/ShimmerBlock.js";
+import { Show as w } from "../../../Show/Show.js";
+import { Text as u } from "../../../Text/Text.js";
+import { Textarea as fe } from "../../../Textarea/Textarea.js";
+import { useChatHandlers as pe } from "../../ChatContext.js";
+import { ToolShell as ge, ToolShellHeader as be } from "../shell/ToolShell.js";
+import { ToolShellCard as Ne } from "../shell/ToolShellCard.js";
+import ve from "../shell/ToolShellCard.module.css.js";
+import r from "./ChooseDesignDirectionTool.module.css.js";
+import { jsxs as m, Fragment as X, jsx as t } from "react/jsx-runtime";
+const we = ["square", "landscape", "portrait"], ye = [0, 1], Ce = ["58%", "42%"], Se = "Choose a design";
+function Ie({
+  aspect: n
+}) {
+  return /* @__PURE__ */ t("div", {
+    className: r.insetBody,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ m(re, {
+      horizontal: !0,
+      vertical: !1,
+      className: r.scroller,
+      containerClass: r.port,
+      contentClass: r.track,
+      children: [/* @__PURE__ */ t(te, {
+        each: ye,
+        children: (a) => /* @__PURE__ */ m("div", {
+          className: r.slide,
+          "data-placeholder": "",
+          children: [/* @__PURE__ */ t("div", {
+            className: r.frame,
+            "data-aspect": n,
+            children: /* @__PURE__ */ t(x, {
+              className: r.preview
+            })
+          }), /* @__PURE__ */ t(x, {
+            className: r.labelPlaceholder,
+            style: {
+              width: Ce[a]
+            }
+          })]
+        }, a)
+      }), /* @__PURE__ */ m("div", {
+        className: r.slide,
+        "data-placeholder": "",
+        children: [/* @__PURE__ */ t("div", {
+          className: r.frame,
+          "data-aspect": n,
+          "data-empty": "",
+          children: /* @__PURE__ */ t("span", {
+            className: r.emptyMark,
+            children: /* @__PURE__ */ t(ee, {
+              "aria-hidden": !0
+            })
+          })
+        }), /* @__PURE__ */ t(u, {
+          variant: "sm",
+          weight: "500",
+          truncate: !0,
+          className: r.label,
+          children: S
+        }), /* @__PURE__ */ t(u, {
+          variant: "label",
+          color: "secondary",
+          className: r.blurb,
+          children: ne
+        })]
+      })]
+    })
+  });
+}
+const J = "Choose a design below 👇", Te = "Chosen direction", S = "None of these fit", ne = "I have something different in mind.", Re = "Anything you'd like to change? (optional)";
+function g(n) {
+  return typeof n == "string" && n.trim() !== "" ? n.trim() : void 0;
+}
+function Ee(n) {
+  const a = n.aspect;
+  return we.includes(a) ? a : "portrait";
+}
+function ke(n) {
+  const {
+    variants: a = []
+  } = n ?? {};
+  return Array.isArray(a) ? a.flatMap((o, s) => {
+    const l = g(o?.label);
+    return l ? [{
+      id: g(o?.id) ?? `variant-${s}`,
+      label: l,
+      description: g(o?.description),
+      previewUrl: g(o?.previewUrl)
+    }] : [];
+  }) : [];
+}
+function ie() {
+  return typeof window > "u" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+}
+const Q = 0.6;
+function Y(n, a) {
+  const o = a.getBoundingClientRect(), s = n.getBoundingClientRect();
+  if (s.width <= 0)
+    return 0;
+  const l = Math.min(s.right, o.right) - Math.max(s.left, o.left);
+  return Math.max(0, l) / s.width;
+}
+function Z(n, a) {
+  const o = a.children.item(0);
+  if (!o || o.offsetWidth <= 0)
+    return !0;
+  const s = getComputedStyle(n), l = Number.parseFloat(s.columnGap) || 0, h = (Number.parseFloat(s.paddingLeft) || 0) + (Number.parseFloat(s.paddingRight) || 0);
+  return n.clientWidth - h < o.offsetWidth * 2 + l;
+}
+function De(n, a) {
+  const o = n.getBoundingClientRect(), s = a.getBoundingClientRect(), l = getComputedStyle(n), h = Number.parseFloat(l.paddingLeft) || 0, c = Number.parseFloat(l.paddingRight) || 0;
+  let p = 0;
+  s.left < o.left + h ? p = s.left - (o.left + h) : s.right > o.right - c && (p = s.right - (o.right - c)), p !== 0 && n.scrollTo({
+    left: n.scrollLeft + p,
+    behavior: ie()
+  });
+}
+function Le(n, a) {
+  const o = Number.parseFloat(getComputedStyle(n).paddingLeft) || 0, s = n.getBoundingClientRect().left + o;
+  let l = 0, h = 1 / 0;
+  for (let c = 0; c < a.children.length; c++) {
+    const p = a.children[c], b = Math.abs(p.getBoundingClientRect().left - s);
+    b < h && (h = b, l = c);
+  }
+  return l;
+}
+function Ye({
+  part: n,
+  onToolOutput: a,
+  inset: o = !1
+}) {
+  const {
+    onToolOutput: s
+  } = pe({
+    onToolOutput: a
+  }), l = ke(n.input), h = n.input ?? {}, c = n.output ?? {}, p = g(h.title) ?? Se, b = Ee(h), [le, B] = z(0), [A, oe] = z(""), I = D(null), T = D(null), L = D(0), R = D(!0), F = n.state === "output-available", ae = n.state === "input-streaming", P = l.length + 1, E = Math.min(le, P - 1), k = E >= l.length, y = k ? void 0 : l[E], se = (e) => {
+    const i = I.current, d = T.current, f = d?.children.item(e);
+    if (!i || !d || !f)
+      return;
+    const N = Number.parseFloat(getComputedStyle(i).paddingLeft) || 0, v = f.getBoundingClientRect().left - i.getBoundingClientRect().left - N;
+    i.scrollTo({
+      left: i.scrollLeft + v,
+      behavior: ie()
+    });
+  }, C = (e) => {
+    const i = I.current, d = T.current, f = d?.children.item(e);
+    if (L.current = e, R.current = !1, B(e), !(!i || !d || !f)) {
+      if (Z(i, d)) {
+        se(e);
+        return;
+      }
+      De(i, f);
+    }
+  }, U = (e) => {
+    s?.({
+      toolName: "ChooseDesignDirection",
+      toolCallId: n.toolCallId,
+      output: e
+    });
+  }, _ = () => {
+    if (F)
+      return;
+    const e = A.trim();
+    if (k) {
+      U({
+        skipped: !0,
+        ...e ? {
+          comment: e
+        } : {}
+      });
+      return;
+    }
+    y && U({
+      selectedId: y.id,
+      label: y.label,
+      ...y.previewUrl ? {
+        previewUrl: y.previewUrl
+      } : {},
+      ...e ? {
+        comment: e
+      } : {}
+    });
+  }, ce = (e) => {
+    e.key !== "Enter" || e.isComposing || e.shiftKey || e.altKey || (e.metaKey || e.ctrlKey) && (e.preventDefault(), _());
+  }, K = (e, i) => {
+    if (e.key === "ArrowRight") {
+      e.preventDefault(), C(Math.min(P - 1, i + 1));
+      return;
+    }
+    if (e.key === "ArrowLeft") {
+      e.preventDefault(), C(Math.max(0, i - 1));
+      return;
+    }
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C(i));
+  };
+  if (o)
+    return /* @__PURE__ */ m(X, {
+      children: [/* @__PURE__ */ m("div", {
+        className: r.insetHeader,
+        children: [/* @__PURE__ */ t(me, {
+          "aria-hidden": !0
+        }), /* @__PURE__ */ t(u, {
+          variant: "md",
+          className: r.insetTitle,
+          children: p
+        })]
+      }), /* @__PURE__ */ t(w, {
+        when: !ae,
+        fallback: /* @__PURE__ */ t(Ie, {
+          aspect: b
+        }),
+        children: /* @__PURE__ */ m("div", {
+          className: r.insetBody,
+          children: [/* @__PURE__ */ m(re, {
+            horizontal: !0,
+            vertical: !1,
+            alwaysShowScrollbar: !0,
+            className: r.scroller,
+            containerClass: r.port,
+            contentClass: r.track,
+            containerRef: I,
+            contentRef: T,
+            role: "region",
+            "aria-roledescription": "carousel",
+            "aria-label": p,
+            onScroll: () => {
+              const e = I.current, i = T.current;
+              if (!e || !i || !Z(e, i))
+                return;
+              const d = Math.min(L.current, Math.max(0, i.children.length - 1)), f = i.children.item(d);
+              if ((f ? Y(f, e) : 0) > Q) {
+                R.current = !0;
+                return;
+              }
+              if (!R.current)
+                return;
+              const v = Le(e, i);
+              if (v === d)
+                return;
+              const W = i.children.item(v);
+              L.current = v, R.current = W ? Y(W, e) > Q : !0, B(v);
+            },
+            children: [/* @__PURE__ */ t(te, {
+              each: l,
+              children: (e, i) => /* @__PURE__ */ m("div", {
+                className: r.slide,
+                role: "button",
+                tabIndex: 0,
+                "data-active": i === E ? "true" : void 0,
+                "aria-current": i === E ? "true" : void 0,
+                "aria-label": e.label,
+                onClick: () => C(i),
+                onKeyDown: (d) => K(d, i),
+                children: [/* @__PURE__ */ t("div", {
+                  className: r.frame,
+                  "data-aspect": b,
+                  children: /* @__PURE__ */ t(w, {
+                    when: e.previewUrl,
+                    fallback: /* @__PURE__ */ t(x, {
+                      className: r.preview
+                    }),
+                    children: (d) => /* @__PURE__ */ m(X, {
+                      children: [/* @__PURE__ */ t(j, {
+                        className: r.preview,
+                        src: d,
+                        alt: ""
+                      }), /* @__PURE__ */ t(q, {
+                        src: d,
+                        alt: e.label,
+                        children: (f) => /* @__PURE__ */ t("div", {
+                          className: r.expand,
+                          onPointerDown: (N) => N.stopPropagation(),
+                          onClick: (N) => N.stopPropagation(),
+                          children: /* @__PURE__ */ t(G, {
+                            size: "xs",
+                            iconOnly: !0,
+                            variant: "filled",
+                            color: "contrast",
+                            "aria-label": `View ${e.label}`,
+                            onPress: f,
+                            children: /* @__PURE__ */ t(ue, {
+                              "aria-hidden": !0
+                            })
+                          })
+                        })
+                      })]
+                    })
+                  })
+                }), /* @__PURE__ */ t(u, {
+                  variant: "sm",
+                  weight: "500",
+                  truncate: !0,
+                  className: r.label,
+                  children: e.label
+                }), /* @__PURE__ */ t(w, {
+                  when: e.description,
+                  children: (d) => /* @__PURE__ */ t(u, {
+                    variant: "label",
+                    color: "secondary",
+                    className: r.blurb,
+                    children: d
+                  })
+                })]
+              }, e.id)
+            }), /* @__PURE__ */ m("div", {
+              className: r.slide,
+              role: "button",
+              tabIndex: 0,
+              "data-active": k ? "true" : void 0,
+              "aria-current": k ? "true" : void 0,
+              "aria-label": S,
+              onClick: () => C(l.length),
+              onKeyDown: (e) => K(e, l.length),
+              children: [/* @__PURE__ */ t("div", {
+                className: r.frame,
+                "data-aspect": b,
+                "data-empty": "",
+                children: /* @__PURE__ */ t("span", {
+                  className: r.emptyMark,
+                  children: /* @__PURE__ */ t(ee, {
+                    "aria-hidden": !0
+                  })
+                })
+              }), /* @__PURE__ */ t(u, {
+                variant: "sm",
+                weight: "500",
+                truncate: !0,
+                className: r.label,
+                children: S
+              }), /* @__PURE__ */ t(u, {
+                variant: "label",
+                color: "secondary",
+                className: r.blurb,
+                children: ne
+              })]
+            })]
+          }), /* @__PURE__ */ m("div", {
+            className: r.comment,
+            children: [/* @__PURE__ */ m($, {
+              size: "md",
+              layout: "vertical",
+              className: r.commentField,
+              children: [/* @__PURE__ */ t($.Label, {
+                children: /* @__PURE__ */ t(u, {
+                  variant: "heading-5",
+                  weight: "500",
+                  children: Re
+                })
+              }), /* @__PURE__ */ t(fe, {
+                variant: "filled",
+                size: "md",
+                autoResize: !0,
+                rows: 1,
+                placeholder: "Make it quieter…",
+                value: A,
+                onChange: oe,
+                onKeyDown: ce
+              })]
+            }), /* @__PURE__ */ t(G, {
+              size: "md",
+              color: "contrast",
+              variant: "filled",
+              fullWidth: !0,
+              onPress: _,
+              children: "Continue"
+            })]
+          })]
+        })
+      })]
+    });
+  if (!F)
+    return /* @__PURE__ */ t(ge, {
+      "data-slot": "choose-design-direction-tool",
+      children: /* @__PURE__ */ t(be, {
+        state: n.state,
+        awaitingUser: !0,
+        title: J,
+        titleInProgress: J
+      })
+    });
+  if (l.length === 0 && !c.skipped && !c.label)
+    return null;
+  const O = l.find((e) => e.id === c.selectedId), M = g(c.label) ?? O?.label ?? S, de = g(c.previewUrl) ?? O?.previewUrl, H = g(c.comment);
+  return /* @__PURE__ */ t(Ne, {
+    collapsible: !1,
+    className: ve.tool,
+    children: /* @__PURE__ */ m(V, {
+      direction: "row",
+      fullWidth: !0,
+      gap: "md",
+      padding: "md",
+      children: [/* @__PURE__ */ t(w, {
+        when: !c.skipped && de,
+        children: (e) => /* @__PURE__ */ t("div", {
+          className: r.fan,
+          children: /* @__PURE__ */ t("div", {
+            className: r.fanCard,
+            children: /* @__PURE__ */ t(q, {
+              alt: M,
+              src: e,
+              children: (i) => /* @__PURE__ */ t(he, {
+                "aria-label": `View ${M}`,
+                className: r.fanHit,
+                onPress: i,
+                children: /* @__PURE__ */ t(j, {
+                  alt: "",
+                  className: r.fanImage,
+                  src: e
+                })
+              })
+            })
+          })
+        })
+      }), /* @__PURE__ */ m(V, {
+        gap: "xxs",
+        grow: !0,
+        children: [/* @__PURE__ */ t(u, {
+          className: r.resultTitle,
+          children: c.skipped ? S : Te
+        }), /* @__PURE__ */ t(w, {
+          when: !c.skipped,
+          children: /* @__PURE__ */ t(u, {
+            className: r.caption,
+            color: "secondary",
+            variant: "sm",
+            children: M
+          })
+        }), /* @__PURE__ */ t(w, {
+          when: H,
+          children: /* @__PURE__ */ t(u, {
+            className: r.caption,
+            color: "secondary",
+            variant: "sm",
+            children: H
+          })
+        })]
+      })]
+    })
+  });
+}
+export {
+  Ye as ChooseDesignDirectionTool
+};
+//# sourceMappingURL=ChooseDesignDirectionTool.js.map

package/dist/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseDesignDirectionTool.js","sources":["../../../../src/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.tsx"],"sourcesContent":["import { Gallery, Grid } from '@reforma/icons/14';\nimport { Expand } from '@reforma/icons/16';\nimport { useRef, useState } from 'react';\n\nimport { Box } from '../../../Box';\nimport { Button } from '../../../Button';\nimport { For } from '../../../For';\nimport { FormField } from '../../../FormField';\nimport { Image } from '../../../Image';\nimport { Lightbox, type LightboxOpen } from '../../../Lightbox';\nimport { Pressable } from '../../../Pressable';\nimport { Scrollable } from '../../../Scrollable';\nimport { ShimmerBlock } from '../../../Shimmer';\nimport { Show } from '../../../Show';\nimport { Text } from '../../../Text';\nimport { Textarea } from '../../../Textarea';\nimport { useChatHandlers } from '../../ChatContext';\nimport {\n    ToolShell,\n    ToolShellCard,\n    ToolShellHeader,\n} from '../shell';\nimport shellStyles from '../shell/ToolShellCard.module.css';\nimport styles from './ChooseDesignDirectionTool.module.css';\n\nimport type { KeyboardEvent } from 'react';\nimport type { ToolRendererProps } from '../types';\n\ntype DirectionVariant = {\n    id: string;\n    label: string;\n    description?: string;\n    previewUrl?: string;\n};\n\nconst PREVIEW_ASPECTS = ['square', 'landscape', 'portrait'] as const;\n\ntype PreviewAspect = typeof PREVIEW_ASPECTS[number];\n\ntype ChooseDesignDirectionInput = {\n    title?: string;\n    aspect?: string;\n    variants?: Array<Partial<DirectionVariant>>;\n};\n\ntype ChooseDesignDirectionOutput = {\n    selectedId?: string;\n    label?: string;\n    previewUrl?: string;\n    comment?: string;\n    skipped?: boolean;\n};\n\nconst STREAMING_PREVIEW_INDEXES = [0, 1];\nconst STREAMING_LABEL_WIDTHS = ['58%', '42%'];\nconst DEFAULT_TITLE = 'Choose a design';\n\n/** Typical shape while previews are still streaming: two photos and Skip. */\nfunction DirectionStreamingPlaceholders({ aspect }: { aspect: PreviewAspect }) {\n    return (\n        <div className={ styles.insetBody } aria-hidden>\n            <Scrollable\n                horizontal\n                vertical={ false }\n                className={ styles.scroller }\n                containerClass={ styles.port }\n                contentClass={ styles.track }\n            >\n                <For each={ STREAMING_PREVIEW_INDEXES }>\n                    { index => (\n                        <div key={ index } className={ styles.slide } data-placeholder=\"\">\n                            <div className={ styles.frame } data-aspect={ aspect }>\n                                <ShimmerBlock className={ styles.preview } />\n                            </div>\n                            <ShimmerBlock\n                                className={ styles.labelPlaceholder }\n                                style={ { width: STREAMING_LABEL_WIDTHS[index] } }\n                            />\n                        </div>\n                    ) }\n                </For>\n                <div className={ styles.slide } data-placeholder=\"\">\n                    <div className={ styles.frame } data-aspect={ aspect } data-empty=\"\">\n                        <span className={ styles.emptyMark }>\n                            <Grid aria-hidden />\n                        </span>\n                    </div>\n                    <Text variant=\"sm\" weight=\"500\" truncate className={ styles.label }>\n                        { NONE_LABEL }\n                    </Text>\n                    <Text variant=\"label\" color=\"secondary\" className={ styles.blurb }>\n                        { NONE_DESCRIPTION }\n                    </Text>\n                </div>\n            </Scrollable>\n        </div>\n    );\n}\n\nconst THREAD_HINT = 'Choose a design below 👇';\nconst CHOSEN_TITLE = 'Chosen direction';\nconst NONE_LABEL = 'None of these fit';\nconst NONE_DESCRIPTION = 'I have something different in mind.';\nconst COMMENT_LABEL = 'Anything you\\'d like to change? (optional)';\n\nfunction nonEmptyString(value: unknown): string | undefined {\n    return (typeof value === 'string' && value.trim() !== '') ? value.trim() : undefined;\n}\n\nfunction parseAspect(input: ChooseDesignDirectionInput): PreviewAspect {\n    const aspect = input.aspect;\n\n    return PREVIEW_ASPECTS.includes(aspect as PreviewAspect) ? aspect as PreviewAspect : 'portrait';\n}\n\nfunction parseVariants(input: unknown): DirectionVariant[] {\n    const { variants = [] } = (input ?? {}) as ChooseDesignDirectionInput;\n\n    if (!Array.isArray(variants)) {\n        return [];\n    }\n\n    return variants.flatMap((raw, index) => {\n        const label = nonEmptyString(raw?.label);\n\n        if (!label) {\n            return [];\n        }\n\n        return [{\n            id: nonEmptyString(raw?.id) ?? `variant-${ index }`,\n            label,\n            description: nonEmptyString(raw?.description),\n            previewUrl: nonEmptyString(raw?.previewUrl),\n        }];\n    });\n}\n\nfunction scrollBehavior(): ScrollBehavior {\n    if (typeof window === 'undefined') {\n        return 'auto';\n    }\n\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth';\n}\n\nconst staysSelectedAbove = 0.6;\n\nfunction visibleFraction(slide: HTMLElement, scroller: HTMLElement): number {\n    const view = scroller.getBoundingClientRect();\n    const box = slide.getBoundingClientRect();\n\n    if (box.width <= 0) {\n        return 0;\n    }\n\n    const visible = Math.min(box.right, view.right) - Math.max(box.left, view.left);\n\n    return Math.max(0, visible) / box.width;\n}\n\nfunction singleSlideViewport(scroller: HTMLElement, row: HTMLElement): boolean {\n    const slide = row.children.item(0) as HTMLElement | null;\n\n    if (!slide || slide.offsetWidth <= 0) {\n        return true;\n    }\n\n    const style = getComputedStyle(scroller);\n    const gap = Number.parseFloat(style.columnGap) || 0;\n    const pad = (Number.parseFloat(style.paddingLeft) || 0) + (Number.parseFloat(style.paddingRight) || 0);\n\n    return scroller.clientWidth - pad < slide.offsetWidth * 2 + gap;\n}\n\nfunction revealSlide(scroller: HTMLElement, slide: HTMLElement) {\n    const view = scroller.getBoundingClientRect();\n    const box = slide.getBoundingClientRect();\n    const style = getComputedStyle(scroller);\n    const padLeft = Number.parseFloat(style.paddingLeft) || 0;\n    const padRight = Number.parseFloat(style.paddingRight) || 0;\n    let delta = 0;\n\n    if (box.left < view.left + padLeft) {\n        delta = box.left - (view.left + padLeft);\n    }\n    else if (box.right > view.right - padRight) {\n        delta = box.right - (view.right - padRight);\n    }\n\n    if (delta !== 0) {\n        scroller.scrollTo({ left: scroller.scrollLeft + delta, behavior: scrollBehavior() });\n    }\n}\n\nfunction nearestSlideIndex(scroller: HTMLDivElement, row: HTMLDivElement): number {\n    const pad = Number.parseFloat(getComputedStyle(scroller).paddingLeft) || 0;\n    const origin = scroller.getBoundingClientRect().left + pad;\n    let best = 0;\n    let dist = Infinity;\n\n    for (let i = 0; i < row.children.length; i++) {\n        const child = row.children[i] as HTMLElement;\n        const d = Math.abs(child.getBoundingClientRect().left - origin);\n\n        if (d < dist) {\n            dist = d;\n            best = i;\n        }\n    }\n\n    return best;\n}\n\nexport function ChooseDesignDirectionTool({\n    part,\n    onToolOutput: onToolOutputProp,\n    inset = false,\n}: ToolRendererProps & { inset?: boolean }) {\n    const { onToolOutput } = useChatHandlers({ onToolOutput: onToolOutputProp });\n    const variants = parseVariants(part.input);\n    const input = (part.input ?? {}) as ChooseDesignDirectionInput;\n    const output = (part.output ?? {}) as ChooseDesignDirectionOutput;\n    const title = nonEmptyString(input.title) ?? DEFAULT_TITLE;\n    const aspect = parseAspect(input);\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [comment, setComment] = useState('');\n    const scrollerRef = useRef<HTMLDivElement>(null);\n    const rowRef = useRef<HTMLDivElement>(null);\n    const activeIndexRef = useRef(0);\n    const heldInViewRef = useRef(true);\n\n    const isCompleted = part.state === 'output-available';\n    const isInputStreaming = part.state === 'input-streaming';\n    const slideCount = variants.length + 1;\n    const active = Math.min(activeIndex, slideCount - 1);\n    const nothingFits = active >= variants.length;\n    const selected = nothingFits ? undefined : variants[active];\n\n    const scrollToIndex = (index: number) => {\n        const scroller = scrollerRef.current;\n        const row = rowRef.current;\n        const slide = row?.children.item(index) as HTMLElement | null;\n\n        if (!scroller || !row || !slide) {\n            return;\n        }\n\n        const pad = Number.parseFloat(getComputedStyle(scroller).paddingLeft) || 0;\n        const delta = slide.getBoundingClientRect().left - scroller.getBoundingClientRect().left - pad;\n\n        scroller.scrollTo({ left: scroller.scrollLeft + delta, behavior: scrollBehavior() });\n    };\n\n    const selectSlide = (index: number) => {\n        const scroller = scrollerRef.current;\n        const row = rowRef.current;\n        const slide = row?.children.item(index) as HTMLElement | null;\n\n        activeIndexRef.current = index;\n        heldInViewRef.current = false;\n        setActiveIndex(index);\n\n        if (!scroller || !row || !slide) {\n            return;\n        }\n\n        if (singleSlideViewport(scroller, row)) {\n            scrollToIndex(index);\n\n            return;\n        }\n\n        revealSlide(scroller, slide);\n    };\n\n    const submit = (next: ChooseDesignDirectionOutput) => {\n        void onToolOutput?.({\n            toolName: 'ChooseDesignDirection',\n            toolCallId: part.toolCallId,\n            output: next,\n        });\n    };\n\n    const onContinue = () => {\n        if (isCompleted) {\n            return;\n        }\n\n        const note = comment.trim();\n\n        if (nothingFits) {\n            submit({\n                skipped: true,\n                ...(note ? { comment: note } : {}),\n            });\n\n            return;\n        }\n\n        if (!selected) {\n            return;\n        }\n\n        submit({\n            selectedId: selected.id,\n            label: selected.label,\n            ...(selected.previewUrl ? { previewUrl: selected.previewUrl } : {}),\n            ...(note ? { comment: note } : {}),\n        });\n    };\n\n    const onCommentKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (event.key !== 'Enter' || event.isComposing || event.shiftKey || event.altKey) {\n            return;\n        }\n\n        if (!(event.metaKey || event.ctrlKey)) {\n            return;\n        }\n\n        event.preventDefault();\n        onContinue();\n    };\n\n    const onSlideKeyDown = (event: KeyboardEvent<HTMLDivElement>, index: number) => {\n        if (event.key === 'ArrowRight') {\n            event.preventDefault();\n            selectSlide(Math.min(slideCount - 1, index + 1));\n\n            return;\n        }\n\n        if (event.key === 'ArrowLeft') {\n            event.preventDefault();\n            selectSlide(Math.max(0, index - 1));\n\n            return;\n        }\n\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            selectSlide(index);\n        }\n    };\n\n    if (inset) {\n        return (\n            <>\n                <div className={ styles.insetHeader }>\n                    <Gallery aria-hidden />\n                    <Text variant=\"md\" className={ styles.insetTitle }>\n                        { title }\n                    </Text>\n                </div>\n\n                <Show when={ !isInputStreaming } fallback={ <DirectionStreamingPlaceholders aspect={ aspect } /> }>\n                    <div className={ styles.insetBody }>\n                        <Scrollable\n                            horizontal\n                            vertical={ false }\n                            alwaysShowScrollbar\n                            className={ styles.scroller }\n                            containerClass={ styles.port }\n                            contentClass={ styles.track }\n                            containerRef={ scrollerRef }\n                            contentRef={ rowRef }\n                            role=\"region\"\n                            aria-roledescription=\"carousel\"\n                            aria-label={ title }\n                            onScroll={ () => {\n                                const scroller = scrollerRef.current;\n                                const row = rowRef.current;\n\n                                if (!scroller || !row || !singleSlideViewport(scroller, row)) {\n                                    return;\n                                }\n\n                                const shown = Math.min(activeIndexRef.current, Math.max(0, row.children.length - 1));\n                                const currentSlide = row.children.item(shown) as HTMLElement | null;\n                                const fraction = currentSlide ? visibleFraction(currentSlide, scroller) : 0;\n\n                                if (fraction > staysSelectedAbove) {\n                                    heldInViewRef.current = true;\n\n                                    return;\n                                }\n\n                                if (!heldInViewRef.current) {\n                                    return;\n                                }\n\n                                const best = nearestSlideIndex(scroller, row);\n\n                                if (best === shown) {\n                                    return;\n                                }\n\n                                const next = row.children.item(best) as HTMLElement | null;\n\n                                activeIndexRef.current = best;\n                                heldInViewRef.current = next ? visibleFraction(next, scroller) > staysSelectedAbove : true;\n                                setActiveIndex(best);\n                            } }\n                        >\n                            <For each={ variants }>\n                                { (variant, index) => (\n                                    <div\n                                        key={ variant.id }\n                                        className={ styles.slide }\n                                        role=\"button\"\n                                        tabIndex={ 0 }\n                                        data-active={ index === active ? 'true' : undefined }\n                                        aria-current={ index === active ? 'true' : undefined }\n                                        aria-label={ variant.label }\n                                        onClick={ () => selectSlide(index) }\n                                        onKeyDown={ event => onSlideKeyDown(event, index) }\n                                    >\n                                        <div className={ styles.frame } data-aspect={ aspect }>\n                                            <Show\n                                                when={ variant.previewUrl }\n                                                fallback={ <ShimmerBlock className={ styles.preview } /> }\n                                            >\n                                                { url => (\n                                                    <>\n                                                        <Image\n                                                            className={ styles.preview }\n                                                            src={ url }\n                                                            alt=\"\"\n                                                        />\n                                                        <Lightbox src={ url } alt={ variant.label }>\n                                                            { (open: LightboxOpen) => (\n                                                                <div\n                                                                    className={ styles.expand }\n                                                                    onPointerDown={ event => event.stopPropagation() }\n                                                                    onClick={ event => event.stopPropagation() }\n                                                                >\n                                                                    <Button\n                                                                        size=\"xs\"\n                                                                        iconOnly\n                                                                        variant=\"filled\"\n                                                                        color=\"contrast\"\n                                                                        aria-label={ `View ${ variant.label }` }\n                                                                        onPress={ open }\n                                                                    >\n                                                                        <Expand aria-hidden />\n                                                                    </Button>\n                                                                </div>\n                                                            ) }\n                                                        </Lightbox>\n                                                    </>\n                                                ) }\n                                            </Show>\n                                        </div>\n                                        <Text variant=\"sm\" weight=\"500\" truncate className={ styles.label }>\n                                            { variant.label }\n                                        </Text>\n                                        <Show when={ variant.description }>\n                                            { text => (\n                                                <Text variant=\"label\" color=\"secondary\" className={ styles.blurb }>\n                                                    { text }\n                                                </Text>\n                                            ) }\n                                        </Show>\n                                    </div>\n                                ) }\n                            </For>\n                            <div\n                                className={ styles.slide }\n                                role=\"button\"\n                                tabIndex={ 0 }\n                                data-active={ nothingFits ? 'true' : undefined }\n                                aria-current={ nothingFits ? 'true' : undefined }\n                                aria-label={ NONE_LABEL }\n                                onClick={ () => selectSlide(variants.length) }\n                                onKeyDown={ event => onSlideKeyDown(event, variants.length) }\n                            >\n                                <div className={ styles.frame } data-aspect={ aspect } data-empty=\"\">\n                                    <span className={ styles.emptyMark }>\n                                        <Grid aria-hidden />\n                                    </span>\n                                </div>\n                                <Text variant=\"sm\" weight=\"500\" truncate className={ styles.label }>\n                                    { NONE_LABEL }\n                                </Text>\n                                <Text variant=\"label\" color=\"secondary\" className={ styles.blurb }>\n                                    { NONE_DESCRIPTION }\n                                </Text>\n                            </div>\n                        </Scrollable>\n\n                        <div className={ styles.comment }>\n                            <FormField size=\"md\" layout=\"vertical\" className={ styles.commentField }>\n                                <FormField.Label>\n                                    <Text variant=\"heading-5\" weight=\"500\">{ COMMENT_LABEL }</Text>\n                                </FormField.Label>\n                                <Textarea\n                                    variant=\"filled\"\n                                    size=\"md\"\n                                    autoResize\n                                    rows={ 1 }\n                                    placeholder=\"Make it quieter…\"\n                                    value={ comment }\n                                    onChange={ setComment }\n                                    onKeyDown={ onCommentKeyDown }\n                                />\n                            </FormField>\n                            <Button\n                                size=\"md\"\n                                color=\"contrast\"\n                                variant=\"filled\"\n                                fullWidth\n                                onPress={ onContinue }\n                            >\n                                Continue\n                            </Button>\n                        </div>\n                    </div>\n                </Show>\n            </>\n        );\n    }\n\n    if (!isCompleted) {\n        return (\n            <ToolShell data-slot=\"choose-design-direction-tool\">\n                <ToolShellHeader\n                    state={ part.state }\n                    awaitingUser\n                    title={ THREAD_HINT }\n                    titleInProgress={ THREAD_HINT }\n                />\n            </ToolShell>\n        );\n    }\n\n    if (variants.length === 0 && !output.skipped && !output.label) {\n        return null;\n    }\n\n    const picked = variants.find(variant => variant.id === output.selectedId);\n    const label = nonEmptyString(output.label) ?? picked?.label ?? NONE_LABEL;\n    const previewUrl = nonEmptyString(output.previewUrl) ?? picked?.previewUrl;\n    const note = nonEmptyString(output.comment);\n\n    return (\n        <ToolShellCard collapsible={ false } className={ shellStyles.tool }>\n            <Box direction=\"row\" fullWidth gap=\"md\" padding=\"md\">\n                <Show when={ !output.skipped && previewUrl }>\n                    { url => (\n                        <div className={ styles.fan }>\n                            <div className={ styles.fanCard }>\n                                <Lightbox alt={ label } src={ url }>\n                                    { (open: LightboxOpen) => (\n                                        <Pressable\n                                            aria-label={ `View ${ label }` }\n                                            className={ styles.fanHit }\n                                            onPress={ open }\n                                        >\n                                            <Image alt=\"\" className={ styles.fanImage } src={ url } />\n                                        </Pressable>\n                                    ) }\n                                </Lightbox>\n                            </div>\n                        </div>\n                    ) }\n                </Show>\n                <Box gap=\"xxs\" grow>\n                    <Text className={ styles.resultTitle }>\n                        { output.skipped ? NONE_LABEL : CHOSEN_TITLE }\n                    </Text>\n                    <Show when={ !output.skipped }>\n                        <Text className={ styles.caption } color=\"secondary\" variant=\"sm\">\n                            { label }\n                        </Text>\n                    </Show>\n                    <Show when={ note }>\n                        <Text className={ styles.caption } color=\"secondary\" variant=\"sm\">\n                            { note }\n                        </Text>\n                    </Show>\n                </Box>\n            </Box>\n        </ToolShellCard>\n    );\n}\n"],"names":["PREVIEW_ASPECTS","STREAMING_PREVIEW_INDEXES","STREAMING_LABEL_WIDTHS","DEFAULT_TITLE","DirectionStreamingPlaceholders","aspect","styles","Scrollable","_jsx","For","index","_jsxs","ShimmerBlock","Grid","Text","NONE_LABEL","NONE_DESCRIPTION","THREAD_HINT","CHOSEN_TITLE","COMMENT_LABEL","nonEmptyString","value","parseAspect","input","parseVariants","variants","raw","label","scrollBehavior","staysSelectedAbove","visibleFraction","slide","scroller","view","box","visible","singleSlideViewport","row","style","gap","pad","revealSlide","padLeft","padRight","delta","nearestSlideIndex","origin","best","dist","i","child","d","ChooseDesignDirectionTool","part","onToolOutputProp","inset","onToolOutput","useChatHandlers","output","title","activeIndex","setActiveIndex","useState","comment","setComment","scrollerRef","useRef","rowRef","activeIndexRef","heldInViewRef","isCompleted","isInputStreaming","slideCount","active","nothingFits","selected","scrollToIndex","selectSlide","submit","next","onContinue","note","onCommentKeyDown","event","onSlideKeyDown","_Fragment","Gallery","Show","shown","currentSlide","variant","url","Image","Lightbox","open","Button","Expand","text","FormField","Textarea","ToolShell","ToolShellHeader","picked","previewUrl","ToolShellCard","shellStyles","Box","Pressable"],"mappings":"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"}

package/dist/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.module.css

@@ -0,0 +1 @@
+.ChooseDesignDirectionTool_insetHeader_cJYAYB{display:flex;align-items:center;gap:var(--spacing-sm);border-radius:calc(var(--radius-sm) * var(--squircle-radius-factor));background-color:var(--color-secondary-light);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);corner-shape:superellipse(var(--squircle-value))}.ChooseDesignDirectionTool_insetTitle_4LY6ut{flex:1;min-width:0}.ChooseDesignDirectionTool_insetBody_gXKpIw{width:100%;min-width:0}.ChooseDesignDirectionTool_scroller_r5p2y3{container-type:inline-size;padding-bottom:var(--spacing-sm);width:100%;min-width:0}.ChooseDesignDirectionTool_port_PsmYJP{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-sm);scroll-behavior:smooth;scroll-padding-inline:var(--spacing-sm);scroll-snap-type:x mandatory}.ChooseDesignDirectionTool_track_5qsAZH{display:contents}.ChooseDesignDirectionTool_slide_00AzMV[data-placeholder]{cursor:default}.ChooseDesignDirectionTool_slide_00AzMV{--frame-max-height: 20rem;flex:0 0 auto;cursor:pointer;width:min(78cqi,calc(var(--frame-max-height) * 2 / 3));min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.ChooseDesignDirectionTool_slide_00AzMV:has(.ChooseDesignDirectionTool_frame_y82Tqx[data-aspect=landscape]){width:min(78cqi,calc(var(--frame-max-height) * 3 / 2))}.ChooseDesignDirectionTool_slide_00AzMV:has(.ChooseDesignDirectionTool_frame_y82Tqx[data-aspect=square]){width:min(78cqi,var(--frame-max-height))}.ChooseDesignDirectionTool_frame_y82Tqx{position:relative;border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));aspect-ratio:2 / 3;width:100%;overflow:hidden;corner-shape:superellipse(var(--squircle-value));outline:2px solid transparent;outline-offset:2px;background-color:var(--color-secondary-light)}.ChooseDesignDirectionTool_frame_y82Tqx[data-aspect=landscape]{aspect-ratio:3 / 2}.ChooseDesignDirectionTool_frame_y82Tqx[data-aspect=square]{aspect-ratio:1 / 1}.ChooseDesignDirectionTool_slide_00AzMV[data-active=true] .ChooseDesignDirectionTool_frame_y82Tqx{outline-color:var(--color-primary)}.ChooseDesignDirectionTool_preview_pIvdXl{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;display:block;object-fit:cover}.ChooseDesignDirectionTool_label_UNOdJZ{display:block;margin-top:var(--spacing-lg)}.ChooseDesignDirectionTool_labelPlaceholder_rbGdTn{margin-top:var(--spacing-lg);height:.7rem;min-height:0}.ChooseDesignDirectionTool_blurb_1M39Mh{display:-webkit-box;margin-top:var(--spacing-xs);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ChooseDesignDirectionTool_frame_y82Tqx[data-empty]{border:1px dashed var(--color-secondary-muted-border)}.ChooseDesignDirectionTool_emptyMark_nMetdU{display:grid;position:absolute;place-items:center;inset:0;color:var(--color-secondary-muted-content)}.ChooseDesignDirectionTool_emptyMark_nMetdU svg{width:28px;height:28px}.ChooseDesignDirectionTool_expand_tbUaUE{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);z-index:1}.ChooseDesignDirectionTool_comment_shPm5c{display:flex;flex-direction:column;gap:var(--spacing-lg);border-top:1px solid var(--color-secondary-muted-border);padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-8)}.ChooseDesignDirectionTool_commentField_c2yHDI{row-gap:var(--spacing-sm)}@media(hover:hover){.ChooseDesignDirectionTool_expand_tbUaUE{opacity:0}.ChooseDesignDirectionTool_frame_y82Tqx:hover .ChooseDesignDirectionTool_expand_tbUaUE,.ChooseDesignDirectionTool_frame_y82Tqx:focus-within .ChooseDesignDirectionTool_expand_tbUaUE{opacity:1}}.ChooseDesignDirectionTool_resultTitle_eu0hgJ{font-weight:500}.ChooseDesignDirectionTool_caption_UUSuQ6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ChooseDesignDirectionTool_fan_eacXEM{position:relative;flex:none;width:3.25rem;height:3.25rem}.ChooseDesignDirectionTool_fanCard_oWA4E9{position:absolute;inset:0;border:1px solid var(--color-secondary-border);border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));overflow:hidden;corner-shape:superellipse(var(--squircle-value));box-shadow:0 1px 2px color-mix(in srgb,var(--color-black) 12%,transparent);background:color-mix(in srgb,var(--color-secondary-border) 40%,var(--color-surface))}.ChooseDesignDirectionTool_fanHit_0UhQ5b,.ChooseDesignDirectionTool_fanImage_S2WVNg{display:block;width:100%;height:100%}.ChooseDesignDirectionTool_fanHit_0UhQ5b{cursor:pointer;border:0;background:none;padding:0}.ChooseDesignDirectionTool_fanImage_S2WVNg{-o-object-fit:cover;object-fit:cover}@media(prefers-reduced-motion:reduce){.ChooseDesignDirectionTool_port_PsmYJP{scroll-behavior:auto}}

package/dist/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.module.css.js

@@ -0,0 +1,50 @@
+const o = "ChooseDesignDirectionTool_insetHeader_cJYAYB", e = "ChooseDesignDirectionTool_insetTitle_4LY6ut", n = "ChooseDesignDirectionTool_insetBody_gXKpIw", i = "ChooseDesignDirectionTool_scroller_r5p2y3", s = "ChooseDesignDirectionTool_port_PsmYJP", t = "ChooseDesignDirectionTool_track_5qsAZH", c = "ChooseDesignDirectionTool_slide_00AzMV", l = "ChooseDesignDirectionTool_frame_y82Tqx", r = "ChooseDesignDirectionTool_preview_pIvdXl", a = "ChooseDesignDirectionTool_label_UNOdJZ", D = "ChooseDesignDirectionTool_labelPlaceholder_rbGdTn", _ = "ChooseDesignDirectionTool_blurb_1M39Mh", T = "ChooseDesignDirectionTool_emptyMark_nMetdU", h = "ChooseDesignDirectionTool_expand_tbUaUE", g = "ChooseDesignDirectionTool_comment_shPm5c", d = "ChooseDesignDirectionTool_commentField_c2yHDI", C = "ChooseDesignDirectionTool_resultTitle_eu0hgJ", m = "ChooseDesignDirectionTool_caption_UUSuQ6", p = "ChooseDesignDirectionTool_fan_eacXEM", f = "ChooseDesignDirectionTool_fanCard_oWA4E9", b = "ChooseDesignDirectionTool_fanHit_0UhQ5b", u = "ChooseDesignDirectionTool_fanImage_S2WVNg", y = {
+  insetHeader: o,
+  insetTitle: e,
+  insetBody: n,
+  scroller: i,
+  port: s,
+  track: t,
+  slide: c,
+  frame: l,
+  preview: r,
+  label: a,
+  labelPlaceholder: D,
+  blurb: _,
+  emptyMark: T,
+  expand: h,
+  comment: g,
+  commentField: d,
+  resultTitle: C,
+  caption: m,
+  fan: p,
+  fanCard: f,
+  fanHit: b,
+  fanImage: u
+};
+export {
+  _ as blurb,
+  m as caption,
+  g as comment,
+  d as commentField,
+  y as default,
+  T as emptyMark,
+  h as expand,
+  p as fan,
+  f as fanCard,
+  b as fanHit,
+  u as fanImage,
+  l as frame,
+  n as insetBody,
+  o as insetHeader,
+  e as insetTitle,
+  a as label,
+  D as labelPlaceholder,
+  s as port,
+  r as preview,
+  C as resultTitle,
+  i as scroller,
+  c as slide,
+  t as track
+};
+//# sourceMappingURL=ChooseDesignDirectionTool.module.css.js.map

package/dist/chat/Tool/choose-design-direction/ChooseDesignDirectionTool.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseDesignDirectionTool.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chat/Tool/choose-design-direction/index.d.ts

@@ -0,0 +1,2 @@
+export { ChooseDesignDirectionTool } from './ChooseDesignDirectionTool';
+//# sourceMappingURL=index.d.ts.map

package/dist/chat/Tool/choose-design-direction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/choose-design-direction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/chat/Tool/choose-design-direction/index.js

@@ -0,0 +1,5 @@
+import { ChooseDesignDirectionTool as i } from "./ChooseDesignDirectionTool.js";
+export {
+  i as ChooseDesignDirectionTool
+};
+//# sourceMappingURL=index.js.map

package/dist/chat/Tool/choose-design-direction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/chat/Tool/create-directory/CreateDirectoryTool.d.ts

@@ -0,0 +1,4 @@
+import type { ToolRendererProps } from '../types';
+/** CreateDirectory: label + folder path chip. Errors/denials: label + tooltip. */
+export declare function CreateDirectoryTool({ part, onOpenPath }: ToolRendererProps): import("react").JSX.Element | null;
+//# sourceMappingURL=CreateDirectoryTool.d.ts.map

package/dist/chat/Tool/create-directory/CreateDirectoryTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDirectoryTool.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/create-directory/CreateDirectoryTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,kFAAkF;AAClF,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,iBAAiB,sCAqC1E"}