@crewlethq/ui 0.81.1 → 0.82.0

package/dist/chunk-MPYRC3GO.js

@@ -0,0 +1,244 @@
+import { Popover } from './chunk-SM4P2SHB.js';
+import { Tooltip } from './chunk-3QQIGMY3.js';
+import { Input } from './chunk-O7N6W52M.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import './EmojiPicker-FMWYN2WX.css';
+import { useId, useState, useRef, useMemo } from 'react';
+import { SearchGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/EmojiPicker/emoji.ts
+var entries = (pairs) => pairs.map(([emoji, name]) => ({ emoji, name }));
+var EMOJI_GROUPS = [
+  {
+    label: "Frequently used",
+    items: entries([
+      ["\u{1F44D}", "thumbs up"],
+      ["\u2705", "check"],
+      ["\u{1F440}", "eyes"],
+      ["\u{1F64C}", "raised hands"],
+      ["\u{1F680}", "rocket"],
+      ["\u{1F389}", "party"],
+      ["\u{1F64F}", "thanks"],
+      ["\u2764\uFE0F", "heart"]
+    ])
+  },
+  {
+    label: "Smileys",
+    items: entries([
+      ["\u{1F600}", "grin"],
+      ["\u{1F604}", "smile"],
+      ["\u{1F602}", "joy"],
+      ["\u{1F642}", "slight smile"],
+      ["\u{1F60D}", "heart eyes"],
+      ["\u{1F914}", "thinking"],
+      ["\u{1F605}", "sweat smile"],
+      ["\u{1F62E}", "open mouth"],
+      ["\u{1F62C}", "grimace"],
+      ["\u{1F634}", "sleeping"],
+      ["\u{1F92F}", "mind blown"],
+      ["\u{1F973}", "partying"],
+      ["\u{1F60E}", "cool"],
+      ["\u{1FAE1}", "salute"],
+      ["\u{1F91D}", "handshake"],
+      ["\u{1F44F}", "clap"]
+    ])
+  },
+  {
+    label: "Work",
+    items: entries([
+      ["\u{1F525}", "fire"],
+      ["\u{1F4AF}", "hundred"],
+      ["\u26A0\uFE0F", "warning"],
+      ["\u274C", "cross"],
+      ["\u23F3", "hourglass"],
+      ["\u{1F4CC}", "pin"],
+      ["\u{1F4CE}", "paperclip"],
+      ["\u{1F9EA}", "test tube"],
+      ["\u{1F41B}", "bug"],
+      ["\u{1F6E0}\uFE0F", "tools"],
+      ["\u{1F4C8}", "chart up"],
+      ["\u{1F4C9}", "chart down"],
+      ["\u{1F512}", "lock"],
+      ["\u{1F511}", "key"],
+      ["\u{1F4A1}", "idea"],
+      ["\u{1F4DD}", "memo"]
+    ])
+  }
+];
+function emojiName(emoji, groups = EMOJI_GROUPS) {
+  for (const group of groups) {
+    const found = group.items.find((item) => item.emoji === emoji);
+    if (found) return found.name;
+  }
+  return emoji;
+}
+function searchEmoji(query, groups = EMOJI_GROUPS) {
+  const words = query.trim().toLowerCase();
+  if (!words) return null;
+  const seen = /* @__PURE__ */ new Set();
+  const found = [];
+  for (const group of groups) {
+    for (const item of group.items) {
+      if (seen.has(item.emoji) || !item.name.toLowerCase().includes(words)) continue;
+      seen.add(item.emoji);
+      found.push(item);
+    }
+  }
+  return found;
+}
+var EMOJI_PICKER_COLUMNS = 8;
+var EMOJI_PICKER_LABELS = {
+  search: "Search emoji",
+  results: "Results",
+  none: (query) => `No emoji match \u201C${query}\u201D.`
+};
+function layout(groups) {
+  let index = 0;
+  let row = 0;
+  const drawn = groups.map((group) => {
+    const cells = group.items.map((entry, at) => ({
+      entry,
+      index: index + at,
+      row: row + Math.floor(at / EMOJI_PICKER_COLUMNS),
+      column: at % EMOJI_PICKER_COLUMNS
+    }));
+    index += group.items.length;
+    row += Math.ceil(group.items.length / EMOJI_PICKER_COLUMNS);
+    return { label: group.label, cells };
+  });
+  return { drawn, cells: drawn.flatMap((group) => group.cells) };
+}
+function EmojiPicker({
+  label,
+  tooltip,
+  onPick,
+  trigger,
+  onOpenChange,
+  align = "end",
+  side = "bottom",
+  groups = EMOJI_GROUPS,
+  labels: overrides
+}) {
+  const labels = overrides ? { ...EMOJI_PICKER_LABELS, ...overrides } : EMOJI_PICKER_LABELS;
+  const id = useId();
+  const [query, setQuery] = useState("");
+  const [at, setAt] = useState(0);
+  const field = useRef(null);
+  const grid = useRef(null);
+  const found = useMemo(() => searchEmoji(query, groups), [query, groups]);
+  const { drawn, cells } = useMemo(
+    () => layout(found ? [{ label: labels.results, items: found }] : groups),
+    [found, groups, labels.results]
+  );
+  const stop = Math.min(at, Math.max(0, cells.length - 1));
+  const focusCell = (index) => {
+    setAt(index);
+    grid.current?.querySelector(`[data-emoji-index="${index}"]`)?.focus();
+  };
+  function onFieldKeys(event, close) {
+    if (isComposing(event)) return;
+    if (event.key === "ArrowDown" && cells.length > 0) {
+      event.preventDefault();
+      focusCell(0);
+    } else if (event.key === "Enter" && found && found[0]) {
+      event.preventDefault();
+      onPick(found[0].emoji);
+      close();
+    }
+  }
+  function onCellKeys(event, cell) {
+    let next;
+    if (event.key === "ArrowRight") next = cells[cell.index + 1];
+    else if (event.key === "ArrowLeft") next = cells[cell.index - 1];
+    else if (event.key === "Home") next = cells[0];
+    else if (event.key === "End") next = cells[cells.length - 1];
+    else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      const row = cell.row + (event.key === "ArrowDown" ? 1 : -1);
+      const inRow = cells.filter((candidate) => candidate.row === row);
+      if (inRow.length === 0) {
+        if (event.key === "ArrowUp") {
+          event.preventDefault();
+          field.current?.focus();
+        }
+        return;
+      }
+      next = inRow.find((candidate) => candidate.column === cell.column) ?? inRow[inRow.length - 1];
+    } else return;
+    event.preventDefault();
+    if (next) focusCell(next.index);
+  }
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      label,
+      align,
+      side,
+      className: "crewlet-emoji-picker",
+      initialFocus: () => field.current,
+      trigger: (open, toggle) => tooltip ? /* @__PURE__ */ jsx(Tooltip, { content: tooltip, disabled: open, children: trigger(open, toggle) }) : trigger(open, toggle),
+      onOpenChange: (open) => {
+        if (!open) {
+          setQuery("");
+          setAt(0);
+        }
+        onOpenChange?.(open);
+      },
+      children: (close) => /* @__PURE__ */ jsxs("div", { className: "crewlet-emoji-picker__body", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: field,
+            inputSize: "sm",
+            placeholder: labels.search,
+            "aria-label": labels.search,
+            leading: /* @__PURE__ */ jsx(SearchGlyph, { size: "sm" }),
+            value: query,
+            onChange: (event) => {
+              setQuery(event.target.value);
+              setAt(0);
+            },
+            onKeyDown: (event) => onFieldKeys(event, close)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: grid,
+            className: "crewlet-emoji-picker__scroll",
+            style: { "--crewlet-emoji-picker-columns": EMOJI_PICKER_COLUMNS },
+            children: [
+              drawn.map(
+                (group, number) => group.cells.length === 0 ? null : /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": `${id}-group-${number}`, children: [
+                  /* @__PURE__ */ jsx("div", { id: `${id}-group-${number}`, className: "crewlet-emoji-picker__group", children: group.label }),
+                  /* @__PURE__ */ jsx("div", { className: "crewlet-emoji-picker__grid", children: group.cells.map((cell) => /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "crewlet-emoji-picker__cell",
+                      "aria-label": cell.entry.name,
+                      title: cell.entry.name,
+                      "data-emoji-index": cell.index,
+                      tabIndex: cell.index === stop ? 0 : -1,
+                      onFocus: () => setAt(cell.index),
+                      onKeyDown: (event) => onCellKeys(event, cell),
+                      onClick: () => {
+                        onPick(cell.entry.emoji);
+                        close();
+                      },
+                      children: cell.entry.emoji
+                    },
+                    cell.entry.emoji
+                  )) })
+                ] }, group.label)
+              ),
+              found && found.length === 0 ? /* @__PURE__ */ jsx("p", { className: "crewlet-emoji-picker__none", role: "status", children: labels.none(query.trim()) }) : null
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { EMOJI_GROUPS, EMOJI_PICKER_COLUMNS, EMOJI_PICKER_LABELS, EmojiPicker, emojiName, searchEmoji };

