@seekbuddy/dsh-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/index.js

@@ -1,40 +1,52 @@
 import {
+  MENU_TRANSITION_MS,
   Menu,
   MenuItemButton,
   MenuSurface,
   Pill,
-  StateDot,
   closeTopModal,
   focusWithoutRing,
   isBehindModal,
+  isMobileDevice,
   modalSelector,
   observeComposition,
+  useAnchoredPosition,
+  useClipboardCopy,
   useModalLayer
-} from "./chunks/chunk-3HCOU44R.js";
+} from "./chunks/chunk-YOBY6PSL.js";
+import {
+  Button
+} from "./chunks/chunk-ENKPNYOB.js";
 import {
+  DraggableImage,
   HoverCard,
+  HoverCardGroup,
   ImageLightbox,
   MarkdownText_module_default,
   ShortcutKeys,
+  StateDot,
   Tooltip,
   overlayTopMargin,
   pointerModality,
   useDismissOnOutsidePointer,
   writeClipboard
-} from "./chunks/chunk-OQPH36OI.js";
+} from "./chunks/chunk-JA3XDLIA.js";
 import {
   ReferenceIconRegular
-} from "./chunks/chunk-5JXG4BHW.js";
+} from "./chunks/chunk-FFJ6TCCF.js";
 import {
   IconCheckCircleOutlineRegular,
   IconCheckOutlineRegular,
   IconChevronDownOutlineRegular,
   IconChevronUpOutlineRegular,
   IconCloseOutlineRegular,
+  IconPlusOutlineRegular,
   IconRefreshOutlineRegular,
   IconWarningOutlineRegular
-} from "./chunks/chunk-LA3QDZYN.js";
-import "./chunks/chunk-ZA47FP7C.js";
+} from "./chunks/chunk-XW4L4ZGL.js";
+import {
+  __publicField
+} from "./chunks/chunk-ZA47FP7C.js";
 
 // src/DisclosureRow.tsx
 import { memo as memo2 } from "react";
@@ -53,7 +65,7 @@ if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-u
   element.textContent = ".sFCb2G_root{vertical-align:top;width:max-content;min-width:0;max-width:100%;color:inherit;display:inline-grid;position:relative}.sFCb2G_content{align-items:center;min-width:0;display:flex}.sFCb2G_text{color:inherit}.sFCb2G_text[data-shimmer-text]:after{content:attr(data-shimmer-text)}.sFCb2G_decoration{pointer-events:none;user-select:none;position:absolute;inset:0;overflow:clip}.sFCb2G_sweep{color:var(--dsw-alias-label-shimmer);animation-name:sFCb2G_dsh-row-shimmer-sweep;position:absolute;inset:0;overflow:hidden;transform:translate(-100%);mask-image:linear-gradient(105deg,#0000 0%,#000 40% 60%,#0000 100%)}.sFCb2G_sweep *{color:inherit!important}.sFCb2G_sweep [data-shimmer-decoration]{background:currentColor}.sFCb2G_highlight{width:100%;height:100%;animation-name:sFCb2G_dsh-row-shimmer-highlight;transform:translate(100%)}.sFCb2G_sweep,.sFCb2G_highlight{animation-duration:1.5s;animation-timing-function:steps(48,end);animation-iteration-count:infinite;animation-delay:.3s}@keyframes sFCb2G_dsh-row-shimmer-sweep{0%{transform:translate(-100%)}66.6667%,to{transform:translate(100%)}}@keyframes sFCb2G_dsh-row-shimmer-highlight{0%{transform:translate(100%)}66.6667%,to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sFCb2G_decoration{display:none}.sFCb2G_sweep,.sFCb2G_highlight{animation:none}}";
   document.head.appendChild(element);
 }
-var TextShimmer_module_default = { "decoration": "sFCb2G_decoration", "highlight": "sFCb2G_highlight", "text": "sFCb2G_text", "sweep": "sFCb2G_sweep", "root": "sFCb2G_root", "dsh-row-shimmer-sweep": "sFCb2G_dsh-row-shimmer-sweep", "dsh-row-shimmer-highlight": "sFCb2G_dsh-row-shimmer-highlight", "content": "sFCb2G_content" };
+var TextShimmer_module_default = { "dsh-row-shimmer-sweep": "sFCb2G_dsh-row-shimmer-sweep", "root": "sFCb2G_root", "sweep": "sFCb2G_sweep", "dsh-row-shimmer-highlight": "sFCb2G_dsh-row-shimmer-highlight", "highlight": "sFCb2G_highlight", "text": "sFCb2G_text", "content": "sFCb2G_content", "decoration": "sFCb2G_decoration" };
 
 // src/TextShimmer.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -84,10 +96,10 @@ var id2 = "@seekbuddy/dsh-ui/DisclosureRow.module.css";
 if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id2 + '"]')) {
   const element = document.createElement("style");
   element.setAttribute("data-dsh-ui-primitives", id2);
-  element.textContent = "._1_lb6a_root{flex-direction:column;width:100%;min-width:0;display:flex}._1_lb6a_row{height:calc(24px + var(--dsh-content-font-delta,0px));min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;transition:color .1s;display:flex;position:relative;overflow:hidden}._1_lb6a_row[data-expandable]{cursor:pointer}._1_lb6a_row:hover{color:var(--dsw-alias-label-secondary)}._1_lb6a_leading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:inherit;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-right:6px;padding:0;display:inline-flex;position:relative}._1_lb6a_leading svg:not([data-state]){width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}button._1_lb6a_leading{cursor:pointer}._1_lb6a_iconIdle{opacity:1;transition:opacity .1s;display:inline-flex}._1_lb6a_chevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}._1_lb6a_row:hover ._1_lb6a_iconIdle{opacity:0}._1_lb6a_row:hover ._1_lb6a_chevronHover{opacity:1}._1_lb6a_title{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:inherit;flex:none}@media (prefers-reduced-motion:reduce){._1_lb6a_row{transition:none}}";
+  element.textContent = "._1_lb6a_root{flex-direction:column;width:100%;min-width:0;display:flex}._1_lb6a_header{align-items:center;min-width:0;display:flex}._1_lb6a_header[data-has-accessory]{gap:8px}._1_lb6a_header[data-has-accessory] ._1_lb6a_row{flex:0 auto}._1_lb6a_row{height:calc(24px + var(--dsh-content-font-delta,0px));min-width:0;color:var(--dsw-alias-label-tertiary);flex:auto;align-items:center;transition:color .1s;display:flex;position:relative;overflow:hidden}._1_lb6a_row[data-expandable]{cursor:pointer}@media (hover:hover){._1_lb6a_row:hover{color:var(--dsw-alias-label-secondary)}}._1_lb6a_leading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:inherit;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-right:6px;padding:0;display:inline-flex;position:relative}._1_lb6a_leading svg:not([data-state]){width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}button._1_lb6a_leading{cursor:pointer}._1_lb6a_iconIdle{opacity:1;transition:opacity .1s;display:inline-flex}._1_lb6a_chevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}@media (hover:hover){._1_lb6a_row:hover ._1_lb6a_iconIdle{opacity:0}._1_lb6a_row:hover ._1_lb6a_chevronHover{opacity:1}}._1_lb6a_title{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:inherit;flex:none}@media (prefers-reduced-motion:reduce){._1_lb6a_row{transition:none}}";
   document.head.appendChild(element);
 }
-var DisclosureRow_module_default = { "title": "_1_lb6a_title", "row": "_1_lb6a_row", "leading": "_1_lb6a_leading", "root": "_1_lb6a_root", "iconIdle": "_1_lb6a_iconIdle", "chevronHover": "_1_lb6a_chevronHover" };
+var DisclosureRow_module_default = { "root": "_1_lb6a_root", "leading": "_1_lb6a_leading", "header": "_1_lb6a_header", "row": "_1_lb6a_row", "iconIdle": "_1_lb6a_iconIdle", "chevronHover": "_1_lb6a_chevronHover", "title": "_1_lb6a_title" };
 
 // src/DisclosureRow.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -102,6 +114,7 @@ var DisclosureRow = memo2(function DisclosureRow2({
   previewChevron = expandable,
   keepContentWhenOpen = false,
   collapsedContent,
+  headerAccessory,
   children,
   className,
   rowClassName,
@@ -127,84 +140,65 @@ var DisclosureRow = memo2(function DisclosureRow2({
   ] }) : icon;
   const leading = open ? /* @__PURE__ */ jsx2(IconChevronUpOutlineRegular, { className: chevronClassName }) : collapsedLeading;
   return /* @__PURE__ */ jsxs2("div", { className: clsx2(DisclosureRow_module_default.root, className), "data-open": open || void 0, children: [
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: clsx2(DisclosureRow_module_default.row, rowClassName),
-        "data-disclosure-row": true,
-        "data-expandable": rowExpands || void 0,
-        role: rowExpands ? "button" : void 0,
-        tabIndex: rowExpands ? 0 : void 0,
-        "aria-expanded": rowExpands ? open : void 0,
-        onClick: rowExpands ? onToggle : void 0,
-        onKeyDown: rowExpands ? toggleFromKeyboard : void 0,
-        children: [
-          expandable && !rowExpands ? /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: clsx2(DisclosureRow_module_default.leading, leadingClassName),
-              "aria-label": title,
-              "aria-expanded": open,
-              onClick: toggleFromLeading,
-              children: leading
-            }
-          ) : /* @__PURE__ */ jsx2("span", { className: clsx2(DisclosureRow_module_default.leading, leadingClassName), children: leading }),
-          /* @__PURE__ */ jsxs2(TextShimmer, { active: running, className: contentClassName, contentClassName: contentLayoutClassName, children: [
-            /* @__PURE__ */ jsx2(TextShimmer, { className: clsx2(DisclosureRow_module_default.title, titleClassName), children: title }),
-            (keepContentWhenOpen || !open) && collapsedContent
-          ] })
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxs2("div", { className: DisclosureRow_module_default.header, "data-disclosure-header": true, "data-has-accessory": !!headerAccessory || void 0, children: [
+      /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: clsx2(DisclosureRow_module_default.row, rowClassName),
+          "data-disclosure-row": true,
+          "data-expandable": rowExpands || void 0,
+          role: rowExpands ? "button" : void 0,
+          tabIndex: rowExpands ? 0 : void 0,
+          "aria-expanded": rowExpands ? open : void 0,
+          onClick: rowExpands ? onToggle : void 0,
+          onKeyDown: rowExpands ? toggleFromKeyboard : void 0,
+          children: [
+            expandable && !rowExpands ? /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                className: clsx2(DisclosureRow_module_default.leading, leadingClassName),
+                "aria-label": title,
+                "aria-expanded": open,
+                onClick: toggleFromLeading,
+                children: leading
+              }
+            ) : /* @__PURE__ */ jsx2("span", { className: clsx2(DisclosureRow_module_default.leading, leadingClassName), children: leading }),
+            /* @__PURE__ */ jsxs2(TextShimmer, { active: running, className: contentClassName, contentClassName: contentLayoutClassName, children: [
+              /* @__PURE__ */ jsx2(TextShimmer, { className: clsx2(DisclosureRow_module_default.title, titleClassName), children: title }),
+              (keepContentWhenOpen || !open) && collapsedContent
+            ] })
+          ]
+        }
+      ),
+      headerAccessory
+    ] }),
     open && children
   ] });
 });
 
-// src/Button.tsx
-import { forwardRef } from "react";
+// src/SegmentedTabs.tsx
 import clsx3 from "clsx";
 
