@crewlethq/ui 0.58.0 → 0.59.0

package/dist/{chunk-Z3GDMNMU.js → chunk-RO2MZZ66.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DiffList-GE6YBRLJ.css';
 import { DiffGlyph, MinusGlyph, PlusGlyph, ArrowRightGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-UGNUUVRI.js → chunk-RQFRRPV6.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Meter-ZZRFUEOH.css';
 import { useId } from 'react';

package/dist/{chunk-ALU5EGQB.js → chunk-SEPFBDSS.js}

@@ -1,4 +1,4 @@
-import { SidePanelBase, SidePanelFrameBase } from './chunk-XODESBSR.js';
+import { SidePanelBase, SidePanelFrameBase } from './chunk-74UPBUD6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';

package/dist/{chunk-INVSUFJK.js → chunk-SHLP2BNA.js}

@@ -1,5 +1,5 @@
-import { SidebarNav } from './chunk-E7QLG3PG.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { SidebarNav } from './chunk-B53FUJ53.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SectionFrame-M62UUVFQ.css';
 import { useState, useId } from 'react';

package/dist/{chunk-QFGKFCL2.js → chunk-T4THNJ6E.js}

@@ -1,6 +1,6 @@
-import { Stepper } from './chunk-AP7GA5AA.js';
+import { Stepper } from './chunk-Z4EKUMZW.js';
 import { PageHeader } from './chunk-DKB73KZI.js';
-import { Disclosure } from './chunk-GG4QZWMQ.js';
+import { Disclosure } from './chunk-P4YORMRZ.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-OHGH7O6T.js → chunk-TEV5REGB.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './LockedLabel-VQEGEB7G.css';
 import { KeyGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-DXRPB3JD.js → chunk-TIXAEVYX.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-YPGD2YWN.js';
+import { HuePicker } from './chunk-BJ4LMNXZ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';

package/dist/{chunk-3EYSYEXP.js → chunk-U4AXQI6U.js}

@@ -1,9 +1,9 @@
-import { Link } from './chunk-FBSEJO2C.js';
+import { Link } from './chunk-HOP3J622.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { RelativeTime } from './chunk-KS7YIJ4S.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { RelativeTime } from './chunk-L6NG7CUA.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TableCells-3VN5N2M3.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-CTUHHM6H.js → chunk-UC7SEKT5.js}

@@ -1,5 +1,5 @@
-import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-BVWSLXTY.js';
-import { SegmentedControl } from './chunk-3JYCCTGK.js';
+import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-AOFVXE6V.js';
+import { SegmentedControl } from './chunk-KMWQLO4M.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-BZFWDIV6.js → chunk-UT6CW3C7.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './VisuallyHidden-L552H7OA.css';
+import './VisuallyHidden-AOEXU5EB.css';
 import { jsx } from 'react/jsx-runtime';
 
 function VisuallyHidden({ as: Tag = "span", id, className, children }) {

package/dist/{chunk-QTB5S6JZ.js → chunk-UTIZFLI3.js}

@@ -1,6 +1,6 @@
 import { useAppShellPeek, ResizeHandle } from './chunk-PIYJNCN7.js';
-import { ButtonLink } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { ButtonLink } from './chunk-IPAIGCWB.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';

package/dist/{chunk-TUZGFMRW.js → chunk-V3RW7FRQ.js}

@@ -1,8 +1,8 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-3A7JIIVL.css';
 import { useMemo, useState, useEffect } from 'react';

package/dist/{chunk-V326ADVR.js → chunk-V6HG3GG4.js}

@@ -1,7 +1,7 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { RelativeTime } from './chunk-KS7YIJ4S.js';
-import { Timeline } from './chunk-AUQPBL4O.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { RelativeTime } from './chunk-L6NG7CUA.js';
+import { Timeline } from './chunk-Z6X3F4H6.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VersionTimeline-6KRXEEOO.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-XZ42MKHK.js → chunk-VBYRA3W6.js}

@@ -1,7 +1,7 @@
-import { SetByLine } from './chunk-ICWUDNAZ.js';
-import { Link } from './chunk-FBSEJO2C.js';
+import { SetByLine } from './chunk-4MC2EEGO.js';
+import { Link } from './chunk-HOP3J622.js';
 import { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PropertyList-SCYM66LL.css';
 import { useId, Fragment } from 'react';

package/dist/{chunk-YPTTSJPM.js → chunk-VO2PDDRE.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './StatCard-HAA3F5GX.css';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-VRNUKH2W.js → chunk-VRL2YMYT.js}

@@ -2,8 +2,8 @@ import { useTreeState, treeExpandable, treeLevel, treePosInSet, treeSetSize, tre
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeGrid-UCPV37XB.css';
 import { useState, useRef, useCallback, useLayoutEffect, useImperativeHandle } from 'react';

package/dist/{chunk-57KC5B5M.js → chunk-VSDHSSKA.js}

@@ -1,11 +1,11 @@
-import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Kbd } from './chunk-SMBKXWML.js';
-import { FormField, Textarea } from './chunk-FXQLNETQ.js';
-import { characterCountState, CharacterCount, countCharacters } from './chunk-XCUUI7E7.js';
-import { announce } from './chunk-RSAQOKH3.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { useReorder } from './chunk-MPVMB2DV.js';
+import { Kbd } from './chunk-ACRRRPWT.js';
+import { FormField, Textarea } from './chunk-FWWHPUHZ.js';
+import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
+import { announce } from './chunk-2G355KDJ.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ListInput-RLQND5QK.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';

package/dist/{chunk-JMMS2PQU.js → chunk-VSZP3YRV.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PinTile-IIA25MNZ.css';
 import { forwardRef } from 'react';

package/dist/{chunk-S4DREXGM.js → chunk-VTUAQYOC.js}

@@ -1,5 +1,5 @@
 import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-INHXF2CL.js';
+import { Card } from './chunk-MKKX6N7C.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';

package/dist/{chunk-WW7TU6HE.js → chunk-WDRYUMN6.js}

@@ -1,6 +1,6 @@
 import { Tag } from './chunk-KYIAFNU7.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastBadge-CBZPGG3G.css';
 import { CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-IDQBSMMZ.js → chunk-WR5CTBAE.js}

@@ -1,13 +1,13 @@
-import { Skeleton } from './chunk-TEUQWOWZ.js';
+import { Skeleton } from './chunk-QBI5ETKY.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { RelativeTime } from './chunk-KS7YIJ4S.js';
+import { RelativeTime } from './chunk-L6NG7CUA.js';
 import { AvatarStack } from './chunk-5AQBPHZD.js';
-import { ArtifactKindGround } from './chunk-RV6XB5UV.js';
-import { Card } from './chunk-INHXF2CL.js';
-import { Checkbox } from './chunk-NHJQXDHA.js';
+import { ArtifactKindGround } from './chunk-QZLNKLYD.js';
+import { Card } from './chunk-MKKX6N7C.js';
+import { Checkbox } from './chunk-RNULFW4V.js';
 import { ArtifactAccessGlyph } from './chunk-BGLKLXL3.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
 import './ArtifactCard-F7IVRL3A.css';

package/dist/{chunk-JKZ3A4GY.js → chunk-WRNDXYXK.js}

@@ -1,11 +1,11 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { Kbd } from './chunk-SMBKXWML.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { Kbd } from './chunk-ACRRRPWT.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
-import { IconButton } from './chunk-2BQYODY3.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Canvas-4QJHVLJ4.css';
 import { useId, useRef, useState, useCallback, useLayoutEffect, useImperativeHandle, useEffect } from 'react';

package/dist/chunk-WW4E5EUS.js

@@ -0,0 +1,118 @@
+import { Tag } from './chunk-KYIAFNU7.js';
+import { Card } from './chunk-MKKX6N7C.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './StatusCard-AMOI6GBK.css';
+import { useId, useState } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function StatusCard({
+  title,
+  subtitle,
+  subtitlePlacement,
+  status,
+  settled = false,
+  bodyPadding = "md",
+  strip,
+  actions,
+  actionsAlign = "end",
+  collapsible = false,
+  summary,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  children,
+  ...rest
+}) {
+  const id = useId();
+  const titleId = `${id}-title`;
+  const statusId = `${id}-status`;
+  const bodyId = `${id}-body`;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = !collapsible || (controlledOpen ?? uncontrolledOpen);
+  const folded = !open;
+  const toggle = () => {
+    if (controlledOpen === void 0) setUncontrolledOpen(!open);
+    onOpenChange?.(!open);
+  };
+  const hasBody = !(children === void 0 || children === null || children === false);
+  const hasActions = !(actions === void 0 || actions === null || actions === false);
+  const hasSummary = !(summary === void 0 || summary === null || summary === false || summary === "");
+  const tag = status ? /* @__PURE__ */ jsx(Tag, { id: statusId, size: "sm", variant: status.tone, leadingIcon: status.icon, children: status.label }) : null;
+  const headActions = folded && hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    tag,
+    /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__head-actions", children: actions })
+  ] }) : tag ?? void 0;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ...rest,
+      as: "section",
+      "aria-labelledby": status ? `${titleId} ${statusId}` : titleId,
+      className: cx(
+        "crewlet-status-card",
+        settled && "crewlet-status-card--settled",
+        collapsible && "crewlet-status-card--collapsible",
+        folded && "crewlet-status-card--folded",
+        className
+      ),
+      "data-settled": settled || void 0,
+      "data-state": collapsible ? open ? "open" : "closed" : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          Card.Header,
+          {
+            divided: !folded,
+            subtitle: folded ? void 0 : subtitle,
+            subtitlePlacement,
+            actions: headActions,
+            children: collapsible ? (
+              /*
+               * THE HEADING WRAPS THE BUTTON, as on every disclosure here: a
+               * reader moving by heading finds the card, and the same element is
+               * the control that opens it. The summary is inside the button, so
+               * a folded card's name says how much it holds; the comma is said
+               * where the dot is drawn.
+               */
+              /* @__PURE__ */ jsx(Card.Title, { id: titleId, className: "crewlet-status-card__fold-title", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "crewlet-status-card__toggle",
+                  "aria-expanded": open,
+                  "aria-controls": hasBody ? bodyId : void 0,
+                  onClick: toggle,
+                  children: [
+                    /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "sm", className: "crewlet-status-card__chevron" }),
+                    /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__toggle-title", children: title }),
+                    folded && hasSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(VisuallyHidden, { children: "," }),
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__summary", children: summary })
+                    ] }) : null
+                  ]
+                }
+              ) })
+            ) : /* @__PURE__ */ jsx(Card.Title, { id: titleId, truncate: true, children: title })
+          }
+        ),
+        hasBody ? /* @__PURE__ */ jsx(
+          Card.Body,
+          {
+            id: collapsible ? bodyId : void 0,
+            hidden: folded,
+            padding: bodyPadding,
+            className: "crewlet-status-card__body",
+            children
+          }
+        ) : null,
+        folded || strip === void 0 || strip === null || strip === false ? null : /* @__PURE__ */ jsx(Card.Footer, { padding: "none", className: "crewlet-status-card__strip", children: strip }),
+        folded || !hasActions ? null : /* @__PURE__ */ jsx(Card.Footer, { className: cx("crewlet-status-card__actions", `crewlet-status-card__actions--${actionsAlign}`), children: actions })
+      ]
+    }
+  );
+}
+
+export { StatusCard };