package/dist/{chunk-37U3Z65B.js → chunk-MVMVMHYI.js}

@@ -3,7 +3,7 @@ import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './ArtifactKinds-O3CALPVX.css';
+import './ArtifactKinds-3EH4KR3F.css';
 import './ArtifactMakeRow-6UX2LTF7.css';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-MP7DGKB6.js → chunk-N2T7Y5KR.js}

@@ -1,6 +1,6 @@
 import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { Skeleton } from './chunk-BRLZXYPA.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
 import { Button } from './chunk-DGXZ635L.js';
 import './RichEditor-5CF3QV3J.css';
 import { forwardRef, useState, useEffect } from 'react';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-BXOWAV46.js').then(
+  loading ??= import('./Editor-7EQWP3RN.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-NKBKQEKS.js → chunk-NFXCJGHG.js}

@@ -1,5 +1,5 @@
 import { IconTile } from './chunk-3LI4TRUR.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ReviewList-2IZA67EX.css';

package/dist/{chunk-OZAZHM55.js → chunk-NKBKHOMU.js}

@@ -1,4 +1,4 @@
-import { OrgLabel } from './chunk-LM6VYJTV.js';
+import { OrgLabel } from './chunk-5YXMKZUA.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgNode-6OCBAIBK.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-MGQKF7GK.js → chunk-NN475NAP.js}

@@ -1,4 +1,4 @@
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CheckGrid-B3SRTHOJ.css';
 import { useId } from 'react';

package/dist/{chunk-6EWNMSS4.js → chunk-NNZRTR5M.js}

@@ -1,5 +1,5 @@
-import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
+import { Input } from './chunk-O7N6W52M.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-JT7WRPZ6.js → chunk-NTRKC2JV.js}

@@ -1,6 +1,6 @@
 import { Callout } from './chunk-BPCY7ZID.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useEffect } from 'react';
 import { EyeGlyph, UserGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-63GBSOLU.js → chunk-NXBCAXP5.js}

@@ -1,6 +1,6 @@
 import { ThemeSwatch } from './chunk-3XQUEF5C.js';
-import { useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { useHighlightRest } from './chunk-YGRTX67J.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ThemeGallery-UEFZRT6W.css';

package/dist/{chunk-NR4CPM4T.js → chunk-NXFTCPF6.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Toolbar-HUOSMNTH.css';
 import { useRef, useState, useEffect, useCallback } from 'react';

package/dist/chunk-O3MYBNRO.js

@@ -0,0 +1,80 @@
+import { safeHref } from './chunk-KBZO4B33.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './VisuallyHidden-AOEXU5EB.css';
+import './LinkCard-5I4MYU6I.css';
+import { useId } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function LinkCard({
+  href,
+  external = false,
+  newTabLabel = "(opens in a new tab)",
+  address,
+  source,
+  code,
+  title,
+  meta,
+  status,
+  statusTone = "neutral",
+  owner,
+  className,
+  ...rest
+}) {
+  const id = useId();
+  const safe = href === void 0 ? null : safeHref(href);
+  const ids = {
+    title: `${id}-title`,
+    tab: `${id}-tab`,
+    source: `${id}-source`,
+    meta: `${id}-meta`,
+    status: `${id}-status`,
+    owner: `${id}-owner`
+  };
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { id: ids.source, className: "crewlet-link-card__source", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__mark", "aria-hidden": "true", children: source.mark }),
+      source.name
+    ] }),
+    /* @__PURE__ */ jsxs("span", { id: ids.title, className: "crewlet-link-card__title", children: [
+      code ? /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__code", children: code }) : null,
+      code ? " " : null,
+      title
+    ] }),
+    meta ? /* @__PURE__ */ jsx("span", { id: ids.meta, className: "crewlet-link-card__meta", children: meta }) : null,
+    status || owner ? /* @__PURE__ */ jsxs("span", { className: "crewlet-link-card__fields", children: [
+      status ? /* @__PURE__ */ jsxs("span", { id: ids.status, className: "crewlet-link-card__status", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__dot", "aria-hidden": "true" }),
+        status
+      ] }) : null,
+      owner ? /* @__PURE__ */ jsxs("span", { id: ids.owner, className: "crewlet-link-card__owner", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__face", "aria-hidden": "true", children: owner.face }),
+        owner.name
+      ] }) : null
+    ] }) : null
+  ] });
+  const classes = cx("crewlet-link-card", `crewlet-link-card--${statusTone}`, className);
+  if (safe === null) {
+    return /* @__PURE__ */ jsx("div", { className: cx(classes, "crewlet-link-card--inert"), title: address, children: body });
+  }
+  const describedBy = [ids.source, meta ? ids.meta : null, status ? ids.status : null, owner ? ids.owner : null].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      ...rest,
+      href: safe,
+      title: address,
+      className: classes,
+      "aria-labelledby": external ? `${ids.title} ${ids.tab}` : ids.title,
+      "aria-describedby": describedBy,
+      ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      children: [
+        body,
+        external ? /* @__PURE__ */ jsx(VisuallyHidden, { id: ids.tab, children: newTabLabel }) : null
+      ]
+    }
+  );
+}
+
+export { LinkCard };

