@crewlethq/ui 0.64.0 → 0.65.0

package/dist/{chunk-EBCH3MRX.js → chunk-N7PXGOZP.js}

@@ -1,16 +1,16 @@
-import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Skeleton } from './chunk-BRLZXYPA.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
-import { Card } from './chunk-MKKX6N7C.js';
-import { AvatarStack } from './chunk-5AQBPHZD.js';
-import { ArtifactKindGround } from './chunk-QZLNKLYD.js';
-import { Checkbox } from './chunk-KIPAFCVS.js';
-import { ArtifactAccessGlyph } from './chunk-BGLKLXL3.js';
+import { Card } from './chunk-7XKDPTZ5.js';
+import { AvatarStack } from './chunk-BKP6XCAJ.js';
+import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactCard-F7IVRL3A.css';
+import './ArtifactCard-B2QE5CVL.css';
 import { useId } from 'react';
 import { PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -186,11 +186,11 @@ function ArtifactCard({
 }
 function ArtifactCardSkeleton({ className }) {
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-artifact-card", "crewlet-artifact-card--card", "crewlet-artifact-card--skeleton", className), "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", children: /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "100%", height: "100%", borderRadius: 0 }) }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", children: /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "100%", height: "100%", borderRadius: 0, marginTop: 0 }) }),
     /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__body", children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__badge" }),
-      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "62%", height: 18, borderRadius: "var(--radius-sm)" }),
-      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "38%", height: 12, borderRadius: "var(--radius-sm)", marginTop: 6 })
+      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "62%", height: 18, borderRadius: "var(--radius-sm)", marginTop: 2, marginBottom: 2 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "box", width: "38%", height: 12, borderRadius: "var(--radius-sm)", marginTop: 4, marginBottom: 4 })
     ] })
   ] });
 }

package/dist/{chunk-QZLNKLYD.js → chunk-NHLNHH4J.js}

@@ -1,7 +1,7 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactKindIllustration-KLFL7KBG.css';
+import './ArtifactKindIllustration-D2J3HJMJ.css';
 import { useId } from 'react';
 import { CheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-EAQLI2SO.js → chunk-NQABJAUY.js}

@@ -1,7 +1,7 @@
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './ChoiceList-KFYFAECP.css';
+import './ChoiceList-Q772QLFX.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-U4AXQI6U.js → chunk-NWTHGZBH.js}

@@ -1,11 +1,11 @@
-import { Link } from './chunk-HOP3J622.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Link } from './chunk-QF5UNP4T.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TableCells-3VN5N2M3.css';
+import './TableCells-F6MUV572.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function TableKeyCell({ value, text, href, emptyLabel = "Not set" }) {

package/dist/{chunk-EFIURN3U.js → chunk-OFABBAUR.js}

@@ -2,9 +2,9 @@ import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './PeopleRail-SZGHZXVT.css';
+import './PeopleRail-MRUSDGCZ.css';
 import { useId } from 'react';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
 import { XGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-MYJZCSMA.js → chunk-OGRMOWMO.js}

@@ -1,8 +1,8 @@
 import { Text } from './chunk-QP2P6GDQ.js';
 import { Inline, Stack, Spacer } from './chunk-ZAC7SKUN.js';
-import { Card } from './chunk-MKKX6N7C.js';
+import { Card } from './chunk-7XKDPTZ5.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './RelatedRow-2FVS6QQA.css';
+import './RelatedRow-IZ22XCLP.css';
 import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-WR7UDG7U.js → chunk-OJGI4XJH.js}

@@ -1,6 +1,6 @@
 import { frameThemeMessage, readFrameHello, frameOriginMatches, negotiateBridge, FRAME_MESSAGE, portTargetOrigin, checkFrameSandbox, httpOrigin, isFrameNonce, frameFragment, readOpenLink, externalUrl, isFocusExit } from './chunk-F6V2PTN6.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Skeleton } from './chunk-BRLZXYPA.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';

