@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

package/dist/ask-user-card-Dt8r5Zaj.js

@@ -0,0 +1,424 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useId, useState } from 'react';
+import { MessageCircleQuestion, Check } from 'lucide-react';
+import { B as Badge } from './Badge-3-G2I_cx.js';
+import { B as Button } from './Button-D76HGlPP.js';
+import { d as FieldItem, e as FieldLabel, f as Fieldset } from './field-B89BEZg4.js';
+import './field-control-aria-DB6y41tQ.js';
+import { T as Txt } from './Txt-BuzYj7Vy.js';
+import { Icon } from './icons/Icon.es.js';
+import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
+import { c as cn } from './cn-coERSHz5.js';
+import { C as Checkbox } from './checkbox-mmR3rD2j.js';
+import { I as Input } from './input-vi0ICZHe.js';
+import { R as RadioGroup, a as RadioGroupItem } from './radio-group-Bk52hNNb.js';
+
+const AskUserContext = createContext(void 0);
+function useOptionalAskUserContext() {
+  return useContext(AskUserContext);
+}
+function useAskUserContext() {
+  const context = useOptionalAskUserContext();
+  if (!context) throw new Error("AskUser controls must be rendered inside AskUser.Root.");
+  return context;
+}
+
+const AskUserContainer = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "ask-user",
+    className: cn(raisedSurfaceStyle, "w-full overflow-hidden rounded-xl", className),
+    ...props
+  }
+);
+const AskUserLabel = ({ children = "Question", className, ...props }) => /* @__PURE__ */ jsxs("div", { "data-slot": "ask-user-label", className: cn("flex min-h-10 items-center gap-2 px-4 pt-3", className), ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { size: "xs", className: "text-muted-foreground", children: /* @__PURE__ */ jsx(MessageCircleQuestion, {}) }),
+  /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children })
+] });
+const AskUserBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "ask-user-body", className: cn("p-4", className), ...props });
+const AskUserQuestionTitle = ({ children }) => /* @__PURE__ */ jsxs("span", { className: "flex items-start gap-2", children: [
+  /* @__PURE__ */ jsx(Icon, { size: "xs", className: cn("mt-1 shrink-0", "text-muted-foreground"), "aria-hidden": true, children: /* @__PURE__ */ jsx(MessageCircleQuestion, {}) }),
+  /* @__PURE__ */ jsx("span", { className: "min-w-0", children })
+] });
+const AskUserQuestion = ({ children, className, ...props }) => {
+  const context = useOptionalAskUserContext();
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      as: "p",
+      variant: "subheading",
+      tone: "ink",
+      ...props,
+      id: context?.questionId ?? props.id,
+      className: cn("mb-3", className),
+      children: /* @__PURE__ */ jsx(AskUserQuestionTitle, { children })
+    }
+  );
+};
+const AskUserOptionRow = ({
+  control,
+  label,
+  description,
+  disabled = false,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(FieldItem, { disabled, className: "contents", children: /* @__PURE__ */ jsxs(
+  FieldLabel,
+  {
+    "aria-disabled": disabled || void 0,
+    className: cn("state-layer flex items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50", className),
+    ...props,
+    children: [
+      control,
+      /* @__PURE__ */ jsxs("span", { className: "grid gap-0.5", children: [
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", tone: "ink", children: label }),
+        description ? /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children: description }) : null
+      ] })
+    ]
+  }
+) });
+const AskUserSubmitButton = ({ children = "Submit answer", ...props }) => /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Check, {}), type: "button", size: "sm", variant: "primary", ...props, children });
+const AskUserPending = ({ children = "Submitting…", ...props }) => /* @__PURE__ */ jsx(Txt, { as: "span", role: "status", variant: "caption", tone: "muted", ...props, children });
+const AskUserOutput = ({ result, className, ...props }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    "data-slot": "ask-user-output",
+    role: result.isError ? "alert" : "status",
+    className: cn("grid gap-2 rounded-lg bg-fill p-3", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(Badge, { size: "xs", variant: result.isError ? "destructive" : "success", className: "justify-self-start", children: result.isError ? "Error" : "Answered" }),
+      /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "ink", className: cn(result.isError && "text-destructive-foreground"), children: result.content })
+    ]
+  }
+);
+
+const customAnswerValue = "custom";
+const optionValuePrefix = "option:";
+function getOptionRadioValue(optionLabel) {
+  return `${optionValuePrefix}${optionLabel}`;
+}
+function AskUserOptions({ children, className, ...props }) {
+  const context = useAskUserContext();
+  const handleSingleSelectChange = (radioValue) => {
+    if (radioValue === customAnswerValue) {
+      context.setCustomAnswerSelected(true);
+      return;
+    }
+    if (typeof radioValue !== "string" || !radioValue.startsWith(optionValuePrefix)) return;
+    context.selectOption(radioValue.slice(optionValuePrefix.length));
+  };
+  if (context.selectionMode === "multi_select") {
+    return /* @__PURE__ */ jsx(Fieldset, { "aria-label": "Answer options", ...props, className: cn("gap-2", className), children });
+  }
+  const selectedOptionLabel = context.selectedOptionLabels[0];
+  const selectedOptionValue = selectedOptionLabel === void 0 ? "" : getOptionRadioValue(selectedOptionLabel);
+  const selectedRadioValue = context.isCustomAnswerSelected ? customAnswerValue : selectedOptionValue;
+  return /* @__PURE__ */ jsx(
+    Fieldset,
+    {
+      ...props,
+      className: cn("gap-2", className),
+      render: /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          "aria-labelledby": context.questionId,
+          disabled: context.disabled,
+          value: selectedRadioValue,
+          onValueChange: handleSingleSelectChange
+        }
+      ),
+      children
+    }
+  );
+}
+function AskUserOptionItem({
+  value,
+  children,
+  description,
+  disabled = false,
+  className
+}) {
+  const context = useAskUserContext();
+  const isDisabled = context.disabled || disabled;
+  const handleOptionToggle = () => {
+    if (!isDisabled) context.selectOption(value);
+  };
+  return /* @__PURE__ */ jsx(
+    AskUserOptionRow,
+    {
+      label: children,
+      description,
+      disabled: isDisabled,
+      className,
+      control: context.selectionMode === "multi_select" ? /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          className: "mt-0.5",
+          disabled: isDisabled,
+          checked: context.selectedOptionLabels.includes(value),
+          onCheckedChange: handleOptionToggle
+        }
+      ) : /* @__PURE__ */ jsx(RadioGroupItem, { className: "mt-0.5", disabled: isDisabled, value: getOptionRadioValue(value) })
+    }
+  );
+}
+function AskUserTextAnswer({ disabled = false, ...props }) {
+  const context = useAskUserContext();
+  const handleAnswerTextChange = (event) => {
+    context.changeAnswerText(event.target.value);
+  };
+  const handleAnswerTextKeyDown = (event) => {
+    if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      context.submitAnswer();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      type: "text",
+      "aria-labelledby": props["aria-label"] ? void 0 : context.questionId,
+      placeholder: "Type your answer...",
+      size: "sm",
+      ...props,
+      disabled: context.disabled || disabled,
+      value: context.answerText,
+      onChange: handleAnswerTextChange,
+      onKeyDown: handleAnswerTextKeyDown
+    }
+  );
+}
+function AskUserCustomAnswer({
+  className,
+  label = "Other…",
+  inputLabel = "Your answer"
+}) {
+  const context = useAskUserContext();
+  const handleRowClick = (event) => {
+    if (context.disabled || event.target !== event.currentTarget) return;
+    if (context.isCustomAnswerSelected) {
+      event.currentTarget.querySelector('input[type="text"]')?.focus();
+      return;
+    }
+    event.currentTarget.querySelector('[role="radio"], [role="checkbox"]')?.click();
+  };
+  const handleControlMouseDown = (event) => {
+    if (context.isCustomAnswerSelected && !context.answerText.trim()) event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(
+    FieldItem,
+    {
+      role: "group",
+      "aria-label": "Custom answer",
+      "aria-disabled": context.disabled || void 0,
+      disabled: context.disabled,
+      onClick: handleRowClick,
+      className: cn(
+        "items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50",
+        !context.isCustomAnswerSelected && "state-layer",
+        className
+      ),
+      children: [
+        context.selectionMode === "multi_select" ? /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            className: "mt-0.5",
+            "aria-label": label,
+            disabled: context.disabled,
+            checked: context.isCustomAnswerSelected,
+            onMouseDown: handleControlMouseDown,
+            onCheckedChange: context.setCustomAnswerSelected
+          }
+        ) : /* @__PURE__ */ jsx(RadioGroupItem, { "aria-label": label, className: "mt-0.5", value: customAnswerValue }),
+        context.isCustomAnswerSelected ? /* @__PURE__ */ jsx(
+          AskUserTextAnswer,
+          {
+            "aria-label": inputLabel,
+            onBlur: context.unselectEmptyCustomAnswer,
+            placeholder: label,
+            variant: "unstyled",
+            className: cn("h-auto min-w-0 flex-1 px-0", "text-body"),
+            autoFocus: true
+          }
+        ) : /* @__PURE__ */ jsx(FieldLabel, { className: "flex-1", children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "body", tone: "ink", children: label }) })
+      ]
+    }
+  );
+}
+function AskUserSubmit({ when = "always", disabled = false, onClick, ...props }) {
+  const context = useOptionalAskUserContext();
+  const handleSubmitClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented && !disabled) context?.submitAnswer();
+  };
+  if (when === "custom-answer" && !context?.isCustomAnswerSelected) return null;
+  return /* @__PURE__ */ jsx(
+    AskUserSubmitButton,
+    {
+      ...props,
+      disabled: disabled || context !== void 0 && !context.canSubmitAnswer,
+      onClick: handleSubmitClick
+    }
+  );
+}
+
+function getAnswerToSubmit({
+  answerText,
+  selectedOptionLabels,
+  selectionMode,
+  isCustomAnswerSelected
+}) {
+  const trimmedAnswerText = answerText.trim();
+  if (isCustomAnswerSelected && !trimmedAnswerText) return void 0;
+  if (selectionMode === "single_select") {
+    if (!isCustomAnswerSelected && selectedOptionLabels.length > 0) return void 0;
+    return trimmedAnswerText || void 0;
+  }
+  const answerLabels = isCustomAnswerSelected ? [...selectedOptionLabels, trimmedAnswerText] : selectedOptionLabels;
+  return answerLabels.length > 0 ? answerLabels : void 0;
+}
+function toggleSelectedOptionLabel(selectedOptionLabels, optionLabel) {
+  if (selectedOptionLabels.includes(optionLabel)) {
+    return selectedOptionLabels.filter((selectedLabel) => selectedLabel !== optionLabel);
+  }
+  return [...selectedOptionLabels, optionLabel];
+}
+function AskUserRoot({
+  selectionMode = "single_select",
+  disabled = false,
+  onSubmit,
+  children,
+  ...props
+}) {
+  const questionId = useId();
+  const [answerText, setAnswerText] = useState("");
+  const [selectedOptionLabels, setSelectedOptionLabels] = useState([]);
+  const [isCustomAnswerSelected, setIsCustomAnswerSelected] = useState(false);
+  const answerToSubmit = getAnswerToSubmit({
+    answerText,
+    selectedOptionLabels,
+    selectionMode,
+    isCustomAnswerSelected
+  });
+  const canSubmitAnswer = !disabled && answerToSubmit !== void 0;
+  const selectOption = (optionLabel) => {
+    if (disabled) return;
+    if (selectionMode === "multi_select") {
+      setSelectedOptionLabels((currentLabels) => toggleSelectedOptionLabel(currentLabels, optionLabel));
+      return;
+    }
+    setIsCustomAnswerSelected(false);
+    setSelectedOptionLabels([optionLabel]);
+    onSubmit(optionLabel);
+  };
+  const setCustomAnswerSelected = (selected) => {
+    if (disabled) return;
+    setIsCustomAnswerSelected(selected);
+    if (selected && selectionMode === "single_select") setSelectedOptionLabels([]);
+  };
+  const changeAnswerText = (text) => {
+    if (!disabled) setAnswerText(text);
+  };
+  const unselectEmptyCustomAnswer = () => {
+    if (!disabled && !answerText.trim()) setIsCustomAnswerSelected(false);
+  };
+  const submitAnswer = () => {
+    if (disabled || answerToSubmit === void 0) return;
+    onSubmit(answerToSubmit);
+  };
+  return /* @__PURE__ */ jsx(
+    AskUserContext.Provider,
+    {
+      value: {
+        questionId,
+        selectionMode,
+        disabled,
+        answerText,
+        selectedOptionLabels,
+        isCustomAnswerSelected,
+        canSubmitAnswer,
+        selectOption,
+        setCustomAnswerSelected,
+        changeAnswerText,
+        unselectEmptyCustomAnswer,
+        submitAnswer
+      },
+      children: /* @__PURE__ */ jsx(AskUserContainer, { role: "group", "aria-labelledby": questionId, ...props, children })
+    }
+  );
+}
+
+function getValidOptions(options) {
+  return options?.filter(
+    (option) => Boolean(option && typeof option.label === "string" && option.label)
+  ) ?? [];
+}
+function AskUserAnswerControls({ options }) {
+  const { selectionMode } = useAskUserContext();
+  const isMultiSelect = selectionMode === "multi_select";
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(AskUserTextAnswer, {}),
+      /* @__PURE__ */ jsx(AskUserSubmit, { className: "shrink-0 whitespace-nowrap" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(AskUserOptions, { children: [
+      options.map((option) => /* @__PURE__ */ jsx(AskUserOptionItem, { value: option.label, description: option.description, children: option.label }, option.label)),
+      /* @__PURE__ */ jsx(AskUserCustomAnswer, {}),
+      isMultiSelect ? /* @__PURE__ */ jsx(AskUserSubmit, { className: "mt-1 justify-self-start" }) : null
+    ] }),
+    !isMultiSelect ? /* @__PURE__ */ jsx(AskUserSubmit, { when: "custom-answer", className: "mt-2" }) : null
+  ] });
+}
+function AskUserCardContent({ result, isAnswered, isSubmitting, options, footer }) {
+  if (result) return /* @__PURE__ */ jsx(AskUserOutput, { result });
+  if (isAnswered) return /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Answered" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AskUserAnswerControls, { options }),
+    isSubmitting ? /* @__PURE__ */ jsx(AskUserPending, { className: "mt-3 block" }) : null,
+    footer
+  ] });
+}
+function AskUser({
+  payload,
+  result,
+  isAnswered = false,
+  isSubmitting = false,
+  onSubmit,
+  footer,
+  ...props
+}) {
+  const options = getValidOptions(payload.options);
+  const isMultiSelect = options.length > 0 && payload.selectionMode === "multi_select";
+  const payloadKey = JSON.stringify([payload.question, options.map((option) => option.label), payload.selectionMode]);
+  const hasAnswer = result !== void 0 || isAnswered;
+  return /* @__PURE__ */ jsx(
+    AskUserRoot,
+    {
+      "data-testid": "ask-user",
+      selectionMode: isMultiSelect ? "multi_select" : "single_select",
+      disabled: isSubmitting || hasAnswer,
+      onSubmit,
+      ...props,
+      children: /* @__PURE__ */ jsxs(AskUserBody, { children: [
+        /* @__PURE__ */ jsx(AskUserQuestion, { children: payload.question }),
+        /* @__PURE__ */ jsx(
+          AskUserCardContent,
+          {
+            result,
+            isAnswered,
+            isSubmitting,
+            options,
+            footer
+          }
+        )
+      ] })
+    },
+    payloadKey
+  );
+}
+
+export { AskUser as A, AskUserBody as a, AskUserContainer as b, AskUserCustomAnswer as c, AskUserLabel as d, AskUserOptionItem as e, AskUserOptionRow as f, AskUserOptions as g, AskUserOutput as h, AskUserPending as i, AskUserQuestion as j, AskUserRoot as k, AskUserSubmit as l, AskUserTextAnswer as m };
+//# sourceMappingURL=ask-user-card-Dt8r5Zaj.js.map