package/dist/{chunk-RMEBFYL7.js → chunk-O6EV6GKI.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideStage-ZTTEQSS2.css';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';

package/dist/{chunk-YL7AR6PR.js → chunk-O7KG4CXB.js}

@@ -1,7 +1,7 @@
-import { EditingStatus } from './chunk-624X3RVA.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
+import { EditingStatus } from './chunk-O55JQ7BE.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';
 import { useRef, useLayoutEffect } from 'react';

package/dist/{chunk-FB3TCNQP.js → chunk-O7N6W52M.js}

@@ -1,9 +1,9 @@
 import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { announce } from './chunk-2G355KDJ.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Input-WSMB7JG2.css';

package/dist/{chunk-2FMBZCFR.js → chunk-OAHRMR4U.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-GZVAZ3LL.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-HCXPRQVR.css';

package/dist/chunk-ONHYFU7D.js

@@ -0,0 +1,25 @@
+import { ChatDivider } from './chunk-K774LUN3.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './ChatDivider-7ZNDL2PZ.css';
+import './ChatDay-E3FF5HWF.css';
+import { forwardRef } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ChatDay({ label, pill, unread, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx("crewlet-chat-day", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "crewlet-chat-day__label", children: pill ?? /* @__PURE__ */ jsx("span", { className: "crewlet-chat-day__pill", children: label }) }),
+    /* @__PURE__ */ jsx("div", { className: "crewlet-chat-day__rule", children: unread ? /* @__PURE__ */ jsx(ChatDivider, { variant: "unread", label: unread }) : null }),
+    children
+  ] });
+}
+var ChatDayPill = forwardRef(function ChatDayPill2({ label, className, type = "button", ...rest }, ref) {
+  const opensMenu = rest["aria-haspopup"] !== void 0 && rest["aria-haspopup"] !== false && rest["aria-haspopup"] !== "false";
+  return /* @__PURE__ */ jsxs("button", { ...rest, ref, type, className: cx("crewlet-chat-day__pill", "crewlet-chat-day__pill--button", className), children: [
+    label,
+    opensMenu ? /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "xs" }) : null
+  ] });
+});
+
+export { ChatDay, ChatDayPill };