package/dist/{chunk-VVVB3OBW.js → chunk-OOC6KXNL.js}

@@ -1,21 +1,21 @@
-import { TagGroup } from './chunk-4U2D6BPR.js';
-import { CursorFlag } from './chunk-3BYIWOTV.js';
-import { presenceHueClass } from './chunk-I6POAB4V.js';
-import { ChangeMark } from './chunk-66X5WDKE.js';
+import { TagGroup } from './chunk-UEOEBOBR.js';
+import { CursorFlag } from './chunk-MMCYH5LB.js';
+import { presenceHueClass } from './chunk-EFX2YC5T.js';
+import { ChangeMark } from './chunk-Z2MZTI3H.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SheetGrid-XK7T7M34.css';
+import './SheetGrid-QGQAYDEY.css';
 import { useId, useRef, useMemo, useState, useLayoutEffect, useEffect, useCallback } from 'react';
 import { CheckGlyph, StarGlyph, CircleAlertGlyph, ArrowUpGlyph, ArrowDownGlyph, TrashGlyph, EllipsisGlyph, RotateCcwClockGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
@@ -1180,6 +1180,8 @@ function SheetGrid({
     width: `${totalWidth}px`
   };
   const contentHeight = headerHeight + rows.length * rowHeight + 2 + crossbar;
+  const rowsReachFloor = headerHeight + rows.length * rowHeight >= viewport;
+  const headOnFloor = rows.length === 0 && rowsReachFloor;
   const scrollerStyle = fit === "content" ? {
     height: `${height !== void 0 ? Math.min(contentHeight, height) : contentHeight}px`,
     "--crewlet-sheet-content-height": `${contentHeight}px`
@@ -1221,71 +1223,79 @@ function SheetGrid({
               onCut,
               onPaste,
               children: [
-                /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__head", children: /* @__PURE__ */ jsxs("div", { role: "row", "aria-rowindex": 1, className: "crewlet-sheet-grid__row crewlet-sheet-grid__row--head", children: [
-                  /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-colindex": 1, className: cx("crewlet-sheet-grid__corner", lastFrozen < 0 && "crewlet-sheet-grid__frozen-edge"), children: /* @__PURE__ */ jsx(VisuallyHidden, { children: labels.rowHeader }) }),
-                  columns.map((column, col) => {
-                    const position = { row: HEADER, col };
-                    const isActive = current?.row === HEADER && current.col === col;
-                    const sorted = sort?.field === column.field ? sort.direction : void 0;
-                    const here = onColumns.get(column.field) ?? [];
-                    const header = (
-                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keys reach the grid's own handler, which sorts or opens the column's settings on Enter and Space
-                      /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          id: cellDomId(id, position),
-                          role: "columnheader",
-                          "aria-colindex": col + 2,
-                          "aria-sort": sorted ?? (onSortChange ? "none" : void 0),
-                          tabIndex: isActive ? 0 : -1,
-                          className: cx(
-                            "crewlet-sheet-grid__header",
-                            `crewlet-sheet-grid__header--${column.type}`,
-                            column.frozen && "crewlet-sheet-grid__cell--frozen",
-                            col === lastFrozen && "crewlet-sheet-grid__frozen-edge",
-                            isActive && "crewlet-sheet-grid__header--active",
-                            columnSettings && "crewlet-sheet-grid__header--settings",
-                            openColumn === column.field && "crewlet-sheet-grid__header--open"
-                          ),
-                          style: column.frozen ? { insetInlineStart: `${offsets[col]}px` } : void 0,
-                          onMouseDown: (event) => {
-                            if (!fromElsewhere(event)) onCellMouseDown(event, { rowId: null, field: column.field });
-                          },
-                          onFocus: (event) => {
-                            if (event.target === event.currentTarget) onCellFocus({ rowId: null, field: column.field });
-                          },
-                          onClick: (event) => {
-                            if (fromElsewhere(event)) return;
-                            if (columnSettings) setOpenColumn(openColumn === column.field ? null : column.field);
-                            else if (onSortChange) onSortChange(nextSort(sort, column.field));
+                /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__head", children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    role: "row",
+                    "aria-rowindex": 1,
+                    className: cx("crewlet-sheet-grid__row", "crewlet-sheet-grid__row--head", headOnFloor && "crewlet-sheet-grid__row--floor"),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-colindex": 1, className: cx("crewlet-sheet-grid__corner", lastFrozen < 0 && "crewlet-sheet-grid__frozen-edge"), children: /* @__PURE__ */ jsx(VisuallyHidden, { children: labels.rowHeader }) }),
+                      columns.map((column, col) => {
+                        const position = { row: HEADER, col };
+                        const isActive = current?.row === HEADER && current.col === col;
+                        const sorted = sort?.field === column.field ? sort.direction : void 0;
+                        const here = onColumns.get(column.field) ?? [];
+                        const header = (
+                          // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keys reach the grid's own handler, which sorts or opens the column's settings on Enter and Space
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              id: cellDomId(id, position),
+                              role: "columnheader",
+                              "aria-colindex": col + 2,
+                              "aria-sort": sorted ?? (onSortChange ? "none" : void 0),
+                              tabIndex: isActive ? 0 : -1,
+                              className: cx(
+                                "crewlet-sheet-grid__header",
+                                `crewlet-sheet-grid__header--${column.type}`,
+                                column.frozen && "crewlet-sheet-grid__cell--frozen",
+                                col === lastFrozen && "crewlet-sheet-grid__frozen-edge",
+                                isActive && "crewlet-sheet-grid__header--active",
+                                columnSettings && "crewlet-sheet-grid__header--settings",
+                                openColumn === column.field && "crewlet-sheet-grid__header--open"
+                              ),
+                              style: column.frozen ? { insetInlineStart: `${offsets[col]}px` } : void 0,
+                              onMouseDown: (event) => {
+                                if (!fromElsewhere(event)) onCellMouseDown(event, { rowId: null, field: column.field });
+                              },
+                              onFocus: (event) => {
+                                if (event.target === event.currentTarget) onCellFocus({ rowId: null, field: column.field });
+                              },
+                              onClick: (event) => {
+                                if (fromElsewhere(event)) return;
+                                if (columnSettings) setOpenColumn(openColumn === column.field ? null : column.field);
+                                else if (onSortChange) onSortChange(nextSort(sort, column.field));
+                              },
+                              title: columnSettings ? labels.columnSettings(column.label) : onSortChange ? labels.sortBy(column.label) : column.label,
+                              children: [
+                                /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-label", children: column.label }),
+                                /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.types[column.type]}` }),
+                                sorted ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__sort", "aria-hidden": "true", children: sorted === "ascending" ? /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "xs" }) }) : null,
+                                here.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-presence", "aria-hidden": "true", children: here.map((entry) => /* @__PURE__ */ jsx(Avatar, { name: entry.name, kind: entry.kind, size: 16, decorative: true, className: cx("crewlet-sheet-grid__header-badge", presenceHueClass(entry.hue)) }, entry.id)) }) : null
+                              ]
+                            },
+                            column.field
+                          )
+                        );
+                        return columnSettings ? /* @__PURE__ */ jsx(
+                          Popover,
+                          {
+                            label: labels.columnSettings(column.label),
+                            open: openColumn === column.field,
+                            onOpenChange: (open) => {
+                              if (!open && openColumn === column.field) setOpenColumn(null);
+                            },
+                            trigger: () => header,
+                            className: "crewlet-sheet-grid__column-settings",
+                            children: (close) => renderColumnEditor(column, close)
                           },
-                          title: columnSettings ? labels.columnSettings(column.label) : onSortChange ? labels.sortBy(column.label) : column.label,
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-label", children: column.label }),
-                            /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.types[column.type]}` }),
-                            sorted ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__sort", "aria-hidden": "true", children: sorted === "ascending" ? /* @__PURE__ */ jsx(ArrowUpGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(ArrowDownGlyph, { size: "xs" }) }) : null,
-                            here.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-sheet-grid__header-presence", "aria-hidden": "true", children: here.map((entry) => /* @__PURE__ */ jsx(Avatar, { name: entry.name, kind: entry.kind, size: 16, decorative: true, className: cx("crewlet-sheet-grid__header-badge", presenceHueClass(entry.hue)) }, entry.id)) }) : null
-                          ]
-                        },
-                        column.field
-                      )
-                    );
-                    return columnSettings ? /* @__PURE__ */ jsx(
-                      Popover,
-                      {
-                        label: labels.columnSettings(column.label),
-                        open: openColumn === column.field,
-                        onOpenChange: (open) => {
-                          if (!open && openColumn === column.field) setOpenColumn(null);
-                        },
-                        trigger: () => header,
-                        className: "crewlet-sheet-grid__column-settings",
-                        children: (close) => renderColumnEditor(column, close)
-                      },
-                      column.field
-                    ) : header;
-                  })
-                ] }) }),
+                          column.field
+                        ) : header;
+                      })
+                    ]
+                  }
+                ) }),
                 /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "crewlet-sheet-grid__body", style: { height: `${rows.length * rowHeight}px` }, children: drawn.map((index) => {
                   const row = rows[index];
                   const rowPresence = onRows.get(row.id);
@@ -1297,7 +1307,7 @@ function SheetGrid({
                     {
                       role: "row",
                       "aria-rowindex": index + 2,
-                      className: "crewlet-sheet-grid__row",
+                      className: cx("crewlet-sheet-grid__row", index === rows.length - 1 && rowsReachFloor && "crewlet-sheet-grid__row--floor"),
                       style: { top: `${index * rowHeight}px` },
                       "data-row-id": row.id,
                       children: [
@@ -1459,7 +1469,7 @@ function SheetGrid({
             // OUTSIDE THE GRID'S ROLES: a grid's rows hold cells only, so the
             // control stands beside the header row, sticks with it, and is its
             // own tab stop after the grid's.
-            /* @__PURE__ */ jsx("div", { className: "crewlet-sheet-grid__add-column", style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "xs" }), size: "sm", title: "", onClick: onAddColumn }) }) })
+            /* @__PURE__ */ jsx("div", { className: cx("crewlet-sheet-grid__add-column", headOnFloor && "crewlet-sheet-grid__add-column--floor"), style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "xs" }), size: "sm", title: "", onClick: onAddColumn }) }) })
           ) : null
         ]
       }