package/dist/ask-user-card-Dt8r5Zaj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ask-user-card-Dt8r5Zaj.js","sources":["../src/ds/components/ai/ask-user/ask-user-context.ts","../src/ds/components/ai/ask-user/ask-user-layout.tsx","../src/ds/components/ai/ask-user/ask-user-controls.tsx","../src/ds/components/ai/ask-user/ask-user-root.tsx","../src/ds/components/ai/ask-user/ask-user-card.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { AskUserSelectionMode } from './ask-user-types';\n\ninterface AskUserContextValue {\n  questionId: string;\n  selectionMode: AskUserSelectionMode;\n  disabled: boolean;\n  answerText: string;\n  selectedOptionLabels: string[];\n  isCustomAnswerSelected: boolean;\n  canSubmitAnswer: boolean;\n  selectOption: (optionLabel: string) => void;\n  setCustomAnswerSelected: (selected: boolean) => void;\n  changeAnswerText: (text: string) => void;\n  unselectEmptyCustomAnswer: () => void;\n  submitAnswer: () => void;\n}\n\nexport const AskUserContext = createContext<AskUserContextValue | undefined>(undefined);\n\nexport function useOptionalAskUserContext() {\n  return useContext(AskUserContext);\n}\n\nexport function useAskUserContext() {\n  const context = useOptionalAskUserContext();\n  if (!context) throw new Error('AskUser controls must be rendered inside AskUser.Root.');\n  return context;\n}\n","import { Check, MessageCircleQuestion } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useOptionalAskUserContext } from './ask-user-context';\nimport type { AskUserResult } from './ask-user-types';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { FieldItem, FieldLabel } from '@/ds/components/Field';\nimport type { FieldLabelProps } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport const AskUserContainer = ({ className, ...props }: ComponentProps<'div'>) => (\n  <div\n    data-slot=\"ask-user\"\n    className={cn(raisedSurfaceStyle, 'w-full overflow-hidden rounded-xl', className)}\n    {...props}\n  />\n);\n\nexport const AskUserLabel = ({ children = 'Question', className, ...props }: ComponentProps<'div'>) => (\n  <div data-slot=\"ask-user-label\" className={cn('flex min-h-10 items-center gap-2 px-4 pt-3', className)} {...props}>\n    <Icon size=\"xs\" className=\"text-muted-foreground\">\n      <MessageCircleQuestion />\n    </Icon>\n    <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n      {children}\n    </Txt>\n  </div>\n);\n\nexport const AskUserBody = ({ className, ...props }: ComponentProps<'div'>) => (\n  <div data-slot=\"ask-user-body\" className={cn('p-4', className)} {...props} />\n);\n\nconst AskUserQuestionTitle = ({ children }: { children: ReactNode }) => (\n  <span className=\"flex items-start gap-2\">\n    <Icon size=\"xs\" className={cn('mt-1 shrink-0', 'text-muted-foreground')} aria-hidden>\n      <MessageCircleQuestion />\n    </Icon>\n    <span className=\"min-w-0\">{children}</span>\n  </span>\n);\n\nexport const AskUserQuestion = ({ children, className, ...props }: ComponentProps<typeof Txt>) => {\n  const context = useOptionalAskUserContext();\n  return (\n    <Txt\n      as=\"p\"\n      variant=\"subheading\"\n      tone=\"ink\"\n      {...props}\n      id={context?.questionId ?? props.id}\n      className={cn('mb-3', className)}\n    >\n      <AskUserQuestionTitle>{children}</AskUserQuestionTitle>\n    </Txt>\n  );\n};\n\nexport interface AskUserOptionRowProps extends Omit<FieldLabelProps, 'children'> {\n  control: ReactNode;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport const AskUserOptionRow = ({\n  control,\n  label,\n  description,\n  disabled = false,\n  className,\n  ...props\n}: AskUserOptionRowProps) => (\n  <FieldItem disabled={disabled} className=\"contents\">\n    <FieldLabel\n      // state-layer's wash only stops at :disabled/aria-disabled, and a <label> is neither\n      aria-disabled={disabled || undefined}\n      className={cn('state-layer flex items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50', className)}\n      {...props}\n    >\n      {control}\n      <span className=\"grid gap-0.5\">\n        <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n          {label}\n        </Txt>\n        {description ? (\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n            {description}\n          </Txt>\n        ) : null}\n      </span>\n    </FieldLabel>\n  </FieldItem>\n);\n\nexport type AskUserSubmitButtonProps = Omit<ComponentProps<typeof Button>, 'children'> & { children?: ReactNode };\n\nexport const AskUserSubmitButton = ({ children = 'Submit answer', ...props }: AskUserSubmitButtonProps) => (\n  <Button icon={<Check />} type=\"button\" size=\"sm\" variant=\"primary\" {...props}>\n    {children}\n  </Button>\n);\n\nexport const AskUserPending = ({ children = 'Submitting…', ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" role=\"status\" variant=\"caption\" tone=\"muted\" {...props}>\n    {children}\n  </Txt>\n);\n\nexport interface AskUserOutputProps extends ComponentProps<'div'> {\n  result: AskUserResult;\n}\n\nexport const AskUserOutput = ({ result, className, ...props }: AskUserOutputProps) => (\n  <div\n    data-slot=\"ask-user-output\"\n    role={result.isError ? 'alert' : 'status'}\n    className={cn('grid gap-2 rounded-lg bg-fill p-3', className)}\n    {...props}\n  >\n    <Badge size=\"xs\" variant={result.isError ? 'destructive' : 'success'} className=\"justify-self-start\">\n      {result.isError ? 'Error' : 'Answered'}\n    </Badge>\n    <Txt as=\"p\" variant=\"body\" tone=\"ink\" className={cn(result.isError && 'text-destructive-foreground')}>\n      {result.content}\n    </Txt>\n  </div>\n);\n","import type { ChangeEvent, ComponentProps, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useAskUserContext, useOptionalAskUserContext } from './ask-user-context';\nimport { AskUserOptionRow, AskUserSubmitButton } from './ask-user-layout';\nimport { Checkbox } from '@/ds/components/Checkbox';\nimport { FieldItem, FieldLabel, Fieldset } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { RadioGroup, RadioGroupItem } from '@/ds/components/RadioGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\n// Keep the UI-only custom choice separate from suggested answer values.\nconst customAnswerValue = 'custom';\nconst optionValuePrefix = 'option:';\n\nfunction getOptionRadioValue(optionLabel: string): string {\n  return `${optionValuePrefix}${optionLabel}`;\n}\n\nexport function AskUserOptions({ children, className, ...props }: ComponentProps<typeof Fieldset>) {\n  const context = useAskUserContext();\n\n  const handleSingleSelectChange = (radioValue: unknown) => {\n    if (radioValue === customAnswerValue) {\n      context.setCustomAnswerSelected(true);\n      return;\n    }\n    if (typeof radioValue !== 'string' || !radioValue.startsWith(optionValuePrefix)) return;\n    context.selectOption(radioValue.slice(optionValuePrefix.length));\n  };\n\n  if (context.selectionMode === 'multi_select') {\n    return (\n      <Fieldset aria-label=\"Answer options\" {...props} className={cn('gap-2', className)}>\n        {children}\n      </Fieldset>\n    );\n  }\n\n  const selectedOptionLabel = context.selectedOptionLabels[0];\n  const selectedOptionValue = selectedOptionLabel === undefined ? '' : getOptionRadioValue(selectedOptionLabel);\n  const selectedRadioValue = context.isCustomAnswerSelected ? customAnswerValue : selectedOptionValue;\n\n  return (\n    <Fieldset\n      {...props}\n      className={cn('gap-2', className)}\n      render={\n        <RadioGroup\n          aria-labelledby={context.questionId}\n          disabled={context.disabled}\n          value={selectedRadioValue}\n          onValueChange={handleSingleSelectChange}\n        />\n      }\n    >\n      {children}\n    </Fieldset>\n  );\n}\n\nexport interface AskUserOptionItemProps {\n  value: string;\n  children: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function AskUserOptionItem({\n  value,\n  children,\n  description,\n  disabled = false,\n  className,\n}: AskUserOptionItemProps) {\n  const context = useAskUserContext();\n  const isDisabled = context.disabled || disabled;\n\n  const handleOptionToggle = () => {\n    if (!isDisabled) context.selectOption(value);\n  };\n\n  return (\n    <AskUserOptionRow\n      label={children}\n      description={description}\n      disabled={isDisabled}\n      className={className}\n      control={\n        context.selectionMode === 'multi_select' ? (\n          <Checkbox\n            className=\"mt-0.5\"\n            disabled={isDisabled}\n            checked={context.selectedOptionLabels.includes(value)}\n            onCheckedChange={handleOptionToggle}\n          />\n        ) : (\n          <RadioGroupItem className=\"mt-0.5\" disabled={isDisabled} value={getOptionRadioValue(value)} />\n        )\n      }\n    />\n  );\n}\n\nexport type AskUserTextAnswerProps = Omit<\n  ComponentProps<typeof Input>,\n  'value' | 'defaultValue' | 'onChange' | 'onKeyDown'\n>;\n\nexport function AskUserTextAnswer({ disabled = false, ...props }: AskUserTextAnswerProps) {\n  const context = useAskUserContext();\n\n  const handleAnswerTextChange = (event: ChangeEvent<HTMLInputElement>) => {\n    context.changeAnswerText(event.target.value);\n  };\n\n  const handleAnswerTextKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n      event.preventDefault();\n      context.submitAnswer();\n    }\n  };\n\n  return (\n    <Input\n      type=\"text\"\n      aria-labelledby={props['aria-label'] ? undefined : context.questionId}\n      placeholder=\"Type your answer...\"\n      size=\"sm\"\n      {...props}\n      disabled={context.disabled || disabled}\n      value={context.answerText}\n      onChange={handleAnswerTextChange}\n      onKeyDown={handleAnswerTextKeyDown}\n    />\n  );\n}\n\nexport interface AskUserCustomAnswerProps {\n  className?: string;\n  label?: string;\n  inputLabel?: string;\n}\n\nexport function AskUserCustomAnswer({\n  className,\n  label = 'Other…',\n  inputLabel = 'Your answer',\n}: AskUserCustomAnswerProps) {\n  const context = useAskUserContext();\n\n  const handleRowClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (context.disabled || event.target !== event.currentTarget) return;\n    if (context.isCustomAnswerSelected) {\n      event.currentTarget.querySelector<HTMLInputElement>('input[type=\"text\"]')?.focus();\n      return;\n    }\n    event.currentTarget.querySelector<HTMLElement>('[role=\"radio\"], [role=\"checkbox\"]')?.click();\n  };\n\n  const handleControlMouseDown = (event: MouseEvent<HTMLSpanElement>) => {\n    // Let the checkbox click unselect it before blur resets its controlled value.\n    if (context.isCustomAnswerSelected && !context.answerText.trim()) event.preventDefault();\n  };\n\n  return (\n    <FieldItem\n      role=\"group\"\n      aria-label=\"Custom answer\"\n      aria-disabled={context.disabled || undefined}\n      disabled={context.disabled}\n      onClick={handleRowClick}\n      className={cn(\n        'items-start gap-2.5 rounded-lg px-3 py-2 data-disabled:opacity-50',\n        !context.isCustomAnswerSelected && 'state-layer',\n        className,\n      )}\n    >\n      {context.selectionMode === 'multi_select' ? (\n        <Checkbox\n          className=\"mt-0.5\"\n          aria-label={label}\n          disabled={context.disabled}\n          checked={context.isCustomAnswerSelected}\n          onMouseDown={handleControlMouseDown}\n          onCheckedChange={context.setCustomAnswerSelected}\n        />\n      ) : (\n        <RadioGroupItem aria-label={label} className=\"mt-0.5\" value={customAnswerValue} />\n      )}\n      {context.isCustomAnswerSelected ? (\n        <AskUserTextAnswer\n          aria-label={inputLabel}\n          onBlur={context.unselectEmptyCustomAnswer}\n          placeholder={label}\n          variant=\"unstyled\"\n          className={cn('h-auto min-w-0 flex-1 px-0', 'text-body')}\n          autoFocus\n        />\n      ) : (\n        <FieldLabel className=\"flex-1\">\n          <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n            {label}\n          </Txt>\n        </FieldLabel>\n      )}\n    </FieldItem>\n  );\n}\n\nexport type AskUserSubmitProps = ComponentProps<typeof AskUserSubmitButton> & {\n  when?: 'always' | 'custom-answer';\n};\n\nexport function AskUserSubmit({ when = 'always', disabled = false, onClick, ...props }: AskUserSubmitProps) {\n  const context = useOptionalAskUserContext();\n\n  const handleSubmitClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (!event.defaultPrevented && !disabled) context?.submitAnswer();\n  };\n\n  if (when === 'custom-answer' && !context?.isCustomAnswerSelected) return null;\n\n  return (\n    <AskUserSubmitButton\n      {...props}\n      disabled={disabled || (context !== undefined && !context.canSubmitAnswer)}\n      onClick={handleSubmitClick}\n    />\n  );\n}\n","import { useId, useState } from 'react';\nimport type { ComponentProps } from 'react';\nimport { AskUserContext } from './ask-user-context';\nimport { AskUserContainer } from './ask-user-layout';\nimport type { AskUserAnswer, AskUserSelectionMode } from './ask-user-types';\n\nexport interface AskUserRootProps extends Omit<ComponentProps<typeof AskUserContainer>, 'onSubmit'> {\n  selectionMode?: AskUserSelectionMode;\n  disabled?: boolean;\n  onSubmit: (answer: AskUserAnswer) => void;\n}\n\ninterface AskUserAnswerDraft {\n  answerText: string;\n  selectedOptionLabels: string[];\n  selectionMode: AskUserSelectionMode;\n  isCustomAnswerSelected: boolean;\n}\n\nfunction getAnswerToSubmit({\n  answerText,\n  selectedOptionLabels,\n  selectionMode,\n  isCustomAnswerSelected,\n}: AskUserAnswerDraft): AskUserAnswer | undefined {\n  const trimmedAnswerText = answerText.trim();\n  if (isCustomAnswerSelected && !trimmedAnswerText) return undefined;\n  if (selectionMode === 'single_select') {\n    // Suggested single-select answers already submit when selected.\n    if (!isCustomAnswerSelected && selectedOptionLabels.length > 0) return undefined;\n    return trimmedAnswerText || undefined;\n  }\n\n  const answerLabels = isCustomAnswerSelected ? [...selectedOptionLabels, trimmedAnswerText] : selectedOptionLabels;\n  return answerLabels.length > 0 ? answerLabels : undefined;\n}\n\nfunction toggleSelectedOptionLabel(selectedOptionLabels: string[], optionLabel: string): string[] {\n  if (selectedOptionLabels.includes(optionLabel)) {\n    return selectedOptionLabels.filter(selectedLabel => selectedLabel !== optionLabel);\n  }\n  return [...selectedOptionLabels, optionLabel];\n}\n\nexport function AskUserRoot({\n  selectionMode = 'single_select',\n  disabled = false,\n  onSubmit,\n  children,\n  ...props\n}: AskUserRootProps) {\n  const questionId = useId();\n  const [answerText, setAnswerText] = useState('');\n  const [selectedOptionLabels, setSelectedOptionLabels] = useState<string[]>([]);\n  const [isCustomAnswerSelected, setIsCustomAnswerSelected] = useState(false);\n  const answerToSubmit = getAnswerToSubmit({\n    answerText,\n    selectedOptionLabels,\n    selectionMode,\n    isCustomAnswerSelected,\n  });\n  const canSubmitAnswer = !disabled && answerToSubmit !== undefined;\n\n  const selectOption = (optionLabel: string) => {\n    if (disabled) return;\n    if (selectionMode === 'multi_select') {\n      setSelectedOptionLabels(currentLabels => toggleSelectedOptionLabel(currentLabels, optionLabel));\n      return;\n    }\n    setIsCustomAnswerSelected(false);\n    setSelectedOptionLabels([optionLabel]);\n    onSubmit(optionLabel);\n  };\n\n  const setCustomAnswerSelected = (selected: boolean) => {\n    if (disabled) return;\n    setIsCustomAnswerSelected(selected);\n    if (selected && selectionMode === 'single_select') setSelectedOptionLabels([]);\n  };\n\n  const changeAnswerText = (text: string) => {\n    if (!disabled) setAnswerText(text);\n  };\n\n  const unselectEmptyCustomAnswer = () => {\n    if (!disabled && !answerText.trim()) setIsCustomAnswerSelected(false);\n  };\n\n  const submitAnswer = () => {\n    if (disabled || answerToSubmit === undefined) return;\n    onSubmit(answerToSubmit);\n  };\n\n  return (\n    <AskUserContext.Provider\n      value={{\n        questionId,\n        selectionMode,\n        disabled,\n        answerText,\n        selectedOptionLabels,\n        isCustomAnswerSelected,\n        canSubmitAnswer,\n        selectOption,\n        setCustomAnswerSelected,\n        changeAnswerText,\n        unselectEmptyCustomAnswer,\n        submitAnswer,\n      }}\n    >\n      <AskUserContainer role=\"group\" aria-labelledby={questionId} {...props}>\n        {children}\n      </AskUserContainer>\n    </AskUserContext.Provider>\n  );\n}\n","import type { ComponentProps, ReactNode } from 'react';\nimport { useAskUserContext } from './ask-user-context';\nimport {\n  AskUserCustomAnswer,\n  AskUserOptionItem,\n  AskUserOptions,\n  AskUserSubmit,\n  AskUserTextAnswer,\n} from './ask-user-controls';\nimport { AskUserBody, AskUserContainer, AskUserOutput, AskUserPending, AskUserQuestion } from './ask-user-layout';\nimport { AskUserRoot } from './ask-user-root';\nimport type { AskUserAnswer, AskUserOption, AskUserPayload, AskUserResult } from './ask-user-types';\nimport { Badge } from '@/ds/components/Badge';\n\nexport interface AskUserProps extends Omit<ComponentProps<typeof AskUserContainer>, 'children' | 'onSubmit'> {\n  payload: AskUserPayload;\n  result?: AskUserResult;\n  isAnswered?: boolean;\n  isSubmitting?: boolean;\n  onSubmit: (answer: AskUserAnswer) => void;\n  footer?: ReactNode;\n}\n\nfunction getValidOptions(options: AskUserPayload['options']): AskUserOption[] {\n  return (\n    options?.filter((option): option is AskUserOption =>\n      Boolean(option && typeof option.label === 'string' && option.label),\n    ) ?? []\n  );\n}\n\nfunction AskUserAnswerControls({ options }: { options: AskUserOption[] }) {\n  const { selectionMode } = useAskUserContext();\n  const isMultiSelect = selectionMode === 'multi_select';\n  if (options.length === 0) {\n    return (\n      <div className=\"flex items-center gap-2\">\n        <AskUserTextAnswer />\n        <AskUserSubmit className=\"shrink-0 whitespace-nowrap\" />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <AskUserOptions>\n        {options.map(option => (\n          <AskUserOptionItem key={option.label} value={option.label} description={option.description}>\n            {option.label}\n          </AskUserOptionItem>\n        ))}\n        <AskUserCustomAnswer />\n        {isMultiSelect ? <AskUserSubmit className=\"mt-1 justify-self-start\" /> : null}\n      </AskUserOptions>\n      {!isMultiSelect ? <AskUserSubmit when=\"custom-answer\" className=\"mt-2\" /> : null}\n    </>\n  );\n}\n\ninterface AskUserCardContentProps extends Pick<AskUserProps, 'result' | 'isAnswered' | 'isSubmitting' | 'footer'> {\n  options: AskUserOption[];\n}\n\nfunction AskUserCardContent({ result, isAnswered, isSubmitting, options, footer }: AskUserCardContentProps) {\n  if (result) return <AskUserOutput result={result} />;\n  if (isAnswered) return <Badge variant=\"success\">Answered</Badge>;\n\n  return (\n    <>\n      <AskUserAnswerControls options={options} />\n      {isSubmitting ? <AskUserPending className=\"mt-3 block\" /> : null}\n      {footer}\n    </>\n  );\n}\n\nexport function AskUser({\n  payload,\n  result,\n  isAnswered = false,\n  isSubmitting = false,\n  onSubmit,\n  footer,\n  ...props\n}: AskUserProps) {\n  const options = getValidOptions(payload.options);\n  const isMultiSelect = options.length > 0 && payload.selectionMode === 'multi_select';\n  const payloadKey = JSON.stringify([payload.question, options.map(option => option.label), payload.selectionMode]);\n  const hasAnswer = result !== undefined || isAnswered;\n\n  return (\n    <AskUserRoot\n      key={payloadKey}\n      data-testid=\"ask-user\"\n      selectionMode={isMultiSelect ? 'multi_select' : 'single_select'}\n      disabled={isSubmitting || hasAnswer}\n      onSubmit={onSubmit}\n      {...props}\n    >\n      <AskUserBody>\n        <AskUserQuestion>{payload.question}</AskUserQuestion>\n        <AskUserCardContent\n          result={result}\n          isAnswered={isAnswered}\n          isSubmitting={isSubmitting}\n          options={options}\n          footer={footer}\n        />\n      </AskUserBody>\n    </AskUserRoot>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/attachment-card-C2Bau6E7.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Txt = require('./Txt-DXjXpX9r.cjs');
+const primitives_messageSurface = require('./primitives/message-surface.cjs.js');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+
+function AttachmentPreview({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative block h-44 mask-b-from-45% mask-b-to-95%", children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-x-0 bottom-0 h-28", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent,black_15%,black_30%,transparent_45%)] backdrop-blur-[2px]" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_15%,black_30%,black_45%,transparent_60%)] backdrop-blur-xs" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_30%,black_45%,black_60%,transparent_75%)] backdrop-blur-sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_45%,black_60%,black_75%,transparent_90%)] backdrop-blur-lg" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_60%,black_75%)] backdrop-blur-[32px]" })
+    ] })
+  ] });
+}
+
+function AttachmentCard({ name, typeLabel, icon, preview, onClick, href, buttonRef }) {
+  const className = utils_cn.cn(
+    primitives_messageSurface.messageSurfaceStyle,
+    "relative isolate block w-64 max-w-full min-w-0 overflow-hidden text-left",
+    preview && "after:pointer-events-none after:absolute after:inset-0 after:z-10 after:rounded-[inherit] after:inset-ring-1 after:inset-ring-white/15",
+    (onClick || href) && "cursor-pointer hover:bg-fill-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus motion-safe:transition-colors"
+  );
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    preview && /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, { children: preview }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn("flex min-w-0 items-center gap-2.5 px-3 py-2.5", preview && "absolute inset-x-0 bottom-0"), children: [
+      !preview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 shrink-0 items-center justify-center text-muted-foreground", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "block truncate", title: name, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", tone: "muted", className: "block truncate", children: typeLabel })
+      ] })
+    ] })
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        className,
+        onClick,
+        "aria-label": `Preview ${name}`,
+        title: name,
+        children: content
+      }
+    );
+  }
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        className,
+        href,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        "aria-label": `Open ${name}`,
+        title: name,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, title: name, children: content });
+}
+
+exports.AttachmentCard = AttachmentCard;
+//# sourceMappingURL=attachment-card-C2Bau6E7.cjs.map