-// .build/css/Button.module.mjs
-var id3 = "@seekbuddy/dsh-ui/Button.module.css";
+// .build/css/SegmentedTabs.module.mjs
+var id3 = "@seekbuddy/dsh-ui/SegmentedTabs.module.css";
 if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id3 + '"]')) {
   const element = document.createElement("style");
   element.setAttribute("data-dsh-ui-primitives", id3);
-  element.textContent = ".wa-Ieq_button{box-sizing:border-box;border-radius:var(--dsw-radius-md);cursor:pointer;color:var(--dsw-alias-label-primary);background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.wa-Ieq_button:disabled{cursor:not-allowed;opacity:.4}.wa-Ieq_md{height:36px}.wa-Ieq_sm{border-radius:var(--dsw-radius-sm);height:28px;padding:0 10px;font-size:12px;line-height:18px}.wa-Ieq_primary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.wa-Ieq_primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.wa-Ieq_ghost:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wa-Ieq_ghost:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.wa-Ieq_outline{border:.5px solid var(--dsw-alias-border-l3);background:0 0}.wa-Ieq_outline:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.wa-Ieq_toolbar{background:var(--dsw-alias-button-tool-bar-fill)}.wa-Ieq_toolbar:hover:not(:disabled){background:var(--dsw-alias-button-tool-bar-hover)}.wa-Ieq_icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}";
-  document.head.appendChild(element);
-}
-var Button_module_default = { "icon": "wa-Ieq_icon", "sm": "wa-Ieq_sm", "primary": "wa-Ieq_primary", "md": "wa-Ieq_md", "outline": "wa-Ieq_outline", "toolbar": "wa-Ieq_toolbar", "ghost": "wa-Ieq_ghost", "button": "wa-Ieq_button" };
-
-// src/Button.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Button = forwardRef(function Button2({ variant = "ghost", size = "md", icon, className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs3("button", { ref, type: "button", className: clsx3(Button_module_default.button, Button_module_default[variant], Button_module_default[size], className), ...rest, children: [
-    icon != null && /* @__PURE__ */ jsx3("span", { className: Button_module_default.icon, children: icon }),
-    children
-  ] });
-});
-
-// src/SegmentedTabs.tsx
-import clsx4 from "clsx";
-
-// .build/css/SegmentedTabs.module.mjs
-var id4 = "@seekbuddy/dsh-ui/SegmentedTabs.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id4 + '"]')) {
-  const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id4);
-  element.textContent = ".zfSGJW_tabs{border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-module-platform);padding:4px;display:grid;position:relative}.zfSGJW_indicator{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);pointer-events:none;transition:transform .18s;position:absolute;inset:4px auto 4px 4px}.zfSGJW_tab{border-radius:var(--dsw-radius-md);height:34px;color:var(--dsw-alias-label-secondary);background:0 0;justify-content:center;padding:0 12px;font-size:14px;line-height:20px;transition:color .18s;position:relative}.zfSGJW_tab:hover,.zfSGJW_tab[aria-selected=true]{color:var(--dsw-alias-label-primary);background:0 0}.zfSGJW_tab[aria-selected=true]{font-weight:600}.zfSGJW_tab:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline 1px}@media (prefers-reduced-motion:reduce){.zfSGJW_indicator,.zfSGJW_tab{transition:none}}";
+  element.textContent = ".zfSGJW_tabs{--segmented-tabs-inset:4px;padding:var(--segmented-tabs-inset);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-module-platform);display:grid;position:relative}.zfSGJW_indicator{inset:var(--segmented-tabs-inset) auto var(--segmented-tabs-inset) var(--segmented-tabs-inset);box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);pointer-events:none;transition:transform .18s;position:absolute}.zfSGJW_tab{border-radius:var(--dsw-radius-md);height:34px;color:var(--dsw-alias-label-secondary);background:0 0;justify-content:center;padding:0 12px;font-size:14px;line-height:20px;transition:color .18s;position:relative}.zfSGJW_tab[aria-selected=true]{color:var(--dsw-alias-label-primary);background:0 0}@media (hover:hover){.zfSGJW_tab:hover{color:var(--dsw-alias-label-primary);background:0 0}}.zfSGJW_tab[aria-selected=true]{font-weight:600}.zfSGJW_tabs[data-size=sm]{--segmented-tabs-inset:2px;border-radius:calc(var(--dsw-radius-md) + var(--segmented-tabs-inset))}.zfSGJW_tabs[data-size=sm] .zfSGJW_tab{height:30px}.zfSGJW_tabs[data-size=sm] .zfSGJW_tab[aria-selected=true]{font-weight:500}.zfSGJW_tab:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline 1px}@media (prefers-reduced-motion:reduce){.zfSGJW_indicator,.zfSGJW_tab{transition:none}}";
   document.head.appendChild(element);
 }
-var SegmentedTabs_module_default = { "tab": "zfSGJW_tab", "tabs": "zfSGJW_tabs", "indicator": "zfSGJW_indicator" };
+var SegmentedTabs_module_default = { "tabs": "zfSGJW_tabs", "tab": "zfSGJW_tab", "indicator": "zfSGJW_indicator" };
 
 // src/SegmentedTabs.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SegmentedTabs({
   items,
   value,
   onChange,
   label,