package/dist/{chunk-KIPAFCVS.js → chunk-PBCNINMB.js}

@@ -1,7 +1,7 @@
-import { FormField } from './chunk-TLIJG4TP.js';
+import { FormField } from './chunk-ETSF7SU6.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Checkbox-MB22OW6P.css';
+import './Checkbox-GAMV2XD7.css';
 import { forwardRef, useId, useRef, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-75QASA62.js → chunk-PIAGTZY3.js}

@@ -1,8 +1,8 @@
-import { StepStateMark } from './chunk-Z4EKUMZW.js';
-import { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
+import { StepStateMark } from './chunk-HJBHP66O.js';
+import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './RunChip-D3JYPTTO.css';
+import './RunChip-K5DGHXHO.css';
 import { useState, useRef, useEffect, useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-5CLW2CXT.js → chunk-PLL7ZJHY.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './InlineCode-ASYHLN3E.css';
+import './InlineCode-2ZXFKTKA.css';
 import { jsx } from 'react/jsx-runtime';
 
 function InlineCode({

package/dist/{chunk-KBTJMJPX.js → chunk-PLNJEDGI.js}

@@ -1,7 +1,7 @@
 import { announce } from './chunk-2G355KDJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArrangeFrame-QXOQTFAH.css';
+import './ArrangeFrame-QCQZ5RF6.css';
 import { forwardRef, useRef, useCallback, useState, useEffect } from 'react';
 import { TrashGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-S2VMOITT.js → chunk-PQWNK3N7.js}

@@ -1,7 +1,7 @@
-import { Modal } from './chunk-KVWZDCTQ.js';
+import { Modal } from './chunk-I24FI46B.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-34NMOVXO.js → chunk-PS5ZYIA6.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './List-XY445TKY.css';
+import './List-JOELBLTU.css';
 import { createContext, useContext, Children, isValidElement, cloneElement } from 'react';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -50,17 +50,21 @@ function ListItem({
 }) {
   const { templated } = useContext(ListContext);
   const interactive = href !== void 0 || onClick !== void 0 || asChild;
+  const mark = tone === "danger" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CircleAlertGlyph, { className: "crewlet-list__danger-mark", size: "sm" }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: dangerLabel }),
+    " "
+  ] }) : null;
   const contents = (words) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    tone === "danger" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CircleAlertGlyph, { className: "crewlet-list__danger-mark", size: "sm" }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: dangerLabel }),
