@discuss-ds/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,3497 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AIMiniAvatar: () => AIMiniAvatar,
+  AIResponseContainer: () => AIResponseContainer,
+  ActivityStructure: () => ActivityStructure,
+  AskAiInput: () => AskAiInput,
+  AskAiToggle: () => AskAiToggle,
+  Button: () => Button,
+  Calendar: () => Calendar,
+  ChatChoices: () => ChatChoices,
+  ChatInput: () => ChatInput,
+  ChatOption: () => ChatOption,
+  Checkbox: () => Checkbox,
+  CheckboxField: () => CheckboxField,
+  DatePicker: () => DatePicker,
+  DateTimePicker: () => DateTimePicker,
+  Dialog: () => Dialog,
+  DialogBody: () => DialogBody,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EditableTag: () => EditableTag,
+  Field: () => Field,
+  FileAttachment: () => FileAttachment,
+  FileUploadItem: () => FileUploadItem,
+  FileUploadZone: () => FileUploadZone,
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  ImagePreview: () => ImagePreview,
+  ImageThumbnails: () => ImageThumbnails,
+  Input: () => Input,
+  InputWithAction: () => InputWithAction,
+  Label: () => Label,
+  MediaInfo: () => MediaInfo,
+  NumberInput: () => NumberInput,
+  OpenEndAnswer: () => OpenEndAnswer,
+  Pagination: () => Pagination,
+  Progress: () => Progress,
+  ProjectSelector: () => ProjectSelector,
+  QuestionCard: () => QuestionCard,
+  QuestionEditorCard: () => QuestionEditorCard,
+  QuestionHeader: () => QuestionHeader,
+  QuestionNavItem: () => QuestionNavItem,
+  QuestionOption: () => QuestionOption,
+  QuestionOptionEditor: () => QuestionOptionEditor,
+  QuestionOtherOption: () => QuestionOtherOption,
+  QuestionTypeIcon: () => QuestionTypeIcon,
+  RadioGroup: () => RadioGroup,
+  RadioGroupFieldItem: () => RadioGroupFieldItem,
+  RadioGroupItem: () => RadioGroupItem,
+  RankList: () => RankList,
+  RatingScale: () => RatingScale,
+  RoleTag: () => RoleTag,
+  SearchBar: () => SearchBar,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Slider: () => Slider,
+  StatCard: () => StatCard,
+  StatusTag: () => StatusTag,
+  Switch: () => Switch,
+  TabItem: () => TabItem,
+  TabNavigation: () => TabNavigation,
+  TabNavigationContext: () => TabNavigationContext,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableCellTwoLines: () => TableCellTwoLines,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  Tag: () => Tag,
+  Textarea: () => Textarea,
+  TimeItem: () => TimeItem,
+  TimePicker: () => TimePicker,
+  Timestamp: () => Timestamp,
+  Toast: () => Toast,
+  ToastAction: () => ToastAction,
+  ToastInline: () => ToastInline,
+  ToastProvider: () => ToastProvider,
+  ToastViewport: () => ToastViewport,
+  Toggle: () => Toggle,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  TopicActivityRow: () => TopicActivityRow,
+  TopicCard: () => TopicCard,
+  TopicCardMetaItem: () => TopicCardMetaItem,
+  TopicCardTag: () => TopicCardTag,
+  UserMessageBubble: () => UserMessageBubble,
+  VideoPlayer: () => VideoPlayer,
+  VolumeControl: () => VolumeControl,
+  fieldSurfaceClasses: () => fieldSurfaceClasses,
+  formatDateTime: () => formatDateTime,
+  getPaginationItems: () => getPaginationItems,
+  useFormField: () => useFormField
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Buttons & Actions/Button.tsx
+var React = __toESM(require("react"), 1);
+var import_radix_ui = require("radix-ui");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "heading-h1",
+            "heading-h2",
+            "heading-h3",
+            "heading-h4",
+            "body-section",
+            "body-base",
+            "body-small",
+            "body-xs",
+            "body-xxs",
+            "ui-label",
+            "ui-label-large",
+            "ui-badge",
+            "ui-caption",
+            "ui-overline",
+            "ui-code",
+            "ui-placeholder",
+            "ui-input-value"
+          ]
+        }
+      ],
+      "bg-image": [{ "bg-linear": ["to-t", "to-tr", "to-r", "to-br", "to-b", "to-bl", "to-l", "to-tl"] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/Buttons & Actions/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var subtle = "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground hover:bg-accent-soft hover:bg-none hover:text-accent-soft-foreground disabled:bg-muted disabled:bg-none disabled:text-muted-foreground";
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex shrink-0 items-center justify-center whitespace-nowrap text-ui-label transition-colors disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-label hover:bg-primary-hover",
+        subtle,
+        // Alias of `subtle`, kept so existing consumers don't break.
+        secondary: subtle,
+        destructive: "bg-destructive text-label hover:bg-destructive-hover",
+        outline: "border border-border bg-surface text-surface-foreground hover:border-input hover:bg-accent-soft hover:text-accent-soft-foreground disabled:bg-transparent disabled:border-input disabled:text-muted-foreground",
+        ghost: "text-surface-foreground hover:bg-accent-soft hover:text-accent-soft-foreground disabled:text-muted-foreground",
+        link: "text-surface-foreground underline hover:text-accent-foreground"
+      },
+      size: {
+        md: "h-10 min-w-10 gap-2.5 rounded-md px-4 py-2",
+        sm: "h-8 min-w-8 gap-1 rounded-sm px-2.5 py-1.5",
+        lg: "h-12 gap-2.5 rounded-md px-6 py-3 text-ui-label-large",
+        icon: "size-10 rounded-md p-0",
+        "icon-sm": "size-8 rounded-sm p-0"
+      }
+    },
+    compoundVariants: [
+      // Primary icon-only is a circle at 40px (and a rounded square at 32px).
+      { variant: "default", size: "icon", className: "rounded-full" },
+      {
+        variant: "default",
+        size: ["icon", "icon-sm"],
+        className: "disabled:border disabled:border-border disabled:bg-transparent disabled:text-muted-foreground disabled:opacity-100"
+      },
+      // Destructive icon-only drops the fill and tints the glyph instead.
+      {
+        variant: "destructive",
+        size: ["icon", "icon-sm"],
+        className: "bg-transparent text-destructive hover:bg-destructive-soft-hover"
+      },
+      { variant: "outline", size: ["icon", "icon-sm"], className: "disabled:border-border" },
+      // Links have no box of their own.
+      { variant: "link", className: "rounded-md bg-transparent px-4" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? import_radix_ui.Slot.Root : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ref, className: cn(buttonVariants({ variant, size }), className), ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/Buttons & Actions/Switch.tsx
+var React2 = __toESM(require("react"), 1);
+var import_radix_ui2 = require("radix-ui");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Switch = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_radix_ui2.Switch.Root,
+    {
+      ref,
+      className: cn(
+        "inline-flex h-6 w-11 shrink-0 items-center rounded-full p-0.5 transition-colors",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        // Brand override: selected controls use `ring`, not `primary`/`accent`.
+        "data-[state=checked]:bg-ring data-[state=unchecked]:bg-muted",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_radix_ui2.Switch.Thumb,
+        {
+          className: cn(
+            "block size-5 rounded-full bg-surface shadow-sm transition-transform",
+            "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  )
+);
+Switch.displayName = "Switch";
+
+// src/components/Buttons & Actions/Toggle.tsx
+var React3 = __toESM(require("react"), 1);
+var import_radix_ui3 = require("radix-ui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Toggle = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_radix_ui3.Toggle.Root,
+    {
+      ref,
+      className: cn(
+        "inline-flex size-10 shrink-0 items-center justify-center rounded-md text-surface-foreground transition-colors",
+        "hover:bg-accent-soft hover:text-accent-soft-foreground",
+        "data-[state=on]:bg-secondary data-[state=on]:hover:bg-accent-soft",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Toggle.displayName = "Toggle";
+
+// src/components/Conversation & AI Chat/AIMiniAvatar.tsx
+var React4 = __toESM(require("react"), 1);
+
+// src/components/Conversation & AI Chat/aiGlyphPaths.ts
+var AI_GLYPH_THINKING = {
+  viewBox: "0 0 23.5102 10.31",
+  d: "M20.7764 6.13895C20.8091 6.08935 20.9139 6.07477 20.9653 6.02535C21.1265 5.87047 21.227 5.79769 21.3523 5.6889L21.3349 5.70985C21.3757 5.67187 21.4194 5.629 21.4687 5.57648C21.7621 5.26894 22.4786 4.16096 22.8403 4.43013C22.8403 4.43014 22.8403 4.43014 22.8403 4.43015C22.8438 4.43279 22.8474 4.43556 22.8508 4.43847C22.9168 4.49352 22.9251 4.63928 22.993 4.71056C23.061 4.78185 23.5711 5.14655 23.5041 5.29532C23.4036 5.50831 22.9412 5.85678 22.8715 5.95956C22.8242 6.02999 22.8059 6.14803 22.7475 6.24057C22.6464 6.40032 22.5565 6.50906 22.4809 6.62923C22.4785 6.632 22.4718 6.64062 22.4693 6.64331C22.3989 6.74734 22.341 6.85851 22.2892 7.02244C22.1391 7.06575 21.9883 7.10631 21.8375 7.14262C21.7434 7.29292 21.476 7.39415 21.4003 7.4664C21.3382 7.52673 21.3404 7.6092 21.2705 7.66966C21.2189 7.71436 21.1282 7.74838 21.0302 7.79812C21.0228 7.80313 21.0008 7.8182 20.9928 7.8224C20.9494 7.83706 20.9028 7.85865 20.856 7.89199C20.6266 8.05556 20.6529 8.23489 20.4981 8.34362C20.4171 8.3997 20.2989 8.44071 20.1779 8.48367C20.0629 8.52373 19.9434 8.57023 19.8501 8.64564C19.8314 8.67452 19.8127 8.70339 19.7937 8.73228C19.83 8.76183 19.8664 8.79129 19.9028 8.82072C19.8037 8.88716 19.7221 8.82963 19.622 8.8719C19.5039 8.92146 19.4745 9.02208 19.3928 9.05557C19.3259 9.0829 19.2105 9.05922 19.1237 9.09701C18.9965 9.1516 19.0573 9.22895 18.9919 9.2717C18.9722 9.29205 18.4308 9.51795 18.3887 9.52197C18.1304 9.58812 18.0801 9.46546 17.8631 9.48595C17.8361 9.48814 17.8091 9.4903 17.782 9.49237C17.3207 9.52161 16.8743 9.67817 16.3789 9.7352C16.285 9.7455 16.1851 9.74966 16.0822 9.74684C15.9622 9.74345 15.8411 9.73294 15.7225 9.71759C16.0452 9.39607 15.3567 9.12062 15.6025 9.64387C15.3808 9.56394 15.2157 9.69807 14.9941 9.66267C14.8498 9.63874 14.7566 9.5627 14.5364 9.54137C14.3208 9.51495 14.0878 9.5587 13.7616 9.41848C13.6405 9.36165 13.5631 9.27393 13.5919 9.09969C13.4354 9.05602 13.2983 8.98697 13.1658 8.92556C13.0992 8.89457 13.0342 8.86595 12.9619 8.83793C12.8815 8.79834 12.8349 8.81997 12.6347 8.66553C12.5818 8.65788 12.5185 8.66138 12.4458 8.68578C12.3597 8.6238 12.3017 8.26898 12.2414 8.14791C12.1605 8.05685 11.7146 7.13701 11.7091 6.94414C11.7083 6.94093 11.7074 6.93768 11.7065 6.93438C11.6552 6.75979 11.6158 6.47257 11.5821 6.33303C11.5388 6.16728 11.1933 5.9876 11.6352 5.69928C11.6536 5.50058 11.6924 5.35814 11.7614 5.21539C11.7996 5.14267 11.8487 5.06108 11.9231 4.94138C11.9508 4.89665 12.0069 4.91427 12.0188 4.88607C12.0432 4.82851 12.0458 4.71199 12.0891 4.60378C12.1604 4.42562 12.3223 4.38132 12.1443 4.31661C12.1745 4.18591 12.2099 4.05361 12.2533 3.91918C12.3093 3.89617 12.3653 3.87434 12.4217 3.85356C12.4277 3.77084 12.4368 3.68676 12.4498 3.60124C12.6122 3.82914 12.8149 3.31965 12.5882 3.35167C12.6971 3.26408 12.8129 3.18134 12.936 3.10694C13.0432 3.05147 13.1502 2.9942 13.2575 2.93523C13.445 3.18433 13.6433 2.62036 13.4965 2.52782C13.5159 2.50978 13.5359 2.49118 13.5559 2.47273C13.6468 2.43151 13.7186 2.3762 13.8101 2.30215C13.9339 2.20399 14.0605 2.08848 14.2572 2.00205C14.5866 1.86654 14.5863 1.91818 14.7383 2.00328C14.8117 1.96386 14.8906 1.92778 14.9768 1.89808C15.2046 1.61986 15.3871 1.74917 15.5554 1.87821C15.6574 1.92057 15.8644 2.08723 15.9086 2.24717C15.9561 2.38086 15.9647 2.4401 16.0174 2.50589C16.0362 2.5325 16.059 2.56113 16.0862 2.59267C15.9089 2.83438 16.1252 3.33908 16.1251 3.71466C16.1272 3.75694 16.1742 3.7651 16.1787 3.82326C16.1923 3.96864 16.0396 4.27583 16.1879 4.30844C16.1104 4.40775 16.0302 4.50104 15.9487 4.58956C15.9485 4.59211 15.9483 4.59466 15.9481 4.59722C15.9434 4.68512 15.9381 4.77303 15.9326 4.86089C15.9773 4.87807 16.0219 4.89524 16.0666 4.91242C15.8514 5.01394 15.8076 5.2888 15.7201 5.39794C15.7026 5.41968 15.6395 5.39969 15.591 5.46924C15.5342 5.55031 15.482 5.72425 15.4171 5.82229C15.4664 5.89261 15.5154 5.96317 15.5642 6.03418C15.516 6.24242 15.3088 6.23112 15.2434 6.33666C15.2371 6.34685 15.1897 6.45661 15.1414 6.56252C15.1003 6.65319 15.0605 6.74017 15.0575 6.75026C14.9983 6.92736 15.1953 6.94548 14.8653 7.42471C14.8017 7.51174 14.7031 7.55363 14.6374 7.63359C14.5939 7.68676 14.5258 7.79471 14.4522 7.90588C14.359 8.0661 14.2337 8.27035 14.258 8.34435C13.9929 8.37671 13.5599 8.69876 13.4026 8.72273C13.3557 8.73114 13.3039 8.65181 13.1715 8.69189C13.1196 8.70739 13.0387 8.75964 12.9539 8.81245C12.8709 8.86549 12.783 8.9216 12.7186 8.94208C12.5852 8.98412 12.5082 8.92996 12.4483 8.94919C12.3923 8.9672 12.3668 9.04791 12.2925 9.07862C12.0591 9.1738 11.8082 9.16385 11.6213 9.23522C11.3502 9.33814 11.1776 9.60661 10.949 9.76888C10.9348 9.77067 10.9203 9.77115 10.9058 9.77095C10.8529 9.76975 10.7975 9.7598 10.7466 9.77439C9.99772 10.0005 9.00243 10.0857 8.1768 9.85282C8.13481 9.84174 8.09342 9.83033 8.0522 9.8185C7.65595 9.74342 6.84265 9.06031 6.88897 9.55865C6.80575 9.55556 6.53393 9.38444 6.29758 9.12608C6.231 9.02829 5.91504 8.73378 5.8576 8.6732C5.70806 8.5387 5.53716 8.47446 5.42743 8.35204C5.23871 8.13938 5.11803 7.9385 4.98784 7.72031C4.93094 7.62219 4.78289 7.41761 4.64906 7.18544C4.56629 7.04595 4.42492 6.92507 4.39704 6.84099C4.36359 6.73961 4.41467 6.60764 4.3839 6.48312C4.3266 6.25751 4.2228 5.90491 4.15903 5.6261C4.13709 5.5314 4.11932 5.43956 4.10919 5.36422C4.10191 5.30774 4.17499 5.27443 4.18647 5.19139C4.22915 4.86817 4.21424 4.52439 3.96715 4.59214C4.0923 4.18224 4.00781 3.80768 4.06914 3.4305C4.07049 3.42228 4.07191 3.41407 4.0734 3.40587C4.17848 2.77229 4.60265 1.62744 5.42728 1.02539C5.5388 0.936113 5.63885 0.851595 5.72033 0.774897C6.02466 0.499997 5.92843 0.404094 6.57046 0.168732C6.72019 0.118531 6.87745 0.0750992 7.10515 0.029663C7.44001 -0.0409616 8.00784 0.000885725 8.42487 0.305113C8.52342 0.370349 8.66824 0.438081 8.84918 0.507494C9.00601 0.701494 9.15341 0.965493 9.19962 1.24429C9.25461 1.59798 9.20706 1.9295 9.02072 2.15487C9.06272 2.2086 9.10331 2.26358 9.14209 2.32146C9.12853 2.38467 9.11273 2.44783 9.09564 2.50868C9.04342 2.51339 8.99124 2.51735 8.93911 2.52058C8.80099 2.92074 8.72119 3.45798 8.53257 3.73379C8.51917 3.75362 8.50452 3.77482 8.48864 3.79731C8.18299 4.22988 7.45145 5.14772 7.14208 5.47284C6.97081 5.65357 7.04778 5.72472 6.79141 5.71506C6.77155 5.76833 6.75129 5.82205 6.73113 5.87552C6.74881 5.93119 6.76688 5.98626 6.78446 6.04197C6.67655 6.19317 6.53517 6.34587 6.39918 6.49486C6.30179 6.60171 6.20676 6.7071 6.12771 6.80983C5.86753 7.16626 5.41116 7.79089 4.96904 8.10513C4.87549 8.1762 4.78037 8.24183 4.68809 8.2947C4.56491 8.36535 4.36563 8.39839 4.25536 8.48329C4.09377 8.60676 4.15002 8.76609 3.93397 8.92203C3.68203 9.10323 3.21465 9.30524 2.7946 9.44827C2.61334 9.50835 2.4488 9.5679 2.33086 9.62822C2.22328 9.68313 2.19724 9.76099 2.12265 9.80252C1.81329 9.9754 1.54922 10.089 1.27057 10.31C0.871376 10.3138 0.823743 10.1166 0.644008 9.97432C0.509878 9.86688 0.126525 9.63933 0.0856048 9.51058C0.0484623 9.42509 0.051783 9.29751 0 9.20711C0.311082 9.00323 0.527575 9.0048 0.893831 9.00304C1.355 8.7957 1.81246 8.57815 2.27037 8.35384C2.37271 8.30354 2.47492 8.24832 2.57658 8.1893C2.6503 8.2117 2.72528 8.23255 2.80124 8.252C2.8013 8.25211 2.80136 8.25221 2.80143 8.25232C3.03486 8.18581 3.03979 8.00743 3.12463 7.91046C3.36205 7.63959 3.68578 7.33424 4.07988 6.99574C4.53563 6.62516 4.89846 6.21727 5.32159 5.69439C5.74872 5.17021 6.15919 4.65793 6.46139 4.25093C6.64154 4.00919 7.13955 3.16034 7.33028 3.04133C7.34208 3.03408 7.35548 3.03074 7.36955 3.02924C7.41387 3.02544 7.46598 3.03904 7.49046 3.00739C7.70834 2.58993 7.86103 2.13779 7.83041 1.79989C7.8547 1.70941 7.86312 1.62307 7.85378 1.53151C7.87209 1.5287 7.84915 1.45435 7.69179 1.34775C7.77026 1.34362 7.49926 1.35778 7.23888 1.52474C6.97348 1.67631 6.69939 1.87603 6.42229 2.07271C6.36356 2.11454 6.30432 2.15719 6.24453 2.20056C5.85524 2.48354 5.60232 3.08823 5.49387 3.71498C5.39928 4.24892 5.42498 4.76811 5.56179 5.30683C5.73246 5.96207 5.84566 6.51339 6.19333 6.98921C6.31865 7.19227 6.46019 7.37337 6.62146 7.53296C6.79615 7.70852 6.92033 7.78019 7.25856 8.05634C7.33453 8.12545 7.42269 8.18946 7.52192 8.24799C7.75285 8.38685 8.10613 8.47857 8.4572 8.54593C8.61666 8.57713 8.77013 8.59963 8.91167 8.62268C9.08941 8.64956 9.17441 8.79085 9.4164 8.66989C9.42212 8.70681 9.42791 8.74373 9.43379 8.78063C9.65293 8.71479 9.77712 8.60908 10.021 8.54539C10.1203 8.51928 10.2997 8.46967 10.4831 8.41151C10.6699 8.35263 10.8737 8.27862 10.9746 8.24849C11.0761 8.21757 11.0641 8.29673 11.157 8.26042C11.3161 8.19806 11.6214 7.97025 11.8416 7.87728C12.0071 7.80802 12.2892 7.74718 12.4664 7.68389C12.5014 7.67152 12.5303 7.65958 12.5544 7.6466C12.9362 7.44059 13.2264 7.19551 13.4781 6.90736C13.5439 6.83289 13.5972 6.76236 13.6731 6.65907C13.7546 6.55024 13.9356 6.40299 13.9581 6.35458C14.0011 6.26124 13.9376 6.19233 13.9591 6.12514C13.9721 6.08459 13.9882 6.04256 14.0073 5.9983C14.1356 5.69579 14.4023 5.27933 14.5269 4.98849C14.6407 4.72311 14.7511 4.44958 14.8552 4.17601C14.9522 3.92097 15.0207 3.66979 15.0372 3.45937C15.0531 3.24138 15.027 3.11048 14.9379 2.78902C14.9187 2.70766 14.878 2.57482 14.9201 2.69356C14.9293 2.78057 15.2047 3.01121 15.3025 3.00426C15.3103 3.005 15.2823 2.99694 15.209 3.02009C15.1006 3.05115 14.8991 3.17087 14.6896 3.3475C14.4622 3.54526 14.1241 3.87681 13.8343 4.11513C13.7102 4.21459 13.5954 4.34064 13.4984 4.45314C13.4195 4.54661 13.3558 4.46837 13.2997 4.56139C13.2381 4.66643 13.2646 4.75718 13.2429 4.81048C13.1582 5.0115 13.0582 5.33059 12.8983 5.73083C12.8528 5.84656 12.829 6.11681 12.8105 6.25296C12.8013 6.311 12.7318 6.36264 12.7373 6.39885C12.74 6.41716 12.7967 6.44932 12.8133 6.49994C12.8239 6.53247 12.835 6.56327 12.8464 6.59222C13.0113 6.99361 13.2145 7.29577 13.6284 7.75962C13.6287 7.75995 13.629 7.76028 13.6292 7.7606C13.5327 7.66867 13.5735 7.71591 13.5864 7.71996C13.6067 7.73297 13.6364 7.74994 13.6682 7.76708C13.7325 7.8017 13.8061 7.838 13.8819 7.87409C14.0342 7.94645 14.1967 8.01873 14.3624 8.09149C14.4295 8.12341 14.8213 8.16242 15.1241 8.16799C15.4466 8.17777 15.7837 8.17904 16.12 8.1862C16.4042 8.19173 16.7364 8.16186 17.0675 8.14113C17.3555 8.12227 17.5732 8.24796 17.6136 8.24221C17.625 8.2406 17.6357 8.23751 17.6461 8.23323C17.7042 8.20464 17.7441 8.12089 17.8688 8.07355C18.3421 7.89885 19.1022 7.67963 19.5971 7.39003C19.6136 7.38042 19.6303 7.37015 19.6473 7.35931C19.8747 7.2155 20.0413 6.98443 20.2828 6.80153C20.3065 6.7842 20.3357 6.76481 20.3699 6.74391L20.298 6.79064C20.4619 6.66741 20.7621 6.44192 20.7839 6.34931C20.7993 6.28776 20.7412 6.19318 20.7764 6.13895ZM14.3029 9.42491C14.3405 9.34309 14.2314 9.3194 14.1139 9.3164C13.9993 9.31488 13.861 9.3268 13.9789 9.41542C14.0391 9.45982 14.2868 9.46988 14.3029 9.42491ZM9.59175 9.70184C9.60097 9.75063 9.61033 9.7994 9.61981 9.84815C9.67917 9.8212 9.73753 9.79318 9.79481 9.76425C9.75681 9.73961 9.71928 9.71456 9.68227 9.6891C9.65216 9.69362 9.62202 9.69787 9.59175 9.70184Z"
+};
+var AI_GLYPH_WORKING = {
+  viewBox: "0 0 21.6653 7.31887",
+  d: "M21.5195 2.20094C21.5632 2.27281 21.5435 2.40302 21.5694 2.49163C21.6275 2.6923 21.6417 2.82523 21.6527 2.95596C21.6564 2.97027 21.6628 3.01397 21.6653 3.02853C21.6641 3.13693 21.6598 3.24436 21.6586 3.38773C21.6816 3.85362 21.6618 5.13496 21.204 5.07451C21.204 5.0745 21.204 5.0745 21.204 5.0745C21.1996 5.074 21.1952 5.07338 21.1907 5.07263C21.1061 5.05815 21.0241 4.94601 20.929 4.92104C20.8337 4.89639 20.2098 4.84129 20.1872 4.70468C20.162 4.5075 20.3424 4.05165 20.3322 3.94693C20.3275 3.87626 20.2696 3.79112 20.2564 3.70362C20.2253 3.50095 20.228 3.36832 20.1618 3.22753L20.1705 3.27725C20.1408 3.22743 20.1002 3.17862 20.0419 3.13125C20.0967 3.02469 20.1456 2.91373 20.1862 2.79711C20.1085 2.70121 20.1178 2.49436 20.0701 2.43438C20.0329 2.38632 19.9603 2.39539 19.9218 2.35006C19.8787 2.3002 19.8633 2.1732 19.7612 2.09203C19.7034 2.0461 19.6466 2.03107 19.595 2.02843L19.7627 2.11426C19.6671 2.14605 19.6042 2.2088 19.5173 2.20366C19.3811 2.19547 19.1788 2.06914 18.9898 2.10943C18.9652 2.12544 18.9407 2.1416 18.9163 2.1579C18.9287 2.20111 18.9406 2.24436 18.9521 2.28762C18.8618 2.29819 18.8311 2.20964 18.7478 2.20237C18.6497 2.19419 18.5963 2.27357 18.5308 2.27097C18.4776 2.26885 18.4048 2.20215 18.3342 2.20612C18.2309 2.21188 18.2544 2.30623 18.2002 2.32458C18.1776 2.32896 17.7784 2.40078 17.7565 2.40615C17.5856 2.42463 17.557 2.29863 17.4163 2.30438C17.0252 2.32264 16.6544 2.50901 16.341 2.64771C16.2001 2.7096 16.0505 2.75491 15.9061 2.79231C16.0092 2.39243 15.4001 2.37041 15.7957 2.76269C15.7449 2.76246 15.7042 2.7768 15.67 2.79808C15.5564 2.86487 15.4802 2.97434 15.3466 3.01614C15.2272 3.05323 15.1197 3.02273 14.9627 3.09457C14.6814 3.2228 14.4809 3.53873 14.2487 3.24296C13.9703 3.44596 13.6586 3.47244 13.7401 3.80561C13.6873 3.86035 13.4234 3.80763 13.3424 3.84086C13.2469 3.85834 12.8209 4.21338 12.8015 4.30503C12.7577 4.37886 12.704 4.52293 12.7165 4.60386C12.7165 4.60456 12.7165 4.60525 12.7166 4.60594C12.7245 4.73675 13.038 4.86932 12.6198 5.00545C12.6218 5.24087 12.6062 5.31289 12.5709 5.505C12.5653 5.5391 12.5078 5.54892 12.51 5.56912C12.5148 5.61101 12.5679 5.67144 12.5899 5.73138C12.625 5.82708 12.5422 5.92847 12.7068 5.83917C12.7265 5.85366 12.7463 5.86629 12.7663 5.87733C12.8032 5.90096 12.8414 5.92124 12.8766 5.93338C12.8592 5.96968 12.8434 6.00666 12.8291 6.04399C12.8751 6.0348 12.9151 6.01504 12.9349 5.9805C12.8531 6.08998 12.8602 6.12516 12.8542 6.09438C12.8536 6.06287 12.7741 5.97616 12.8523 5.90639C12.814 5.91011 12.7686 5.91968 12.7291 5.93658C12.8704 5.95935 13.0187 5.97102 13.1668 5.97103C13.2458 6.27758 13.5375 5.8631 13.4165 5.7269C13.4322 5.71942 13.4481 5.7116 13.4633 5.70383C13.6382 5.70301 13.7156 5.57219 13.8729 5.49571C14.0312 5.4108 14.0391 5.43683 14.1889 5.47644C14.2098 5.43405 14.2279 5.39151 14.2438 5.3483C14.0282 5.01309 14.4813 5.23839 14.467 4.9003C14.4628 4.86036 14.4497 4.81226 14.424 4.75824C14.6924 4.64645 14.5813 4.22813 14.4827 3.98518C14.4718 3.95634 14.4244 3.95942 14.4063 3.92204C14.3646 3.8314 14.3895 3.57996 14.2385 3.6136C14.269 3.52481 14.297 3.43419 14.3224 3.34163C14.2805 3.27925 14.2374 3.21883 14.1932 3.15937C14.147 3.17171 14.1008 3.18404 14.0545 3.19636C14.1795 3.02404 14.0534 2.83228 14.0536 2.72057C14.0538 2.69796 14.1146 2.67123 14.1077 2.60167C14.1053 2.5772 14.097 2.54816 14.0858 2.51695C14.0606 2.4458 14.0206 2.3664 14.0068 2.30319C13.9256 2.30215 13.845 2.30379 13.7653 2.30835C13.664 2.19886 13.8037 2.06102 13.7674 1.97878C13.7632 1.95836 13.5836 1.76062 13.569 1.76088C13.4625 1.71319 13.3938 1.83751 13.1876 1.69055C13.1768 1.68378 13.1679 1.67414 13.1594 1.66314C13.1251 1.62875 13.0976 1.58516 13.0563 1.56847C12.9543 1.52205 12.6158 1.57037 12.5754 1.68805C12.488 1.51352 12.1471 1.54577 12.0499 1.50822C12.0197 1.49536 12.0125 1.39933 11.915 1.38294C11.8348 1.36858 11.641 1.46343 11.5414 1.4673C11.4886 1.46852 11.4499 1.45238 11.417 1.43601C11.379 1.41974 11.3502 1.40253 11.3222 1.40479C11.2702 1.40908 11.2364 1.48093 11.1663 1.49376C10.9506 1.53213 10.7369 1.4686 10.5668 1.5019C10.3215 1.54967 10.1495 1.7839 9.97459 1.91406C9.92313 1.91395 9.86479 1.88637 9.81474 1.89889C9.18393 2.05373 8.52084 2.24974 8.06049 2.55947C7.97673 2.61393 7.82886 2.68357 7.70707 2.77585C7.47457 2.96164 7.29957 3.141 7.58115 3.23461C7.55145 3.37335 6.85892 3.81217 6.75779 3.91528C6.65223 4.01974 6.62886 4.1568 6.55292 4.24037C6.3287 4.49052 6.12192 4.63806 5.97447 4.97688C5.93734 5.06497 5.97217 5.18888 5.95013 5.22858C5.92305 5.27641 5.81725 5.29086 5.78729 5.35168C5.72348 5.47691 5.72292 5.63535 5.74247 5.70235C5.7392 5.69015 5.73474 5.68324 5.73057 5.6806C5.7259 5.67767 5.6564 5.71443 5.64159 5.73607C5.59977 5.79621 5.66356 5.86599 5.71545 5.8044C5.74124 5.7781 5.76378 5.72791 5.79373 5.65487C5.7797 5.76571 5.84646 5.7256 5.86464 5.68044C5.89311 5.65904 5.9217 5.63652 5.95175 5.6189C6.02236 5.57879 6.10324 5.51868 6.14438 5.46754C6.52517 4.99861 6.93077 4.48918 7.03916 4.16128C7.131 3.87843 7.03817 3.83671 7.2777 3.53191C7.3285 3.46368 7.38339 3.39761 7.43515 3.31198C7.55556 3.123 7.78512 2.91105 7.53243 2.74719C7.53788 2.72612 7.54202 2.70518 7.54516 2.6844C7.57114 2.34511 7.5461 2.13531 7.71559 1.91428C7.66205 1.8939 7.6084 1.87498 7.55468 1.85784C7.54899 1.82465 7.54284 1.79249 7.53625 1.76174C7.58249 1.7438 7.62858 1.72536 7.6745 1.70638C7.66025 1.58943 7.57775 1.48171 7.50533 1.44831C7.42954 1.40963 7.39741 1.46692 7.42084 1.47901C7.42785 1.48323 7.43783 1.48634 7.4422 1.48541C7.17989 1.34605 6.43947 1.33364 6.13402 1.38718C5.94822 1.40777 5.97834 1.51041 5.80067 1.34866C5.76607 1.37821 5.73267 1.40807 5.6993 1.43868C5.69344 1.49226 5.68877 1.54561 5.68469 1.59899C5.60346 1.6368 5.51247 1.67081 5.41947 1.70715C5.25719 1.77218 5.08842 1.83937 4.95565 1.92193C4.5607 2.16343 4.07316 2.6724 3.66471 2.90149C3.56135 2.95829 3.38743 2.97861 3.30147 3.05515C3.17694 3.16659 3.25374 3.3124 3.10481 3.45557C2.97543 3.58045 2.7598 3.72772 2.55869 3.88391C2.36237 4.0352 2.17431 4.20354 2.0791 4.34155C2.02181 4.42439 2.04245 4.49771 2.00764 4.55703C1.86276 4.80728 1.7279 5.00722 1.67572 5.28395C1.40472 5.45513 1.24398 5.34517 1.02204 5.34271C0.85587 5.34339 0.443166 5.39397 0.298309 5.53289C0.195382 5.59242 0.114988 5.33164 0 5.398C0.0672404 4.97998 0.13697 4.91763 0.231708 4.78102C0.32599 4.66409 0.441105 4.57777 0.588846 4.47063C0.890159 3.96002 1.2295 3.4868 1.62503 3.03919C1.6425 3.01952 1.66013 2.99985 1.67793 2.98018C1.75746 2.97633 1.83576 2.97461 1.91436 2.97328C1.91444 2.97336 1.91453 2.97345 1.91462 2.97353C2.12092 2.85218 2.0899 2.68327 2.15819 2.5722C2.597 1.85461 3.67978 1.04205 4.76963 0.519159C5.32989 0.243909 5.91307 0.0975681 6.38788 0.0444249C6.6555 -0.0118234 7.54053 -0.0488161 7.88667 0.153048C7.94618 0.17965 7.98958 0.207339 8.01918 0.232423C8.08533 0.290805 8.06243 0.37677 8.1281 0.424204C8.788 0.858895 8.84837 1.50779 8.95406 1.97915C8.94198 2.20167 8.92957 2.41449 8.93075 2.60529C8.95493 3.51671 8.63286 4.38247 8.20801 5.05868C7.91193 5.53227 7.58085 5.95424 7.27747 6.35851C7.01913 6.69107 6.69575 6.90231 6.33432 7.03688C5.96029 7.1761 5.5056 7.15874 5.13666 6.97761C4.77988 6.8026 4.46111 6.49764 4.34143 6.02344C4.13016 4.94119 4.72195 4.23827 5.12818 3.69949C5.57383 3.15323 6.05227 2.7034 6.49909 2.26167C6.60356 2.1588 6.70991 2.04377 6.81333 1.92552C7.11534 1.5805 7.51671 1.27415 7.87436 1.12238C8.09128 1.03067 8.22986 1.1177 8.46139 0.914443C8.47778 0.948059 8.49413 0.981695 8.51042 1.01535C8.72666 0.884509 8.85128 0.753639 9.11283 0.667108C9.33416 0.590984 9.91261 0.445577 10.1078 0.420265C10.2081 0.405908 10.1856 0.481938 10.2787 0.461915C10.4358 0.427279 10.7555 0.265817 10.9724 0.225515C11.0344 0.213886 11.1095 0.207961 11.1911 0.203672C11.3902 0.189668 11.6101 0.200757 11.7294 0.184671C12.3244 0.0941229 13.0686 0.0795288 13.6887 0.360932C13.7173 0.373361 13.7452 0.386407 13.7732 0.400348C13.9935 0.504733 14.1863 0.761282 14.2374 0.804733C14.3459 0.889986 14.4353 0.85695 14.5099 0.917486C14.8544 1.19506 15.0555 1.7393 15.1651 2.08618C15.1811 2.13408 15.1962 2.17883 15.2114 2.2209C15.5209 3.10883 15.7231 4.06037 15.5398 5.11604C15.4759 5.44103 15.3468 5.76469 15.156 6.04424C14.7344 6.73319 13.702 7.23955 12.966 7.30853C12.4728 7.37179 12.1947 7.12924 12.0524 6.99922C11.8908 6.83031 12.009 6.80775 11.9034 6.68162C11.8329 6.59062 11.7694 6.53954 11.7184 6.49409C11.6899 6.46762 11.6662 6.44349 11.6504 6.41689C11.2557 5.85657 11.3479 4.693 11.5144 4.34149C11.5151 4.33971 11.5158 4.33796 11.5166 4.33623C11.5524 4.24664 11.6398 4.2033 11.6561 4.14998C11.6648 4.12266 11.6353 4.04477 11.6651 3.9555C11.9475 3.16456 12.4817 2.80074 13.0494 2.47332C13.7152 2.10344 14.4121 1.81425 15.0508 1.49401C15.5692 1.23861 16.1097 1.07617 16.6335 0.991567C16.9162 0.946369 17.1285 1.06931 17.1663 1.06219C17.2508 1.04785 17.2925 0.940458 17.4657 0.897656C18.0451 0.752637 18.8417 0.865944 19.4146 0.908582C19.6055 0.920524 19.8557 0.905474 20.0965 0.923509C20.1598 0.938582 20.3128 1.02252 20.3653 1.06104C20.4783 1.12075 20.5849 1.18937 20.6707 1.26172C20.897 1.42686 21.21 2.00184 21.2965 2.08728C21.3583 2.13718 21.4717 2.12365 21.5195 2.20094ZM14.7616 3.09249C14.7223 2.91995 14.4452 3.20284 14.6094 3.23071C14.6457 3.23713 14.7714 3.13732 14.7616 3.09249ZM8.90352 1.8629C8.92394 1.90808 8.94428 1.9533 8.96454 1.99855C8.99986 1.96338 9.03568 1.92859 9.07244 1.894C9.0381 1.87445 9.00388 1.85503 8.96929 1.83592C8.94712 1.84485 8.92519 1.85385 8.90352 1.8629Z"
+};
+
+// src/components/Conversation & AI Chat/AIMiniAvatar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var defaultLabel = {
+  thinking: "Thinking...",
+  executing: "Executing...",
+  working: "Working on it..."
+};
+var AIMiniAvatar = React4.forwardRef(
+  ({ className, status = "idle", label, elapsed, ...props }, ref) => {
+    const glyph = status === "working" ? AI_GLYPH_WORKING : AI_GLYPH_THINKING;
+    const busy = status !== "idle";
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn("flex items-center gap-2.5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: glyph.viewBox,
+              fill: "none",
+              className: cn(
+                "h-5.75 shrink-0 fill-accent",
+                status === "working" ? "w-5" : "w-5.25",
+                busy && "motion-safe:animate-pulse"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: glyph.d })
+            }
+          ),
+          busy && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "span",
+            {
+              className: cn(
+                "text-ui-caption whitespace-nowrap",
+                status === "executing" ? "bg-linear-to-r from-secondary-muted-foreground to-secondary-muted-foreground/40 bg-clip-text text-transparent" : "text-secondary-muted-foreground"
+              ),
+              children: label ?? defaultLabel[status]
+            }
+          ),
+          status === "working" && elapsed != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", className: "size-0.5 rounded-full bg-secondary-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-ui-caption whitespace-nowrap text-secondary-muted-foreground", children: elapsed })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AIMiniAvatar.displayName = "AIMiniAvatar";
+
+// src/components/Conversation & AI Chat/AIResponseContainer.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AIResponseContainer = React5.forwardRef(
+  ({ className, title, children, actions, feedback, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref, className: cn("flex w-full max-w-188 flex-col items-start gap-4", className), ...props, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-heading-h4 text-surface-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex w-full flex-col gap-4 text-body-base text-surface-foreground [&>p]:opacity-90", children }),
+    actions,
+    feedback
+  ] })
+);
+AIResponseContainer.displayName = "AIResponseContainer";
+
+// src/components/Conversation & AI Chat/AskAiToggle.tsx
+var React6 = __toESM(require("react"), 1);
+var import_react = require("@phosphor-icons/react");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_radix_ui4 = require("radix-ui");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var askAiToggleVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex shrink-0 items-center justify-center text-surface-foreground transition-colors disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      type: {
+        // 40px, filled with the subtle fill until pressed.
+        menu: "size-10 rounded-md bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 data-[state=on]:bg-accent-soft data-[state=on]:bg-none data-[state=on]:text-accent-soft-foreground",
+        // 32px, bare until pressed.
+        action: "size-8 rounded-sm hover:bg-accent-soft data-[state=on]:bg-accent-soft data-[state=on]:text-accent-soft-foreground"
+      }
+    },
+    defaultVariants: { type: "menu" }
+  }
+);
+var AskAiToggle = React6.forwardRef(
+  ({ className, type, "aria-label": ariaLabel = "Ask AI", pressed, defaultPressed, ...props }, ref) => {
+    const [internal, setInternal] = React6.useState(defaultPressed ?? false);
+    const on = pressed ?? internal;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_radix_ui4.Toggle.Root,
+      {
+        ref,
+        "aria-label": ariaLabel,
+        pressed,
+        defaultPressed,
+        onPressedChange: (next) => {
+          setInternal(next);
+          props.onPressedChange?.(next);
+        },
+        className: cn(askAiToggleVariants({ type }), className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react.Sparkle, { size: 16, weight: on ? "fill" : "regular", "aria-hidden": true })
+      }
+    );
+  }
+);
+AskAiToggle.displayName = "AskAiToggle";
+
+// src/components/Conversation & AI Chat/ChatChoices.tsx
+var React10 = __toESM(require("react"), 1);
+
+// src/components/Forms & Data Entry/Checkbox.tsx
+var React8 = __toESM(require("react"), 1);
+var import_react2 = require("@phosphor-icons/react");
+var import_radix_ui6 = require("radix-ui");
+
+// src/components/Forms & Data Entry/Label.tsx
+var React7 = __toESM(require("react"), 1);
+var import_radix_ui5 = require("radix-ui");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Label = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_radix_ui5.Label.Root,
+    {
+      ref,
+      className: cn(
+        "text-ui-label text-surface-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+// src/components/Forms & Data Entry/Checkbox.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Checkbox = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_radix_ui6.Checkbox.Root,
+    {
+      ref,
+      className: cn(
+        "peer inline-flex size-4 shrink-0 items-center justify-center rounded-xxs border-2 border-input bg-surface transition-colors",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        // Brand override: selected controls use `ring`, not `primary`/`accent`.
+        "data-[state=checked]:border-ring data-[state=checked]:bg-ring data-[state=checked]:text-label",
+        "data-[state=indeterminate]:border-ring data-[state=indeterminate]:bg-ring data-[state=indeterminate]:text-label",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_radix_ui6.Checkbox.Indicator, { className: "flex items-center justify-center text-current", children: props.checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react2.Minus, { size: 12, weight: "bold", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react2.Check, { size: 12, weight: "bold", "aria-hidden": true }) })
+    }
+  )
+);
+Checkbox.displayName = "Checkbox";
+var CheckboxField = React8.forwardRef(
+  ({ label, description, id, className, disabled, ...props }, ref) => {
+    const generatedId = React8.useId();
+    const controlId = id ?? generatedId;
+    const descriptionId = `${controlId}-description`;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      "div",
+      {
+        className: cn("flex gap-2", description ? "items-start pt-0.5" : "items-center", disabled && "opacity-50", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Checkbox,
+            {
+              ref,
+              id: controlId,
+              disabled,
+              "aria-describedby": description ? descriptionId : void 0,
+              className: description ? "mt-0.5" : void 0,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Label, { htmlFor: controlId, className: cn(!description && "font-normal leading-5"), children: label }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: descriptionId, className: "text-xs text-secondary-muted-foreground", children: description })
+          ] })
+        ]
+      }
+    );
+  }
+);
+CheckboxField.displayName = "CheckboxField";
+
+// src/components/Forms & Data Entry/RadioGroup.tsx
+var React9 = __toESM(require("react"), 1);
+var import_radix_ui7 = require("radix-ui");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var RadioGroup = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui7.RadioGroup.Root, { ref, className: cn("flex flex-col gap-2", className), ...props })
+);
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  import_radix_ui7.RadioGroup.Item,
+  {
+    ref,
+    className: cn(
+      "peer inline-flex size-5 shrink-0 items-center justify-center rounded-full border-2 border-input bg-surface transition-colors",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      // Brand override: selected controls use `ring`, not `primary`/`accent`.
+      "data-[state=checked]:border-ring",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui7.RadioGroup.Indicator, { className: "size-2.5 rounded-full bg-ring" })
+  }
+));
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioGroupFieldItem = React9.forwardRef(({ label, description, id, className, disabled, ...props }, ref) => {
+  const generatedId = React9.useId();
+  const controlId = id ?? generatedId;
+  const descriptionId = `${controlId}-description`;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: cn("flex gap-2", description ? "items-start pt-0.5" : "items-center", disabled && "opacity-50", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          RadioGroupItem,
+          {
+            ref,
+            id: controlId,
+            disabled,
+            "aria-describedby": description ? descriptionId : void 0,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Label, { htmlFor: controlId, className: cn(!description && "font-normal leading-5"), children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: descriptionId, className: "text-xs text-secondary-muted-foreground", children: description })
+        ] })
+      ]
+    }
+  );
+});
+RadioGroupFieldItem.displayName = "RadioGroupFieldItem";
+
+// src/components/Conversation & AI Chat/ChatChoices.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ChatChoices = React10.forwardRef(
+  ({ className, title, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-b border-border px-6 pt-5 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-body-section text-surface-foreground", children: title }) }),
+    children
+  ] })
+);
+ChatChoices.displayName = "ChatChoices";
+var rowClasses = "flex w-full flex-col gap-1 border-b border-border px-6 py-4 text-left text-body-small";
+function ChatOption(props) {
+  const id = React10.useId();
+  const descriptionId = `${id}-description`;
+  if (props.kind === "radio" || props.kind === "checkbox") {
+    const { title: title2, description: description2, className: className2 } = props;
+    const control = props.kind === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadioGroupItem, { id, value: props.value, disabled: props.disabled, "aria-describedby": description2 ? descriptionId : void 0 }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Checkbox,
+      {
+        id,
+        checked: props.checked,
+        defaultChecked: props.defaultChecked,
+        onCheckedChange: (next) => props.onCheckedChange?.(next === true),
+        disabled: props.disabled,
+        "aria-describedby": description2 ? descriptionId : void 0
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn(rowClasses, "cursor-default", className2), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2.5 py-1", children: [
+        control,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { htmlFor: id, className: "text-ui-label text-surface-foreground", children: title2 })
+      ] }),
+      description2 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { id: descriptionId, className: "pl-7.75 text-sm leading-[1.4] text-secondary-muted-foreground", children: description2 })
+    ] });
+  }
+  const { title, description, className, kind: _kind, ...buttonProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: cn(rowClasses, "transition-colors hover:bg-accent-soft", className),
+      ...buttonProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-ui-label text-surface-foreground", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-body-small text-secondary-muted-foreground", children: description })
+      ]
+    }
+  );
+}
+
+// src/components/Conversation & AI Chat/ChatInput.tsx
+var React11 = __toESM(require("react"), 1);
+var import_react3 = require("@phosphor-icons/react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ChatInput = React11.forwardRef(
+  ({
+    className,
+    value,
+    defaultValue = "",
+    onValueChange,
+    onSubmit,
+    placeholder = "Add context or ask for changes...",
+    "aria-label": ariaLabel = "Message",
+    attachments,
+    choices,
+    trailing,
+    onAdd,
+    addLabel = "Add",
+    sendLabel = "Send",
+    disabled,
+    ...props
+  }, ref) => {
+    const [internal, setInternal] = React11.useState(defaultValue);
+    const text = value ?? internal;
+    const filled = text.trim() !== "" || attachments != null;
+    const submit = () => {
+      if (!text.trim() && attachments == null) return;
+      onSubmit?.(text);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-full flex-col overflow-hidden rounded-2xl border border-border bg-surface shadow-xs",
+          "focus-within:border-input-accent",
+          className
+        ),
+        ...props,
+        children: [
+          choices,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-4 p-4", children: [
+            attachments && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-wrap gap-4", children: attachments }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "textarea",
+              {
+                rows: 1,
+                "aria-label": ariaLabel,
+                value: text,
+                disabled,
+                placeholder,
+                onChange: (event) => {
+                  setInternal(event.target.value);
+                  onValueChange?.(event.target.value);
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" && !event.shiftKey) {
+                    event.preventDefault();
+                    submit();
+                  }
+                },
+                className: "field-sizing-content max-h-60 min-h-7 w-full resize-none bg-transparent text-body-base text-surface-foreground outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-1.5 px-2.5 pt-2 pb-2.5", children: [
+            onAdd && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": addLabel, disabled, onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react3.Plus, { size: 16, "aria-hidden": true }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-1 items-center justify-end gap-1.5", children: [
+              trailing,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                Button,
+                {
+                  type: "button",
+                  variant: filled ? "default" : "outline",
+                  size: "icon",
+                  "aria-label": sendLabel,
+                  disabled: disabled || !filled,
+                  onClick: submit,
+                  className: cn(!filled && "disabled:opacity-100 disabled:border-border disabled:text-muted-foreground"),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react3.ArrowUp, { size: 16, "aria-hidden": true })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ChatInput.displayName = "ChatInput";
+var AskAiInput = React11.forwardRef(
+  ({ className, value, defaultValue = "", onValueChange, onSubmit, sendLabel = "Send", placeholder = "Ask for changes", disabled, ...props }, ref) => {
+    const [internal, setInternal] = React11.useState(defaultValue);
+    const text = value ?? internal;
+    const filled = text.trim() !== "";
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "form",
+      {
+        className: cn(
+          "flex min-h-10 w-full items-center gap-2 rounded-full border border-border bg-surface py-1.5 pr-1.5 pl-2 shadow-sm",
+          "focus-within:border-input-accent",
+          className
+        ),
+        onSubmit: (event) => {
+          event.preventDefault();
+          if (filled) onSubmit?.(text);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "input",
+            {
+              ref,
+              value: text,
+              disabled,
+              placeholder,
+              onChange: (event) => {
+                setInternal(event.target.value);
+                onValueChange?.(event.target.value);
+              },
+              className: "min-w-0 flex-1 bg-transparent text-body-small text-surface-foreground outline-none placeholder:text-muted-foreground",
+              ...props
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            Button,
+            {
+              type: "submit",
+              variant: filled ? "default" : "outline",
+              size: "icon",
+              "aria-label": sendLabel,
+              disabled: disabled || !filled,
+              className: cn(!filled && "disabled:opacity-100 disabled:border-border disabled:text-muted-foreground"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react3.ArrowUp, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AskAiInput.displayName = "AskAiInput";
+
+// src/components/Conversation & AI Chat/FileAttachment.tsx
+var React12 = __toESM(require("react"), 1);
+var import_react4 = require("@phosphor-icons/react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var FileAttachment = React12.forwardRef(
+  ({ className, name, type, onRemove, removeLabel, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ref, className: cn("group/file relative w-32 shrink-0", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-1.5 border border-border bg-surface px-2.5 pt-2.5 pb-3",
+          onRemove ? "rounded-xl" : "rounded-lg"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "line-clamp-2 min-h-8 break-all text-ui-caption text-surface-foreground", title: name, children: name }),
+          type && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w-fit rounded-xs bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 px-1.5 py-px text-body-xxs font-semibold tracking-wider text-secondary-muted-foreground uppercase", children: type })
+        ]
+      }
+    ),
+    onRemove && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon-sm",
+        "aria-label": removeLabel ?? `Remove ${name}`,
+        onClick: onRemove,
+        className: "absolute right-0 bottom-0 rounded-full opacity-0 transition-opacity group-hover/file:opacity-100 group-focus-within/file:opacity-100",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react4.X, { size: 16, "aria-hidden": true })
+      }
+    )
+  ] })
+);
+FileAttachment.displayName = "FileAttachment";
+
+// src/components/Conversation & AI Chat/ProjectSelector.tsx
+var React14 = __toESM(require("react"), 1);
+var import_react6 = require("@phosphor-icons/react");
+
+// src/components/Overlays & Feedback/DropdownMenu.tsx
+var React13 = __toESM(require("react"), 1);
+var import_react5 = require("@phosphor-icons/react");
+var import_radix_ui8 = require("radix-ui");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DropdownMenu = import_radix_ui8.DropdownMenu.Root;
+var DropdownMenuTrigger = import_radix_ui8.DropdownMenu.Trigger;
+var DropdownMenuGroup = import_radix_ui8.DropdownMenu.Group;
+var DropdownMenuRadioGroup = import_radix_ui8.DropdownMenu.RadioGroup;
+var DropdownMenuSub = import_radix_ui8.DropdownMenu.Sub;
+var contentClasses = "min-w-80 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md";
+function useKeyboardModality(onKeyDown, onPointerMove) {
+  const [keyboard, setKeyboard] = React13.useState(false);
+  return {
+    "data-keyboard": keyboard ? "" : void 0,
+    onKeyDown: (event) => {
+      setKeyboard(true);
+      onKeyDown?.(event);
+    },
+    onPointerMove: (event) => {
+      setKeyboard(false);
+      onPointerMove?.(event);
+    }
+  };
+}
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, onKeyDown, onPointerMove, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui8.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  import_radix_ui8.DropdownMenu.Content,
+  {
+    ref,
+    sideOffset,
+    style: { zIndex: "var(--sys-z-30)" },
+    className: cn(contentClasses, "group/menu flex flex-col gap-0.5", className),
+    ...useKeyboardModality(onKeyDown, onPointerMove),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var itemBase = "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-body-base text-surface-foreground outline-none select-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var itemHover = "data-[highlighted]:bg-accent-soft group-data-[keyboard]/menu:data-[highlighted]:outline-solid group-data-[keyboard]/menu:data-[highlighted]:outline-2 group-data-[keyboard]/menu:data-[highlighted]:-outline-offset-2 group-data-[keyboard]/menu:data-[highlighted]:outline-ring";
+var selectedItem = "data-[state=checked]:text-ui-label-large data-[state=checked]:text-accent-foreground";
+function ItemBody({ children, description }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-xs leading-normal text-secondary-muted-foreground", children: description })
+  ] });
+}
+var DropdownMenuItem = React13.forwardRef(({ className, children, description, variant = "default", icon, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  import_radix_ui8.DropdownMenu.Item,
+  {
+    ref,
+    className: cn(
+      itemBase,
+      variant === "destructive" ? "text-ui-label-large text-destructive data-[highlighted]:bg-destructive-soft-hover group-data-[keyboard]/menu:data-[highlighted]:outline-solid group-data-[keyboard]/menu:data-[highlighted]:outline-2 group-data-[keyboard]/menu:data-[highlighted]:-outline-offset-2 group-data-[keyboard]/menu:data-[highlighted]:outline-ring" : itemHover,
+      className
+    ),
+    ...props,
+    children: [
+      variant === "destructive" && !icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react5.Trash, { size: 16, "aria-hidden": true, className: "shrink-0" }) : icon,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ItemBody, { description, children })
+    ]
+  }
+));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui8.DropdownMenu.CheckboxItem, { ref, className: cn(itemBase, itemHover, selectedItem, className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ItemBody, { description, children }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui8.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react5.Check, { size: 16, "aria-hidden": true }) })
+] }));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui8.DropdownMenu.RadioItem, { ref, className: cn(itemBase, itemHover, selectedItem, className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ItemBody, { description, children }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui8.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react5.Check, { size: 16, "aria-hidden": true }) })
+] }));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var DropdownMenuSubTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  import_radix_ui8.DropdownMenu.SubTrigger,
+  {
+    ref,
+    className: cn(itemBase, itemHover, "data-[state=open]:bg-accent-soft", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "flex-1", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react5.CaretRight, { size: 16, "aria-hidden": true })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+var DropdownMenuSubContent = React13.forwardRef(({ className, onKeyDown, onPointerMove, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui8.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  import_radix_ui8.DropdownMenu.SubContent,
+  {
+    ref,
+    style: { zIndex: "var(--sys-z-30)" },
+    className: cn(contentClasses, "group/menu flex flex-col gap-0.5", className),
+    ...useKeyboardModality(onKeyDown, onPointerMove),
+    ...props
+  }
+) }));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+var DropdownMenuLabel = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  import_radix_ui8.DropdownMenu.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-ui-caption text-secondary-muted-foreground", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui8.DropdownMenu.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+
+// src/components/Conversation & AI Chat/ProjectSelector.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var NEW_PROJECT = "__new__";
+var ProjectSelector = React14.forwardRef(
+  ({ className, project, projects, onProjectChange, newProjectLabel = "New Project", selected = false, children, ...props }, ref) => {
+    const label = children ?? project ?? newProjectLabel;
+    const classes = cn(
+      "inline-flex h-10 items-center gap-2 rounded-full border bg-surface px-3 py-2 text-ui-label whitespace-nowrap text-surface-foreground transition-colors",
+      selected ? "border-border" : "border-input hover:border-input hover:bg-accent-soft hover:text-accent-soft-foreground data-[state=open]:bg-accent-soft data-[state=open]:text-accent-soft-foreground",
+      className
+    );
+    const content = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      project ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react6.FolderOpen, { size: 16, weight: "fill", "aria-hidden": true, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react6.FolderSimple, { size: 16, "aria-hidden": true, className: "shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label }),
+      !selected && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react6.CaretDown, { size: 16, "aria-hidden": true, className: "shrink-0" })
+    ] });
+    if (selected) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: classes, title: typeof label === "string" ? label : void 0, children: content });
+    }
+    const trigger = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { ref, type: "button", "aria-haspopup": "menu", className: classes, ...props, children: content });
+    if (!projects) return trigger;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuContent, { side: "top", align: "end", className: "min-w-60", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        DropdownMenuRadioGroup,
+        {
+          value: project ?? NEW_PROJECT,
+          onValueChange: (next) => onProjectChange?.(next === NEW_PROJECT ? void 0 : next),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuRadioItem, { value: NEW_PROJECT, children: newProjectLabel }),
+            projects.map((name) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuRadioItem, { value: name, children: name }, name))
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+ProjectSelector.displayName = "ProjectSelector";
+
+// src/components/Conversation & AI Chat/Timestamp.tsx
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Timestamp = React15.forwardRef(
+  ({ className, time, children, timePosition = "before", ...props }, ref) => {
+    const timeNode = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("time", { className: "text-ui-caption whitespace-nowrap text-secondary-muted-foreground", children: time });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-2", timePosition === "before" && "justify-end", className),
+        ...props,
+        children: [
+          timePosition === "before" && timeNode,
+          children && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { role: "toolbar", "aria-label": "Message actions", className: "flex items-center", children }),
+          timePosition === "after" && timeNode
+        ]
+      }
+    );
+  }
+);
+Timestamp.displayName = "Timestamp";
+
+// src/components/Conversation & AI Chat/TopicCard.tsx
+var React16 = __toESM(require("react"), 1);
+var import_react7 = require("@phosphor-icons/react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var TopicCard = React16.forwardRef(
+  ({ className, icon, title, badge, description, tags, meta, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn("flex w-full flex-col gap-4 overflow-hidden rounded-xl border border-border bg-surface p-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-4 text-primary", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex size-6 shrink-0 items-center justify-center [&>svg]:size-6", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-heading-h3 whitespace-nowrap", children: title })
+          ] }),
+          badge
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-body-base text-surface-foreground", children: description }),
+        tags && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: tags }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center gap-2 text-ui-caption text-secondary-muted-foreground", children: meta })
+      ]
+    }
+  )
+);
+TopicCard.displayName = "TopicCard";
+function TopicCardMetaItem({ icon, children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: cn("flex items-center gap-1", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "flex size-4 items-center justify-center [&>svg]:size-4", children: icon }),
+    children
+  ] });
+}
+function TopicCardTag({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "span",
+    {
+      className: cn(
+        "rounded-sm bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 px-2 py-1 text-ui-caption text-surface-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var TopicActivityRow = React16.forwardRef(
+  ({ className, status, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "flex w-full items-center gap-4 border-b border-border bg-surface p-4 text-left text-body-small text-surface-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-2 whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react7.Check, { size: 16, "aria-hidden": true, className: "text-accent" }),
+          status
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 flex-1 truncate", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react7.CaretRight, { size: 16, "aria-hidden": true })
+      ]
+    }
+  )
+);
+TopicActivityRow.displayName = "TopicActivityRow";
+
+// src/components/Conversation & AI Chat/UserMessageBubble.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var UserMessageBubble = React17.forwardRef(
+  ({ className, children, attachments, footer, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref, className: cn("flex w-full max-w-125 flex-col items-end gap-2.5", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex w-full flex-col gap-4 rounded-tl-xl rounded-tr-xl rounded-br-xs rounded-bl-xl bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 p-4 text-body-base text-surface-foreground", children: [
+      attachments && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap gap-4", children: attachments }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "break-words", children })
+    ] }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full", children: footer })
+  ] })
+);
+UserMessageBubble.displayName = "UserMessageBubble";
+
+// src/components/Forms & Data Entry/Calendar.tsx
+var import_react8 = require("@phosphor-icons/react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var subtleFill = "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "dropdown",
+  recommendedDates,
+  modifiers,
+  modifiersClassNames,
+  startMonth,
+  endMonth,
+  ...props
+}) {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_day_picker.DayPicker,
+    {
+      showOutsideDays,
+      captionLayout,
+      startMonth: startMonth ?? new Date(year - 10, 0),
+      endMonth: endMonth ?? new Date(year + 10, 11),
+      className: cn("w-71 text-surface-foreground", className),
+      modifiers: { ...recommendedDates ? { recommended: recommendedDates } : {}, ...modifiers },
+      modifiersClassNames: {
+        recommended: "border border-dashed border-border *:text-surface-foreground",
+        ...modifiersClassNames
+      },
+      classNames: {
+        root: "relative",
+        months: "flex flex-col",
+        month: "flex flex-col items-center gap-4",
+        nav: "absolute inset-x-0 top-0 flex h-8 items-center justify-between",
+        button_previous: "inline-flex size-8 items-center justify-center rounded-sm text-surface-foreground hover:bg-accent-soft hover:text-accent-soft-foreground disabled:opacity-50",
+        button_next: "inline-flex size-8 items-center justify-center rounded-sm text-surface-foreground hover:bg-accent-soft hover:text-accent-soft-foreground disabled:opacity-50",
+        month_caption: "flex h-8 items-center justify-center",
+        dropdowns: "flex items-center gap-1",
+        dropdown_root: "relative inline-flex items-center rounded-md border border-input bg-surface px-3 py-1.5 text-body-small shadow-xs hover:border-input-accent",
+        dropdown: "absolute inset-0 cursor-pointer opacity-0",
+        caption_label: "flex items-center gap-2 text-body-small text-surface-foreground",
+        month_grid: "w-full border-collapse",
+        weekdays: "flex gap-1",
+        weekday: "flex h-8 w-9 items-center justify-center text-ui-caption text-muted-foreground",
+        weeks: "flex flex-col gap-1",
+        week: "flex gap-1",
+        day: "size-9 rounded-full p-0 text-center",
+        day_button: "flex size-full items-center justify-center rounded-full text-ui-caption text-secondary-muted-foreground transition-colors hover:bg-accent-soft hover:text-accent-soft-foreground",
+        selected: cn(subtleFill, "*:text-surface-foreground"),
+        today: "font-semibold",
+        outside: "opacity-60 *:text-muted-foreground",
+        disabled: "opacity-60 *:pointer-events-none *:text-muted-foreground",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react8.CaretLeft, { size: 16, "aria-hidden": true }) : orientation === "right" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react8.CaretRight, { size: 16, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react8.CaretDown, { size: 16, "aria-hidden": true })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/Forms & Data Entry/DateTimePicker.tsx
+var React22 = __toESM(require("react"), 1);
+var import_react10 = require("@phosphor-icons/react");
+var import_radix_ui12 = require("radix-ui");
+
+// src/components/Forms & Data Entry/Field.tsx
+var React18 = __toESM(require("react"), 1);
+var import_react9 = require("@phosphor-icons/react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function fieldSurfaceClasses(status = "default") {
+  return cn(
+    "border bg-surface text-surface-foreground transition-colors",
+    status === "success" && "border-success-foreground",
+    status === "error" && "border-destructive",
+    status === "default" && "border-input hover:border-input-accent"
+  );
+}
+function Field({ label, description, message, status = "default", id, className, children }) {
+  const generatedId = React18.useId();
+  const controlId = id ?? generatedId;
+  const messageId = `${controlId}-message`;
+  const showStatus = status !== "default" && message != null;
+  const text = showStatus ? message : description;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("flex w-full flex-col gap-1.5", className), children: [
+    label != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label, { htmlFor: controlId, children: label }),
+    children({
+      id: controlId,
+      "aria-describedby": text != null ? messageId : void 0,
+      "aria-invalid": status === "error" ? true : void 0
+    }),
+    text != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "p",
+      {
+        id: messageId,
+        className: cn(
+          "flex gap-2 text-ui-caption",
+          status === "default" && "text-secondary-muted-foreground",
+          status === "success" && "items-center text-success-foreground",
+          status === "error" && "items-start text-destructive"
+        ),
+        children: [
+          showStatus && (status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react9.WarningCircle, { size: 16, "aria-hidden": true, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react9.CheckCircle, { size: 16, "aria-hidden": true, className: "shrink-0" })),
+          text
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/Forms & Data Entry/formatDateTime.ts
+function formatDateTime(date, showTime = true) {
+  const day = date.toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
+  if (!showTime) return day;
+  return `${day} - ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" })}`;
+}
+
+// src/components/Forms & Data Entry/TimePicker.tsx
+var React21 = __toESM(require("react"), 1);
+var import_radix_ui11 = require("radix-ui");
+
+// src/components/Navigation/TabItem.tsx
+var React20 = __toESM(require("react"), 1);
+var import_radix_ui10 = require("radix-ui");
+
+// src/components/Navigation/TabNavigation.tsx
+var React19 = __toESM(require("react"), 1);
+var import_radix_ui9 = require("radix-ui");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var TabNavigationContext = React19.createContext("filter");
+var tabNavigationVariants = (0, import_class_variance_authority3.cva)("inline-flex items-start gap-1 p-0.5", {
+  variants: {
+    variant: {
+      filter: "rounded-full border border-border bg-surface",
+      toggle: "rounded-md bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5"
+    }
+  },
+  defaultVariants: { variant: "filter" }
+});
+var Tabs = import_radix_ui9.Tabs.Root;
+var TabsContent = import_radix_ui9.Tabs.Content;
+var TabNavigation = React19.forwardRef(
+  ({ className, variant = "filter", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TabNavigationContext.Provider, { value: variant ?? "filter", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui9.Tabs.List, { ref, className: cn(tabNavigationVariants({ variant }), className), ...props }) })
+);
+TabNavigation.displayName = "TabNavigation";
+
+// src/components/Navigation/TabItem.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var base = "inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap px-2.5 py-1 text-ui-label transition-colors disabled:pointer-events-none disabled:opacity-50";
+var filter = "rounded-full text-surface-foreground hover:text-accent data-[state=active]:bg-secondary data-[state=active]:bg-linear-to-r data-[state=active]:from-overlay-dark-5 data-[state=active]:to-overlay-dark-5 data-[state=active]:hover:bg-accent-soft data-[state=active]:hover:bg-none data-[state=active]:hover:text-accent-soft-foreground disabled:text-muted-foreground";
+var toggle = "rounded-sm text-secondary-muted-foreground hover:text-surface-foreground data-[state=active]:bg-surface data-[state=active]:text-surface-foreground";
+var TabItem = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    const variant = React20.useContext(TabNavigationContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_radix_ui10.Tabs.Trigger,
+      {
+        ref,
+        className: cn(base, variant === "toggle" ? toggle : filter, className),
+        ...props
+      }
+    );
+  }
+);
+TabItem.displayName = "TabItem";
+
+// src/components/Forms & Data Entry/TimePicker.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var TimeItem = React21.forwardRef(
+  ({ className, recommended, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_radix_ui11.ToggleGroup.Item,
+    {
+      ref,
+      className: cn(
+        "flex w-full justify-center rounded-sm px-2.5 py-1.5 text-ui-caption text-secondary-muted-foreground transition-colors",
+        "hover:bg-accent-soft hover:text-accent-soft-foreground",
+        "data-[state=on]:bg-secondary data-[state=on]:bg-linear-to-r data-[state=on]:from-overlay-dark-5 data-[state=on]:to-overlay-dark-5 data-[state=on]:text-surface-foreground",
+        "data-[state=on]:hover:bg-accent-soft data-[state=on]:hover:bg-none data-[state=on]:hover:text-accent-soft-foreground",
+        "disabled:pointer-events-none disabled:opacity-60 disabled:text-muted-foreground",
+        recommended && "border border-dashed border-border text-surface-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TimeItem.displayName = "TimeItem";
+var pad = (n) => String(n).padStart(2, "0");
+function TimePicker({
+  value,
+  onValueChange,
+  minuteStep = 5,
+  isHourDisabled,
+  isMinuteDisabled,
+  isHourRecommended,
+  isMinuteRecommended,
+  className
+}) {
+  const current = value ?? { hour: 12, minute: 0, period: "AM" };
+  const root = React21.useRef(null);
+  React21.useEffect(() => {
+    root.current?.querySelectorAll('[data-state="on"]').forEach((item) => {
+      const column = item.parentElement;
+      if (column) column.scrollTop = Math.max(0, item.offsetTop - column.offsetTop - column.clientHeight / 2 + item.clientHeight / 2);
+    });
+  }, []);
+  const hours = Array.from({ length: 12 }, (_, i) => i + 1);
+  const minutes = Array.from({ length: Math.ceil(60 / minuteStep) }, (_, i) => i * minuteStep);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { ref: root, className: cn("flex w-45 flex-col gap-4 pt-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-ui-label text-surface-foreground", children: "Select Time" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      Tabs,
+      {
+        value: current.period,
+        onValueChange: (period) => onValueChange?.({ ...current, period }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TabNavigation, { variant: "toggle", "aria-label": "AM or PM", className: "self-start", children: ["AM", "PM"].map((period) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TabItem, { value: period, children: period }, period)) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex h-47.5 w-full items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        import_radix_ui11.ToggleGroup.Root,
+        {
+          type: "single",
+          "aria-label": "Hour",
+          value: String(current.hour),
+          onValueChange: (next) => next && onValueChange?.({ ...current, hour: Number(next) }),
+          className: "flex h-full min-w-0 flex-1 flex-col gap-1 overflow-y-auto",
+          children: hours.map((hour) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            TimeItem,
+            {
+              value: String(hour),
+              disabled: isHourDisabled?.(hour, current.period),
+              recommended: isHourRecommended?.(hour, current.period),
+              children: pad(hour)
+            },
+            hour
+          ))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex h-full items-center text-ui-label-large text-surface-foreground", "aria-hidden": "true", children: ":" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        import_radix_ui11.ToggleGroup.Root,
+        {
+          type: "single",
+          "aria-label": "Minute",
+          value: String(current.minute),
+          onValueChange: (next) => next && onValueChange?.({ ...current, minute: Number(next) }),
+          className: "flex h-full min-w-0 flex-1 flex-col gap-1 overflow-y-auto",
+          children: minutes.map((minute) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            TimeItem,
+            {
+              value: String(minute),
+              disabled: isMinuteDisabled?.(minute, current.hour, current.period),
+              recommended: isMinuteRecommended?.(minute, current.hour, current.period),
+              children: pad(minute)
+            },
+            minute
+          ))
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/Forms & Data Entry/DateTimePicker.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function toTimeValue(date) {
+  if (!date) return void 0;
+  const hours = date.getHours();
+  return { hour: hours % 12 === 0 ? 12 : hours % 12, minute: date.getMinutes(), period: hours >= 12 ? "PM" : "AM" };
+}
+function combine(date, time) {
+  const next = new Date(date);
+  next.setHours(time.hour % 12 + (time.period === "PM" ? 12 : 0), time.minute, 0, 0);
+  return next;
+}
+function DateTimePicker({
+  value,
+  defaultValue,
+  onApply,
+  onReset,
+  showTime = true,
+  calendarProps,
+  timePickerProps,
+  className
+}) {
+  const [date, setDate] = React22.useState(value ?? defaultValue);
+  const [time, setTime] = React22.useState(toTimeValue(value ?? defaultValue));
+  const apply = () => {
+    if (!date) return onApply?.(void 0);
+    onApply?.(showTime ? combine(date, time ?? { hour: 12, minute: 0, period: "AM" }) : date);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      className: cn(
+        "inline-flex flex-col gap-4 rounded-lg border border-border bg-surface p-4 shadow-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Calendar, { mode: "single", selected: date, onSelect: setDate, defaultMonth: date, ...calendarProps }),
+          showTime && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-70 w-px self-center bg-border", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TimePicker, { value: time, onValueChange: setTime, ...timePickerProps })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => {
+                setDate(void 0);
+                setTime(void 0);
+                onReset?.();
+              },
+              children: "Reset"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: apply, children: "Apply" })
+        ] })
+      ]
+    }
+  );
+}
+var DatePicker = React22.forwardRef(
+  ({ label, placeholder = "Select date and time", value, defaultValue, onValueChange, showTime = true, className, ...pickerProps }, ref) => {
+    const [open, setOpen] = React22.useState(false);
+    const [internal, setInternal] = React22.useState(defaultValue);
+    const current = value ?? internal;
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Field, { label, className: cn("w-75", className), children: (control) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui12.Popover.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui12.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        "button",
+        {
+          ref,
+          type: "button",
+          ...control,
+          className: "flex h-10 w-full items-center gap-3 rounded-md border border-input bg-surface px-3 py-2.5 text-left shadow-xs transition-colors hover:border-input-accent data-[state=open]:border-input-accent",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react10.CalendarBlank, { size: 24, "aria-hidden": true, className: "shrink-0 text-surface-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: cn("truncate", current ? "text-ui-label-large text-surface-foreground" : "text-body-base text-muted-foreground"), children: current ? formatDateTime(current, showTime) : placeholder })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui12.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui12.Popover.Content, { align: "start", sideOffset: 8, style: { zIndex: "var(--sys-z-20)" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        DateTimePicker,
+        {
+          ...pickerProps,
+          showTime,
+          value: current,
+          onApply: (next) => {
+            setInternal(next);
+            onValueChange?.(next);
+            setOpen(false);
+          }
+        }
+      ) }) })
+    ] }) });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/Forms & Data Entry/Form.tsx
+var React23 = __toESM(require("react"), 1);
+var import_radix_ui13 = require("radix-ui");
+var import_react_hook_form = require("react-hook-form");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Form = import_react_hook_form.FormProvider;
+var FormFieldContext = React23.createContext(null);
+function FormField(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_hook_form.Controller, { ...props }) });
+}
+var FormItemContext = React23.createContext(null);
+function useFormField() {
+  const fieldContext = React23.useContext(FormFieldContext);
+  const itemContext = React23.useContext(FormItemContext);
+  const { getFieldState } = (0, import_react_hook_form.useFormContext)();
+  const formState = (0, import_react_hook_form.useFormState)({ name: fieldContext?.name });
+  if (!fieldContext) {
+    throw new Error("useFormField must be used within <FormField>");
+  }
+  if (!itemContext) {
+    throw new Error("useFormField must be used within <FormItem>");
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}
+var FormItem = React23.forwardRef(({ className, ...props }, ref) => {
+  const id = React23.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: cn("flex flex-col gap-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      Label,
+      {
+        ref,
+        htmlFor: formItemId,
+        className: cn(error && "text-destructive-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = React23.forwardRef((props, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_radix_ui13.Slot.Root,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "p",
+      {
+        ref,
+        id: formDescriptionId,
+        className: cn("text-sm text-secondary-muted-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+FormDescription.displayName = "FormDescription";
+var FormMessage = React23.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : children;
+    if (!body) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { ref, id: formMessageId, className: cn("text-sm text-destructive-foreground", className), ...props, children: body });
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+// src/components/Forms & Data Entry/Input.tsx
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var inputClasses = (status, className) => cn(
+  "flex h-10 w-full rounded-md px-3 py-2 text-ui-input-value placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+  fieldSurfaceClasses(status),
+  className
+);
+var Input = React24.forwardRef(
+  ({ className, status = "default", label, description, message, id, ...props }, ref) => {
+    if (label == null && description == null && message == null) {
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "input",
+        {
+          ref,
+          id,
+          "aria-invalid": status === "error" ? true : void 0,
+          className: inputClasses(status, className),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Field, { label, description, message, status, id, children: (control) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { ref, className: inputClasses(status, className), ...control, ...props }) });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/Forms & Data Entry/InputWithAction.tsx
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var InputWithAction = React25.forwardRef(
+  ({ className, actionLabel, onAction, tags, status = "default", label, description, message, id, disabled, placeholder, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Field, { label, description, message, status, id, children: (control) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex min-h-10 w-full items-center gap-2 rounded-md border bg-surface py-2 pr-1 pl-3 transition-colors",
+        "focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring",
+        status === "error" ? "border-destructive" : "border-input hover:border-input-accent focus-within:border-input",
+        tags ? "pl-1" : null,
+        disabled && "opacity-50",
+        className
+      ),
+      children: [
+        tags && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex shrink-0 items-center gap-1", children: tags }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "input",
+          {
+            ref,
+            disabled,
+            placeholder: tags ? void 0 : placeholder,
+            className: "min-w-0 flex-1 truncate bg-transparent text-body-small text-surface-foreground outline-none placeholder:text-muted-foreground",
+            ...control,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "button", variant: "subtle", size: "sm", disabled, onClick: onAction, children: actionLabel })
+      ]
+    }
+  ) })
+);
+InputWithAction.displayName = "InputWithAction";
+
+// src/components/Forms & Data Entry/NumberInput.tsx
+var React26 = __toESM(require("react"), 1);
+var import_react11 = require("@phosphor-icons/react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var NumberInput = React26.forwardRef(
+  ({
+    className,
+    value,
+    defaultValue = 0,
+    onValueChange,
+    min = Number.NEGATIVE_INFINITY,
+    max = Number.POSITIVE_INFINITY,
+    step = 1,
+    unit,
+    status = "default",
+    label,
+    description,
+    message,
+    id,
+    disabled,
+    ...props
+  }, ref) => {
+    const [internal, setInternal] = React26.useState(defaultValue);
+    const current = value ?? internal;
+    const clamp = (next) => Math.min(max, Math.max(min, next));
+    const commit = (next) => {
+      const clamped = clamp(next);
+      setInternal(clamped);
+      onValueChange?.(clamped);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Field, { label, description, message, status, id, className: "w-50", children: (control) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex h-10 w-full items-center justify-between rounded-md border bg-surface p-1 transition-colors",
+          "has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-ring",
+          status === "error" ? "border-destructive" : status === "success" ? "border-success-foreground" : "border-border",
+          disabled && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "subtle",
+              size: "icon-sm",
+              "aria-label": "Decrease",
+              disabled: disabled || current <= min,
+              onClick: () => commit(current - step),
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react11.Minus, { size: 16, "aria-hidden": true })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-center gap-1 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              "input",
+              {
+                ref,
+                role: "spinbutton",
+                inputMode: "numeric",
+                "aria-valuenow": current,
+                "aria-valuemin": Number.isFinite(min) ? min : void 0,
+                "aria-valuemax": Number.isFinite(max) ? max : void 0,
+                disabled,
+                value: String(current),
+                size: Math.max(1, String(current).length),
+                onChange: (event) => {
+                  const parsed = Number(event.target.value.replace(/[^\d.-]/g, ""));
+                  if (!Number.isNaN(parsed)) commit(parsed);
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "ArrowUp") {
+                    event.preventDefault();
+                    commit(current + step);
+                  } else if (event.key === "ArrowDown") {
+                    event.preventDefault();
+                    commit(current - step);
+                  }
+                },
+                className: "min-w-0 bg-transparent text-center text-ui-label text-surface-foreground outline-none",
+                ...control,
+                ...props
+              }
+            ),
+            unit && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-body-small text-secondary-muted-foreground", children: unit })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "subtle",
+              size: "icon-sm",
+              "aria-label": "Increase",
+              disabled: disabled || current >= max,
+              onClick: () => commit(current + step),
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react11.Plus, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+NumberInput.displayName = "NumberInput";
+
+// src/components/Forms & Data Entry/SearchBar.tsx
+var React27 = __toESM(require("react"), 1);
+var import_react12 = require("@phosphor-icons/react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var SearchBar = React27.forwardRef(
+  ({ className, value, defaultValue, onChange, onClear, clearLabel = "Clear search", disabled, ...props }, ref) => {
+    const innerRef = React27.useRef(null);
+    React27.useImperativeHandle(ref, () => innerRef.current);
+    const [uncontrolled, setUncontrolled] = React27.useState(String(defaultValue ?? ""));
+    const current = value !== void 0 ? String(value) : uncontrolled;
+    const clear = () => {
+      const input = innerRef.current;
+      if (input) {
+        const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
+        setter?.call(input, "");
+        input.dispatchEvent(new Event("input", { bubbles: true }));
+        input.focus();
+      }
+      onClear?.();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex h-10 w-full items-center gap-2 rounded-md border bg-surface px-3 py-2 transition-colors",
+          "border-input focus-within:border-input-accent focus-within:ring-1 focus-within:ring-input-accent",
+          current !== "" && "border-input-accent ring-1 ring-input-accent",
+          disabled && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react12.MagnifyingGlass, { size: 16, "aria-hidden": true, className: "shrink-0 text-surface-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "input",
+            {
+              ref: innerRef,
+              type: "text",
+              role: "searchbox",
+              value,
+              defaultValue,
+              disabled,
+              onChange: (event) => {
+                setUncontrolled(event.target.value);
+                onChange?.(event);
+              },
+              className: "min-w-0 flex-1 bg-transparent text-ui-input-value text-surface-foreground outline-none placeholder:text-muted-foreground",
+              ...props
+            }
+          ),
+          current !== "" && !disabled && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": clearLabel,
+              onClick: clear,
+              className: "inline-flex size-4 shrink-0 items-center justify-center rounded-xs text-surface-foreground",
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react12.X, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SearchBar.displayName = "SearchBar";
+
+// src/components/Forms & Data Entry/Select.tsx
+var React28 = __toESM(require("react"), 1);
+var import_react13 = require("@phosphor-icons/react");
+var import_radix_ui14 = require("radix-ui");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var Select = import_radix_ui14.Select.Root;
+var SelectValue = import_radix_ui14.Select.Value;
+var SelectGroup = import_radix_ui14.Select.Group;
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M1 4L3.5 6.5L9 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var SelectTrigger = React28.forwardRef(
+  ({ className, children, icon, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    import_radix_ui14.Select.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full items-center gap-2 rounded-md border border-input bg-surface px-3 py-2 text-left text-ui-input-value text-surface-foreground transition-colors",
+        "hover:border-input-accent data-[state=open]:border-input-accent",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[placeholder]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex shrink-0 text-surface-foreground", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 truncate", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui14.Select.Icon, { className: "shrink-0 text-surface-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react13.CaretDown, { size: 16, "aria-hidden": true }) })
+      ]
+    }
+  )
+);
+SelectTrigger.displayName = "SelectTrigger";
+var SelectContent = React28.forwardRef(
+  ({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui14.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_radix_ui14.Select.Content,
+    {
+      ref,
+      position,
+      style: {
+        zIndex: "var(--sys-z-20)",
+        width: position === "popper" ? "var(--radix-select-trigger-width)" : void 0
+      },
+      className: cn(
+        "overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui14.Select.Viewport, { className: "p-1", children })
+    }
+  ) })
+);
+SelectContent.displayName = "SelectContent";
+var SelectItem = React28.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    import_radix_ui14.Select.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm py-2 pr-4 pl-8 text-sm text-popover-foreground select-none",
+        "outline-none data-[highlighted]:bg-accent-soft data-[highlighted]:text-accent-soft-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui14.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CheckIcon, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui14.Select.ItemText, { children })
+      ]
+    }
+  )
+);
+SelectItem.displayName = "SelectItem";
+
+// src/components/Forms & Data Entry/Slider.tsx
+var React29 = __toESM(require("react"), 1);
+var import_radix_ui15 = require("radix-ui");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Slider = React29.forwardRef(
+  ({
+    className,
+    value,
+    defaultValue,
+    onValueChange,
+    min = 0,
+    max = 100,
+    label,
+    showRange,
+    showValue,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) => {
+    const [internal, setInternal] = React29.useState(defaultValue ?? [min]);
+    const thumbValues = value ?? internal;
+    const hasHeader = label != null || showRange;
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("flex w-full flex-col gap-2", className), children: [
+      hasHeader && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between text-secondary-muted-foreground", children: [
+        label != null ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-ui-label text-surface-foreground", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-ui-caption", children: min }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-body-small", children: max })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        import_radix_ui15.Slider.Root,
+        {
+          ref,
+          value,
+          defaultValue,
+          min,
+          max,
+          onValueChange: (next) => {
+            setInternal(next);
+            onValueChange?.(next);
+          },
+          className: "relative flex h-4 w-full touch-none items-center select-none",
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_radix_ui15.Slider.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-xxs bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_radix_ui15.Slider.Range, { className: "absolute h-full bg-input-accent" }) }),
+            thumbValues.map((thumbValue, index) => (
+              // The accessible name belongs on each individual thumb (the actual
+              // role="slider" element) — Root is just a group container. With
+              // more than one thumb this applies the same label to each; give a
+              // range slider distinct per-thumb labels via aria-labelledby instead.
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                import_radix_ui15.Slider.Thumb,
+                {
+                  "aria-label": ariaLabel,
+                  "aria-labelledby": ariaLabelledBy,
+                  className: "group relative block size-4 rounded-full border-2 border-surface bg-input-accent shadow-sm transition-colors disabled:pointer-events-none disabled:opacity-50",
+                  children: showValue && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: cn(
+                        "pointer-events-none absolute bottom-full left-1/2 mb-2 flex min-w-4 -translate-x-1/2 items-center justify-center rounded-xs bg-primary p-0.5 text-ui-caption text-label",
+                        showValue !== "always" && "invisible group-hover:visible group-focus-visible:visible group-active:visible"
+                      ),
+                      children: thumbValue
+                    }
+                  )
+                },
+                index
+              )
+            ))
+          ]
+        }
+      )
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+
+// src/components/Forms & Data Entry/Textarea.tsx
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var textareaClasses = (status, className) => cn(
+  "flex field-sizing-content min-h-25 w-full rounded-md px-3 py-2.5 text-body-base placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+  fieldSurfaceClasses(status),
+  className
+);
+var Textarea = React30.forwardRef(
+  ({ className, status = "default", label, description, message, id, ...props }, ref) => {
+    if (label == null && description == null && message == null) {
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "textarea",
+        {
+          ref,
+          id,
+          "aria-invalid": status === "error" ? true : void 0,
+          className: textareaClasses(status, className),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Field, { label, description, message, status, id, children: (control) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("textarea", { ref, className: textareaClasses(status, className), ...control, ...props }) });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Overlays & Feedback/Dialog.tsx
+var React31 = __toESM(require("react"), 1);
+var import_react14 = require("@phosphor-icons/react");
+var import_radix_ui16 = require("radix-ui");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Dialog = import_radix_ui16.Dialog.Root;
+var DialogTrigger = import_radix_ui16.Dialog.Trigger;
+var DialogClose = import_radix_ui16.Dialog.Close;
+var DialogContent = React31.forwardRef(
+  ({ className, children, closeLabel = "Close", hideClose, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_radix_ui16.Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_radix_ui16.Dialog.Overlay,
+      {
+        style: { zIndex: "var(--sys-z-30)" },
+        className: "fixed inset-0 bg-primary/30"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      import_radix_ui16.Dialog.Content,
+      {
+        ref,
+        style: { zIndex: "var(--sys-z-30)" },
+        className: cn(
+          "fixed top-1/2 left-1/2 flex w-150 max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-lg border border-border bg-surface shadow-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          !hideClose && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui16.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "ghost", size: "icon-sm", "aria-label": closeLabel, className: "absolute top-4 right-6", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react14.X, { size: 16, "aria-hidden": true }) }) })
+        ]
+      }
+    )
+  ] })
+);
+DialogContent.displayName = "DialogContent";
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex flex-col gap-1.5 border-b border-border px-6 py-4 pr-16", className), ...props });
+var DialogTitle = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  import_radix_ui16.Dialog.Title,
+  {
+    ref,
+    className: cn("text-lg leading-6 font-semibold text-surface-foreground", className),
+    ...props
+  }
+));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  import_radix_ui16.Dialog.Description,
+  {
+    ref,
+    className: cn("text-body-small text-secondary-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var DialogBody = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex flex-col gap-4 p-6", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("flex items-center justify-end gap-3 border-t border-border px-6 py-4", className), ...props });
+
+// src/components/Overlays & Feedback/Toast.tsx
+var React32 = __toESM(require("react"), 1);
+var import_react15 = require("@phosphor-icons/react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_radix_ui17 = require("radix-ui");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var toastVariants = (0, import_class_variance_authority4.cva)("border", {
+  variants: {
+    variant: {
+      info: "border-info-border bg-surface",
+      success: "border-success-soft-border bg-success-soft",
+      warning: "border-warning-soft-border bg-warning-soft",
+      destructive: "border-destructive-soft-border bg-destructive-soft"
+    }
+  },
+  defaultVariants: { variant: "info" }
+});
+var iconColour = {
+  info: "text-surface-foreground",
+  success: "text-success-soft-foreground",
+  warning: "text-warning-soft-foreground",
+  destructive: "text-destructive-soft-foreground"
+};
+var titleColour = {
+  info: "text-surface-foreground",
+  success: "text-success-soft-foreground",
+  warning: "text-warning-soft-foreground",
+  destructive: "text-destructive-soft-foreground"
+};
+function VariantIcon({ variant, size }) {
+  const props = { size, "aria-hidden": true, className: cn("shrink-0", iconColour[variant]) };
+  if (variant === "success") return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.CheckCircle, { ...props });
+  if (variant === "warning") return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.Warning, { ...props });
+  if (variant === "destructive") return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.WarningCircle, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.Info, { ...props });
+}
+var ToastProvider = import_radix_ui17.Toast.Provider;
+var ToastViewport = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  import_radix_ui17.Toast.Viewport,
+  {
+    ref,
+    style: { zIndex: "var(--sys-z-50)" },
+    className: cn("fixed right-4 bottom-4 flex w-89 max-w-full flex-col gap-3 outline-none", className),
+    ...props
+  }
+));
+ToastViewport.displayName = "ToastViewport";
+var Toast = React32.forwardRef(
+  ({ className, variant = "info", title, description, action, closeLabel = "Close", children, ...props }, ref) => {
+    const v = variant ?? "info";
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      import_radix_ui17.Toast.Root,
+      {
+        ref,
+        type: v === "destructive" ? "foreground" : "background",
+        className: cn("flex items-start gap-3 rounded-lg p-4 shadow-lg", toastVariants({ variant: v }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(VariantIcon, { variant: v, size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1 text-body-small", children: [
+            title != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_radix_ui17.Toast.Title, { className: cn("font-semibold", titleColour[v]), children: title }),
+            description != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_radix_ui17.Toast.Description, { className: "text-secondary-muted-foreground", children: description }),
+            children,
+            action
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_radix_ui17.Toast.Close,
+            {
+              "aria-label": closeLabel,
+              className: "inline-flex size-4 shrink-0 items-center justify-center rounded-xs text-surface-foreground",
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.X, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Toast.displayName = "Toast";
+var ToastAction = import_radix_ui17.Toast.Action;
+var ToastInline = React32.forwardRef(
+  ({ className, variant = "info", onClose, closeLabel = "Close", children, ...props }, ref) => {
+    const v = variant ?? "info";
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        ref,
+        role: v === "destructive" ? "alert" : "status",
+        className: cn("flex items-center gap-2 rounded-sm px-2 py-1.5", toastVariants({ variant: v }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(VariantIcon, { variant: v, size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "min-w-0 flex-1 text-body-small text-secondary-muted-foreground", children }),
+          onClose && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react15.X, { size: 16, "aria-hidden": true }) })
+        ]
+      }
+    );
+  }
+);
+ToastInline.displayName = "ToastInline";
+
+// src/components/Overlays & Feedback/Tooltip.tsx
+var React33 = __toESM(require("react"), 1);
+var import_radix_ui18 = require("radix-ui");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var TooltipProvider = import_radix_ui18.Tooltip.Provider;
+var Tooltip = import_radix_ui18.Tooltip.Root;
+var TooltipTrigger = import_radix_ui18.Tooltip.Trigger;
+var TooltipContent = React33.forwardRef(
+  ({ className, sideOffset = 4, title, description, action, arrow = true, children, ...props }, ref) => {
+    const detailed = title != null || description != null;
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_radix_ui18.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      import_radix_ui18.Tooltip.Content,
+      {
+        ref,
+        sideOffset,
+        style: { zIndex: "var(--sys-z-40)" },
+        className: cn(
+          "rounded-sm bg-primary-soft-foreground text-label shadow-md",
+          detailed ? "flex max-w-60 min-w-50 flex-col gap-1 px-3 py-2.5" : "px-2.5 py-1.5 text-ui-caption",
+          action != null && "max-w-65 min-w-55",
+          className
+        ),
+        ...props,
+        children: [
+          detailed ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+            title != null && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs leading-4 font-semibold text-label", children: title }),
+            description != null && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs leading-4.5 text-plum-200", children: description }),
+            action != null && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mt-1 text-ui-caption text-plum-300 underline *:underline", children: action })
+          ] }) : children,
+          arrow && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_radix_ui18.Tooltip.Arrow, { width: 12, height: 8, className: "fill-primary-soft-foreground" })
+        ]
+      }
+    ) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+
+// src/components/Question Types/FileUpload.tsx
+var React35 = __toESM(require("react"), 1);
+var import_react16 = require("@phosphor-icons/react");
+var import_radix_ui19 = require("radix-ui");
+
+// src/components/Tags & Badges/Tag.tsx
+var React34 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var tagVariants = (0, import_class_variance_authority5.cva)(
+  "inline-flex items-center gap-1.5 whitespace-nowrap rounded-sm border px-2.5 py-1 text-ui-caption",
+  {
+    variants: {
+      variant: {
+        neutral: "border-accent-soft-border bg-accent-soft text-accent-soft-foreground",
+        default: "border-border bg-surface text-surface-foreground",
+        success: "border-success-soft-border bg-success-soft text-success-soft-foreground",
+        warning: "border-warning-soft-border bg-warning-soft text-warning-soft-foreground",
+        destructive: "border-destructive-soft-border bg-destructive-soft text-destructive-soft-foreground"
+      }
+    },
+    defaultVariants: { variant: "neutral" }
+  }
+);
+var Tag = React34.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { ref, className: cn(tagVariants({ variant }), className), ...props }));
+Tag.displayName = "Tag";
+var statusDotVariants = (0, import_class_variance_authority5.cva)("size-1.5 shrink-0 rounded-full", {
+  variants: {
+    status: {
+      active: "bg-success-800",
+      inactive: "bg-accent",
+      pending: "bg-warning",
+      error: "bg-destructive"
+    }
+  },
+  defaultVariants: { status: "active" }
+});
+var StatusTag = React34.forwardRef(
+  ({ className, status, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { ref, className: cn(tagVariants({ variant: "default" }), className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: statusDotVariants({ status }), "aria-hidden": "true" }),
+    children
+  ] })
+);
+StatusTag.displayName = "StatusTag";
+
+// src/components/Question Types/FileUpload.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var FileUploadZone = React35.forwardRef(
+  ({ className, title = "Upload document", hint, icon, onFiles, ...props }, ref) => {
+    const [over, setOver] = React35.useState(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "label",
+      {
+        className: cn(
+          "flex min-h-35.75 w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed border-border px-4 text-center transition-colors",
+          "hover:bg-background has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-ring",
+          over && "border-input-accent bg-accent-soft",
+          className
+        ),
+        onDragOver: (event) => {
+          event.preventDefault();
+          setOver(true);
+        },
+        onDragLeave: () => setOver(false),
+        onDrop: (event) => {
+          event.preventDefault();
+          setOver(false);
+          onFiles?.(Array.from(event.dataTransfer.files));
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "flex size-10 items-center justify-center rounded-full bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react16.FileText, { size: 24, "aria-hidden": true }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-body-small text-surface-foreground", children: title }),
+            hint && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-ui-caption text-secondary-muted-foreground", children: hint })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            "input",
+            {
+              ref,
+              type: "file",
+              className: "sr-only",
+              onChange: (event) => onFiles?.(Array.from(event.target.files ?? [])),
+              ...props
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileUploadZone.displayName = "FileUploadZone";
+var FileUploadItem = React35.forwardRef(
+  ({ className, name, size, status = "uploading", progress = 0, timeLeft, icon, onRemove, removeLabel, ...props }, ref) => {
+    const uploading = status === "uploading";
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn("flex w-full flex-col justify-center gap-2 overflow-hidden rounded-sm border border-border p-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react16.FileText, { size: 24, "aria-hidden": true }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "truncate text-ui-label text-surface-foreground", children: name }),
+                  status === "complete" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tag, { variant: "success", children: "Complete" }),
+                  status === "error" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tag, { variant: "destructive", children: "Error" })
+                ] }),
+                onRemove && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": removeLabel ?? `Remove ${name}`, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react16.X, { size: 16, "aria-hidden": true }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between text-ui-caption text-secondary-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex items-center gap-2", children: [
+                  size,
+                  uploading && timeLeft && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { "aria-hidden": "true", className: "size-0.5 rounded-full bg-secondary-muted-foreground" }),
+                    timeLeft
+                  ] })
+                ] }),
+                uploading && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "text-body-xxs font-normal", children: [
+                  Math.round(progress),
+                  "%"
+                ] })
+              ] })
+            ] })
+          ] }),
+          uploading && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_radix_ui19.Progress.Root,
+            {
+              value: progress,
+              "aria-label": `Uploading ${name}`,
+              className: "h-0.75 w-full overflow-hidden rounded-sm bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5",
+              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui19.Progress.Indicator, { className: "h-full bg-accent transition-[width]", style: { width: `${progress}%` } })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileUploadItem.displayName = "FileUploadItem";
+
+// src/components/Question Types/Media.tsx
+var React36 = __toESM(require("react"), 1);
+var import_react17 = require("@phosphor-icons/react");
+var import_radix_ui20 = require("radix-ui");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("flex items-center justify-between border-t border-border bg-surface px-6 py-4", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: cn("truncate text-surface-foreground", large ? "text-body-section" : "text-ui-label"), children: name }),
+      details && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: cn("flex items-center gap-2 text-secondary-muted-foreground", large ? "text-body-small" : "text-ui-caption"), children: details.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(React36.Fragment, { children: [
+        index > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { "aria-hidden": "true", className: "size-0.5 rounded-full bg-secondary-muted-foreground" }),
+        part
+      ] }, part)) })
+    ] }),
+    onRemove && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { type: "button", variant: "destructive", size: "icon", "aria-label": removeLabel ?? `Remove ${name}`, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.Trash, { size: 16, "aria-hidden": true }) })
+  ] });
+}
+var ImagePreview = React36.forwardRef(
+  ({ className, children, name, details, onRemove, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: cn("flex w-full flex-col overflow-hidden rounded-lg border border-border", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex h-84 w-full items-center justify-center bg-accent-soft [&>img]:size-full [&>img]:object-contain", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaInfo, { name, details, onRemove, large: true })
+  ] })
+);
+ImagePreview.displayName = "ImagePreview";
+var ImageThumbnails = React36.forwardRef(
+  ({ className, max, images, value, onValueChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_radix_ui20.ToggleGroup.Root,
+    {
+      ref,
+      type: "single",
+      value: value ?? "",
+      onValueChange: (next) => next && onValueChange?.(next),
+      className: cn("flex w-full gap-2", className),
+      ...props,
+      children: Array.from({ length: max }, (_, index) => {
+        const image = images[index];
+        if (!image) {
+          return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex h-20 min-w-0 flex-1 items-center justify-center rounded-sm border border-dashed border-border text-accent-foreground",
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.Image, { size: 24 })
+            },
+            `empty-${index}`
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          import_radix_ui20.ToggleGroup.Item,
+          {
+            value: image.id,
+            "aria-label": image.alt,
+            className: cn(
+              "flex h-20 min-w-0 flex-1 items-center justify-center overflow-hidden rounded-sm border border-border bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 p-2 text-surface-foreground transition-colors",
+              "hover:bg-accent-soft hover:bg-none",
+              "data-[state=on]:border-accent-foreground data-[state=on]:bg-accent-soft data-[state=on]:bg-none data-[state=on]:text-accent-foreground"
+            ),
+            children: image.src ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("img", { src: image.src, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.Image, { size: 24, "aria-hidden": true })
+          },
+          image.id
+        );
+      })
+    }
+  )
+);
+ImageThumbnails.displayName = "ImageThumbnails";
+var formatTime = (seconds) => {
+  const total = Math.max(0, Math.floor(Number.isFinite(seconds) ? seconds : 0));
+  return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")}`;
+};
+var VideoPlayer = React36.forwardRef(
+  ({ className, src, name, details, onRemove, onMore, initialTime = 0, initialDuration = 0, ...props }, ref) => {
+    const video = React36.useRef(null);
+    const [playing, setPlaying] = React36.useState(false);
+    const [time, setTime] = React36.useState(initialTime);
+    const [duration, setDuration] = React36.useState(initialDuration);
+    const [volume, setVolume] = React36.useState(1);
+    const muted = volume === 0;
+    const toggle2 = () => {
+      const el = video.current;
+      if (!el) return setPlaying((p) => !p);
+      if (el.paused) void el.play();
+      else el.pause();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: cn("flex w-full flex-col overflow-hidden rounded-lg border border-border bg-surface", className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative flex h-60.5 w-full items-end bg-accent-soft", children: [
+        src && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          "video",
+          {
+            ref: video,
+            src,
+            className: "absolute inset-0 size-full object-contain",
+            onPlay: () => setPlaying(true),
+            onPause: () => setPlaying(false),
+            onTimeUpdate: (event) => setTime(event.currentTarget.currentTime),
+            onLoadedMetadata: (event) => setDuration(event.currentTarget.duration),
+            onVolumeChange: (event) => setVolume(event.currentTarget.muted ? 0 : event.currentTarget.volume)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative flex w-full flex-col gap-2 bg-surface-foreground bg-linear-to-r from-primary/30 to-primary/30 px-4 pt-3 pb-4 text-surface", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+            import_radix_ui20.Slider.Root,
+            {
+              min: 0,
+              max: duration || 1,
+              step: 0.1,
+              value: [Math.min(time, duration || 1)],
+              onValueChange: ([next]) => {
+                if (next === void 0) return;
+                setTime(next);
+                if (video.current) video.current.currentTime = next;
+              },
+              className: "relative flex h-4 w-full touch-none items-center select-none",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-xxs bg-surface/20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Range, { className: "absolute h-full bg-accent-foreground" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Thumb, { "aria-label": "Seek", className: "block size-3 rounded-full border-2 border-surface bg-surface shadow-sm" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": playing ? "Pause" : "Play",
+                  onClick: toggle2,
+                  className: "inline-flex size-10 items-center justify-center rounded-full bg-surface/12 text-surface transition-colors hover:bg-surface/20",
+                  children: playing ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.Pause, { size: 16, weight: "fill", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.Play, { size: 16, weight: "fill", "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-ui-label whitespace-nowrap text-surface/80", children: [
+                formatTime(time),
+                " / ",
+                formatTime(duration)
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                VolumeControl,
+                {
+                  volume,
+                  onVolumeChange: (next) => {
+                    setVolume(next);
+                    if (video.current) {
+                      video.current.volume = next;
+                      video.current.muted = next === 0;
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Full screen",
+                  onClick: () => void video.current?.requestFullscreen?.(),
+                  className: "inline-flex size-10 items-center justify-center rounded-md text-surface transition-colors hover:bg-surface/12",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.CornersOut, { size: 16, "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "More",
+                  onClick: onMore,
+                  className: "inline-flex size-10 items-center justify-center rounded-md text-surface transition-colors hover:bg-surface/12",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.DotsThree, { size: 16, "aria-hidden": true })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      name && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MediaInfo, { name, details, onRemove }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", "aria-live": "polite", children: muted ? "Muted" : "" })
+    ] });
+  }
+);
+VideoPlayer.displayName = "VideoPlayer";
+function VolumeControl({ volume, onVolumeChange, className }) {
+  const last = React36.useRef(volume || 1);
+  if (volume > 0) last.current = volume;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("group/volume flex items-center", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-0 overflow-hidden opacity-0 transition-all group-focus-within/volume:w-16 group-focus-within/volume:opacity-100 group-hover/volume:w-16 group-hover/volume:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+      import_radix_ui20.Slider.Root,
+      {
+        min: 0,
+        max: 1,
+        step: 0.05,
+        value: [volume],
+        onValueChange: ([next]) => next !== void 0 && onVolumeChange(next),
+        className: "relative flex h-4 w-14 touch-none items-center select-none",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-xxs bg-surface/20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Range, { className: "absolute h-full bg-surface" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Slider.Thumb, { "aria-label": "Volume", className: "block size-3 rounded-full bg-surface shadow-sm" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      "button",
+      {
+        type: "button",
+        "aria-label": volume === 0 ? "Unmute" : "Mute",
+        onClick: () => onVolumeChange(volume === 0 ? last.current : 0),
+        className: "inline-flex size-10 items-center justify-center rounded-md text-surface transition-colors hover:bg-surface/12",
+        children: volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.SpeakerSimpleX, { size: 16, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react17.SpeakerSimpleHigh, { size: 16, "aria-hidden": true })
+      }
+    )
+  ] });
+}
+
+// src/components/Question Types/OpenEndAnswer.tsx
+var React37 = __toESM(require("react"), 1);
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var OpenEndAnswer = React37.forwardRef(
+  ({ value, defaultValue, onChange, maxLength = 1e3, placeholder = "Write your answer", ...props }, ref) => {
+    const [internal, setInternal] = React37.useState(String(defaultValue ?? ""));
+    const text = value !== void 0 ? String(value) : internal;
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      Textarea,
+      {
+        ref,
+        value: text,
+        maxLength,
+        placeholder,
+        description: `${text.length}/${maxLength} characters`,
+        onChange: (event) => {
+          setInternal(event.target.value);
+          onChange?.(event);
+        },
+        ...props
+      }
+    );
+  }
+);
+OpenEndAnswer.displayName = "OpenEndAnswer";
+
+// src/components/Question Types/QuestionCard.tsx
+var React38 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var QuestionCard = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("flex w-120 max-w-200 flex-col gap-4 rounded-lg bg-surface p-6", className),
+      ...props
+    }
+  )
+);
+QuestionCard.displayName = "QuestionCard";
+
+// src/components/Question Types/QuestionEditorCard.tsx
+var React40 = __toESM(require("react"), 1);
+var import_react19 = require("@phosphor-icons/react");
+
+// src/components/Question Types/QuestionHeader.tsx
+var React39 = __toESM(require("react"), 1);
+var import_react18 = require("@phosphor-icons/react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var eyebrow = "text-ui-caption uppercase text-secondary-muted-foreground";
+var QuestionHeader = React39.forwardRef(
+  ({ className, number, title, required, error, onDismissError, editor, onTitleChange, actions, maxLength = 2e3, active, showCounter = true, ...props }, ref) => {
+    const label = String(number).padStart(2, "0");
+    const showError = error !== void 0 && error !== false;
+    if (editor) {
+      const text = typeof title === "string" ? title : "";
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ref, className: cn("group/header flex w-full flex-col gap-2", className), ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "span",
+            {
+              className: cn(
+                "group/handle inline-flex h-6 items-center gap-1 rounded-sm px-2.5 text-ui-caption hover:pl-1",
+                active ? "bg-accent-soft text-accent-soft-foreground" : "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react18.DotsSixVertical, { size: 16, "aria-hidden": true, className: "hidden shrink-0 group-hover/handle:block" }),
+                "Question ",
+                number
+              ]
+            }
+          ),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center gap-2 opacity-0 transition-opacity group-focus-within/header:opacity-100 group-hover/header:opacity-100", children: actions })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          "textarea",
+          {
+            rows: 1,
+            "aria-label": "Question title",
+            value: text,
+            maxLength,
+            onChange: (event) => onTitleChange?.(event.target.value),
+            className: "field-sizing-content w-full resize-none bg-transparent text-heading-h4 text-surface-foreground outline-none"
+          }
+        ),
+        showCounter && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-ui-caption text-secondary-muted-foreground", children: [
+          text.length,
+          "/",
+          maxLength,
+          " characters"
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...props, children: [
+      showError && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ToastInline, { variant: "destructive", onClose: onDismissError, className: "min-h-10", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-ui-label text-destructive", children: error === true ? "This question is mandatory." : error }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: eyebrow, children: [
+        "Question ",
+        label
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("h3", { className: "text-heading-h4 text-surface-foreground", children: [
+        title,
+        required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }),
+        required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: " (required)" })
+      ] })
+    ] });
+  }
+);
+QuestionHeader.displayName = "QuestionHeader";
+
+// src/components/Question Types/QuestionEditorCard.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var QuestionEditorCard = React40.forwardRef(
+  ({
+    className,
+    number,
+    title,
+    onTitleChange,
+    active,
+    maxLength,
+    countLabel,
+    actions,
+    onDuplicate,
+    onDelete,
+    onPreview,
+    onAskAi,
+    onAdd,
+    onPaste,
+    note,
+    children,
+    ...props
+  }, ref) => {
+    const footer = active && (countLabel != null || onAdd || onPaste);
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn("group/editor flex w-full items-start gap-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+            "div",
+            {
+              className: cn(
+                "flex w-full max-w-200 flex-col overflow-hidden rounded-xl border bg-surface transition-shadow group-hover/editor:shadow-lg group-focus-within/editor:shadow-lg",
+                active ? "border-accent" : "border-border"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col p-6", footer ? "gap-5" : "gap-4"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                      QuestionHeader,
+                      {
+                        editor: true,
+                        number,
+                        title,
+                        onTitleChange,
+                        active,
+                        showCounter: !!active,
+                        maxLength,
+                        actions: actions ?? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "ghost",
+                              size: "icon-sm",
+                              "aria-label": "Duplicate question",
+                              onClick: onDuplicate,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Copy, { size: 16, "aria-hidden": true })
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "destructive",
+                              size: "icon-sm",
+                              "aria-label": "Delete question",
+                              onClick: onDelete,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Trash, { size: 16, "aria-hidden": true })
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            Button,
+                            {
+                              type: "button",
+                              variant: "ghost",
+                              size: "icon-sm",
+                              "aria-label": "Preview question",
+                              onClick: onPreview,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Eye, { size: 16, "aria-hidden": true })
+                            }
+                          )
+                        ] })
+                      }
+                    ),
+                    children
+                  ] }),
+                  footer && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-ui-caption text-secondary-muted-foreground", children: countLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      onAdd && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon",
+                          "aria-label": "Add choice",
+                          onClick: onAdd,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Plus, { size: 16, "aria-hidden": true })
+                        }
+                      ),
+                      onPaste && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon",
+                          "aria-label": "Paste choices",
+                          onClick: onPaste,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Clipboard, { size: 16, "aria-hidden": true })
+                        }
+                      )
+                    ] })
+                  ] })
+                ] }),
+                note && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "border-t border-border px-2 py-2 text-body-small text-surface-foreground", children: note })
+              ]
+            }
+          ),
+          onAskAi && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": "Ask AI",
+              onClick: onAskAi,
+              className: "shrink-0 opacity-0 transition-opacity group-hover/editor:opacity-100 group-focus-within/editor:opacity-100 focus-visible:opacity-100",
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react19.Sparkle, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+QuestionEditorCard.displayName = "QuestionEditorCard";
+
+// src/components/Question Types/QuestionNavItem.tsx
+var React42 = __toESM(require("react"), 1);
+var import_react21 = require("@phosphor-icons/react");
+var import_radix_ui21 = require("radix-ui");
+
+// src/components/Question Types/QuestionTypeIcon.tsx
+var React41 = require("react");
+var import_react20 = require("@phosphor-icons/react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var icons = {
+  "select-one": import_react20.RadioButton,
+  "select-multiple": import_react20.CheckSquare,
+  ranking: import_react20.ListNumbers,
+  upload: import_react20.FileArrowUp,
+  rating: import_react20.StarHalf,
+  "open-end": import_react20.ChatsCircle
+};
+function QuestionTypeIcon({ type, size = 22.5, className, ...props }) {
+  const Icon = icons[type];
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { size, weight: "duotone", "aria-hidden": true, className: className ?? "text-accent-foreground", ...props });
+}
+
+// src/components/Question Types/QuestionNavItem.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var QuestionNavItem = React42.forwardRef(
+  ({ className, questionType = "select-one", selected, error, asChild, children, ...props }, ref) => {
+    const Comp = asChild ? import_radix_ui21.Slot.Root : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      Comp,
+      {
+        ref,
+        type: asChild ? void 0 : "button",
+        "aria-current": selected ? "true" : void 0,
+        className: cn(
+          "group/nav flex h-9.5 w-full max-w-106.5 items-center gap-2 rounded-sm border bg-surface p-2 text-left text-body-small text-surface-foreground transition-colors focus-visible:outline-none",
+          error ? ["hover:bg-destructive-soft focus-visible:border-destructive", selected ? "border-destructive" : "border-border"] : [
+            "hover:border-input-accent hover:bg-accent-soft focus-visible:border-input-accent",
+            selected ? "border-input-accent" : "border-border"
+          ],
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { "aria-hidden": "true", className: "relative flex size-4 shrink-0 items-center justify-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react21.DotsSixVertical, { size: 16, className: "hidden group-hover/nav:block" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "group-hover/nav:hidden", children: error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react21.Warning, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(QuestionTypeIcon, { type: questionType, size: 16 }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "min-w-0 flex-1 truncate", children }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: ", has errors" })
+        ]
+      }
+    );
+  }
+);
+QuestionNavItem.displayName = "QuestionNavItem";
+
+// src/components/Question Types/QuestionOption.tsx
+var React43 = __toESM(require("react"), 1);
+var import_react22 = require("@phosphor-icons/react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var optionClasses = "flex w-full max-w-150 cursor-pointer items-center gap-2 rounded-md border border-border bg-surface px-4 py-2 text-body-base text-surface-foreground transition-colors hover:border-input hover:bg-accent-soft hover:shadow-md has-[[data-state=checked]]:border-accent-foreground has-[[data-state=checked]]:hover:border-accent-foreground has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50";
+function QuestionOption(props) {
+  const id = React43.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { htmlFor: id, className: cn(optionClasses, props.className), children: [
+    props.kind === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      Checkbox,
+      {
+        id,
+        checked: props.checked,
+        defaultChecked: props.defaultChecked,
+        onCheckedChange: (next) => props.onCheckedChange?.(next === true),
+        disabled: props.disabled
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupItem, { id, value: props.value, disabled: props.disabled }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "min-w-0 flex-1", children: props.label })
+  ] });
+}
+var QuestionOtherOption = React43.forwardRef(
+  ({ className, onSubmit, confirmLabel = "Confirm answer", placeholder = "Type your answer", ...props }, ref) => {
+    const inner = React43.useRef(null);
+    React43.useImperativeHandle(ref, () => inner.current);
+    const submit = () => onSubmit?.(inner.current?.value ?? "");
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      "div",
+      {
+        className: cn(
+          "inline-flex items-center gap-2 rounded-md border border-border bg-surface py-2 pr-2 pl-4 focus-within:border-input-accent",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "input",
+            {
+              ref: inner,
+              type: "text",
+              placeholder,
+              onKeyDown: (event) => {
+                if (event.key === "Enter") {
+                  event.preventDefault();
+                  submit();
+                }
+              },
+              className: "min-w-0 bg-transparent text-body-base text-surface-foreground outline-none placeholder:text-muted-foreground",
+              ...props
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { type: "button", variant: "subtle", size: "icon-sm", "aria-label": confirmLabel, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.Check, { size: 16, "aria-hidden": true }) })
+        ]
+      }
+    );
+  }
+);
+QuestionOtherOption.displayName = "QuestionOtherOption";
+function QuestionOptionEditor({ label, onLabelChange, onRemove, onAdd, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("flex w-full items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-11.5 min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-surface px-4 py-2 focus-within:border-input-accent hover:border-input hover:shadow-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.DotsSixVertical, { size: 20, "aria-hidden": true, className: "shrink-0 text-surface-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        "input",
+        {
+          "aria-label": "Option label",
+          value: label,
+          onChange: (event) => onLabelChange?.(event.target.value),
+          className: "min-w-0 flex-1 bg-transparent text-body-base text-surface-foreground outline-none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { type: "button", variant: "destructive", size: "icon-sm", "aria-label": "Remove option", onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.Trash, { size: 16, "aria-hidden": true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Add option", onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.Plus, { size: 16, "aria-hidden": true }) })
+  ] });
+}
+
+// src/components/Question Types/RankList.tsx
+var React44 = __toESM(require("react"), 1);
+var import_react23 = require("@phosphor-icons/react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function move(list, from, to) {
+  if (from === to || to < 0 || to >= list.length) return list;
+  const next = list.slice();
+  const [item] = next.splice(from, 1);
+  next.splice(to, 0, item);
+  return next;
+}
+var RankList = React44.forwardRef(
+  ({ className, items, onItemsChange, ...props }, ref) => {
+    const [dragIndex, setDragIndex] = React44.useState(null);
+    const [announcement, setAnnouncement] = React44.useState("");
+    const handles = React44.useRef(/* @__PURE__ */ new Map());
+    const refocus = React44.useRef(null);
+    React44.useEffect(() => {
+      if (refocus.current) {
+        handles.current.get(refocus.current)?.focus();
+        refocus.current = null;
+      }
+    });
+    const reorder = (from, to, id) => {
+      const next = move(items, from, to);
+      if (next === items) return;
+      refocus.current = id;
+      setAnnouncement(`Moved to position ${to + 1} of ${items.length}`);
+      onItemsChange(next);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ol", { ref, className: cn("flex w-full max-w-150 flex-col gap-4", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        "li",
+        {
+          draggable: true,
+          onDragStart: () => setDragIndex(index),
+          onDragOver: (event) => event.preventDefault(),
+          onDrop: () => {
+            if (dragIndex !== null) reorder(dragIndex, index, item.id);
+            setDragIndex(null);
+          },
+          onDragEnd: () => setDragIndex(null),
+          className: cn(
+            "group/rank flex items-center gap-3 overflow-hidden rounded-sm border border-border bg-surface px-4 py-2.5 text-body-base text-surface-foreground transition-colors",
+            "hover:border-accent-foreground hover:shadow-md",
+            dragIndex === index && "opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "button",
+              {
+                type: "button",
+                ref: (el) => {
+                  if (el) handles.current.set(item.id, el);
+                  else handles.current.delete(item.id);
+                },
+                "aria-label": `Reorder, position ${index + 1} of ${items.length}. Use the up and down arrow keys to move.`,
+                onKeyDown: (event) => {
+                  if (event.key === "ArrowUp") {
+                    event.preventDefault();
+                    reorder(index, index - 1, item.id);
+                  } else if (event.key === "ArrowDown") {
+                    event.preventDefault();
+                    reorder(index, index + 1, item.id);
+                  }
+                },
+                className: "inline-flex shrink-0 cursor-grab rounded-xs text-surface-foreground",
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react23.DotsSixVertical, { size: 16, "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex size-6 shrink-0 items-center justify-center rounded-full border border-border bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-ui-caption text-surface-foreground group-hover/rank:border-accent-foreground group-hover/rank:bg-accent-soft group-hover/rank:bg-none group-hover/rank:text-accent-soft-foreground",
+                children: index + 1
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "min-w-0 flex-1", children: item.label })
+          ]
+        },
+        item.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement })
+    ] });
+  }
+);
+RankList.displayName = "RankList";
+
+// src/components/Question Types/RatingScale.tsx
+var React45 = __toESM(require("react"), 1);
+var import_radix_ui22 = require("radix-ui");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var RatingScale = React45.forwardRef(
+  ({ className, max = 5, value, defaultValue, onValueChange, lowLabel, highLabel, ...props }, ref) => {
+    const [internal, setInternal] = React45.useState(defaultValue);
+    const current = value !== void 0 ? value : internal;
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("flex w-full max-w-150 flex-col gap-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        import_radix_ui22.ToggleGroup.Root,
+        {
+          ref,
+          type: "single",
+          value: current ? String(current) : "",
+          onValueChange: (next) => {
+            const parsed = next ? Number(next) : void 0;
+            setInternal(parsed);
+            onValueChange?.(parsed);
+          },
+          className: "flex gap-2",
+          ...props,
+          children: Array.from({ length: max }, (_, i) => i + 1).map((n) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            import_radix_ui22.ToggleGroup.Item,
+            {
+              value: String(n),
+              "aria-label": `${n}`,
+              className: cn(
+                "flex h-12 min-w-0 flex-1 items-center justify-center rounded-sm border-2 border-border bg-surface text-ui-label-large text-surface-foreground transition-colors",
+                "hover:bg-accent-soft",
+                "data-[state=on]:border-accent-foreground data-[state=on]:text-accent-foreground"
+              ),
+              children: n
+            },
+            n
+          ))
+        }
+      ),
+      (lowLabel != null || highLabel != null) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between text-ui-caption text-secondary-muted-foreground", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: lowLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: highLabel })
+      ] })
+    ] });
+  }
+);
+RatingScale.displayName = "RatingScale";
+
+// src/components/Data Display/Progress.tsx
+var React46 = __toESM(require("react"), 1);
+var import_radix_ui23 = require("radix-ui");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Progress = React46.forwardRef(
+  ({ className, value = 0, label, valueLabel, detailsStart, detailsEnd, ...props }, ref) => {
+    const hasHeader = label != null || valueLabel != null;
+    const hasDetails = detailsStart != null || detailsEnd != null;
+    const clamped = Math.min(100, Math.max(0, value ?? 0));
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("flex w-full flex-col gap-2", className), children: [
+      hasHeader && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between text-ui-label text-surface-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: valueLabel === true ? `${Math.round(clamped)}%` : valueLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        import_radix_ui23.Progress.Root,
+        {
+          ref,
+          value: clamped,
+          className: "relative h-2 w-full overflow-hidden rounded-full bg-secondary",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            import_radix_ui23.Progress.Indicator,
+            {
+              className: "h-full rounded-full bg-accent transition-[width]",
+              style: { width: `${clamped}%` }
+            }
+          )
+        }
+      ),
+      hasDetails && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start justify-between text-ui-label leading-5 text-secondary-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: detailsStart }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: detailsEnd })
+      ] })
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+// src/components/Data Display/Table.tsx
+var React47 = __toESM(require("react"), 1);
+var import_react24 = require("@phosphor-icons/react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Table = React47.forwardRef(
+  ({ className, containerClassName, striped, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("relative w-full overflow-auto rounded-lg border border-border bg-surface", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "table",
+    {
+      ref,
+      "data-striped": striped ? "" : void 0,
+      className: cn("group/table w-full border-collapse text-body-small text-surface-foreground", className),
+      ...props
+    }
+  ) })
+);
+Table.displayName = "Table";
+var TableHeader = React47.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { ref, className, ...props })
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React47.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tbody", { ref, className, ...props })
+);
+TableBody.displayName = "TableBody";
+var TableRow = React47.forwardRef(
+  ({ className, selected, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "tr",
+    {
+      ref,
+      "data-state": selected ? "selected" : void 0,
+      "aria-selected": selected || void 0,
+      className: cn(
+        "group/row border-b border-border transition-colors last:border-b-0",
+        "group-data-[striped]/table:even:bg-background hover:bg-accent-soft group-data-[striped]/table:even:hover:bg-accent-soft",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var ariaSort = { none: "none", asc: "ascending", desc: "descending" };
+var TableHead = React47.forwardRef(
+  ({ className, align = "left", sortable, sort = "none", onSort, checkbox, children, ...props }, ref) => {
+    const caret = sort === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react24.CaretUp, { size: 16, "aria-hidden": true, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react24.CaretDown, { size: 16, "aria-hidden": true, className: "shrink-0" });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      "th",
+      {
+        ref,
+        scope: "col",
+        "aria-sort": sortable ? ariaSort[sort] : void 0,
+        className: cn(
+          "h-10 border-b border-border text-ui-label whitespace-nowrap",
+          checkbox ? "w-13 px-0 text-center" : "px-4 py-3",
+          align === "right" ? "text-right" : "text-left",
+          className
+        ),
+        ...props,
+        children: sortable ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: onSort,
+            className: cn("inline-flex items-center gap-1 rounded-xs", align === "right" && "flex-row-reverse"),
+            children: [
+              children,
+              caret
+            ]
+          }
+        ) : checkbox ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children }) : children
+      }
+    );
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = React47.forwardRef(
+  ({ className, align = "left", muted, checkbox, actions, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    "td",
+    {
+      ref,
+      className: cn(
+        "h-10 text-body-small",
+        "group-data-[state=selected]/row:first:border-l-2 group-data-[state=selected]/row:first:border-l-input-accent",
+        checkbox ? "w-13 px-0 text-center" : actions ? "px-4 py-1.5 text-right" : "px-4 py-3",
+        align === "right" && "text-right",
+        muted ? "text-secondary-muted-foreground" : "text-surface-foreground",
+        className
+      ),
+      ...props,
+      children: checkbox ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center", children }) : actions ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-start justify-end gap-1", children }) : children
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+function TableCellTwoLines({ primary, secondary, avatar, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("flex items-center gap-2", className), ...props, children: [
+    avatar,
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-0.5 whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-ui-label text-surface-foreground", children: primary }),
+      secondary && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-ui-caption text-secondary-muted-foreground", children: secondary })
+    ] })
+  ] });
+}
+
+// src/components/Data Display/StatCard.tsx
+var React48 = __toESM(require("react"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var statCardVariants = (0, import_class_variance_authority6.cva)("flex min-w-0 flex-col gap-2 rounded-md border p-3", {
+  variants: {
+    variant: {
+      default: "border-border bg-transparent",
+      warning: "border-warning-soft-border bg-warning-soft"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+var StatCard = React48.forwardRef(
+  ({ className, variant, label, value, icon, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ref, className: cn(statCardVariants({ variant }), className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "truncate text-ui-caption text-secondary-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "flex items-center gap-2 text-body-base text-surface-foreground", children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { "aria-hidden": "true", className: "inline-flex size-6 shrink-0 items-center justify-center", children: icon }),
+      value
+    ] })
+  ] })
+);
+StatCard.displayName = "StatCard";
+
+// src/components/Research-Specific/ActivityStructure.tsx
+var React50 = __toESM(require("react"), 1);
+
+// src/components/Tags & Badges/EditableTag.tsx
+var React49 = __toESM(require("react"), 1);
+var import_react25 = require("@phosphor-icons/react");
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var editableTagVariants = (0, import_class_variance_authority7.cva)(
+  "inline-flex h-6.5 items-center whitespace-nowrap rounded-sm py-1 text-ui-caption transition-colors",
+  {
+    variants: {
+      type: {
+        default: "gap-1 bg-accent-muted pl-2.5 pr-1.5 text-primary",
+        editable: "gap-1 bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 pl-2.5 pr-1.5 text-surface-foreground hover:bg-accent-soft hover:bg-none hover:text-accent-soft-foreground",
+        add: "gap-1 border border-dashed border-border pl-2.5 pr-1.5 text-surface-foreground hover:bg-accent-soft hover:text-accent-soft-foreground",
+        multiple: "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 px-2.5 text-surface-foreground hover:bg-accent-soft hover:bg-none hover:text-accent-soft-foreground"
+      }
+    },
+    defaultVariants: { type: "default" }
+  }
+);
+var EditableTag = React49.forwardRef(
+  ({ className, type = "default", icon, onRemove, onClick, children, ...props }, ref) => {
+    const classes = cn(editableTagVariants({ type }), className);
+    const leading = type === "add" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react25.Plus, { size: 12, "aria-hidden": true }) : icon !== void 0 ? icon : type === "default" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react25.Crown, { size: 12, weight: "fill", "aria-hidden": true }) : null;
+    if (type === "add" || type === "multiple" && onClick) {
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { ref, type: "button", className: classes, onClick, ...props, children: [
+        leading,
+        children
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { ref, className: classes, ...props, children: [
+      leading,
+      children,
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": typeof children === "string" ? `Remove ${children}` : "Remove",
+          onClick: onRemove,
+          className: "inline-flex size-3 items-center justify-center rounded-xs",
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react25.X, { size: 12, "aria-hidden": true })
+        }
+      )
+    ] });
+  }
+);
+EditableTag.displayName = "EditableTag";
+
+// src/components/Research-Specific/ActivityStructure.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var ActivityStructure = React50.forwardRef(
+  ({ className, title = "Activity Structure", stats, sections, onRemoveTag, onAddTag, addTagLabel = "Add tag", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    "section",
+    {
+      ref,
+      className: cn("flex w-full max-w-96.5 flex-col gap-4 rounded-2xl border border-border bg-surface p-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-heading-h3 text-surface-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "grid grid-cols-2 gap-3", children: stats.map(({ id, ...stat }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StatCard, { ...stat }, id)) }),
+        sections?.map(({ id, heading, body, tags }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h4", { className: "text-heading-h4 text-surface-foreground", children: heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-body-base text-surface-foreground", children: body }),
+          (tags?.length || onAddTag) && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+            tags?.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EditableTag, { type: "editable", onRemove: onRemoveTag && (() => onRemoveTag(id, tag)), children: tag }, tag)),
+            onAddTag && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EditableTag, { type: "add", onClick: () => onAddTag(id), children: addTagLabel })
+          ] })
+        ] }, id))
+      ]
+    }
+  )
+);
+ActivityStructure.displayName = "ActivityStructure";
+
+// src/components/Tags & Badges/RoleTag.tsx
+var React51 = __toESM(require("react"), 1);
+var import_react26 = require("@phosphor-icons/react");
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var roleTagVariants = (0, import_class_variance_authority8.cva)(
+  "group inline-flex h-6 items-center whitespace-nowrap rounded-sm py-1 text-ui-caption transition-colors",
+  {
+    variants: {
+      type: {
+        primary: "bg-primary-soft px-2.5 text-primary-soft-foreground",
+        secondary: "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 px-2.5 text-secondary-muted-foreground",
+        question: "gap-1 bg-primary-soft pl-1 pr-2.5 text-plum-500",
+        interactable: "gap-1 pl-2.5 pr-2.5 hover:pl-1"
+      },
+      selected: { true: "", false: "" }
+    },
+    compoundVariants: [
+      {
+        type: "interactable",
+        selected: false,
+        className: "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground"
+      },
+      { type: "interactable", selected: true, className: "bg-accent-soft text-accent-foreground" }
+    ],
+    defaultVariants: { type: "primary", selected: false }
+  }
+);
+var RoleTag = React51.forwardRef(
+  ({ className, type = "primary", selected = false, onClick, children, ...props }, ref) => {
+    const classes = cn(roleTagVariants({ type, selected: type === "interactable" ? selected : false }), className);
+    if (type === "interactable") {
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        "button",
+        {
+          ref,
+          type: "button",
+          "aria-pressed": selected,
+          className: classes,
+          onClick,
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react26.DotsSixVertical, { size: 16, "aria-hidden": true, className: "hidden shrink-0 group-hover:block" }),
+            children
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { ref, className: classes, ...props, children: [
+      type === "question" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react26.RadioButton, { size: 16, weight: "fill", "aria-hidden": true }),
+      children
+    ] });
+  }
+);
+RoleTag.displayName = "RoleTag";
+
+// src/components/Utility/Pagination.tsx
+var React52 = __toESM(require("react"), 1);
+var import_react27 = require("@phosphor-icons/react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function getPaginationItems(page, pageCount, siblings = 1) {
+  const keep = /* @__PURE__ */ new Set([1, pageCount]);
+  for (let p = page - siblings; p <= page + siblings; p++) if (p >= 1 && p <= pageCount) keep.add(p);
+  const sorted = [...keep].sort((a, b) => a - b);
+  const items = [];
+  sorted.forEach((p, index) => {
+    const previous = sorted[index - 1];
+    if (previous !== void 0 && p - previous === 2) items.push(previous + 1);
+    else if (previous !== void 0 && p - previous > 2) items.push("ellipsis");
+    items.push(p);
+  });
+  return items;
+}
+var Pagination = React52.forwardRef(
+  ({ className, page, pageCount, onPageChange, variant = "full", siblings = 1, ...props }, ref) => {
+    const go = (next2) => onPageChange(Math.min(pageCount, Math.max(1, next2)));
+    const previous = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon-sm",
+        "aria-label": "Previous page",
+        disabled: page <= 1,
+        onClick: () => go(page - 1),
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react27.ArrowLeft, { size: 16, "aria-hidden": true })
+      }
+    );
+    const next = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon-sm",
+        "aria-label": "Next page",
+        disabled: page >= pageCount,
+        onClick: () => go(page + 1),
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react27.ArrowRight, { size: 16, "aria-hidden": true })
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      "nav",
+      {
+        ref,
+        "aria-label": "Pagination",
+        className: cn("flex items-center", variant === "compact" ? "w-35 justify-between" : "gap-2", className),
+        ...props,
+        children: [
+          previous,
+          variant === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-body-small text-surface-foreground", "aria-live": "polite", children: [
+            page,
+            "/",
+            pageCount
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: "flex items-center gap-2", children: getPaginationItems(page, pageCount, siblings).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: item === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "inline-flex size-8 items-center justify-center rounded-sm border border-border bg-surface text-surface-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react27.DotsThree, { size: 16, "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "sr-only", children: "More pages" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: item === page ? "subtle" : "outline",
+              size: "sm",
+              "aria-label": `Page ${item}`,
+              "aria-current": item === page ? "page" : void 0,
+              onClick: () => go(item),
+              children: item
+            }
+          ) }, item === "ellipsis" ? `ellipsis-${index}` : item)) }),
+          next
+        ]
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AIMiniAvatar,
+  AIResponseContainer,
+  ActivityStructure,
+  AskAiInput,
+  AskAiToggle,
+  Button,
+  Calendar,
+  ChatChoices,
+  ChatInput,
+  ChatOption,
+  Checkbox,
+  CheckboxField,
+  DatePicker,
+  DateTimePicker,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EditableTag,
+  Field,
+  FileAttachment,
+  FileUploadItem,
+  FileUploadZone,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  ImagePreview,
+  ImageThumbnails,
+  Input,
+  InputWithAction,
+  Label,
+  MediaInfo,
+  NumberInput,
+  OpenEndAnswer,
+  Pagination,
+  Progress,
+  ProjectSelector,
+  QuestionCard,
+  QuestionEditorCard,
+  QuestionHeader,
+  QuestionNavItem,
+  QuestionOption,
+  QuestionOptionEditor,
+  QuestionOtherOption,
+  QuestionTypeIcon,
+  RadioGroup,
+  RadioGroupFieldItem,
+  RadioGroupItem,
+  RankList,
+  RatingScale,
+  RoleTag,
+  SearchBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Slider,
+  StatCard,
+  StatusTag,
+  Switch,
+  TabItem,
+  TabNavigation,
+  TabNavigationContext,
+  Table,
+  TableBody,
+  TableCell,
+  TableCellTwoLines,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  Tag,
+  Textarea,
+  TimeItem,
+  TimePicker,
+  Timestamp,
+  Toast,
+  ToastAction,
+  ToastInline,
+  ToastProvider,
+  ToastViewport,
+  Toggle,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  TopicActivityRow,
+  TopicCard,
+  TopicCardMetaItem,
+  TopicCardTag,
+  UserMessageBubble,
+  VideoPlayer,
+  VolumeControl,
+  fieldSurfaceClasses,
+  formatDateTime,
+  getPaginationItems,
+  useFormField
+});
+//# sourceMappingURL=index.cjs.map