@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.1

package/dist/index.js

@@ -0,0 +1,1675 @@
+import {
+  MENU_TRANSITION_MS,
+  Menu,
+  MenuItemButton,
+  MenuSurface,
+  Pill,
+  closeTopModal,
+  focusWithoutRing,
+  isBehindModal,
+  isMobileDevice,
+  modalSelector,
+  observeComposition,
+  useAnchoredPosition,
+  useClipboardCopy,
+  useModalLayer
+} 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-JA3XDLIA.js";
+import {
+  ReferenceIconRegular
+} from "./chunks/chunk-FFJ6TCCF.js";
+import {
+  IconCheckCircleOutlineRegular,
+  IconCheckOutlineRegular,
+  IconChevronDownOutlineRegular,
+  IconChevronUpOutlineRegular,
+  IconCloseOutlineRegular,
+  IconPlusOutlineRegular,
+  IconRefreshOutlineRegular,
+  IconWarningOutlineRegular
+} from "./chunks/chunk-XW4L4ZGL.js";
+import {
+  __publicField
+} from "./chunks/chunk-ZA47FP7C.js";
+
+// src/DisclosureRow.tsx
+import { memo as memo2 } from "react";
+import clsx2 from "clsx";
+
+// src/TextShimmer.tsx
+import * as React from "react";
+import { memo, useContext } from "react";
+import clsx from "clsx";
+
+// .build/css/TextShimmer.module.mjs
+var id = "@seekbuddy/dsh-ui/TextShimmer.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id);
+  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 = { "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";
+var DecorativeCopy = typeof React.createContext === "function" ? React.createContext(void 0) : null;
+function TextContent({ children, className }) {
+  const decorative = useContext(DecorativeCopy);
+  const generated = decorative === true && typeof children === "string";
+  return /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.text, className), "data-shimmer-text": generated ? children : void 0, children: generated ? null : children });
+}
+var TextShimmer = memo(function TextShimmer2({
+  children,
+  active = false,
+  className,
+  contentClassName
+}) {
+  const decorative = useContext(DecorativeCopy);
+  if (decorative !== void 0) return /* @__PURE__ */ jsx(TextContent, { className, children });
+  const content = typeof children === "string" ? /* @__PURE__ */ jsx(TextContent, { children }) : children;
+  return /* @__PURE__ */ jsxs("span", { className: clsx(TextShimmer_module_default.root, className), "data-shimmer": active || void 0, children: [
+    /* @__PURE__ */ jsx(DecorativeCopy.Provider, { value: false, children: /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.content, contentClassName), children: content }) }),
+    active && // React 18 forwards inert as an empty string; a boolean is dropped.
+    /* @__PURE__ */ jsx("span", { className: TextShimmer_module_default.decoration, "aria-hidden": "true", ...{ inert: "" }, children: /* @__PURE__ */ jsx("span", { className: TextShimmer_module_default.sweep, children: /* @__PURE__ */ jsx(DecorativeCopy.Provider, { value: true, children: /* @__PURE__ */ jsx("span", { className: clsx(TextShimmer_module_default.content, TextShimmer_module_default.highlight, contentClassName), children: content }) }) }) })
+  ] });
+});
+
+// .build/css/DisclosureRow.module.mjs
+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_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 = { "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";
+var DisclosureRow = memo2(function DisclosureRow2({
+  icon,
+  title,
+  open,
+  expandable,
+  onToggle,
+  running = false,
+  expandOnRowClick = false,
+  previewChevron = expandable,
+  keepContentWhenOpen = false,
+  collapsedContent,
+  headerAccessory,
+  children,
+  className,
+  rowClassName,
+  contentClassName,
+  contentLayoutClassName,
+  leadingClassName,
+  chevronClassName,
+  titleClassName
+}) {
+  const rowExpands = expandable && expandOnRowClick;
+  const toggleFromLeading = (event) => {
+    event.stopPropagation();
+    onToggle();
+  };
+  const toggleFromKeyboard = (event) => {
+    if (!rowExpands || event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    onToggle();
+  };
+  const collapsedLeading = previewChevron ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("span", { className: DisclosureRow_module_default.iconIdle, children: icon }),
+    /* @__PURE__ */ jsx2(IconChevronDownOutlineRegular, { className: clsx2(chevronClassName, DisclosureRow_module_default.chevronHover) })
+  ] }) : 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: 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/SegmentedTabs.tsx
+import clsx3 from "clsx";
+
+// .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 = ".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 = { "tabs": "zfSGJW_tabs", "tab": "zfSGJW_tab", "indicator": "zfSGJW_indicator" };
+
+// src/SegmentedTabs.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SegmentedTabs({
+  items,
+  value,
+  onChange,
+  label,
+  className,
+  size = "md"
+}) {
+  const selectedIndex = items.findIndex((item) => item.value === value);
+  const onKeyDown = (event, index) => {
+    let next;
+    switch (event.key) {
+      case "ArrowLeft":
+        next = (index + items.length - 1) % items.length;
+        break;
+      case "ArrowRight":
+        next = (index + 1) % items.length;
+        break;
+      case "Home":
+        next = 0;
+        break;
+      case "End":
+        next = items.length - 1;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const tablist = event.currentTarget.parentElement;
+    const nextItem = items[next];
+    if (tablist === null || nextItem === void 0) return;
+    tablist.querySelectorAll('[role="tab"]').item(next).focus();
+    onChange(nextItem.value);
+  };
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      role: "tablist",
+      "data-size": size,
+      "aria-label": label,
+      className: clsx3(SegmentedTabs_module_default.tabs, className),
+      style: { gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))` },
+      children: [
+        /* @__PURE__ */ jsx3(
+          "span",
+          {
+            className: SegmentedTabs_module_default.indicator,
+            "aria-hidden": "true",
+            style: {
+              width: `calc((100% - 2 * var(--segmented-tabs-inset)) / ${items.length})`,
+              transform: `translateX(${selectedIndex * 100}%)`
+            }
+          }
+        ),
+        items.map((item, index) => /* @__PURE__ */ jsx3(
+          Pill,
+          {
+            id: item.id,
+            role: "tab",
+            className: SegmentedTabs_module_default.tab,
+            "aria-selected": value === item.value,
+            "aria-controls": item.panelId,
+            tabIndex: value === item.value ? 0 : -1,
+            onClick: () => {
+              onChange(item.value);
+            },
+            onKeyDown: (event) => {
+              onKeyDown(event, index);
+            },
+            children: item.label
+          },
+          item.value
+        ))
+      ]
+    }
+  );
+}
+
+// src/Tag.tsx
+import clsx4 from "clsx";
+
+// .build/css/Tag.module.mjs
+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", 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 jsx4 } from "react/jsx-runtime";
+function Tag({
+  tone = "outline",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx4("span", { className: clsx4(Tag_module_default.tag, className), "data-tone": tone, children });
+}
+
+// src/Switch.tsx
+import clsx5 from "clsx";
+
+// .build/css/Switch.module.mjs
+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", 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 jsx5 } from "react/jsx-runtime";
+function Switch({
+  checked,
+  onChange,
+  label,
+  disabled = false,
+  title,
+  className
+}) {
+  return /* @__PURE__ */ jsx5(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": label,
+      title,
+      disabled,
+      className: clsx5(Switch_module_default.switch, className),
+      onClick: () => {
+        onChange(!checked);
+      },
+      children: /* @__PURE__ */ jsx5("span", { className: Switch_module_default.thumb })
+    }
+  );
+}
+
+// src/SegmentedControl.tsx
+import { useEffect, useRef } from "react";
+import clsx6 from "clsx";
+
+// .build/css/SegmentedControl.module.mjs
+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", 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 = { "control": "_4Yr7Ka_control", "indicator": "_4Yr7Ka_indicator", "tab": "_4Yr7Ka_tab" };
+
+// src/SegmentedControl.tsx
+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";
+}
+function walk(options, from, key) {
+  const enabled = options.filter((option) => option.disabled !== true);
+  if (key === "Home") return enabled[0];
+  if (key === "End") return enabled[enabled.length - 1];
+  const step = key === "ArrowRight" || key === "ArrowDown" ? 1 : -1;
+  const count = options.length;
+  for (let offset = 1; offset < count; offset += 1) {
+    const candidate = options[((from + step * offset) % count + count) % count];
+    if (candidate !== void 0 && candidate.disabled !== true) return candidate;
+  }
+  return void 0;
+}
+function SegmentedControl({
+  id: id21,
+  value,
+  options,
+  onChange,
+  label,
+  disabled = false,
+  className
+}) {
+  const list = useRef(null);
+  const selected = options.findIndex((option) => option.value === value);
+  useEffect(() => {
+    const root = list.current;
+    if (root === null) return;
+    if (!root.contains(document.activeElement)) return;
+    root.querySelector('[role="tab"][aria-selected="true"]')?.focus();
+  }, [value]);
+  const onKeyDown = (event) => {
+    if (!isWalkKey(event.key)) return;
+    event.preventDefault();
+    const target = walk(options, selected, event.key);
+    if (target !== void 0 && target.value !== value) onChange(target.value);
+  };
+  const indicator = {
+    "--dsh-segment-count": String(options.length),
+    "--dsh-segment-index": String(selected)
+  };
+  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__ */ jsx6(
+        "button",
+        {
+          id: `${id21}-${option.value}`,
+          type: "button",
+          role: "tab",
+          "aria-selected": active,
+          "aria-controls": `${id21}-${option.value}-panel`,
+          tabIndex: active ? 0 : -1,
+          disabled: disabled || option.disabled === true,
+          title: option.title,
+          className: SegmentedControl_module_default.tab,
+          onClick: () => {
+            if (!active) onChange(option.value);
+          },
+          onKeyDown,
+          children: option.label
+        },
+        option.value
+      );
+    })
+  ] });
+}
+
+// src/Checkbox.tsx
+import clsx7 from "clsx";
+
+// .build/css/Checkbox.module.mjs
+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", 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 jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function Checkbox({
+  checked,
+  onChange,
+  label,
+  disabled = false,
+  title,
+  className
+}) {
+  return /* @__PURE__ */ jsxs5("label", { className: clsx7(Checkbox_module_default.checkbox, className), title, children: [
+    /* @__PURE__ */ jsx7(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        disabled,
+        onChange: (event) => {
+          onChange(event.target.checked);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx7("span", { children: label })
+  ] });
+}
+
+// src/Input.tsx
+import { forwardRef } from "react";
+import clsx8 from "clsx";
+
+// .build/css/Input.module.mjs
+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", 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 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 })
+  ] });
+});
+
+// src/MenuGroup.tsx
+import { useId } from "react";
+
+// .build/css/MenuGroup.module.mjs
+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", 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 = { "group": "EvD5wW_group", "start": "EvD5wW_start", "heading": "EvD5wW_heading" };
+
+// src/MenuGroup.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function MenuGroup({ label, children }) {
+  const headingId = useId();
+  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
+  ] });
+}
+function observeStickyMenuGroups(viewport) {
+  const groups = [...viewport.querySelectorAll(":scope > [data-menu-group]")].flatMap((section) => {
+    const heading = section.querySelector(":scope > [data-menu-group-heading]");
+    const start = section.querySelector(":scope > [data-menu-group-start]");
+    return heading === null || start === null ? [] : [
+      {
+        section,
+        heading,
+        start,
+        atTop: false,
+        above: false,
+        topTime: -Infinity,
+        aboveTime: -Infinity
+      }
+    ];
+  });
+  if (groups.length === 0 || typeof IntersectionObserver === "undefined" || typeof ResizeObserver === "undefined") {
+    return () => {
+    };
+  }
+  const sections = new Map(groups.map((group) => [group.section, group]));
+  const starts = new Map(groups.map((group) => [group.start, group]));
+  let disposed = false;
+  let stripObserver;
+  let viewportHeight;
+  const render = (group) => {
+    const stuck = group.atTop && group.above;
+    if (group.heading.hasAttribute("data-stuck") !== stuck) group.heading.toggleAttribute("data-stuck", stuck);
+  };
+  const startObserver = new IntersectionObserver(
+    (entries) => {
+      if (disposed) return;
+      for (const entry of entries) {
+        const group = starts.get(entry.target);
+        if (!group || entry.rootBounds === null || entry.time < group.aboveTime) continue;
+        group.above = entry.boundingClientRect.top < entry.rootBounds.top;
+        group.aboveTime = entry.time;
+        render(group);
+      }
+    },
+    { root: viewport, threshold: [0, 1] }
+  );
+  for (const { start } of groups) startObserver.observe(start);
+  const sizeObserver = new ResizeObserver((entries) => {
+    if (disposed) return;
+    for (const entry of entries) {
+      if (entry.target !== viewport || entry.contentRect.height === viewportHeight) continue;
+      viewportHeight = entry.contentRect.height;
+      stripObserver?.disconnect();
+      const observer = new IntersectionObserver(
+        (intersections) => {
+          if (disposed || stripObserver !== observer) return;
+          for (const intersection of intersections) {
+            const group = sections.get(intersection.target);
+            if (!group || intersection.rootBounds === null) continue;
+            const top = intersection.rootBounds.top;
+            if (intersection.time >= group.topTime) {
+              group.atTop = intersection.isIntersecting && intersection.boundingClientRect.bottom > top;
+              group.topTime = intersection.time;
+            }
+            if (intersection.time >= group.aboveTime) {
+              group.above = intersection.boundingClientRect.top < top;
+              group.aboveTime = intersection.time;
+            }
+            render(group);
+          }
+        },
+        { root: viewport, rootMargin: `0px 0px ${Math.min(1, viewportHeight) - viewportHeight}px 0px`, threshold: 0 }
+      );
+      stripObserver = observer;
+      for (const { section } of groups) observer.observe(section);
+    }
+  });
+  sizeObserver.observe(viewport);
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    startObserver.disconnect();
+    stripObserver?.disconnect();
+    sizeObserver.disconnect();
+    for (const { heading } of groups) {
+      if (heading.hasAttribute("data-stuck")) heading.removeAttribute("data-stuck");
+    }
+  };
+}
+
+// src/useAnchoredMaxHeight.ts
+import { useLayoutEffect, useState } from "react";
+var MARGIN = 12;
+function useAnchoredMaxHeight(ref, cap, signal, margin = MARGIN) {
+  const [maxHeight, setMaxHeight] = useState(cap);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (el === null) return;
+    const fit = () => {
+      setMaxHeight(Math.min(cap, Math.max(0, el.getBoundingClientRect().bottom - overlayTopMargin(margin))));
+    };
+    fit();
+    window.addEventListener("resize", fit);
+    window.addEventListener("scroll", fit, true);
+    return () => {
+      window.removeEventListener("resize", fit);
+      window.removeEventListener("scroll", fit, true);
+    };
+  }, [ref, cap, signal, margin]);
+  return maxHeight;
+}
+
+// src/Modal.tsx
+import { useRef as useRef2 } from "react";
+import { createPortal } from "react-dom";
+import clsx9 from "clsx";
+
+// .build/css/Modal.module.mjs
+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", 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 = { "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 jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function Modal({
+  open,
+  onClose,
+  title,
+  closeLabel,
+  description,
+  children,
+  footer,
+  className,
+  contentClassName,
+  onKeyDownCapture,
+  headless = false,
+  backdropBlur = true,
+  shortcutModal
+}) {
+  const dialog = useRef2(null);
+  useModalLayer(dialog, open, onClose);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs8("div", { className: Modal_module_default.root, role: "presentation", onKeyDownCapture, children: [
+      /* @__PURE__ */ jsx10(
+        "div",
+        {
+          className: Modal_module_default.mask,
+          style: backdropBlur ? void 0 : { backdropFilter: "none" },
+          "aria-hidden": "true",
+          onClick: onClose
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        "div",
+        {
+          ref: dialog,
+          tabIndex: -1,
+          "data-shortcut-modal": shortcutModal,
+          className: clsx9(Modal_module_default.dialog, className),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title,
+          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__ */ 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__ */ jsx10("div", { className: Modal_module_default.footer, children: footer })
+          ] })
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+
+// .build/css/RiskConfirmation.module.mjs
+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", 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 = { "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 jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function RiskConfirmation({
+  open,
+  title,
+  description,
+  acknowledgeLabel,
+  cancelLabel,
+  closeLabel,
+  confirmLabel,
+  acknowledged,
+  disabled = false,
+  onAcknowledgedChange,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsxs9(
+    Modal,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      closeLabel,
+      className: RiskConfirmation_module_default.confirmation ?? "",
+      contentClassName: RiskConfirmation_module_default.confirmationContent ?? "",
+      footer: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+        /* @__PURE__ */ jsx11(Button, { variant: "outline", className: RiskConfirmation_module_default.modalAction, onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx11(
+          Button,
+          {
+            variant: "primary",
+            className: RiskConfirmation_module_default.confirmAction,
+            disabled: disabled || !acknowledged,
+            onClick: onConfirm,
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: [
+        /* @__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__ */ jsxs9("label", { className: RiskConfirmation_module_default.acknowledgement, children: [
+          /* @__PURE__ */ jsx11(
+            "input",
+            {
+              type: "checkbox",
+              checked: acknowledged,
+              disabled,
+              "data-modal-autofocus": true,
+              onChange: (event) => {
+                onAcknowledgedChange(event.currentTarget.checked);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx11("span", { children: acknowledgeLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ConnectionIndicator.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// .build/css/ConnectionIndicator.module.mjs
+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", 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 = { "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 jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var EXIT_MS = 150;
+function ConnectionIndicator({
+  state,
+  disconnectedLabel,
+  connectingLabel,
+  recoveredLabel,
+  reconnectActionLabel,
+  restartActionLabel,
+  onReconnect
+}) {
+  const [rendered, setRendered] = useState2(state);
+  const leaving = state === void 0 && rendered !== void 0;
+  useEffect2(() => {
+    if (state !== void 0) {
+      setRendered(state);
+      return;
+    }
+    if (rendered === void 0) return;
+    const timeout = window.setTimeout(() => {
+      setRendered(void 0);
+    }, EXIT_MS);
+    return () => {
+      window.clearTimeout(timeout);
+    };
+  }, [state, rendered]);
+  if (rendered === void 0) return null;
+  const leavingClass = leaving ? ` ${ConnectionIndicator_module_default.leaving}` : "";
+  if (rendered === "recovered") {
+    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__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      className: `${ConnectionIndicator_module_default.indicator} ${ConnectionIndicator_module_default.warning}${leavingClass}`,
+      "data-phase": rendered,
+      "aria-label": connecting ? restartActionLabel : reconnectActionLabel,
+      onClick: onReconnect,
+      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__ */ 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 })
+      ]
+    }
+  );
+}
+
+// src/user-text.tsx
+import clsx10 from "clsx";
+
+// .build/css/user-text.module.mjs
+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", 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", "refIcon": "_3EOulq_refIcon", "slashChip": "_3EOulq_slashChip" };
+
+// src/user-text.tsx
+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 };
+  }
+  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);
+      };
+    }
+  }
+  componentWillUnmount() {
+    this.clear();
+  }
+  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
+        }
+      ])
+    );
+  }
+  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",
+        {
+          ref: this.list,
+          className: this.props.className,
+          role: this.props.role,
+          "aria-label": this.props.label,
+          onPointerDownCapture: () => {
+            this.armed = true;
+          },
+          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);
+  }
+  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 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 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", 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 = { "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 jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+var HOLD_MS = 3e3;
+var FADE_MS = 1e3;
+function Toast({
+  text,
+  icon,
+  tone,
+  anchor,
+  holdMs = HOLD_MS,
+  actions,
+  onDone
+}) {
+  const latestOnDone = useRef6(onDone);
+  useLayoutEffect4(() => {
+    latestOnDone.current = onDone;
+  }, [onDone]);
+  useEffect5(() => {
+    const timer = setTimeout(() => {
+      latestOnDone.current();
+    }, holdMs + FADE_MS);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [holdMs]);
+  const [left, setLeft] = useState5(null);
+  useLayoutEffect4(() => {
+    if (anchor == null) return;
+    const measure = () => {
+      const rect = anchor.getBoundingClientRect();
+      setLeft(rect.left + rect.width / 2);
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => {
+      window.removeEventListener("resize", measure);
+    };
+  }, [anchor]);
+  return createPortal2(
+    /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: Toast_module_default.toast,
+        role: "alert",
+        style: {
+          ...left === null ? {} : { left },
+          "--dsh-toast-hold": `${String(holdMs)}ms`
+        },
+        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__ */ jsxs15(Fragment7, { children: [
+              action.prefix,
+              /* @__PURE__ */ jsx19("button", { type: "button", className: Toast_module_default.action, onClick: action.onClick, children: action.label })
+            ] }, action.label))
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+
+// src/file-size.ts
+function fileSizeText(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  const kb = bytes / 1024;
+  if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)}KB`;
+  const mb = kb / 1024;
+  if (mb < 1024) return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)}MB`;
+  const gb = mb / 1024;
+  return `${gb < 10 ? gb.toFixed(1) : Math.round(gb)}GB`;
+}
+
+// src/relative-time.ts
+function relativeTime(at, now) {
+  const MIN = 6e4;
+  const HOUR = 36e5;
+  const DAY = 864e5;
+  const diff = Math.max(0, now - at);
+  if (diff < MIN) return { unit: "now", n: 0 };
+  if (diff < HOUR) return { unit: "minutes", n: Math.floor(diff / MIN) };
+  if (diff < DAY) return { unit: "hours", n: Math.floor(diff / HOUR) };
+  if (diff < 30 * DAY) return { unit: "days", n: Math.floor(diff / DAY) };
+  if (diff < 365 * DAY) return { unit: "months", n: Math.floor(diff / (30 * DAY)) };
+  return { unit: "years", n: Math.floor(diff / (365 * DAY)) };
+}
+
+// src/rank-by-name.ts
+function boundaryBonus(name, index) {
+  return index === 0 || name.charAt(index - 1) === "-" || name.charAt(index - 1) === "_" ? 8 : 0;
+}
+function alignmentScore(name, query) {
+  if (query.length > name.length) return void 0;
+  const noMatch = Number.NEGATIVE_INFINITY;
+  let previous = Array(name.length).fill(noMatch);
+  for (let index = 0; index < name.length; index++) {
+    if (name.charAt(index) === query.charAt(0)) previous[index] = 1 + boundaryBonus(name, index) - index;
+  }
+  for (let queryIndex = 1; queryIndex < query.length; queryIndex++) {
+    const current = Array(name.length).fill(noMatch);
+    let left = noMatch;
+    let leftLeft = noMatch;
+    let bestGapped = noMatch;
+    for (const [index, prior] of previous.entries()) {
+      if (leftLeft !== noMatch) bestGapped = Math.max(bestGapped, leftLeft + index - 2);
+      if (name.charAt(index) === query.charAt(queryIndex)) {
+        const bonus = 1 + boundaryBonus(name, index);
+        let score = noMatch;
+        if (left !== noMatch) score = left + bonus + 4;
+        if (bestGapped !== noMatch) score = Math.max(score, bestGapped + bonus + 1 - index);
+        current[index] = score;
+      }
+      leftLeft = left;
+      left = prior;
+    }
+    previous = current;
+  }
+  let best = noMatch;
+  for (const score of previous) best = Math.max(best, score);
+  return best === noMatch ? void 0 : best;
+}
+function rankByName(items, rawQuery) {
+  const query = rawQuery.toLowerCase();
+  if (query === "") return items;
+  const ranked = [];
+  items.forEach((item, index) => {
+    const keys = item.label === void 0 ? [item.name] : [item.name, item.label];
+    let prefix = false;
+    let score;
+    for (const key of keys) {
+      const lower = key.toLowerCase();
+      const keyScore = alignmentScore(lower, query);
+      if (keyScore === void 0) continue;
+      prefix || (prefix = lower.startsWith(query));
+      score = score === void 0 ? keyScore : Math.max(score, keyScore);
+    }
+    if (score !== void 0) ranked.push({ item, index, prefix, score });
+  });
+  ranked.sort(
+    (left, right) => Number(right.prefix) - Number(left.prefix) || right.score - left.score || left.index - right.index
+  );
+  return ranked.map((match) => match.item);
+}
+
+// src/darwin-desktop.ts
+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,
+  ShortcutKeys,
+  StateDot,
+  Switch,
+  Tag,
+  TextShimmer,
+  Toast,
+  Tooltip,
+  UserMessageBubble,
+  UserTextRun,
+  ZoomControls,
+  closeTopModal,
+  fileSizeText,
+  focusWithoutRing,
+  isBehindModal,
+  isDarwinDesktop,
+  isMobileDevice,
+  modalSelector,
+  observeComposition,
+  observeStickyMenuGroups,
+  pointerModality,
+  rankByName,
+  relativeTime,
+  useAnchoredMaxHeight,
+  useAnchoredPosition,
+  useClipboardCopy,
+  useDismissOnOutsidePointer,
+  useModalLayer,
+  useRowDragPreview,
+  writeClipboard
+};