-      " "
-    ] }) : null,
+    templated ? null : mark,
     leading === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-list__leading", children: leading }),
       " "
     ] }),
-    /* @__PURE__ */ jsx("span", { className: "crewlet-list__content", children: words }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-list__content", children: [
+      templated ? mark : null,
+      words
+    ] }),
     trailing === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",
       /* @__PURE__ */ jsx("span", { className: "crewlet-list__trailing", children: trailing })

package/dist/{chunk-27JCHL64.js → chunk-PVZOP3QK.js}

@@ -1,12 +1,12 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
-import { Count } from './chunk-5KRRJNQO.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Count } from './chunk-MLDTLZAO.js';
+import { Menu } from './chunk-T73DMDU4.js';
 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 './Tabs-S7F4RWAN.css';
+import './Tabs-7ZK2UF75.css';
 import React, { useRef, useImperativeHandle, useLayoutEffect, useState } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-2BDPR4I3.js → chunk-PX54PALQ.js}

@@ -1,10 +1,10 @@
-import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
+import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DateTimePicker-3A7JIIVL.css';
+import './DateTimePicker-PM6TIRIX.css';
 import { useMemo, useState, useEffect } from 'react';
 import { CalendarGlyph, ChevronDownGlyph, ChevronsLeftGlyph, ChevronLeftGlyph, ChevronRightGlyph, ChevronsRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-I74C4TM6.js → chunk-PZAOUZFZ.js}