package/dist/attachment-card-C2Bau6E7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-card-C2Bau6E7.cjs","sources":["../src/ds/components/AttachmentCard/attachment-preview.tsx","../src/ds/components/AttachmentCard/attachment-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** Crossfade between fully blurred bands, then fade the image into the message surface for its caption. */\nexport function AttachmentPreview({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"relative block h-44 mask-b-from-45% mask-b-to-95%\">\n      {children}\n      {/* Fully opaque, overlapping bands replace sharp pixels as the blur radius increases.\n          Fading each layer across its entire height would leave sharp detail visible underneath. */}\n      <span aria-hidden=\"true\" className=\"pointer-events-none absolute inset-x-0 bottom-0 h-28\">\n        <span className=\"absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent,black_15%,black_30%,transparent_45%)] backdrop-blur-[2px]\" />\n        <span className=\"absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_15%,black_30%,black_45%,transparent_60%)] backdrop-blur-xs\" />\n        <span className=\"absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_30%,black_45%,black_60%,transparent_75%)] backdrop-blur-sm\" />\n        <span className=\"absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_45%,black_60%,black_75%,transparent_90%)] backdrop-blur-lg\" />\n        <span className=\"absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_60%,black_75%)] backdrop-blur-[32px]\" />\n      </span>\n    </span>\n  );\n}\n","import type { ReactNode, Ref } from 'react';\nimport { Txt } from '../Txt';\nimport { AttachmentPreview } from './attachment-preview';\nimport { messageSurfaceStyle } from '@/ds/primitives/message-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface AttachmentCardProps {\n  name: string;\n  buttonRef?: Ref<HTMLButtonElement>;\n  typeLabel: string;\n  icon: ReactNode;\n  preview?: ReactNode;\n  onClick?: () => void;\n  href?: string;\n}\n\n/** Sent-file presentation. Upload state and removal controls belong to the composer. */\nexport function AttachmentCard({ name, typeLabel, icon, preview, onClick, href, buttonRef }: AttachmentCardProps) {\n  const className = cn(\n    messageSurfaceStyle,\n    'relative isolate block w-64 max-w-full min-w-0 overflow-hidden text-left',\n    preview &&\n      'after:pointer-events-none after:absolute after:inset-0 after:z-10 after:rounded-[inherit] after:inset-ring-1 after:inset-ring-white/15',\n    (onClick || href) &&\n      'cursor-pointer hover:bg-fill-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus motion-safe:transition-colors',\n  );\n  const content = (\n    <>\n      {preview && <AttachmentPreview>{preview}</AttachmentPreview>}\n      <span className={cn('flex min-w-0 items-center gap-2.5 px-3 py-2.5', preview && 'absolute inset-x-0 bottom-0')}>\n        {!preview && (\n          <span className=\"flex size-5 shrink-0 items-center justify-center text-muted-foreground\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n        <span className=\"min-w-0 flex-1\">\n          <Txt as=\"span\" variant=\"body-sm\" className=\"block truncate\" title={name}>\n            {name}\n          </Txt>\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"block truncate\">\n            {typeLabel}\n          </Txt>\n        </span>\n      </span>\n    </>\n  );\n\n  if (onClick) {\n    return (\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        className={className}\n        onClick={onClick}\n        aria-label={`Preview ${name}`}\n        title={name}\n      >\n        {content}\n      </button>\n    );\n  }\n  if (href) {\n    return (\n      <a\n        className={className}\n        href={href}\n        target=\"_blank\"\n        rel=\"noreferrer noopener\"\n        aria-label={`Open ${name}`}\n        title={name}\n      >\n        {content}\n      </a>\n    );\n  }\n  return (\n    <div className={className} title={name}>\n      {content}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","cn","messageSurfaceStyle","Fragment","Txt"],"mappings":"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"}