package/dist/{chunk-L22HQRNF.js → chunk-XCT6P7LB.js}

@@ -1,12 +1,12 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-SEMZEENR.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { Modal } from './chunk-DNKK6PIR.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-NHJQXDHA.js';
-import { Menu } from './chunk-7QE27DWU.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Checkbox } from './chunk-RNULFW4V.js';
+import { Menu } from './chunk-D2R65FBU.js';
+import { Button } from './chunk-IPAIGCWB.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataTable-NL2YWAIA.css';
 import React, { useState, useCallback, useMemo, useRef, useLayoutEffect, useEffect, useId } from 'react';

package/dist/{chunk-H23GAACC.js → chunk-XDHILOXS.js}

@@ -1,8 +1,8 @@
-import { FileDrop, FilePickButton } from './chunk-OTMP2AUQ.js';
-import { contrastRatio } from './chunk-WW7TU6HE.js';
+import { FileDrop, FilePickButton } from './chunk-M2S5LG2H.js';
+import { contrastRatio } from './chunk-WDRYUMN6.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Button } from './chunk-IPAIGCWB.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './LogoSlot-NAJE5XY3.css';
 import { createContext, useId, useContext } from 'react';

package/dist/{chunk-DRT4L4WC.js → chunk-XQBLBJN4.js}