@@ -1,8 +1,8 @@
-import { Modal } from './chunk-KVWZDCTQ.js';
+import { Modal } from './chunk-I24FI46B.js';
 import { useListbox, useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { Input } from './chunk-TLIJG4TP.js';
-import { Count } from './chunk-5KRRJNQO.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { Input } from './chunk-ETSF7SU6.js';
+import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-TGSIVB6H.js → chunk-QE4OIE3Q.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './CatalogTile-26XN7L2A.css';
+import './CatalogTile-6VF36JWA.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-HOP3J622.js → chunk-QF5UNP4T.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Link-WPMVLKLY.css';
+import './Link-CLURSR2O.css';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import { ExternalLinkGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -24,7 +24,10 @@ var Link = forwardRef(function Link2({
     className
   );
   const externalMark = external ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "crewlet-link__external", size: "sm" }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-link__external-mark", "aria-hidden": "true", children: [
+      "\u2060",
+      /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "crewlet-link__external", size: "sm" })
+    ] }),
     " ",
     /* @__PURE__ */ jsx(VisuallyHidden, { children: newTabLabel })
   ] }) : null;

package/dist/{chunk-KY65C4XS.js → chunk-QOXLP5PE.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './AsideLayout-TH5SQZNK.css';
+import './AsideLayout-AA3DEJKN.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function AsideLayout({ children, aside, asideLabel, className, ...rest }) {

package/dist/{chunk-5DCY2QUY.js → chunk-R2YHKVWN.js}

@@ -1,10 +1,10 @@
-import { PageHeader } from './chunk-DKB73KZI.js';
-import { Stepper } from './chunk-Z4EKUMZW.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
+import { PageHeader } from './chunk-FPDIHEM4.js';
+import { Stepper } from './chunk-HJBHP66O.js';
+import { Disclosure } from './chunk-222VILSP.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SetupWizard-Z54H6RYW.css';
+import './SetupWizard-WDOFFNIM.css';
 import { useId, useRef, useEffect, createElement } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-P3QWT5VR.js → chunk-R45VM5EX.js}