package/dist/{chunk-Z2MZTI3H.js → chunk-ONNXUS5Y.js}

@@ -1,5 +1,5 @@
 import { changeText, sheetLabels } from './chunk-LFSIKGRQ.js';
-import { Tooltip } from './chunk-I33UIUZD.js';
+import { Tooltip } from './chunk-3QQIGMY3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeMark-KFDGBF6G.css';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-T24HBEU6.js → chunk-OOOVL77Y.js}

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-FB3TCNQP.js';
+import { FormField, Input, InputAffix } from './chunk-O7N6W52M.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorField-2OIOWT3Z.css';
 import { useId, useState } from 'react';

package/dist/{chunk-CZQ7UITX.js → chunk-P6F3PE4V.js}

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-C667GCU7.js';
+import { Modal } from './chunk-XXDB6KPV.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
+import { Menu } from './chunk-YOJAGKTS.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-BLGBD2D2.js → chunk-P7HMY3BQ.js}

@@ -1,8 +1,8 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
-import { ChangeList } from './chunk-4XF7ENQA.js';
-import { StatusCard } from './chunk-RTMNULTL.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
-import { Disclosure } from './chunk-222VILSP.js';
+import { ChangeList } from './chunk-AOJ6ZA77.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-TPIMOGOZ.js → chunk-PEBQMX5X.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-PLL7ZJHY.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
+import { FormField, Input } from './chunk-O7N6W52M.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-4TMBAOXK.js → chunk-PW57R4BN.js}

