@crewlethq/ui 0.86.1 → 0.88.0

package/dist/{chunk-EALRMP7N.js → chunk-6TD2PCZB.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './PersonRow-V5GTPNVP.css';
+import './PersonRow-ZR6US2QJ.css';
 import { forwardRef } from 'react';
 import { CheckGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -48,8 +48,8 @@ var PersonRow = forwardRef(function PersonRow2(props, ref) {
       }
     );
   }
-  const { as: _as, avatar, name, tag, detail, meta, mark, density = "default", selected, onSelect, onClick, className, type = "button", ...rest } = props;
-  return /* @__PURE__ */ jsx(
+  const { as: _as, avatar, name, tag, detail, meta, mark, density = "default", selected, onSelect, onClick, action, className, type = "button", ...rest } = props;
+  const row = /* @__PURE__ */ jsx(
     "button",
     {
       ...rest,
@@ -64,6 +64,11 @@ var PersonRow = forwardRef(function PersonRow2(props, ref) {
       children: /* @__PURE__ */ jsx(PersonRowBody, { avatar, name, tag, detail, meta, mark, density, selected })
     }
   );
+  if (action === void 0 || action === null) return row;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-person-row-group", `crewlet-person-row-group--${density}`), children: [
+    row,
+    /* @__PURE__ */ jsx("span", { className: "crewlet-person-row__action", children: action })
+  ] });
 });
 
 export { PersonRow };

package/dist/{chunk-XTJHMP3W.js → chunk-75EGNXPZ.js}