@@ -1,8 +1,8 @@
-import { Document } from './chunk-PWG3VHRQ.js';
+import { Document } from './chunk-BXCL6P5Z.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';
-import './DashboardCover-KYGYMRKW.css';
+import './DashboardCover-PWXH4GNW.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function DocCover({ children, className }) {

package/dist/{chunk-LA4PX7Z6.js → chunk-RHL4OMQ3.js}

@@ -1,11 +1,11 @@
-import { StepList } from './chunk-Z4EKUMZW.js';
+import { StepList } from './chunk-HJBHP66O.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { ReceiptStrip } from './chunk-NLI7OVO2.js';
-import { StatusCard } from './chunk-WW4E5EUS.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
+import { ReceiptStrip } from './chunk-M25IV5MH.js';
+import { StatusCard } from './chunk-G4234OIG.js';
+import { Disclosure } from './chunk-222VILSP.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DeepWorkCard-DGHRIQDM.css';
+import './DeepWorkCard-CMRRNISU.css';
 import { useId } from 'react';
 import { TelescopeGlyph, CircleAlertGlyph, CircleStopGlyph, CircleCheckGlyph, ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-OIMWGV2N.js → chunk-RPX3WICJ.js}

@@ -1,6 +1,6 @@
 import { Table } from './chunk-5DJMFRSZ.js';
 import { DownloadButton } from './chunk-NSCYGUDG.js';
-import { StatusCard } from './chunk-WW4E5EUS.js';
+import { StatusCard } from './chunk-G4234OIG.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-YA3AWELW.js → chunk-RUBKDJAQ.js}

@@ -1,6 +1,6 @@
 import { OrgLabel } from './chunk-ONQKKHON.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './OrgNode-TCHJH5FO.css';
+import './OrgNode-6OCBAIBK.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function OrgNodeLabel(props) {

package/dist/{chunk-4MC2EEGO.js → chunk-S7WG53JB.js}

@@ -1,4 +1,4 @@
-import { Link } from './chunk-HOP3J622.js';
+import { Link } from './chunk-QF5UNP4T.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ObjectHeader-7BGA56VQ.css';
 import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-OU4FLGOZ.js → chunk-SBOUVASH.js}

@@ -1,13 +1,13 @@
-import { Select } from './chunk-XQZ6EWOE.js';
+import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-QCVAVAF6.js';
+import { HueSwatch } from './chunk-2EA2GSA2.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-KIPAFCVS.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SheetColumnEditor-BO2HKFRB.css';

package/dist/{chunk-4AA6WPQU.js → chunk-SRDNGGZE.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DirectoryList-7OXXN47X.css';
+import './DirectoryList-XZOWYOA3.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-TUNEMQXF.js → chunk-SRSE7FGL.js}

@@ -1,9 +1,9 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
-import { Timeline } from './chunk-Z6X3F4H6.js';
+import { Timeline } from './chunk-4MJN2KN6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './VersionTimeline-6KRXEEOO.css';
+import './VersionTimeline-DEAQ7CJG.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';