@@ -1,5 +1,5 @@
 import { useLayerContainer } from './chunk-OMV5W53A.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Toaster-MX7TBMC3.css';
 import { createContext, useMemo, useState, useRef, useEffect, useContext, useCallback } from 'react';

package/dist/{chunk-SDSBVVLL.js → chunk-YBI7M2JH.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SuggestionRow-OKBGNHSS.css';
 import { Children, isValidElement } from 'react';

package/dist/{chunk-GPW4M4OI.js → chunk-YCBIM4XO.js}

@@ -1,8 +1,8 @@
-import { TreeGrid } from './chunk-VRNUKH2W.js';
+import { TreeGrid } from './chunk-VRL2YMYT.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
 import { OrgLabel } from './chunk-ONQKKHON.js';
-import { AddPill } from './chunk-TROLVEZY.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { AddPill } from './chunk-QC2DEQCN.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgTable-JZSYTUIK.css';
 import { useMemo, useRef, useImperativeHandle, useCallback } from 'react';

package/dist/{chunk-CSBS66PG.js → chunk-YDVEFGLP.js}

@@ -1,8 +1,8 @@
-import { ReceiptStrip } from './chunk-2K6FUMIK.js';
+import { ReceiptStrip } from './chunk-PR7MFMDZ.js';
 import { safeHref } from './chunk-BAKPMH3S.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
-import { StatusCard } from './chunk-WDIVALLP.js';
-import { ButtonLink, Button } from './chunk-QKXQC5D6.js';
+import { StatusCard } from './chunk-WW4E5EUS.js';
+import { ButtonLink, Button } from './chunk-IPAIGCWB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OpenInAppCard-CKHCK7DO.css';
 import { CircleCheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-T22NCHGT.js → chunk-YDVINM4N.js}

@@ -1,6 +1,6 @@
-import { EditingStatus } from './chunk-XRZGGB6I.js';
-import { Kbd } from './chunk-SMBKXWML.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { EditingStatus } from './chunk-5IPPLWVA.js';
+import { Kbd } from './chunk-ACRRRPWT.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';

package/dist/{chunk-TA72CURM.js → chunk-YND37ZPE.js}

@@ -1,4 +1,4 @@
-import { Combobox } from './chunk-U5PJSGHG.js';
+import { Combobox } from './chunk-MTIVWCO3.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-7NNZTGUP.css';

package/dist/{chunk-CBR52S2C.js → chunk-YUQHMGEY.js}

@@ -1,8 +1,8 @@
 import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { Button } from './chunk-IPAIGCWB.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PeopleRail-SZGHZXVT.css';
 import { useId } from 'react';

package/dist/{chunk-DFUYHPY7.js → chunk-Z4DYKDD6.js}

@@ -1,11 +1,11 @@
-import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { toInstant, RelativeTime, formatExact, toISO } from './chunk-KS7YIJ4S.js';
 import { Document } from './chunk-PWG3VHRQ.js';
-import { Composer } from './chunk-JLRXCKTS.js';
-import { Count } from './chunk-BHHIIK3M.js';
+import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
+import { toInstant, RelativeTime, formatExact, toISO } from './chunk-L6NG7CUA.js';
+import { Composer } from './chunk-AQDQGCRB.js';
+import { Count } from './chunk-5KRRJNQO.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { Button } from './chunk-IPAIGCWB.js';
+import { IconButton } from './chunk-2GIUKIFV.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CommentThread-7VXOFTZO.css';
 import { useState, useRef, useId, useMemo } from 'react';

package/dist/{chunk-AP7GA5AA.js → chunk-Z4EKUMZW.js}

@@ -1,6 +1,6 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Spinner } from './chunk-XSPCITPN.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Stepper-QEJI5RGX.css';
 import './StepList-A4YVU4JI.css';