@@ -1,4 +1,4 @@
-import { Switch } from './chunk-3XDT5ZWL.js';
+import { Switch } from './chunk-3N3XK2G5.js';
 import { useReorder } from './chunk-BVML4UVB.js';
 import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/{chunk-AUSFKGKL.js → chunk-7RUF3QZ2.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-5D5Z3LBQ.js').then(
+  loading ??= import('./Editor-VE6T3LQL.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-PS5ZYIA6.js → chunk-A7UOYLK3.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './List-JOELBLTU.css';
+import './List-ZZF6ZHRT.css';
 import { createContext, useContext, Children, isValidElement, cloneElement } from 'react';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -40,6 +40,8 @@ function ListItem({
   onClick,
   leading,
   trailing,
+  action,
+  note,
   tone = "default",
   dangerLabel = "Failed",
   selected = false,
@@ -98,7 +100,9 @@ function ListItem({
   } else {
     row = /* @__PURE__ */ jsx("span", { className: rowClass, children: contents(children) });
   }
-  return /* @__PURE__ */ jsx(
+  const hasAction = action !== void 0 && action !== null;
+  const hasNote = note !== void 0 && note !== null;
+  return /* @__PURE__ */ jsxs(
     "li",
     {
       ...rest,
@@ -106,10 +110,15 @@ function ListItem({
         "crewlet-list__item",
         tone === "danger" && "crewlet-list__item--danger",
         selected && "crewlet-list__item--selected",
+        (hasAction || hasNote) && "crewlet-list__item--split",
         className
       ),
       "aria-current": interactive ? void 0 : current,
-      children: row
+      children: [
+        row,
+        hasAction ? /* @__PURE__ */ jsx("span", { className: "crewlet-list__action", children: action }) : null,
+        hasNote ? /* @__PURE__ */ jsx("div", { className: "crewlet-list__note", children: note }) : null
+      ]
     }
   );
 }

package/dist/{chunk-XRWHDW6F.js → chunk-FA5JAF6X.js}

@@ -1,6 +1,6 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
 import { FilterPill } from './chunk-K4LZXSKZ.js';
-import { DateTimePicker } from './chunk-7K6LVM5I.js';
+import { DateTimePicker } from './chunk-EWJKLSMD.js';
 import { DataTable } from './chunk-WANKINXG.js';
 import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { Toolbar } from './chunk-NXFTCPF6.js';

package/dist/{chunk-3BRXEMYT.js → chunk-G7SAFRSJ.js}

@@ -1,6 +1,6 @@
-import { PersonRow } from './chunk-EALRMP7N.js';
+import { PersonRow } from './chunk-6TD2PCZB.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PersonRow-V5GTPNVP.css';
+import './PersonRow-ZR6US2QJ.css';
 import './MentionMenu-4NAQ45S4.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-2L4WHYMT.js → chunk-MHDFQCE2.js}

@@ -1,6 +1,6 @@
 import { Table } from './chunk-75NQV4R4.js';
 import { DownloadButton } from './chunk-EHFQMY3B.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-35CKF77R.js → chunk-MUV2Q5E3.js}

@@ -1,7 +1,7 @@
 import { StepList } from './chunk-TMML7BHT.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-NGJWRR7E.js

@@ -0,0 +1,106 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './DeliveryReceipt-RMZW2DMT.css';
+import { CheckGlyph, TriangleAlertGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DELIVERY_RECEIPT_LABELS = {
+  reached: (who) => `Reached ${who}`,
+  reaches: (who) => `Will reach ${who}`,
+  none: "Reached no agent",
+  noneDraft: "Will reach no agent",
+  answered: (who) => `${who} answered`,
+  list: (names) => names.join(", "),
+  reason: (words) => `(${words})`,
+  groups: (groups) => groups.join("; "),
+  truncated: "Some seats were not reached"
+};
+function reachOf(recipients, labels) {
+  const order = [];
+  const byReason = /* @__PURE__ */ new Map();
+  for (const r of recipients) {
+    const key = r.reason ?? "";
+    const names = byReason.get(key);
+    if (names) {
+      names.push(r.name);
+    } else {
+      order.push(key);
+      byReason.set(key, [r.name]);
+    }
+  }
+  return labels.groups(
+    order.map((key) => {
+      const list = labels.list(byReason.get(key) ?? []);
+      return key ? `${list} ${labels.reason(key)}` : list;
+    })
+  );
+}
+function DeliveryReceipt({
+  recipients,
+  tense = "sent",
+  truncated = false,
+  hint,
+  announce = false,
+  labels: overrides,
+  className,
+  ...rest
+}) {
+  const labels = overrides ? { ...DELIVERY_RECEIPT_LABELS, ...overrides } : DELIVERY_RECEIPT_LABELS;
+  const none = recipients.length === 0;
+  const answered = tense === "sent" ? recipients.filter((r) => r.answered).map((r) => r.name) : [];
+  const reach = none ? tense === "draft" ? labels.noneDraft : labels.none : (tense === "draft" ? labels.reaches : labels.reached)(
+    reachOf(recipients, labels)
+  );
+  const parts = [
+    {
+      key: "reach",
+      mark: none ? /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "xs" }) : void 0,
+      words: reach
+    }
+  ];
+  if (truncated && !none)
+    parts.push({ key: "truncated", words: labels.truncated });
+  if (answered.length > 0) {
+    parts.push({
+      key: "answered",
+      className: "crewlet-delivery-receipt__answered",
+      mark: /* @__PURE__ */ jsx(CheckGlyph, { size: "xs" }),
+      words: labels.answered(labels.list(answered))
+    });
+  }
+  if (none && hint)
+    parts.push({
+      key: "hint",
+      className: "crewlet-delivery-receipt__hint",
+      words: hint
+    });
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...rest,
+      role: announce ? "status" : void 0,
+      "data-tense": tense,
+      className: cx(
+        "crewlet-delivery-receipt",
+        none && "crewlet-delivery-receipt--none",
+        className
+      ),
+      children: parts.map((part, i) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cx("crewlet-delivery-receipt__part", part.className),
+          children: [
+            i > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-delivery-receipt__dot", "aria-hidden": "true", children: "\xB7" }) : null,
+            part.mark ? /* @__PURE__ */ jsx("span", { className: "crewlet-delivery-receipt__mark", "aria-hidden": "true", children: part.mark }) : null,
+            /* @__PURE__ */ jsx("span", { children: part.words }),
+            i < parts.length - 1 ? /* @__PURE__ */ jsx(VisuallyHidden, { children: ". " }) : null
+          ]
+        },
+        part.key
+      ))
+    }
+  );
+}
+
+export { DELIVERY_RECEIPT_LABELS, DeliveryReceipt };

package/dist/{chunk-2O5CMV76.js → chunk-OIRUBOPW.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityList-DT3BQLUW.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-G4EHZHKM.js → chunk-QL2L7Y7Z.js}

@@ -1,7 +1,7 @@
-import { safeHref } from './chunk-KBZO4B33.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
+import { safeHref } from './chunk-KBZO4B33.js';
 import { ReceiptStrip } from './chunk-ZWCK4N4L.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { ButtonLink, Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OpenInAppCard-CKHCK7DO.css';

package/dist/{chunk-XYSSFI5C.js → chunk-QYONTCIN.js}

@@ -1,6 +1,6 @@
 import { SuggestionList, SuggestionRow } from './chunk-Y7PVLEZJ.js';
 import { developing } from './chunk-6C7GQOBV.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-Z34W5TM6.js

@@ -0,0 +1,40 @@
+import { ListItem } from './chunk-A7UOYLK3.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './RoomRow-3OTEY6GK.css';
+import { Fragment as Fragment$1 } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function RoomRow({ href, mark, name, tags, topic, facts, className, ...rest }) {
+  const shown = (facts ?? []).filter((fact) => fact !== void 0 && fact !== null && fact !== false && fact !== "");
+  return /* @__PURE__ */ jsxs(ListItem, { ...rest, href, className: cx("crewlet-room-row", className), children: [
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-room-row__name", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-room-row__mark", "aria-hidden": "true", children: mark }),
+      /* @__PURE__ */ jsx("span", { className: "crewlet-room-row__title", children: name }),
+      tags === void 0 || tags === null ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        tags
+      ] })
+    ] }),
+    topic === void 0 || topic === null || topic === "" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "crewlet-room-row__topic", children: topic })
+    ] }),
+    shown.length === 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "crewlet-room-row__facts", children: shown.map((fact, index) => (
+        // KEYED BY PLACE: the facts are positional and drawn whole each time.
+        /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          index === 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "crewlet-room-row__sep", "aria-hidden": "true", children: "\xB7" }),
+            " "
+          ] }),
+          fact
+        ] }, index)
+      )) })
+    ] })
+  ] });
+}
+
+export { RoomRow };

package/dist/generated/index.d.ts

@@ -80,6 +80,7 @@ export * from '../DataView/index.js';
 export * from '../DatasetSource/index.js';
 export * from '../DateTimePicker/index.js';
 export * from '../DeepWorkCard/index.js';
+export * from '../DeliveryReceipt/index.js';
 export * from '../DescriptionList/index.js';
 export * from '../DiffList/index.js';
 export * from '../DiffView/index.js';
@@ -189,6 +190,7 @@ export * from '../ResultTableCard/index.js';
 export * from '../ReviewList/index.js';
 export * from '../RichEditor/index.js';
 export * from '../RichEditorMarkdown/index.js';
+export * from '../RoomRow/index.js';
 export * from '../RunChip/index.js';
 export * from '../SandboxedFrame/index.js';
 export * from '../SearchTrigger/index.js';