-  className
+  className,
+  size = "md"
 }) {
   const selectedIndex = items.findIndex((item) => item.value === value);
   const onKeyDown = (event, index) => {
@@ -233,23 +227,27 @@ function SegmentedTabs({
     tablist.querySelectorAll('[role="tab"]').item(next).focus();
     onChange(nextItem.value);
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       role: "tablist",
+      "data-size": size,
       "aria-label": label,
-      className: clsx4(SegmentedTabs_module_default.tabs, className),
+      className: clsx3(SegmentedTabs_module_default.tabs, className),
       style: { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` },
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "span",
           {
             className: SegmentedTabs_module_default.indicator,
             "aria-hidden": "true",
-            style: { width: `calc((100% - 8px) / ${items.length})`, transform: `translateX(${selectedIndex * 100}%)` }
+            style: {
+              width: `calc((100% - 2 * var(--segmented-tabs-inset)) / ${items.length})`,
+              transform: `translateX(${selectedIndex * 100}%)`
+            }
           }
         ),
-        items.map((item, index) => /* @__PURE__ */ jsx4(
+        items.map((item, index) => /* @__PURE__ */ jsx3(
           Pill,
           {
             id: item.id,
@@ -274,43 +272,43 @@ function SegmentedTabs({
 }
 
 // src/Tag.tsx
-import clsx5 from "clsx";
+import clsx4 from "clsx";
 
 // .build/css/Tag.module.mjs
-var id5 = "@seekbuddy/dsh-ui/Tag.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id5 + '"]')) {
+var id4 = "@seekbuddy/dsh-ui/Tag.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id4 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id5);
+  element.setAttribute("data-dsh-ui-primitives", id4);
   element.textContent = ".bkMBDa_tag{corner-shape:round;white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.bkMBDa_tag[data-tone=outline]{border:.5px solid var(--dsw-alias-border-l4);color:var(--dsw-alias-label-tertiary)}.bkMBDa_tag[data-tone=solid]{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.bkMBDa_tag[data-tone=neutral]{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}.bkMBDa_tag[data-tone=quiet]{color:var(--dsw-alias-label-tertiary)}.bkMBDa_tag[data-tone=success]{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);color:var(--dsw-alias-state-success-primary)}.bkMBDa_tag[data-tone=info]{background:color-mix(in srgb, var(--dsw-alias-state-business-primary) 10%, transparent);color:var(--dsw-alias-state-business-primary)}.bkMBDa_tag[data-tone=warning]{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);color:var(--dsw-alias-state-warn-primary)}.bkMBDa_tag[data-tone=danger]{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);color:var(--dsw-alias-state-error-primary)}";
   document.head.appendChild(element);
 }
 var Tag_module_default = { "tag": "bkMBDa_tag" };
 
 // src/Tag.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Tag({
   tone = "outline",
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx5("span", { className: clsx5(Tag_module_default.tag, className), "data-tone": tone, children });
+  return /* @__PURE__ */ jsx4("span", { className: clsx4(Tag_module_default.tag, className), "data-tone": tone, children });
 }
 
 // src/Switch.tsx
-import clsx6 from "clsx";
+import clsx5 from "clsx";
 
 // .build/css/Switch.module.mjs
-var id6 = "@seekbuddy/dsh-ui/Switch.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id6 + '"]')) {
+var id5 = "@seekbuddy/dsh-ui/Switch.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id5 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id6);
+  element.setAttribute("data-dsh-ui-primitives", id5);
   element.textContent = ".POxp2W_switch{box-sizing:border-box;corner-shape:round;background:var(--dsw-alias-border-l3);cursor:pointer;border:0;border-radius:999px;flex:none;width:36px;height:20px;padding:2px;position:relative}.POxp2W_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.POxp2W_switch:disabled{cursor:default;opacity:.5}.POxp2W_switch:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.POxp2W_thumb{corner-shape:round;background:var(--dsw-alias-label-primary-foreground);border-radius:50%;width:16px;height:16px;transition:transform .12s;display:block}.POxp2W_switch[aria-checked=false] .POxp2W_thumb{background:var(--dsw-alias-switch-thumb)}.POxp2W_switch[aria-checked=true] .POxp2W_thumb{transform:translate(16px)}";
   document.head.appendChild(element);
 }
 var Switch_module_default = { "switch": "POxp2W_switch", "thumb": "POxp2W_thumb" };
 
 // src/Switch.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Switch({
   checked,
   onChange,
@@ -319,7 +317,7 @@ function Switch({
   title,
   className
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -328,31 +326,31 @@ function Switch({
       "aria-label": label,
       title,
       disabled,
-      className: clsx6(Switch_module_default.switch, className),
+      className: clsx5(Switch_module_default.switch, className),
       onClick: () => {
         onChange(!checked);
       },
-      children: /* @__PURE__ */ jsx6("span", { className: Switch_module_default.thumb })
+      children: /* @__PURE__ */ jsx5("span", { className: Switch_module_default.thumb })
     }
   );
 }
 
 // src/SegmentedControl.tsx
 import { useEffect, useRef } from "react";
-import clsx7 from "clsx";
+import clsx6 from "clsx";
 
 // .build/css/SegmentedControl.module.mjs
-var id7 = "@seekbuddy/dsh-ui/SegmentedControl.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id7 + '"]')) {
+var id6 = "@seekbuddy/dsh-ui/SegmentedControl.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id6 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id7);
-  element.textContent = "._4Yr7Ka_control{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:4px;display:inline-grid;position:relative}._4Yr7Ka_indicator{width:calc((100% - 8px - 2px * (var(--dsh-segment-count) - 1)) / var(--dsh-segment-count));border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:calc(100% - 8px);box-shadow:var(--dsw-elevation-soft);transform:translateX(calc(var(--dsh-segment-index) * (100% + 2px)));pointer-events:none;border:0;transition:transform .16s;position:absolute;top:4px;left:4px}._4Yr7Ka_tab{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-sm);height:28px;color:var(--dsw-alias-label-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:13px;font-weight:500;line-height:20px;transition:color .12s;position:relative}._4Yr7Ka_tab:hover:not(:disabled),._4Yr7Ka_tab[aria-selected=true]{color:var(--dsw-alias-label-primary)}._4Yr7Ka_tab:disabled{cursor:default;opacity:.4}._4Yr7Ka_tab:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}@media (prefers-reduced-motion:reduce){._4Yr7Ka_indicator,._4Yr7Ka_tab{transition:none}}";
+  element.setAttribute("data-dsh-ui-primitives", id6);
+  element.textContent = "._4Yr7Ka_control{border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:4px;display:inline-grid;position:relative}._4Yr7Ka_indicator{width:calc((100% - 8px - 2px * (var(--dsh-segment-count) - 1)) / var(--dsh-segment-count));border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:calc(100% - 8px);box-shadow:var(--dsw-elevation-soft);transform:translateX(calc(var(--dsh-segment-index) * (100% + 2px)));pointer-events:none;border:0;transition:transform .16s;position:absolute;top:4px;left:4px}._4Yr7Ka_tab{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-sm);height:28px;color:var(--dsw-alias-label-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:13px;font-weight:500;line-height:20px;transition:color .12s;position:relative}._4Yr7Ka_tab[aria-selected=true]{color:var(--dsw-alias-label-primary)}@media (hover:hover){._4Yr7Ka_tab:hover:not(:disabled){color:var(--dsw-alias-label-primary)}}._4Yr7Ka_tab:disabled{cursor:default;opacity:.4}._4Yr7Ka_tab:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}@media (prefers-reduced-motion:reduce){._4Yr7Ka_indicator,._4Yr7Ka_tab{transition:none}}";
   document.head.appendChild(element);
 }
-var SegmentedControl_module_default = { "tab": "_4Yr7Ka_tab", "control": "_4Yr7Ka_control", "indicator": "_4Yr7Ka_indicator" };
+var SegmentedControl_module_default = { "control": "_4Yr7Ka_control", "indicator": "_4Yr7Ka_indicator", "tab": "_4Yr7Ka_tab" };
 
 // src/SegmentedControl.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function isWalkKey(key) {
   return key === "ArrowLeft" || key === "ArrowRight" || key === "ArrowUp" || key === "ArrowDown" || key === "Home" || key === "End";
 }
@@ -369,7 +367,7 @@ function walk(options, from, key) {
   return void 0;
 }
 function SegmentedControl({
-  id: id16,
+  id: id21,
   value,
   options,
   onChange,
@@ -395,18 +393,18 @@ function SegmentedControl({
     "--dsh-segment-count": String(options.length),
     "--dsh-segment-index": String(selected)
   };
-  return /* @__PURE__ */ jsxs5("div", { ref: list, role: "tablist", "aria-label": label, className: clsx7(SegmentedControl_module_default.control, className), style: indicator, children: [
-    /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: SegmentedControl_module_default.indicator }),
+  return /* @__PURE__ */ jsxs4("div", { ref: list, role: "tablist", "aria-label": label, className: clsx6(SegmentedControl_module_default.control, className), style: indicator, children: [
+    /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: SegmentedControl_module_default.indicator }),
     options.map((option) => {
       const active = option.value === value;
-      return /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx6(
         "button",
         {
-          id: `${id16}-${option.value}`,
+          id: `${id21}-${option.value}`,
           type: "button",
           role: "tab",
           "aria-selected": active,
-          "aria-controls": `${id16}-${option.value}-panel`,
+          "aria-controls": `${id21}-${option.value}-panel`,
           tabIndex: active ? 0 : -1,
           disabled: disabled || option.disabled === true,
           title: option.title,
@@ -424,20 +422,20 @@ function SegmentedControl({
 }
 
 // src/Checkbox.tsx
-import clsx8 from "clsx";
+import clsx7 from "clsx";
 
 // .build/css/Checkbox.module.mjs
-var id8 = "@seekbuddy/dsh-ui/Checkbox.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id8 + '"]')) {
+var id7 = "@seekbuddy/dsh-ui/Checkbox.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id7 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id8);
+  element.setAttribute("data-dsh-ui-primitives", id7);
   element.textContent = ".-IUgPq_checkbox{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:center;gap:6px;font-size:14px;line-height:20px;display:inline-flex}.-IUgPq_checkbox input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:inherit;flex:none;margin:0}.-IUgPq_checkbox input:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.-IUgPq_checkbox:has(input:disabled){cursor:default;opacity:.5}";
   document.head.appendChild(element);
 }
 var Checkbox_module_default = { "checkbox": "-IUgPq_checkbox" };
 
 // src/Checkbox.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function Checkbox({
   checked,
   onChange,
@@ -446,8 +444,8 @@ function Checkbox({
   title,
   className
 }) {
-  return /* @__PURE__ */ jsxs6("label", { className: clsx8(Checkbox_module_default.checkbox, className), title, children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs5("label", { className: clsx7(Checkbox_module_default.checkbox, className), title, children: [
+    /* @__PURE__ */ jsx7(
       "input",
       {
         type: "checkbox",
@@ -458,30 +456,30 @@ function Checkbox({
         }
       }
     ),
-    /* @__PURE__ */ jsx8("span", { children: label })
+    /* @__PURE__ */ jsx7("span", { children: label })
   ] });
 }
 
 // src/Input.tsx
-import { forwardRef as forwardRef2 } from "react";
-import clsx9 from "clsx";
+import { forwardRef } from "react";
+import clsx8 from "clsx";
 
 // .build/css/Input.module.mjs
-var id9 = "@seekbuddy/dsh-ui/Input.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id9 + '"]')) {
+var id8 = "@seekbuddy/dsh-ui/Input.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id8 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id9);
+  element.setAttribute("data-dsh-ui-primitives", id8);
   element.textContent = ".ubd6La_wrap{border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);align-items:center;gap:6px;height:32px;padding:0 8px;display:inline-flex}.ubd6La_wrap:focus-within{border-color:var(--dsw-alias-state-business-primary)}.ubd6La_icon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;display:inline-flex}.ubd6La_input{min-width:0;color:var(--dsw-alias-label-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:22px}.ubd6La_input::placeholder{color:var(--dsw-alias-label-dimmed)}";
   document.head.appendChild(element);
 }
 var Input_module_default = { "input": "ubd6La_input", "icon": "ubd6La_icon", "wrap": "ubd6La_wrap" };
 
 // src/Input.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var Input = forwardRef2(function Input2({ icon, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsxs7("span", { className: clsx9(Input_module_default.wrap, className), children: [
-    icon != null && /* @__PURE__ */ jsx9("span", { className: Input_module_default.icon, children: icon }),
-    /* @__PURE__ */ jsx9("input", { ref, className: Input_module_default.input, ...rest })
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var Input = forwardRef(function Input2({ icon, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxs6("span", { className: clsx8(Input_module_default.wrap, className), children: [
+    icon != null && /* @__PURE__ */ jsx8("span", { className: Input_module_default.icon, children: icon }),
+    /* @__PURE__ */ jsx8("input", { ref, className: Input_module_default.input, ...rest })
   ] });
 });
 
@@ -489,22 +487,22 @@ var Input = forwardRef2(function Input2({ icon, className, ...rest }, ref) {
 import { useId } from "react";
 
 // .build/css/MenuGroup.module.mjs
-var id10 = "@seekbuddy/dsh-ui/MenuGroup.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id10 + '"]')) {
+var id9 = "@seekbuddy/dsh-ui/MenuGroup.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id9 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id10);
+  element.setAttribute("data-dsh-ui-primitives", id9);
   element.textContent = ".EvD5wW_group{position:relative}.EvD5wW_start{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.EvD5wW_group+.EvD5wW_group{margin-top:3px}.EvD5wW_heading{z-index:1;color:var(--dsw-alias-label-tertiary);background:0 0;padding:4px 7px 2px;font-size:11px;font-weight:500;line-height:16px;position:sticky;top:0}.EvD5wW_heading[data-stuck]{background:var(--dsw-alias-menu-group-header-fill)}html:not([data-platform=darwin]) .EvD5wW_heading{border-radius:var(--dsw-radius-md)}";
   document.head.appendChild(element);
 }
-var MenuGroup_module_default = { "start": "EvD5wW_start", "heading": "EvD5wW_heading", "group": "EvD5wW_group" };
+var MenuGroup_module_default = { "group": "EvD5wW_group", "start": "EvD5wW_start", "heading": "EvD5wW_heading" };
 
 // src/MenuGroup.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function MenuGroup({ label, children }) {
   const headingId = useId();
-  return /* @__PURE__ */ jsxs8("section", { role: "group", "aria-labelledby": headingId, "data-menu-group": "", className: MenuGroup_module_default.group, children: [
-    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", "data-menu-group-start": "", className: MenuGroup_module_default.start }),
-    /* @__PURE__ */ jsx10("div", { id: headingId, "data-menu-group-heading": "", className: MenuGroup_module_default.heading, children: label }),
+  return /* @__PURE__ */ jsxs7("section", { role: "group", "aria-labelledby": headingId, "data-menu-group": "", className: MenuGroup_module_default.group, children: [
+    /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", "data-menu-group-start": "", className: MenuGroup_module_default.start }),
+    /* @__PURE__ */ jsx9("div", { id: headingId, "data-menu-group-heading": "", className: MenuGroup_module_default.heading, children: label }),
     children
   ] });
 }
@@ -616,63 +614,23 @@ function useAnchoredMaxHeight(ref, cap, signal, margin = MARGIN) {
   return maxHeight;
 }
 
-// src/useAnchoredPosition.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState2 } from "react";
-function useAnchoredPosition(options) {
-  const { open, anchorRef, panelRef, side = "bottom", align = "start", gap, margin } = options;
-  const [position, setPosition] = useState2(null);
-  useLayoutEffect2(() => {
-    if (!open) {
-      setPosition(null);
-      return;
-    }
-    const place = () => {
-      const rect = anchorRef.current?.getBoundingClientRect();
-      if (rect === void 0) return;
-      const panel2 = panelRef.current;
-      const width = panel2?.offsetWidth ?? 0;
-      const height = panel2?.offsetHeight ?? 0;
-      let left = align === "end" ? rect.right - width : rect.left;
-      let top = side === "top" ? rect.top - gap - height : rect.bottom + gap;
-      if (width > 0) left = Math.min(Math.max(left, margin), window.innerWidth - width - margin);
-      if (height > 0) top = Math.min(Math.max(top, overlayTopMargin(margin)), window.innerHeight - height - margin);
-      setPosition({ left, top });
-    };
-    place();
-    window.addEventListener("scroll", place, true);
-    window.addEventListener("resize", place);
-    const panel = panelRef.current;
-    let observer = null;
-    if (typeof ResizeObserver !== "undefined" && panel !== null) {
-      observer = new ResizeObserver(place);
-      observer.observe(panel);
-    }
-    return () => {
-      observer?.disconnect();
-      window.removeEventListener("scroll", place, true);
-      window.removeEventListener("resize", place);
-    };
-  }, [open, anchorRef, panelRef, side, align, gap, margin]);
-  return position;
-}
-
 // src/Modal.tsx
 import { useRef as useRef2 } from "react";
 import { createPortal } from "react-dom";
-import clsx10 from "clsx";
+import clsx9 from "clsx";
 
 // .build/css/Modal.module.mjs
-var id11 = "@seekbuddy/dsh-ui/Modal.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id11 + '"]')) {
+var id10 = "@seekbuddy/dsh-ui/Modal.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id10 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id11);
-  element.textContent = '.yOh8dq_root{pointer-events:auto;z-index:1000;padding:max(24px, var(--dsh-frame-overlay-top,24px)) 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.yOh8dq_mask{inset:var(--dsh-frame-chrome-top,0px) 0 0;backdrop-filter:var(--dsw-mask-blur);position:absolute}.yOh8dq_mask:after{content:"";background:var(--dsw-alias-bg-mask-1);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);position:absolute;inset:0}.yOh8dq_dialog{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-panel);background:var(--dsw-alias-bg-layer-2);width:min(380px,100%);box-shadow:var(--dsw-elevation-prominent);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);border:0;flex-direction:column;gap:20px;padding:0 0 24px;display:flex;position:relative;overflow:hidden}@keyframes yOh8dq_modalEnter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.yOh8dq_mask:after,.yOh8dq_dialog{animation:none}}.yOh8dq_dialog:focus{outline:none}.yOh8dq_content{flex-direction:column;width:100%;display:flex}.yOh8dq_header{justify-content:space-between;align-items:center;gap:8px;padding:22px 14px 12px 24px;display:flex}.yOh8dq_title{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.yOh8dq_close{border-radius:var(--dsw-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.yOh8dq_close:hover{background:var(--dsw-alias-interactive-bg-hover)}.yOh8dq_description{color:var(--dsw-alias-label-primary);margin:0;padding:0 24px;font-size:14px;font-weight:400;line-height:22px}.yOh8dq_body{flex-direction:column;min-width:0;margin-top:20px;padding:0 24px;display:flex}.yOh8dq_footer{justify-content:flex-end;align-items:center;gap:8px;padding:0 24px;display:flex}';
+  element.setAttribute("data-dsh-ui-primitives", id10);
+  element.textContent = '.yOh8dq_root{pointer-events:auto;z-index:1000;padding:max(24px, var(--dsh-frame-overlay-top,24px)) 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.yOh8dq_mask{inset:var(--dsh-frame-chrome-top,0px) 0 0;backdrop-filter:var(--dsw-mask-blur);position:absolute}.yOh8dq_mask:after{content:"";background:var(--dsw-alias-bg-mask-1);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);position:absolute;inset:0}.yOh8dq_dialog{box-sizing:border-box;z-index:1;border-radius:var(--dsw-radius-panel);background:var(--dsw-alias-bg-layer-2);width:min(380px,100%);box-shadow:var(--dsw-elevation-prominent);animation:yOh8dq_modalEnter var(--ds-transition-duration) var(--ds-ease-in-out);border:0;flex-direction:column;gap:20px;padding:0 0 24px;display:flex;position:relative;overflow:hidden}@keyframes yOh8dq_modalEnter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.yOh8dq_mask:after,.yOh8dq_dialog{animation:none}}.yOh8dq_dialog:focus{outline:none}.yOh8dq_content{flex-direction:column;width:100%;display:flex}.yOh8dq_header{justify-content:space-between;align-items:center;gap:8px;padding:22px 14px 12px 24px;display:flex}.yOh8dq_title{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.yOh8dq_close{border-radius:var(--dsw-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.yOh8dq_close:hover{background:var(--dsw-alias-interactive-bg-hover)}}.yOh8dq_description{color:var(--dsw-alias-label-primary);margin:0;padding:0 24px;font-size:14px;font-weight:400;line-height:22px}.yOh8dq_body{flex-direction:column;min-width:0;margin-top:20px;padding:0 24px;display:flex}.yOh8dq_footer{justify-content:flex-end;align-items:center;gap:8px;padding:0 24px;display:flex}';
   document.head.appendChild(element);
 }
-var Modal_module_default = { "modalEnter": "yOh8dq_modalEnter", "footer": "yOh8dq_footer", "mask": "yOh8dq_mask", "dialog": "yOh8dq_dialog", "root": "yOh8dq_root", "title": "yOh8dq_title", "description": "yOh8dq_description", "body": "yOh8dq_body", "close": "yOh8dq_close", "content": "yOh8dq_content", "header": "yOh8dq_header" };
+var Modal_module_default = { "dialog": "yOh8dq_dialog", "mask": "yOh8dq_mask", "content": "yOh8dq_content", "close": "yOh8dq_close", "footer": "yOh8dq_footer", "body": "yOh8dq_body", "title": "yOh8dq_title", "header": "yOh8dq_header", "root": "yOh8dq_root", "modalEnter": "yOh8dq_modalEnter", "description": "yOh8dq_description" };
 
 // src/Modal.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function Modal({
   open,
   onClose,
@@ -692,8 +650,8 @@ function Modal({
   useModalLayer(dialog, open, onClose);
   if (!open) return null;
   return createPortal(
-    /* @__PURE__ */ jsxs9("div", { className: Modal_module_default.root, role: "presentation", onKeyDownCapture, children: [
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs8("div", { className: Modal_module_default.root, role: "presentation", onKeyDownCapture, children: [
+      /* @__PURE__ */ jsx10(
         "div",
         {
           className: Modal_module_default.mask,
@@ -702,26 +660,26 @@ function Modal({
           onClick: onClose
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         "div",
         {
           ref: dialog,
           tabIndex: -1,
           "data-shortcut-modal": shortcutModal,
-          className: clsx10(Modal_module_default.dialog, className),
+          className: clsx9(Modal_module_default.dialog, className),
           role: "dialog",
           "aria-modal": "true",
           "aria-label": title,
-          children: headless ? children : /* @__PURE__ */ jsxs9(Fragment2, { children: [
-            /* @__PURE__ */ jsxs9("div", { className: clsx10(Modal_module_default.content, contentClassName), children: [
-              /* @__PURE__ */ jsxs9("div", { className: Modal_module_default.header, children: [
-                /* @__PURE__ */ jsx11("h2", { className: Modal_module_default.title, children: title }),
-                /* @__PURE__ */ jsx11("button", { type: "button", className: Modal_module_default.close, "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx11(IconCloseOutlineRegular, { size: 14 }) })
+          children: headless ? children : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+            /* @__PURE__ */ jsxs8("div", { className: clsx9(Modal_module_default.content, contentClassName), children: [
+              /* @__PURE__ */ jsxs8("div", { className: Modal_module_default.header, children: [
+                /* @__PURE__ */ jsx10("h2", { className: Modal_module_default.title, children: title }),
+                /* @__PURE__ */ jsx10("button", { type: "button", className: Modal_module_default.close, "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx10(IconCloseOutlineRegular, { size: 14 }) })
               ] }),
-              description !== void 0 && description !== "" && /* @__PURE__ */ jsx11("p", { className: Modal_module_default.description, children: description }),
-              children !== void 0 && /* @__PURE__ */ jsx11("div", { className: Modal_module_default.body, children })
+              description !== void 0 && description !== "" && /* @__PURE__ */ jsx10("p", { className: Modal_module_default.description, children: description }),
+              children !== void 0 && /* @__PURE__ */ jsx10("div", { className: Modal_module_default.body, children })
             ] }),
-            footer !== void 0 && /* @__PURE__ */ jsx11("div", { className: Modal_module_default.footer, children: footer })
+            footer !== void 0 && /* @__PURE__ */ jsx10("div", { className: Modal_module_default.footer, children: footer })
           ] })
         }
       )
@@ -731,17 +689,17 @@ function Modal({
 }
 
 // .build/css/RiskConfirmation.module.mjs
-var id12 = "@seekbuddy/dsh-ui/RiskConfirmation.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id12 + '"]')) {
+var id11 = "@seekbuddy/dsh-ui/RiskConfirmation.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id11 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id12);
+  element.setAttribute("data-dsh-ui-primitives", id11);
   element.textContent = ".scdcKa_confirmation{width:min(440px,100%);max-height:100%;overflow:hidden}.scdcKa_confirmationContent{overscroll-behavior:contain;min-height:0;overflow-y:auto}@supports (height:100dvh){.scdcKa_confirmation{max-height:calc(100dvh - 48px)}}.scdcKa_warning{color:var(--dsw-alias-label-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:22px;display:flex}.scdcKa_warning p{margin:0}.scdcKa_warningIcon{color:var(--dsw-alias-state-error-primary);flex:none;margin-top:2px}.scdcKa_acknowledgement{color:var(--dsw-alias-label-primary);cursor:pointer;align-items:flex-start;gap:10px;margin-top:20px;font-size:14px;line-height:22px;display:flex}.scdcKa_acknowledgement input{width:16px;height:16px;accent-color:var(--dsw-alias-button-primary-fill);cursor:pointer;flex:none;margin:3px 0 0}.scdcKa_acknowledgement input:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.scdcKa_acknowledgement input:disabled{cursor:default}.scdcKa_modalAction{min-width:72px}.scdcKa_confirmAction{min-width:136px}";
   document.head.appendChild(element);
 }
-var RiskConfirmation_module_default = { "modalAction": "scdcKa_modalAction", "confirmAction": "scdcKa_confirmAction", "confirmation": "scdcKa_confirmation", "confirmationContent": "scdcKa_confirmationContent", "warningIcon": "scdcKa_warningIcon", "acknowledgement": "scdcKa_acknowledgement", "warning": "scdcKa_warning" };
+var RiskConfirmation_module_default = { "confirmation": "scdcKa_confirmation", "warningIcon": "scdcKa_warningIcon", "acknowledgement": "scdcKa_acknowledgement", "modalAction": "scdcKa_modalAction", "warning": "scdcKa_warning", "confirmationContent": "scdcKa_confirmationContent", "confirmAction": "scdcKa_confirmAction" };
 
 // src/RiskConfirmation.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function RiskConfirmation({
   open,
   title,
@@ -756,7 +714,7 @@ function RiskConfirmation({
   onCancel,
   onConfirm
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     Modal,
     {
       open,
@@ -765,9 +723,9 @@ function RiskConfirmation({
       closeLabel,
       className: RiskConfirmation_module_default.confirmation ?? "",
       contentClassName: RiskConfirmation_module_default.confirmationContent ?? "",
-      footer: /* @__PURE__ */ jsxs10(Fragment3, { children: [
-        /* @__PURE__ */ jsx12(Button, { variant: "outline", className: RiskConfirmation_module_default.modalAction, onClick: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ jsx12(
+      footer: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+        /* @__PURE__ */ jsx11(Button, { variant: "outline", className: RiskConfirmation_module_default.modalAction, onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx11(
           Button,
           {
             variant: "primary",
@@ -779,12 +737,12 @@ function RiskConfirmation({
         )
       ] }),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: RiskConfirmation_module_default.warning, children: [
-          /* @__PURE__ */ jsx12(IconWarningOutlineRegular, { size: 18, className: RiskConfirmation_module_default.warningIcon }),
-          /* @__PURE__ */ jsx12("p", { children: description })
+        /* @__PURE__ */ jsxs9("div", { className: RiskConfirmation_module_default.warning, children: [
+          /* @__PURE__ */ jsx11(IconWarningOutlineRegular, { size: 18, className: RiskConfirmation_module_default.warningIcon }),
+          /* @__PURE__ */ jsx11("p", { children: description })
         ] }),
-        /* @__PURE__ */ jsxs10("label", { className: RiskConfirmation_module_default.acknowledgement, children: [
-          /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs9("label", { className: RiskConfirmation_module_default.acknowledgement, children: [
+          /* @__PURE__ */ jsx11(
             "input",
             {
               type: "checkbox",
@@ -796,7 +754,7 @@ function RiskConfirmation({
               }
             }
           ),
-          /* @__PURE__ */ jsx12("span", { children: acknowledgeLabel })
+          /* @__PURE__ */ jsx11("span", { children: acknowledgeLabel })
         ] })
       ]
     }
@@ -804,20 +762,20 @@ function RiskConfirmation({
 }
 
 // src/ConnectionIndicator.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // .build/css/ConnectionIndicator.module.mjs
-var id13 = "@seekbuddy/dsh-ui/ConnectionIndicator.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id13 + '"]')) {
+var id12 = "@seekbuddy/dsh-ui/ConnectionIndicator.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id12 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id13);
-  element.textContent = ".WjD5zG_indicator{box-sizing:border-box;border-radius:var(--dsw-radius-sm);white-space:nowrap;border:1px solid #0000;flex:none;grid-template-columns:14px max-content;align-items:center;column-gap:4px;height:28px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out,opacity .15s ease-out;animation:.15s ease-out WjD5zG_indicator-enter;display:inline-grid}.WjD5zG_leaving{opacity:0}@keyframes WjD5zG_indicator-enter{0%{opacity:0}}.WjD5zG_warning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label);border-color:color-mix(in srgb, var(--dsw-alias-state-warn-label) 20%, transparent);cursor:pointer}.WjD5zG_warning:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 6%)}.WjD5zG_warning:active{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 10%)}.WjD5zG_warning:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.WjD5zG_success{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 20%, transparent)}.WjD5zG_icon{place-items:center;width:14px;height:14px;display:grid}.WjD5zG_icon>svg{color:inherit}.WjD5zG_label{text-align:left}.WjD5zG_dots{text-align:left;width:1em;display:inline-block}.WjD5zG_secondDot{animation:1.5s step-end infinite WjD5zG_reveal-second-dot}.WjD5zG_thirdDot{animation:1.5s step-end infinite WjD5zG_reveal-third-dot}@keyframes WjD5zG_reveal-second-dot{0%,33.32%{opacity:0}33.33%,to{opacity:1}}@keyframes WjD5zG_reveal-third-dot{0%,66.65%{opacity:0}66.66%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.WjD5zG_indicator,.WjD5zG_secondDot,.WjD5zG_thirdDot{animation:none}.WjD5zG_indicator{transition:none}}";
+  element.setAttribute("data-dsh-ui-primitives", id12);
+  element.textContent = ".WjD5zG_indicator{box-sizing:border-box;border-radius:var(--dsw-radius-sm);white-space:nowrap;border:1px solid #0000;flex:none;grid-template-columns:14px max-content;align-items:center;column-gap:4px;height:28px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;line-height:18px;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out,opacity .15s ease-out;animation:.15s ease-out WjD5zG_indicator-enter;display:inline-grid}.WjD5zG_leaving{opacity:0}@keyframes WjD5zG_indicator-enter{0%{opacity:0}}.WjD5zG_warning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label);border-color:color-mix(in srgb, var(--dsw-alias-state-warn-label) 20%, transparent);cursor:pointer}@media (hover:hover){.WjD5zG_warning:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 6%)}}.WjD5zG_warning:active{background:color-mix(in srgb, var(--dsw-alias-state-warn-tertiary), var(--dsw-alias-state-warn-primary) 10%)}.WjD5zG_warning:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.WjD5zG_success{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 20%, transparent)}.WjD5zG_icon{place-items:center;width:14px;height:14px;display:grid}.WjD5zG_icon>svg{color:inherit}.WjD5zG_label{text-align:left}.WjD5zG_dots{text-align:left;width:1em;display:inline-block}.WjD5zG_secondDot{animation:1.5s step-end infinite WjD5zG_reveal-second-dot}.WjD5zG_thirdDot{animation:1.5s step-end infinite WjD5zG_reveal-third-dot}@keyframes WjD5zG_reveal-second-dot{0%,33.32%{opacity:0}33.33%,to{opacity:1}}@keyframes WjD5zG_reveal-third-dot{0%,66.65%{opacity:0}66.66%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.WjD5zG_indicator,.WjD5zG_secondDot,.WjD5zG_thirdDot{animation:none}.WjD5zG_indicator{transition:none}}";
   document.head.appendChild(element);
 }
-var ConnectionIndicator_module_default = { "success": "WjD5zG_success", "reveal-second-dot": "WjD5zG_reveal-second-dot", "indicator-enter": "WjD5zG_indicator-enter", "icon": "WjD5zG_icon", "label": "WjD5zG_label", "secondDot": "WjD5zG_secondDot", "warning": "WjD5zG_warning", "thirdDot": "WjD5zG_thirdDot", "reveal-third-dot": "WjD5zG_reveal-third-dot", "dots": "WjD5zG_dots", "indicator": "WjD5zG_indicator", "leaving": "WjD5zG_leaving" };
+var ConnectionIndicator_module_default = { "indicator-enter": "WjD5zG_indicator-enter", "indicator": "WjD5zG_indicator", "dots": "WjD5zG_dots", "secondDot": "WjD5zG_secondDot", "leaving": "WjD5zG_leaving", "label": "WjD5zG_label", "warning": "WjD5zG_warning", "success": "WjD5zG_success", "thirdDot": "WjD5zG_thirdDot", "reveal-third-dot": "WjD5zG_reveal-third-dot", "reveal-second-dot": "WjD5zG_reveal-second-dot", "icon": "WjD5zG_icon" };
 
 // src/ConnectionIndicator.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var EXIT_MS = 150;
 function ConnectionIndicator({
   state,
@@ -828,7 +786,7 @@ function ConnectionIndicator({
   restartActionLabel,
   onReconnect
 }) {
-  const [rendered, setRendered] = useState3(state);
+  const [rendered, setRendered] = useState2(state);
   const leaving = state === void 0 && rendered !== void 0;
   useEffect2(() => {
     if (state !== void 0) {
@@ -846,13 +804,13 @@ function ConnectionIndicator({
   if (rendered === void 0) return null;
   const leavingClass = leaving ? ` ${ConnectionIndicator_module_default.leaving}` : "";
   if (rendered === "recovered") {
-    return /* @__PURE__ */ jsxs11("div", { className: `${ConnectionIndicator_module_default.indicator} ${ConnectionIndicator_module_default.success}${leavingClass}`, role: "status", "aria-label": recoveredLabel, children: [
-      /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx13(IconCheckOutlineRegular, { size: 14 }) }),
-      /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.label, children: recoveredLabel })
+    return /* @__PURE__ */ jsxs10("div", { className: `${ConnectionIndicator_module_default.indicator} ${ConnectionIndicator_module_default.success}${leavingClass}`, role: "status", "aria-label": recoveredLabel, children: [
+      /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx12(IconCheckOutlineRegular, { size: 14 }) }),
+      /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.label, children: recoveredLabel })
     ] });
   }
   const connecting = rendered === "connecting";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "button",
     {
       type: "button",
@@ -861,13 +819,13 @@ function ConnectionIndicator({
       "aria-label": connecting ? restartActionLabel : reconnectActionLabel,
       onClick: onReconnect,
       children: [
-        /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: connecting ? /* @__PURE__ */ jsx13(StateDot, { state: "ongoing" }) : /* @__PURE__ */ jsx13(IconRefreshOutlineRegular, { size: 14 }) }),
-        /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.label, children: connecting ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.icon, "aria-hidden": "true", children: connecting ? /* @__PURE__ */ jsx12(StateDot, { state: "ongoing" }) : /* @__PURE__ */ jsx12(IconRefreshOutlineRegular, { size: 14 }) }),
+        /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.label, children: connecting ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
           connectingLabel,
-          /* @__PURE__ */ jsxs11("span", { className: ConnectionIndicator_module_default.dots, "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx13("span", { children: "." }),
-            /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.secondDot, children: "." }),
-            /* @__PURE__ */ jsx13("span", { className: ConnectionIndicator_module_default.thirdDot, children: "." })
+          /* @__PURE__ */ jsxs10("span", { className: ConnectionIndicator_module_default.dots, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx12("span", { children: "." }),
+            /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.secondDot, children: "." }),
+            /* @__PURE__ */ jsx12("span", { className: ConnectionIndicator_module_default.thirdDot, children: "." })
           ] })
         ] }) : disconnectedLabel })
       ]
@@ -876,120 +834,642 @@ function ConnectionIndicator({
 }
 
 // src/user-text.tsx
-import clsx11 from "clsx";
+import clsx10 from "clsx";
 
 // .build/css/user-text.module.mjs
-var id14 = "@seekbuddy/dsh-ui/user-text.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id14 + '"]')) {
+var id13 = "@seekbuddy/dsh-ui/user-text.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id13 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id14);
+  element.setAttribute("data-dsh-ui-primitives", id13);
   element.textContent = "._3EOulq_plainRun{font-size:inherit;line-height:inherit}._3EOulq_refChip{max-width:100%;color:var(--dsw-alias-state-business-primary);white-space:inherit;overflow-wrap:anywhere;text-align:inherit;margin:0 2px;font-weight:500;display:inline}._3EOulq_slashChip{font-family:var(--dsw-font-markdown-code-font-family)}._3EOulq_refIcon{vertical-align:-.125em;width:1em;height:1em;margin-right:4px}";
   document.head.appendChild(element);
 }
-var user_text_module_default = { "plainRun": "_3EOulq_plainRun", "refChip": "_3EOulq_refChip", "slashChip": "_3EOulq_slashChip", "refIcon": "_3EOulq_refIcon" };
+var user_text_module_default = { "plainRun": "_3EOulq_plainRun", "refChip": "_3EOulq_refChip", "refIcon": "_3EOulq_refIcon", "slashChip": "_3EOulq_slashChip" };
 
 // src/user-text.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-var SESSION_WIRE_RE = /@\[([^\]\n]+)\]\(dsh-session:[^)\s]+\)/gu;
-var TRAILING_PUNCTUATION_RE = /[.,;:!?，。；：！？]+$/u;
-function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skill", references) {
-  const ranges = [];
-  SESSION_WIRE_RE.lastIndex = 0;
-  let wire;
-  while ((wire = SESSION_WIRE_RE.exec(text)) !== null) {
-    ranges.push({
-      start: wire.index,
-      end: wire.index + wire[0].length,
-      label: wire[0],
-      kind: "session",
-      display: wire[1]
-      // non-optional capture in SESSION_WIRE_RE
-    });
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function UserTextRun({ text }) {
+  return /* @__PURE__ */ jsx13("span", { className: user_text_module_default.plainRun, children: text });
+}
+function ReferenceChip({
+  appearance,
+  label,
+  title,
+  onActivate,
+  contextMenuProps
+}) {
+  const slash = appearance === "skill" || appearance === "command";
+  const contents = /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    !slash && /* @__PURE__ */ jsx13(ReferenceIconRegular, { kind: appearance, size: 16, className: user_text_module_default.refIcon }),
+    label
+  ] });
+  const className = clsx10(user_text_module_default.refChip, slash && user_text_module_default.slashChip);
+  return onActivate === void 0 ? /* @__PURE__ */ jsx13("span", { ...contextMenuProps, className, "data-ref-chip": appearance, title, children: contents }) : /* @__PURE__ */ jsx13(
+    "button",
+    {
+      type: "button",
+      ...contextMenuProps,
+      className: clsx10(className, MarkdownText_module_default.fileMention),
+      "data-ref-chip": appearance,
+      title,
+      onClick: (event) => {
+        if (event.detail > 1 || event.detail !== 0 && event.currentTarget.ownerDocument.getSelection()?.isCollapsed === false)
+          return;
+        onActivate();
+      },
+      children: contents
+    }
+  );
+}
+
+// src/UserMessageBubble.tsx
+import clsx11 from "clsx";
+
+// .build/css/UserMessageBubble.module.mjs
+var id14 = "@seekbuddy/dsh-ui/UserMessageBubble.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id14 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id14);
+  element.textContent = "._5Yr1MW_bubble{background:var(--dsw-specific-bubble);border-radius:var(--dsw-radius-xl);max-width:100%;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;padding:10px 16px}";
+  document.head.appendChild(element);
+}
+var UserMessageBubble_module_default = { "bubble": "_5Yr1MW_bubble" };
+
+// src/UserMessageBubble.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function UserMessageBubble({ className, ...props }) {
+  return /* @__PURE__ */ jsx14("div", { ...props, className: clsx11(UserMessageBubble_module_default.bubble, className) });
+}
+
+// src/AnimatedRows.tsx
+import { Component, createRef } from "react";
+
+// .build/css/AnimatedRows.module.mjs
+var id15 = "@seekbuddy/dsh-ui/AnimatedRows.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id15 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id15);
+  element.textContent = ".cJwyhW_exits{contain:strict;pointer-events:none;position:absolute;inset:0;overflow:clip}";
+  document.head.appendChild(element);
+}
+var AnimatedRows_module_default = { "exits": "cJwyhW_exits" };
+
+// src/AnimatedRows.tsx
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var ROW_FADE_MS = 100;
+var ROW_GLIDE_MS = 200;
+function sameRows(previous, next) {
+  return previous.rowKeys.length === next.rowKeys.length && previous.rowKeys.every((key, index) => key === next.rowKeys[index]);
+}
+function intersects(row, viewport) {
+  return row.bottom > viewport.top && row.top < viewport.bottom && row.right > viewport.left && row.left < viewport.right;
+}
+var AnimatedRows = class extends Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "armed", false);
+    __publicField(this, "list", createRef());
+    __publicField(this, "overlay", createRef());
+    __publicField(this, "movements", /* @__PURE__ */ new Map());
+    __publicField(this, "exits", /* @__PURE__ */ new Map());
+  }
+  getSnapshotBeforeUpdate(previous) {
+    const list = this.list.current;
+    if (!this.armed || sameRows(previous, this.props) || previous.resetKey !== this.props.resetKey || !previous.ready || !this.props.ready || list === null || typeof list.animate !== "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+      return null;
+    const viewport = list.getBoundingClientRect();
+    const positions = this.readPositions();
+    const nextKeys = new Set(this.props.rowKeys);
+    const removed = /* @__PURE__ */ new Map();
+    for (const [key, row] of positions) {
+      if (nextKeys.has(key) || !intersects(row.rect, viewport)) continue;
+      const clone = row.element.cloneNode(true);
+      clone.removeAttribute("data-row-key");
+      clone.inert = true;
+      clone.style.paddingInlineStart = getComputedStyle(row.element).paddingInlineStart;
+      removed.set(key, { ...row, element: clone });
+    }
+    return { positions, removed };
   }
-  for (const rawLabel of [...new Set(sessionLabels)].sort((a, b) => b.length - a.length)) {
-    const label = `@${rawLabel}`;
-    let start = text.indexOf(label);
-    while (start >= 0) {
-      ranges.push({ start, end: start + label.length, label, kind: "session" });
-      start = text.indexOf(label, start + label.length);
+  componentDidUpdate(previous, _state, snapshot) {
+    if (snapshot === null) {
+      if (!sameRows(previous, this.props) || previous.resetKey !== this.props.resetKey || previous.ready !== this.props.ready)
+        this.clear();
+      return;
+    }
+    this.cancelMovements();
+    const list = this.list.current;
+    const overlay = this.overlay.current;
+    const viewport = list.getBoundingClientRect();
+    const origin = overlay.getBoundingClientRect();
+    const positions = this.readPositions();
+    for (const [key, row] of positions) {
+      this.removeExit(key);
+      const previousRow = snapshot.positions.get(key);
+      if (!intersects(row.rect, viewport) && (previousRow === void 0 || !intersects(previousRow.rect, viewport)))
+        continue;
+      if (previousRow === void 0) {
+        this.move(row.element, [{ opacity: 0 }, { opacity: 1 }], ROW_FADE_MS);
+        continue;
+      }
+      const dx = previousRow.rect.left - row.rect.left;
+      const dy = previousRow.rect.top - row.rect.top;
+      if (dx === 0 && dy === 0 && previousRow.opacity === 1) continue;
+      this.move(
+        row.element,
+        [
+          { transform: `translate(${String(dx)}px, ${String(dy)}px)`, opacity: previousRow.opacity },
+          { transform: "translate(0, 0)", opacity: 1 }
+        ],
+        ROW_GLIDE_MS
+      );
+    }
+    for (const [key, row] of snapshot.removed) {
+      const { element } = row;
+      this.removeExit(key);
+      Object.assign(element.style, {
+        position: "absolute",
+        margin: "0",
+        transform: "none",
+        boxSizing: "border-box",
+        left: `${String(row.rect.left - origin.left)}px`,
+        top: `${String(row.rect.top - origin.top)}px`,
+        width: `${String(row.rect.width)}px`,
+        height: `${String(row.rect.height)}px`
+      });
+      overlay.append(element);
+      const animation = element.animate([{ opacity: row.opacity }, { opacity: 0 }], {
+        duration: ROW_FADE_MS,
+        easing: "ease-out",
+        fill: "forwards"
+      });
+      this.exits.set(key, { element, animation });
+      animation.onfinish = () => {
+        this.removeExit(key);
+      };
     }
   }
-  const re = /(^|\s)(\/[\w-]+(?=\s|$)|@"[^"\n]+"|@[^\s]+)/gu;
-  let m;
-  while ((m = re.exec(text)) !== null) {
-    const tokenStart = m.index + m[1].length;
-    const rawLabel = m[2];
-    const label = rawLabel.startsWith('@"') ? rawLabel : rawLabel.replace(TRAILING_PUNCTUATION_RE, "");
-    if (label.length <= 1) continue;
-    if (label.startsWith("/") && !slashNames.includes(label.slice(1))) continue;
-    ranges.push({ start: tokenStart, end: tokenStart + label.length, label, kind: "plain" });
+  componentWillUnmount() {
+    this.clear();
   }
-  const rankOf = (range) => range.kind === "session" ? 0 : 1;
-  ranges.sort((a, b) => a.start - b.start || rankOf(a) - rankOf(b) || b.end - a.end);
-  const parts = [];
-  let cursor = 0;
-  const pushPlain = (from, to) => {
-    parts.push(
-      /* @__PURE__ */ jsx14("span", { className: user_text_module_default.plainRun, children: text.slice(from, to) }, `t${from}`)
+  readPositions() {
+    const list = this.list.current;
+    const rows = list.querySelectorAll("[data-row-key]");
+    return new Map(
+      Array.from(rows, (element) => [
+        element.dataset.rowKey,
+        {
+          element,
+          rect: element.getBoundingClientRect(),
+          opacity: this.movements.has(element) ? Number(getComputedStyle(element).opacity) : 1
+        }
+      ])
     );
-  };
-  for (const range of ranges) {
-    if (range.start < cursor) continue;
-    const { start: tokenStart, end, label, kind } = range;
-    if (tokenStart > cursor) pushPlain(cursor, tokenStart);
-    const referenceKind = kind === "session" ? "session" : label.startsWith("@") ? label.replace(/^@"|"$/gu, "").endsWith("/") ? "folder" : "file" : void 0;
-    const displayLabel = range.display ?? (referenceKind === void 0 ? label : referenceKind === "session" ? label.slice(1) : label.slice(1).replace(/^"|"$/gu, "").split(/[\\/]/u).filter(Boolean).at(-1) ?? label.slice(1));
-    const contents = /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      referenceKind !== void 0 && /* @__PURE__ */ jsx14(ReferenceIconRegular, { kind: referenceKind, size: 16, className: user_text_module_default.refIcon }),
-      displayLabel
-    ] });
-    const open = references === void 0 ? void 0 : referenceKind === "file" ? () => {
-      references.openFile(label.slice(1).replace(/^"|"$/gu, ""));
-    } : referenceKind === void 0 && slashKind === "skill" ? () => {
-      references.openSkill(label.slice(1));
-    } : void 0;
-    const className = clsx11(user_text_module_default.refChip, referenceKind === void 0 && user_text_module_default.slashChip);
-    parts.push(
-      open === void 0 ? /* @__PURE__ */ jsx14("span", { className, "data-ref-chip": referenceKind ?? slashKind, title: label, children: contents }, tokenStart) : /* @__PURE__ */ jsx14(
-        "button",
+  }
+  move(element, keyframes, duration) {
+    const animation = element.animate(keyframes, { duration, easing: "ease-out" });
+    this.movements.set(element, animation);
+    animation.onfinish = () => {
+      this.movements.delete(element);
+      animation.cancel();
+    };
+  }
+  cancelMovements() {
+    for (const animation of this.movements.values()) {
+      animation.onfinish = null;
+      animation.cancel();
+    }
+    this.movements.clear();
+  }
+  removeExit(key) {
+    const exit = this.exits.get(key);
+    if (exit === void 0) return;
+    exit.animation.onfinish = null;
+    exit.animation.cancel();
+    exit.element.remove();
+    this.exits.delete(key);
+  }
+  clear() {
+    this.cancelMovements();
+    for (const key of this.exits.keys()) this.removeExit(key);
+  }
+  render() {
+    return /* @__PURE__ */ jsxs12(Fragment6, { children: [
+      /* @__PURE__ */ jsx15(
+        "div",
         {
-          type: "button",
-          className: clsx11(className, MarkdownText_module_default.fileMention),
-          "data-ref-chip": referenceKind ?? slashKind,
-          title: label,
-          onClick: (event) => {
-            if (event.detail > 1 || event.detail !== 0 && event.currentTarget.ownerDocument.getSelection()?.isCollapsed === false)
-              return;
-            open();
+          ref: this.list,
+          className: this.props.className,
+          role: this.props.role,
+          "aria-label": this.props.label,
+          onPointerDownCapture: () => {
+            this.armed = true;
           },
-          children: contents
-        },
-        tokenStart
-      )
-    );
-    cursor = end;
+          onKeyDownCapture: () => {
+            this.armed = true;
+          },
+          children: this.props.children
+        }
+      ),
+      /* @__PURE__ */ jsx15("div", { ref: this.overlay, className: AnimatedRows_module_default.exits, "aria-hidden": "true" })
+    ] });
+  }
+};
+
+// src/useRowDragPreview.ts
+import { useEffect as useEffect3, useMemo, useRef as useRef3 } from "react";
+import clsx12 from "clsx";
+
+// .build/css/RowDragPreview.module.mjs
+var id16 = "@seekbuddy/dsh-ui/RowDragPreview.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id16 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id16);
+  element.textContent = ".oXmfgq_preview{pointer-events:none;position:fixed;top:0}.oXmfgq_preview>:first-child{box-sizing:border-box;width:100%;height:100%;margin:0}";
+  document.head.appendChild(element);
+}
+var RowDragPreview_module_default = { "preview": "oXmfgq_preview" };
+
+// src/useRowDragPreview.ts
+function useRowDragPreview(className, inheritedProperties) {
+  const current = useRef3(null);
+  const dragging = useRef3(false);
+  const preview = useMemo(() => {
+    const clear = () => {
+      const wasDragging = dragging.current;
+      dragging.current = false;
+      current.current?.remove();
+      current.current = null;
+      return wasDragging;
+    };
+    return {
+      clear,
+      start: (event, row = event.currentTarget) => {
+        clear();
+        dragging.current = true;
+        const rect = row.getBoundingClientRect();
+        const style = getComputedStyle(row);
+        const copy = row.cloneNode(true);
+        copy.removeAttribute("data-row-key");
+        copy.tabIndex = -1;
+        for (const control of copy.querySelectorAll(
+          "button, a[href], input, select, textarea, [tabindex], [contenteditable]"
+        ))
+          control.tabIndex = -1;
+        copy.style.color = style.color;
+        copy.style.paddingInlineStart = style.paddingInlineStart;
+        const image = row.ownerDocument.createElement("div");
+        image.className = clsx12(RowDragPreview_module_default.preview, className);
+        image.inert = true;
+        image.setAttribute("aria-hidden", "true");
+        inheritedProperties?.forEach((property) => {
+          image.style.setProperty(property, style.getPropertyValue(property));
+        });
+        Object.assign(image.style, {
+          left: `${String(-rect.width)}px`,
+          width: `${String(rect.width)}px`,
+          height: `${String(rect.height)}px`,
+          font: style.font
+        });
+        image.append(copy);
+        row.ownerDocument.body.append(image);
+        current.current = image;
+        try {
+          event.dataTransfer.setDragImage(image, event.clientX - rect.left, event.clientY - rect.top);
+        } catch (_error) {
+          image.remove();
+          current.current = null;
+        }
+      }
+    };
+  }, [className, inheritedProperties]);
+  useEffect3(
+    () => () => {
+      preview.clear();
+    },
+    [preview]
+  );
+  return preview;
+}
+
+// src/ZoomControls.tsx
+import clsx13 from "clsx";
+import { forwardRef as forwardRef2, useEffect as useEffect4, useImperativeHandle, useState as useState3 } from "react";
+
+// src/document-zoom.ts
+var DOCUMENT_ZOOM = { minimum: 0.25, maximum: 4, step: 0.25, presets: [0.25, 0.5, 1, 1.5, 2] };
+
+// .build/css/ZoomControls.module.mjs
+var id17 = "@seekbuddy/dsh-ui/ZoomControls.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id17 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id17);
+  element.textContent = ":where(._16hJkG_panel){bottom:14px}._16hJkG_panel{z-index:2;box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-lg);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);opacity:0;pointer-events:none;will-change:opacity, transform;align-items:center;gap:2px;padding:4px 6px;font-size:12px;line-height:18px;transition:opacity .16s ease-in,transform .16s cubic-bezier(.4,0,1,1);display:flex;position:absolute;inset-inline-start:50%;transform:translate(-50%,16px)scale(.98);box-shadow:0 8px 24px light-dark(#0000001a,#00000060),0 2px 5px light-dark(#00000009,#00000035)}._16hJkG_visible{opacity:1;pointer-events:auto;transition:opacity .14s ease-out,transform .18s cubic-bezier(.22,1,.36,1);transform:translate(-50%)scale(1)}._16hJkG_controlAnchor{display:flex}._16hJkG_zoomButton{flex:none;width:28px;padding:0}._16hJkG_percent{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;min-width:58px;padding-inline:6px;display:inline-flex}._16hJkG_zoomMenu{min-width:112px}@media (hover:none),(pointer:coarse){._16hJkG_panel{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){._16hJkG_panel,._16hJkG_visible{transition-duration:.01ms}}";
+  document.head.appendChild(element);
+}
+var ZoomControls_module_default = { "percent": "_16hJkG_percent", "controlAnchor": "_16hJkG_controlAnchor", "zoomMenu": "_16hJkG_zoomMenu", "visible": "_16hJkG_visible", "panel": "_16hJkG_panel", "zoomButton": "_16hJkG_zoomButton" };
+
+// src/ZoomControls.tsx
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function steppedZoom(zoom, direction) {
+  const step = direction === -1 ? Math.ceil(zoom / DOCUMENT_ZOOM.step) - 1 : Math.floor(zoom / DOCUMENT_ZOOM.step) + 1;
+  return Math.min(DOCUMENT_ZOOM.maximum, Math.max(DOCUMENT_ZOOM.minimum, step * DOCUMENT_ZOOM.step));
+}
+var ZoomControls = forwardRef2(function ZoomControls2({ zoom, fit, className, labels, visible, onZoom, onActiveChange }, ref) {
+  const [committed, setCommitted] = useState3(zoom);
+  const [transient, setTransient] = useState3();
+  const [open, setOpen] = useState3(false);
+  const [hovered, setHovered] = useState3(false);
+  const [focused, setFocused] = useState3(false);
+  if (committed !== zoom) {
+    setCommitted(zoom);
+    setTransient(void 0);
   }
-  if (parts.length === 0) return /* @__PURE__ */ jsx14("span", { className: user_text_module_default.plainRun, children: text });
-  if (cursor < text.length) pushPlain(cursor, text.length);
-  return /* @__PURE__ */ jsx14(Fragment5, { children: parts });
+  const displayZoom = transient ?? zoom;
+  useImperativeHandle(ref, () => ({ showZoom: setTransient }), []);
+  useEffect4(() => {
+    onActiveChange(open || hovered || focused);
+  }, [focused, hovered, onActiveChange, open]);
+  const items = [
+    ...fit === void 0 ? [] : [
+      { id: "fit", label: fit.label },
+      { type: "separator", id: "fit-scale" }
+    ],
+    ...DOCUMENT_ZOOM.presets.map((value) => ({ id: String(value), label: labels.value(value * 100) }))
+  ];
+  const selectedId = fit?.selected === true ? "fit" : DOCUMENT_ZOOM.presets.some((value) => value === displayZoom) ? String(displayZoom) : void 0;
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      className: clsx13(ZoomControls_module_default.panel, visible && ZoomControls_module_default.visible, className),
+      role: "toolbar",
+      "aria-label": labels.controls,
+      "data-document-zoom-controls": true,
+      "data-document-zoom-visible": visible || void 0,
+      onPointerEnter: (event) => {
+        if (event.pointerType !== "touch") setHovered(true);
+      },
+      onPointerLeave: () => {
+        setHovered(false);
+      },
+      onFocusCapture: () => {
+        setFocused(true);
+      },
+      onBlurCapture: (event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);
+      },
+      children: [
+        /* @__PURE__ */ jsx16(Tooltip, { label: labels.out, side: "top", children: /* @__PURE__ */ jsx16("span", { className: ZoomControls_module_default.controlAnchor, children: /* @__PURE__ */ jsx16(
+          Button,
+          {
+            size: "sm",
+            className: ZoomControls_module_default.zoomButton,
+            "aria-label": labels.out,
+            disabled: displayZoom <= DOCUMENT_ZOOM.minimum,
+            onMouseDown: (event) => {
+              event.preventDefault();
+            },
+            onClick: () => {
+              onZoom(steppedZoom(displayZoom, -1));
+            },
+            children: /* @__PURE__ */ jsx16("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M2 8h12", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }) })
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx16(
+          Menu,
+          {
+            open,
+            side: "top",
+            align: "start",
+            portal: true,
+            compact: true,
+            listClassName: ZoomControls_module_default.zoomMenu,
+            anchor: /* @__PURE__ */ jsxs13(
+              Button,
+              {
+                size: "sm",
+                className: ZoomControls_module_default.percent,
+                "aria-label": labels.menu,
+                "aria-expanded": open,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                },
+                onClick: () => {
+                  setOpen((value) => !value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx16("span", { children: labels.value(Math.round(displayZoom * 100)) }),
+                  /* @__PURE__ */ jsx16(IconChevronDownOutlineRegular, { size: 12 })
+                ]
+              }
+            ),
+            items,
+            selectedId,
+            onClose: () => {
+              setOpen(false);
+            },
+            onSelect: (selected) => {
+              setOpen(false);
+              if (selected === "fit") fit?.onSelect();
+              else onZoom(Number(selected));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx16(Tooltip, { label: labels.into, side: "top", children: /* @__PURE__ */ jsx16("span", { className: ZoomControls_module_default.controlAnchor, children: /* @__PURE__ */ jsx16(
+          Button,
+          {
+            size: "sm",
+            className: ZoomControls_module_default.zoomButton,
+            "aria-label": labels.into,
+            disabled: displayZoom >= DOCUMENT_ZOOM.maximum,
+            onMouseDown: (event) => {
+              event.preventDefault();
+            },
+            onClick: () => {
+              onZoom(steppedZoom(displayZoom, 1));
+            },
+            children: /* @__PURE__ */ jsx16(IconPlusOutlineRegular, { size: 14 })
+          }
+        ) }) })
+      ]
+    }
+  );
+});
+
+// src/InlineEditor.tsx
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef4 } from "react";
+import clsx14 from "clsx";
+
+// .build/css/InlineEditor.module.mjs
+var id18 = "@seekbuddy/dsh-ui/InlineEditor.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id18 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id18);
+  element.textContent = ".aMYfeq_editor{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-base);min-width:0;min-height:28px;max-height:127px;color:var(--dsw-alias-label-primary);font:var(--dsw-font-xs-13);font-family:Inter, var(--dsw-font-family);resize:none;outline:none;flex:auto;margin:0;padding:3px 8px;overflow-y:auto}.aMYfeq_editor:focus{border-color:var(--dsw-alias-state-business-primary)}";
+  document.head.appendChild(element);
+}
+var InlineEditor_module_default = { "editor": "aMYfeq_editor" };
+
+// src/InlineEditor.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function InlineEditor({
+  value,
+  label,
+  onChange,
+  onSave,
+  onCancel,
+  className
+}) {
+  const ref = useRef4(null);
+  useLayoutEffect2(() => {
+    const node = ref.current;
+    const fit = () => {
+      node.style.height = "auto";
+      node.style.height = `${node.scrollHeight + node.offsetHeight - node.clientHeight}px`;
+    };
+    fit();
+    const observer = new ResizeObserver(fit);
+    observer.observe(node);
+    return () => {
+      observer.disconnect();
+    };
+  }, [value]);
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      onCancel();
+      return;
+    }
+    const composing = event.nativeEvent.isComposing || Reflect.get(event.nativeEvent, "keyCode") === 229;
+    if (event.key !== "Enter" || event.shiftKey || composing) return;
+    event.preventDefault();
+    onSave();
+  };
+  return /* @__PURE__ */ jsx17(
+    "textarea",
+    {
+      ref,
+      autoFocus: true,
+      rows: 1,
+      className: clsx14(InlineEditor_module_default.editor, className),
+      "aria-label": label,
+      value,
+      onChange: (event) => {
+        onChange(event.currentTarget.value);
+      },
+      onKeyDown
+    }
+  );
+}
+
+// src/QuotePreview.tsx
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState4 } from "react";
+
+// .build/css/QuotePreview.module.mjs
+var id19 = "@seekbuddy/dsh-ui/QuotePreview.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id19 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id19);
+  element.textContent = ".Qd5ZYq_quote{box-sizing:border-box;vertical-align:baseline;max-width:min(80%,300px);color:var(--dsw-alias-state-business-primary);font-size:var(--dsh-content-font-size,14px);line-height:calc(20px + var(--dsh-content-font-delta,0px));align-items:baseline;gap:4px;margin:0;padding:0;display:inline-flex}.Qd5ZYq_popoverText{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;white-space:pre-wrap;padding:8px 10px;font-size:14px;line-height:20px;display:block}.Qd5ZYq_source{min-width:0;color:inherit;font:inherit;line-height:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;padding:0;overflow:hidden}.Qd5ZYq_marker,.Qd5ZYq_remove{width:16px;height:16px;color:inherit;user-select:none;flex:none;align-self:center;place-items:center;padding:0;display:grid}.Qd5ZYq_marker{pointer-events:none}.Qd5ZYq_remove{corner-shape:round;cursor:pointer;background:0 0;border:none;border-radius:50%}.Qd5ZYq_quoteMark,.Qd5ZYq_closeMark{grid-area:1/1;transition:opacity .12s}.Qd5ZYq_closeMark,.Qd5ZYq_quote[data-removable]:focus-within .Qd5ZYq_quoteMark{opacity:0}.Qd5ZYq_quote[data-removable]:focus-within .Qd5ZYq_closeMark{opacity:1}@media (hover:hover){.Qd5ZYq_quote[data-removable]:hover .Qd5ZYq_quoteMark{opacity:0}.Qd5ZYq_quote[data-removable]:hover .Qd5ZYq_closeMark{opacity:1}}@media (hover:none){.Qd5ZYq_quote[data-removable] .Qd5ZYq_quoteMark{opacity:0}.Qd5ZYq_quote[data-removable] .Qd5ZYq_closeMark{opacity:1}}";
+  document.head.appendChild(element);
+}
+var QuotePreview_module_default = { "quote": "Qd5ZYq_quote", "popoverText": "Qd5ZYq_popoverText", "marker": "Qd5ZYq_marker", "remove": "Qd5ZYq_remove", "quoteMark": "Qd5ZYq_quoteMark", "source": "Qd5ZYq_source", "closeMark": "Qd5ZYq_closeMark" };
+
+// src/QuotePreview.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function QuoteMarkIcon({ className }) {
+  return /* @__PURE__ */ jsx18("svg", { width: 16, height: 16, className, viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxs14("g", { transform: "translate(6.8 2.4)", children: [
+    /* @__PURE__ */ jsx18(
+      "path",
+      {
+        d: "M2.8125 0.583008L3.2002 1.16602C2.43912 1.6713 1.88491 2.41238 1.60547 3.25684H2.98926V6.70605H0V4.52148C1.96593e-05 2.70313 0.9109 1.00575 2.42578 0L2.8125 0.583008Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      "path",
+      {
+        d: "M7.50781 0.583008L7.89551 1.16602C7.13443 1.6713 6.58022 2.41238 6.30078 3.25684H7.68457V6.70605H4.69531V4.52148C4.69533 2.70313 5.60621 1.00575 7.12109 0L7.50781 0.583008Z",
+        fill: "currentColor"
+      }
+    )
+  ] }) });
+}
+function QuotePreview({ text, removal }) {
+  const sourceRef = useRef5(null);
+  const [truncated, setTruncated] = useState4(false);
+  useLayoutEffect3(() => {
+    const source = sourceRef.current;
+    if (source === null) return;
+    const measure = () => {
+      const clipped = source.scrollWidth > source.clientWidth;
+      setTruncated(clipped);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(source);
+    return () => {
+      observer.disconnect();
+    };
+  }, [text]);
+  const remove = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    removal?.onRemove();
+  };
+  const preview = /* @__PURE__ */ jsxs14("span", { className: QuotePreview_module_default.quote, "data-quote-preview": "", "data-removable": removal === void 0 ? void 0 : "", children: [
+    removal === void 0 ? /* @__PURE__ */ jsx18("span", { className: QuotePreview_module_default.marker, "aria-hidden": true, children: /* @__PURE__ */ jsx18(QuoteMarkIcon, { className: QuotePreview_module_default.quoteMark }) }) : /* @__PURE__ */ jsxs14(
+      "button",
+      {
+        type: "button",
+        className: QuotePreview_module_default.remove,
+        "aria-label": removal.label,
+        onPointerDown: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        onKeyDown: (event) => {
+          event.stopPropagation();
+        },
+        onClick: remove,
+        children: [
+          /* @__PURE__ */ jsx18(QuoteMarkIcon, { className: QuotePreview_module_default.quoteMark }),
+          /* @__PURE__ */ jsx18(IconCloseOutlineRegular, { size: 12, className: QuotePreview_module_default.closeMark })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx18("span", { ref: sourceRef, className: QuotePreview_module_default.source, "data-quote-preview-text": "", children: text })
+  ] });
+  return /* @__PURE__ */ jsx18(
+    HoverCard,
+    {
+      inline: true,
+      grouped: true,
+      fitContent: true,
+      openDelayMs: 0,
+      disabled: !truncated,
+      anchor: preview,
+      content: /* @__PURE__ */ jsx18("span", { className: QuotePreview_module_default.popoverText, "data-quote-popover": "", "aria-hidden": "true", children: text })
+    }
+  );
 }
 
 // src/Toast.tsx
-import { Fragment as Fragment6, useEffect as useEffect3, useLayoutEffect as useLayoutEffect3, useRef as useRef3, useState as useState4 } from "react";
+import { Fragment as Fragment7, useEffect as useEffect5, useLayoutEffect as useLayoutEffect4, useRef as useRef6, useState as useState5 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // .build/css/Toast.module.mjs
-var id15 = "@seekbuddy/dsh-ui/Toast.module.css";
-if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id15 + '"]')) {
+var id20 = "@seekbuddy/dsh-ui/Toast.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id20 + '"]')) {
   const element = document.createElement("style");
-  element.setAttribute("data-dsh-ui-primitives", id15);
-  element.textContent = "._7whosa_toast{z-index:1100;pointer-events:none;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-toast-bg);width:max-content;max-width:min(640px,100vw - 48px);color:var(--dsw-alias-toast-label);box-shadow:var(--dsw-shadow-lv3);animation:_7whosa_dsh-toast-in .16s ease-out, _7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards;align-items:center;gap:10px;padding:12px 16px;font-size:14px;line-height:22px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}._7whosa_icon{color:var(--dsw-alias-state-warn-label);flex:none;place-items:center;display:grid}._7whosa_icon._7whosa_success{color:var(--dsw-alias-state-success-primary)}._7whosa_text{min-width:0}._7whosa_action{color:var(--dsw-static-deepseek-400);font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin-inline:3px;padding:0;display:inline}._7whosa_action:hover{opacity:.8}@keyframes _7whosa_dsh-toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes _7whosa_dsh-toast-fade{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){._7whosa_toast{animation:_7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards}}";
+  element.setAttribute("data-dsh-ui-primitives", id20);
+  element.textContent = "._7whosa_toast{z-index:1100;pointer-events:none;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-toast-bg);width:max-content;max-width:min(640px,100vw - 48px);color:var(--dsw-alias-toast-label);box-shadow:var(--dsw-shadow-lv3);animation:_7whosa_dsh-toast-in .16s ease-out, _7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards;align-items:center;gap:10px;padding:12px 16px;font-size:14px;line-height:22px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}._7whosa_icon{color:var(--dsw-alias-state-warn-label);flex:none;place-items:center;display:grid}._7whosa_icon._7whosa_success{color:var(--dsw-alias-state-success-primary)}._7whosa_text{min-width:0}._7whosa_action{color:var(--dsw-static-deepseek-400);font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin-inline:3px;padding:0;display:inline}@media (hover:hover){._7whosa_action:hover{opacity:.8}}@keyframes _7whosa_dsh-toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes _7whosa_dsh-toast-fade{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){._7whosa_toast{animation:_7whosa_dsh-toast-fade 1s ease var(--dsh-toast-hold,3s) forwards}}";
   document.head.appendChild(element);
 }
-var Toast_module_default = { "icon": "_7whosa_icon", "success": "_7whosa_success", "dsh-toast-in": "_7whosa_dsh-toast-in", "text": "_7whosa_text", "action": "_7whosa_action", "toast": "_7whosa_toast", "dsh-toast-fade": "_7whosa_dsh-toast-fade" };
+var Toast_module_default = { "dsh-toast-fade": "_7whosa_dsh-toast-fade", "toast": "_7whosa_toast", "success": "_7whosa_success", "action": "_7whosa_action", "icon": "_7whosa_icon", "dsh-toast-in": "_7whosa_dsh-toast-in", "text": "_7whosa_text" };
 
 // src/Toast.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var HOLD_MS = 3e3;
 var FADE_MS = 1e3;
 function Toast({
@@ -1001,11 +1481,11 @@ function Toast({
   actions,
   onDone
 }) {
-  const latestOnDone = useRef3(onDone);
-  useLayoutEffect3(() => {
+  const latestOnDone = useRef6(onDone);
+  useLayoutEffect4(() => {
     latestOnDone.current = onDone;
   }, [onDone]);
-  useEffect3(() => {
+  useEffect5(() => {
     const timer = setTimeout(() => {
       latestOnDone.current();
     }, holdMs + FADE_MS);
@@ -1013,8 +1493,8 @@ function Toast({
       clearTimeout(timer);
     };
   }, [holdMs]);
-  const [left, setLeft] = useState4(null);
-  useLayoutEffect3(() => {
+  const [left, setLeft] = useState5(null);
+  useLayoutEffect4(() => {
     if (anchor == null) return;
     const measure = () => {
       const rect = anchor.getBoundingClientRect();
@@ -1027,7 +1507,7 @@ function Toast({
     };
   }, [anchor]);
   return createPortal2(
-    /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs15(
       "div",
       {
         className: Toast_module_default.toast,
@@ -1037,12 +1517,12 @@ function Toast({
           "--dsh-toast-hold": `${String(holdMs)}ms`
         },
         children: [
-          tone === "success" ? /* @__PURE__ */ jsx15("span", { className: `${Toast_module_default.icon} ${Toast_module_default.success}`, "aria-hidden": true, children: /* @__PURE__ */ jsx15(IconCheckCircleOutlineRegular, {}) }) : icon !== void 0 && /* @__PURE__ */ jsx15("span", { className: Toast_module_default.icon, "aria-hidden": true, children: icon }),
-          /* @__PURE__ */ jsxs13("span", { className: Toast_module_default.text, children: [
+          tone === "success" ? /* @__PURE__ */ jsx19("span", { className: `${Toast_module_default.icon} ${Toast_module_default.success}`, "aria-hidden": true, children: /* @__PURE__ */ jsx19(IconCheckCircleOutlineRegular, {}) }) : icon !== void 0 && /* @__PURE__ */ jsx19("span", { className: Toast_module_default.icon, "aria-hidden": true, children: icon }),
+          /* @__PURE__ */ jsxs15("span", { className: Toast_module_default.text, children: [
             text,
-            actions?.map((action) => /* @__PURE__ */ jsxs13(Fragment6, { children: [
+            actions?.map((action) => /* @__PURE__ */ jsxs15(Fragment7, { children: [
               action.prefix,
-              /* @__PURE__ */ jsx15("button", { type: "button", className: Toast_module_default.action, onClick: action.onClick, children: action.label })
+              /* @__PURE__ */ jsx19("button", { type: "button", className: Toast_module_default.action, onClick: action.onClick, children: action.label })
             ] }, action.label))
           ] })
         ]
@@ -1139,19 +1619,27 @@ function isDarwinDesktop() {
   return document.documentElement.dataset.platform === "darwin";
 }
 export {
+  AnimatedRows,
   Button,
   Checkbox,
   ConnectionIndicator,
+  DOCUMENT_ZOOM,
   DisclosureRow,
+  DraggableImage,
   HoverCard,
+  HoverCardGroup,
   ImageLightbox,
+  InlineEditor,
   Input,
+  MENU_TRANSITION_MS,
   Menu,
   MenuGroup,
   MenuItemButton,
   MenuSurface,
   Modal,
   Pill,
+  QuotePreview,
+  ReferenceChip,
   RiskConfirmation,
   SegmentedControl,
   SegmentedTabs,
@@ -1162,21 +1650,26 @@ export {
   TextShimmer,
   Toast,
   Tooltip,
+  UserMessageBubble,
+  UserTextRun,
+  ZoomControls,
   closeTopModal,
   fileSizeText,
   focusWithoutRing,
   isBehindModal,
   isDarwinDesktop,
+  isMobileDevice,
   modalSelector,
   observeComposition,
   observeStickyMenuGroups,
   pointerModality,
-  projectUserText,
   rankByName,
   relativeTime,
   useAnchoredMaxHeight,
   useAnchoredPosition,
+  useClipboardCopy,
   useDismissOnOutsidePointer,
   useModalLayer,
+  useRowDragPreview,
   writeClipboard
 };