package/dist/{chunk-AUQPBL4O.js → chunk-Z6X3F4H6.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Timeline-27SYKOFX.css';
 import { createContext, Children, isValidElement, useContext } from 'react';

package/dist/{chunk-FVD7FSKO.js → chunk-Z7CD4HLH.js}

@@ -1,8 +1,8 @@
-import { Checkbox } from './chunk-NHJQXDHA.js';
+import { Checkbox } from './chunk-RNULFW4V.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Button } from './chunk-IPAIGCWB.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataGrid-VNGQESJA.css';
 import { useId, useRef, useState, useMemo, useCallback, useLayoutEffect, useImperativeHandle, useSyncExternalStore, useEffect } from 'react';

package/dist/{chunk-3FGBMI36.js → chunk-ZECQEJUE.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { announce } from './chunk-RSAQOKH3.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { announce } from './chunk-2G355KDJ.js';
+import { Button } from './chunk-IPAIGCWB.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SelectionBar-XPWKUOSC.css';

package/dist/{chunk-NEHSV55H.js → chunk-ZH5F2PXC.js}

@@ -1,7 +1,7 @@
-import { DiffList } from './chunk-Z3GDMNMU.js';
+import { DiffList } from './chunk-RO2MZZ66.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { Disclosure } from './chunk-GG4QZWMQ.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Disclosure } from './chunk-P4YORMRZ.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeList-CB2DLR5S.css';
 import { useId } from 'react';
@@ -14,8 +14,9 @@ var CHANGE_LIST_LABELS = {
   added: "Added:",
   removed: "Removed:",
   isNew: "New",
-  addedWords: "added",
-  removedWords: "removed",
+  addedWords: "added:",
+  removedWords: "removed:",
+  betweenChanges: ";",
   showWhole: "Show the whole change"
 };
 var CHANGE_LIST_COLLAPSE_OVER = 80;
@@ -46,17 +47,21 @@ function WordDiff({ row, labels }) {
   const firstChange = changes[0] ?? Number.POSITIVE_INFINITY;
   const lastChange = changes[changes.length - 1] ?? Number.NEGATIVE_INFINITY;
   return /* @__PURE__ */ jsx("p", { className: "crewlet-change-list__words", children: row.words.map((part, index) => {
-    if (part.op === "+") {
-      return /* @__PURE__ */ jsxs("ins", { className: "crewlet-change-list__inserted", children: [
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.addedWords} ` }),
-        part.text
-      ] }, index);
-    }
-    if (part.op === "-") {
-      return /* @__PURE__ */ jsxs("del", { className: "crewlet-change-list__deleted", children: [
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.removedWords} ` }),
-        part.text
-      ] }, index);
+    if (part.op === "+" || part.op === "-") {
+      const Mark = part.op === "+" ? "ins" : "del";
+      const touches = row.words[index + 1] !== void 0 && row.words[index + 1].op !== "=";
+      return /* @__PURE__ */ jsxs(
+        Mark,
+        {
+          className: part.op === "+" ? "crewlet-change-list__inserted" : "crewlet-change-list__deleted",
+          children: [
+            /* @__PURE__ */ jsx(VisuallyHidden, { children: `${part.op === "+" ? labels.addedWords : labels.removedWords} ` }),
+            part.text,
+            touches ? /* @__PURE__ */ jsx(VisuallyHidden, { children: `${labels.betweenChanges} ` }) : null
+          ]
+        },
+        index
+      );
     }
     const place = index < firstChange ? "first" : index > lastChange ? "last" : "middle";
     return /* @__PURE__ */ jsx("span", { children: shortenUnchanged(part.text, place, max) }, index);

package/dist/{chunk-TFGCNBWP.js → chunk-ZYO2QFU6.js}

@@ -1,4 +1,4 @@
-import { Count } from './chunk-BHHIIK3M.js';
+import { Count } from './chunk-5KRRJNQO.js';
 import { headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';