@@ -1,4 +1,4 @@
-import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SourceEditor-SMQ44O76.css';

package/dist/chunk-PX5BOALQ.js

@@ -0,0 +1,13 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './MentionChip-W7MZZVRZ.css';
+import { jsx } from 'react/jsx-runtime';
+
+function MentionChip({ children, tone = "other", onPress, className, ...rest }) {
+  const classes = cx("crewlet-mention-chip", `crewlet-mention-chip--${tone}`, className);
+  if (!onPress) {
+    return /* @__PURE__ */ jsx("span", { ...rest, className: classes, children });
+  }
+  return /* @__PURE__ */ jsx("button", { ...rest, type: "button", className: classes, onClick: onPress, children });
+}
+
+export { MentionChip };

package/dist/{chunk-HQOEAUDJ.js → chunk-PXLS6JKL.js}

@@ -1,5 +1,5 @@
-import { ContrastLevelTag } from './chunk-7PJFUQMY.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { ContrastLevelTag } from './chunk-2ZSCHQOA.js';
+import { Popover } from './chunk-SM4P2SHB.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastHelp-MZCAW5WQ.css';

package/dist/{chunk-CFTBESST.js → chunk-Q6TCUSQA.js}

@@ -1,5 +1,5 @@
-import { Combobox } from './chunk-6EWNMSS4.js';
-import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-N2BF272H.js';
+import { Combobox } from './chunk-NNZRTR5M.js';
+import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-HF5L56YQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-P6UYHDJR.css';
 import { useState, useId, useMemo } from 'react';

package/dist/{chunk-ZWXHTXZO.js → chunk-QGEDXYLB.js}

@@ -1,8 +1,8 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
-import { Avatar } from './chunk-KTIQSSME.js';
-import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PeopleRail-MRUSDGCZ.css';
 import { useId } from 'react';

package/dist/{chunk-WTXCK46H.js → chunk-R2QBQ6NO.js}

@@ -1,4 +1,4 @@
-import { Card } from './chunk-4AUTALJA.js';
+import { Card } from './chunk-U2IQNDDR.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './FolderTile-NM7CRTVH.css';

package/dist/{chunk-OBPINJNO.js → chunk-SEKO6P3Y.js}

@@ -1,10 +1,10 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
-import { Tooltip } from './chunk-I33UIUZD.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
+import { Tooltip } from './chunk-3QQIGMY3.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Canvas-4QJHVLJ4.css';