@crewlethq/ui 0.64.0 → 0.65.0

package/dist/Accordion/index.js

@@ -1,6 +1,6 @@
-export { Accordion, AccordionItem } from '../chunk-K4U2VDOJ.js';
-import '../chunk-ZYO2QFU6.js';
-import '../chunk-5KRRJNQO.js';
+export { Accordion, AccordionItem } from '../chunk-5NJMSYDZ.js';
+import '../chunk-IVTQWOXV.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Accordion-ZI2WLD5C.css → Accordion-V7YNDK7Y.css}

@@ -28,6 +28,16 @@
   border-top: 1px solid var(--color-border-default);
 }
 
+/*
+ * THE CARD'S EDGE IS THE ROW'S EDGE, so the actions keep the trigger's own
+ * inline inset at the end the chevron keeps it at the start. Flush, a bordered
+ * action stood its border on the card's (0px apart, with the chevron 8px in).
+ * Only the stack's own rows: a disclosure inside a panel is not on that edge.
+ */
+.crewlet-accordion--card .crewlet-accordion__item > .crewlet-disclosure__bar > .crewlet-disclosure__actions {
+  padding-inline-end: var(--spacing-2);
+}
+
 /*
  * The heading register: this is a section title a reader scans a page for, not
  * the compact row a console folds a tool call into.

package/dist/AddPill/index.js

@@ -1,3 +1,3 @@
-export { ADD_PILL_MS, AddPill } from '../chunk-QC2DEQCN.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-CVKANYHD.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{AddPill-RYCY56P4.css → AddPill-FPM5RUKI.css}

@@ -180,6 +180,9 @@
  */
 .crewlet-add-pill__sections {
   display: flex;
+  /* The drawn height INCLUDES the 1px boundary, which is what the overhang
+     on each section below is measured against. */
+  box-sizing: border-box;
   height: var(--spacing-4);
   background-color: var(--color-surface-background);
   background-image: linear-gradient(var(--color-surface-subtle), var(--color-surface-subtle));
@@ -270,6 +273,13 @@
  * supposed to read as one pill splitting into three. The rounding follows the
  * content box for the same reason, so the outer choices keep the pill's own
  * ends rather than the target's.
+ *
+ * THE OVERHANG IS MEASURED FROM INSIDE THE PILL'S BOUNDARY, the 2px of its
+ * 1px edge at the top and the bottom taken off the drawn height. A section
+ * stands in the pill's content box, so measured from the outer 16px it
+ * started at the inner top edge and ran 2px past the inner bottom one: the
+ * hovered tint covered the bottom edge and stood a pixel proud of the pill,
+ * and every mark sat a pixel under the dividers between them.
  */
 .crewlet-add-pill__section {
   display: inline-flex;
@@ -278,9 +288,9 @@
   justify-content: center;
   width: var(--size-target-min);
   height: var(--size-target-min);
-  margin: calc((var(--spacing-4) - var(--size-target-min)) / 2) 0;
-  /* The overhang, as padding: the content box is then the pill's own height. */
-  padding: calc((var(--size-target-min) - var(--spacing-4)) / 2) 0;
+  margin: calc((var(--spacing-4) - 2px - var(--size-target-min)) / 2) 0;
+  /* The overhang, as padding: the content box is then the pill's own inside. */
+  padding: calc((var(--size-target-min) - var(--spacing-4) + 2px) / 2) 0;
   color: var(--color-node-green);
   /*
    * NOT THE `background` SHORTHAND. It resets `background-clip` along with
@@ -307,8 +317,8 @@
    edges. Its width is the pointer-target floor every choice keeps. */
 .crewlet-add-pill[data-size='md'] .crewlet-add-pill__section {
   height: var(--size-control-sm);
-  margin: calc((var(--spacing-4) + var(--spacing-1) / 2 - var(--size-control-sm)) / 2) 0;
-  padding: calc((var(--size-control-sm) - var(--spacing-4) - var(--spacing-1) / 2) / 2) 0;
+  margin: calc((var(--spacing-4) + var(--spacing-1) / 2 - 2px - var(--size-control-sm)) / 2) 0;
+  padding: calc((var(--size-control-sm) - var(--spacing-4) - var(--spacing-1) / 2 + 2px) / 2) 0;
 }
 
 /*

package/dist/AgentHandoffPanel/index.js

@@ -1,15 +1,15 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-5UPWU6ZJ.js';
-import '../chunk-Z6X3F4H6.js';
-import '../chunk-JQ7IFSF6.js';
-import '../chunk-5CY6BW4Y.js';
-import '../chunk-P4YORMRZ.js';
-import '../chunk-3OV26XP4.js';
-import '../chunk-PUJUWLCX.js';
-import '../chunk-ACRRRPWT.js';
-import '../chunk-TLIJG4TP.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-WUQVAFTC.js';
+import '../chunk-4MJN2KN6.js';
+import '../chunk-WFCWPXJN.js';
+import '../chunk-5OFRDX66.js';
+import '../chunk-222VILSP.js';
+import '../chunk-FFGEJUAP.js';
+import '../chunk-CLJGFOTV.js';
+import '../chunk-ANTAQAR4.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-ZYO2QFU6.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-IVTQWOXV.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-PIYJNCN7.js';
@@ -18,7 +18,7 @@ import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{AgentHandoffPanel-JWSW62GU.css → AgentHandoffPanel-AIU7YWWB.css}

@@ -73,11 +73,14 @@
   background: var(--color-surface-subtle);
 }
 
+/* On the first line's centre, whatever the glyph's own box: the slot is the
+   label's line tall and centres what it holds. A 1px nudge stood the 14px
+   glyph 1.8px over the middle of the label's 19.6px line. */
 .crewlet-agent-handoff__item-icon {
   display: inline-flex;
   flex: none;
-  /* On the first line's centre, whatever the glyph's own box. */
-  margin-top: 1px;
+  align-items: center;
+  height: calc(var(--font-size-sm) * var(--font-line-height-snug));
   color: var(--color-text-tertiary);
 }
 
@@ -102,6 +105,17 @@
   line-height: var(--font-line-height-normal);
 }
 
+/*
+ * THE TASK AS FILED HANGS IN THE GUTTER, as a change list's disclosure does:
+ * the trigger's padding and the panel's inset stand outside the column, so the
+ * chevron sits on the edge the section's title and the carried items start
+ * on, and the open task is as wide as they are rather than 8px inside them at
+ * both ends. Only the trigger's hover ground reaches past.
+ */
+.crewlet-agent-handoff__task-disclosure {
+  margin-inline: calc(var(--spacing-2) * -1);
+}
+
 .crewlet-agent-handoff__task {
   display: flex;
   flex-direction: column;
@@ -133,6 +147,24 @@
   overflow-wrap: anywhere;
 }
 
+/*
+ * WHAT HAPPENS NEXT reads at the panel's own step, as the intro and the
+ * carried items do. The ledger takes its type from its host, and left to
+ * inherit it took the page's body: a step over everything else in the panel
+ * on a 16px page, and a step under the intro on a 13px one. Its node stands
+ * on the middle of that first line, which is the one value the ledger asks a
+ * host to set. Both classes, so it outranks the ledger's own rule whichever
+ * order a bundle writes the two sheets in.
+ */
+.crewlet-timeline.crewlet-agent-handoff__steps {
+  --crewlet-timeline-node-offset: calc(
+    (var(--font-size-sm) * var(--font-line-height-normal) - var(--crewlet-timeline-node-size)) / 2
+  );
+
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-normal);
+}
+
 .crewlet-agent-handoff__foot {
   display: flex;
   flex-direction: column;

package/dist/AppShell/index.d.ts

@@ -5,6 +5,7 @@ export { APP_SHELL_ASIDE_WIDTH, AppShell, AppShellRail, AppShellRailRow, AppShel
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize } from './ResizeHandle.js';
 export type { ResizeHandleProps } from './ResizeHandle.js';
 export { readStoredWidth, useStoredWidth } from './storedWidth.js';
+export { useScreenBelow, useScreenWidth } from './screenWidth.js';
 export type { StoredWidth, StoredWidthOptions, WidthStorage } from './storedWidth.js';
 export { AccountRow } from './AccountRow.js';
 export type { AccountRowMenu, AccountRowProps } from './AccountRow.js';

package/dist/AppShell/index.js

@@ -1,13 +1,13 @@
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-7SRSPU4O.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-E55DKVY7.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-LODRX4FU.js';
+import '../chunk-T73DMDU4.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from '../chunk-PIYJNCN7.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AppShell/screenWidth.d.ts

@@ -0,0 +1,66 @@
+/**
+ * The SCREEN'S width: the content column the shell draws a screen in, which is
+ * what a screen's layout has to fit, rather than the window's.
+ *
+ * WHY NOT THE WINDOW. The window reports what the frame takes from it only
+ * while that never changes. The rail is a fixed share, but an aside the reader
+ * opens (the assistant) and drags wider takes width the window never reports:
+ * at a 1375px window with a 640px aside the screen is 443px wide while a
+ * media query still answers "desktop". A split screen that asks the window
+ * keeps its two columns and draws its reading pane 130px wide. Stylesheets
+ * already answer this with a container query on the content column; this is
+ * the same answer for the decisions a stylesheet cannot make, such as which
+ * pane a screen renders or whether it fills the window.
+ *
+ * ONE MEASUREMENT FOR EVERY CONSUMER. The shell measures its content column
+ * once and publishes the width through a store, so twenty screens asking do
+ * not attach twenty observers, and every one of them reads the same number in
+ * the same frame.
+ *
+ * RE-RENDERS ON A CROSSING, NOT ON A PIXEL. [useScreenBelow] subscribes to the
+ * answer to its own question, so dragging the aside re-renders a screen only
+ * when the screen crosses that screen's threshold.
+ *
+ * OUTSIDE A SHELL IT IS THE WINDOW. A primitive drawn in a story, a test or an
+ * application without the shell still gets an answer: the window's, through
+ * the same media query it would have asked before. The first render inside a
+ * shell answers the same way, and the shell's measurement replaces it in a
+ * layout effect, before anything is painted.
+ */
+/** Where the shell keeps the content column's width, and who listens. */
+export interface ScreenWidthStore {
+    /** The content column's inner width in px, or null before it is measured. */
+    get(): number | null;
+    /** Record a new width, telling every listener when it changed. */
+    set(width: number | null): void;
+    subscribe(listener: () => void): () => void;
+}
+/** A store for one shell's content column. */
+export declare function createScreenWidthStore(): ScreenWidthStore;
+export declare const ScreenWidthContext: import("react").Context<ScreenWidthStore | null>;
+/**
+ * The width of an element's content box: its client width less its inline
+ * padding, which is what a container query on it measures.
+ *
+ * NULL FOR AN ELEMENT WITH NO BOX (hidden, detached, or a document without
+ * layout such as a test's): a width of zero there is not a measurement, and
+ * answering "narrower than everything" would fold every screen. The window's
+ * answer stands instead.
+ */
+export declare function contentInlineSize(element: HTMLElement): number | null;
+/**
+ * The width of the screen's content column in px, re-read whenever it
+ * changes; null outside a shell, or before the shell has measured it.
+ */
+export declare function useScreenWidth(): number | null;
+/**
+ * Whether the screen's content column is narrower than `width` px: the
+ * question a screen asks before it chooses its narrow shape. Inside a shell it
+ * is answered from the shell's measured content column, so an aside the
+ * reader opens or drags counts; outside one, by the window, exactly as
+ * `useMediaMatch(`(width < ${width}px)`)` would.
+ *
+ * STRICTLY UNDER, like the stylesheets' `(width < 640px)`: at exactly the
+ * threshold the wide shape fits.
+ */
+export declare function useScreenBelow(width: number): boolean;

package/dist/{AppShell-ZVCJRGXH.css → AppShell-LZQA3XU4.css}

@@ -379,7 +379,13 @@
   line-height: var(--font-line-height-tight);
 }
 
-.crewlet-app-shell__rail-row--action:not(.crewlet-app-shell__rail-row--block) > .crewlet-app-shell__rail-row-icon {
+/* A dropped control's LEADING mark slot takes the same column: a button's own
+   slot hugs its mark, which stood the engine's 7px dot 3.5px left of the
+   glyph column and its words 7px left of "Settings". Its first child only,
+   because a trailing icon shares the class and ends on the row's end. */
+.crewlet-app-shell__rail-row--action:not(.crewlet-app-shell__rail-row--block) > .crewlet-app-shell__rail-row-icon,
+.crewlet-app-shell__rail-foot > .crewlet-btn > .crewlet-btn__icon:first-child {
+  justify-content: center;
   min-width: 14px;
 }
 
@@ -539,6 +545,15 @@
   font-weight: var(--font-weight-medium);
 }
 
+/* The block's mark stands beside its FIRST line, the state it marks. Centred
+   on the whole block it sat beside the detail line, 19px under the words it
+   belongs to once a value wrapped under them. One line box tall at the
+   block's leading, so the dot centres on that line. */
+.crewlet-app-shell__rail-row--block > .crewlet-app-shell__rail-row-icon {
+  align-self: flex-start;
+  height: 1lh;
+}
+
 .crewlet-app-shell__rail-row-detail {
   color: var(--color-text-tertiary);
   font-size: var(--font-size-2xs);
@@ -981,6 +996,11 @@
   gap: var(--spacing-2);
   min-width: 0;
   padding: var(--spacing-1);
+  /* The badge stands 6px in from the row's start, as it does in the rail's
+     foot (see below): a step in, a badge's ring (1.5px, 2px out) stood half a
+     pixel off the row's hover fill and its current hairline, and read as
+     touching them. */
+  padding-inline-start: calc(var(--spacing-1) + var(--spacing-1) / 2);
   border-radius: var(--radius-md);
   color: var(--color-text-primary);
   text-decoration: none;

package/dist/ArrangeFrame/index.js

@@ -1,5 +1,5 @@
-export { ArrangeFrame, useGridResize } from '../chunk-KBTJMJPX.js';
+export { ArrangeFrame, useGridResize } from '../chunk-PLNJEDGI.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ArrangeFrame-QXOQTFAH.css → ArrangeFrame-QCQZ5RF6.css}

@@ -194,6 +194,12 @@
   transform: translateY(-50%);
 }
 
+/* Its controls are chips lifted inside a well at the medium radius, so they
+   take the chip step, as the canvas's zoom bar and tool palette draw theirs. */
+.crewlet-arrange-frame__bar .crewlet-icon-btn {
+  border-radius: var(--radius-chip);
+}
+
 .crewlet-arrange-frame__sep:first-child {
   display: none;
 }

package/dist/ArrangeGroup/index.js

@@ -1,4 +1,4 @@
-export { ArrangeGroup } from '../chunk-J4HPMS7F.js';
-import '../chunk-5KRRJNQO.js';
+export { ArrangeGroup } from '../chunk-CYYBE2MM.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList/index.js

@@ -1,13 +1,13 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-2NNGOCWM.js';
-import '../chunk-A722MUNR.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-TWJERLT3.js';
+import '../chunk-3XDT5ZWL.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-KIPAFCVS.js';
-import '../chunk-TLIJG4TP.js';
+import '../chunk-PBCNINMB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList-F6Y43I24.css

@@ -0,0 +1,143 @@
+/*
+ * ArrangeList: rows a reader puts in order and switches on and off.
+ *
+ * The row is a quiet inset band rather than a card: a panel holding eight of
+ * them is a list, and eight bordered boxes read as eight separate objects.
+ */
+
+.crewlet-arrange-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-arrange-list__item {
+  /*
+   * The toggle's first line, as Switch and Checkbox set their label, and half
+   * of what a small control stands over it: the line the grip and the move
+   * buttons are centred on, and the room that takes (see the rows below).
+   */
+  --crewlet-arrange-list-line: calc(var(--font-size-sm) * var(--font-line-height-snug));
+  --crewlet-arrange-list-overhang: calc((var(--size-control-sm) - var(--crewlet-arrange-list-line)) / 2);
+  /* What a Checkbox or Switch pads around its first line to reach its floor
+     (they centre that line in a small row, so the row needs no correction). */
+  --crewlet-arrange-list-toggle-pad: calc((var(--size-row-sm) - var(--crewlet-arrange-list-line)) / 2);
+
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--size-row-lg);
+  /*
+   * THE TWO ENDS MIRROR EACH OTHER: the grip starts the row and the move
+   * buttons end it, the same small IconButton one step in from each edge.
+   * The end was a step wider, which stood the last chevron 16px in from its
+   * edge against the grip's 12px.
+   */
+  padding: var(--spacing-1);
+  border: 1px solid transparent;
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  transition: background-color var(--motion-duration-fast) var(--motion-easing-default),
+    border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+/* Without the move buttons the row ends in words or a control of the item's
+   own, which keep the wider step clear of the edge. */
+.crewlet-arrange-list__item:not(:has(> .crewlet-arrange-list__moves)) {
+  padding-inline-end: var(--spacing-2);
+}
+
+/*
+ * THE ROW'S MARKS SIT ON ITS FIRST LINE once the item carries a description,
+ * as a ListInput row's do. The switch or the box is set on its label's first
+ * line by its own component, so centred on a two line row the grip and the
+ * move buttons stood 11px under the line the toggle beside them is on, level
+ * with nothing. They take the top of the row, a small control tall; the
+ * toggle is lowered by the overhang, which centres its first line in that
+ * band; and the overhang is given back under the description, so the words
+ * keep the same room above and below them.
+ */
+.crewlet-arrange-list__item:has(.crewlet-switch__description, .crewlet-checkbox__description) {
+  align-items: flex-start;
+  padding-block-end: calc(var(--spacing-1) + var(--crewlet-arrange-list-overhang) - var(--crewlet-arrange-list-toggle-pad));
+}
+
+.crewlet-arrange-list__item:has(.crewlet-switch__description, .crewlet-checkbox__description)
+  > .crewlet-arrange-list__toggle {
+  margin-block-start: calc(var(--crewlet-arrange-list-overhang) - var(--crewlet-arrange-list-toggle-pad));
+}
+
+/* A control of the item's own is centred in the same band, whatever its height. */
+.crewlet-arrange-list__item:has(.crewlet-switch__description, .crewlet-checkbox__description)
+  > .crewlet-arrange-list__trailing {
+  block-size: var(--size-control-sm);
+}
+
+.crewlet-arrange-list__item:hover {
+  border-color: var(--color-border-default);
+}
+
+/* The row being carried is a gap in the list, outlined where it will land. */
+.crewlet-arrange-list__item[data-reorder='dragging'] {
+  border-style: dashed;
+  border-color: var(--color-border-strong);
+  background: transparent;
+}
+.crewlet-arrange-list__item[data-reorder='dragging'] > * {
+  opacity: 0.4;
+}
+
+.crewlet-arrange-list__handle {
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--color-text-tertiary);
+}
+.crewlet-arrange-list__handle:active {
+  cursor: grabbing;
+}
+
+.crewlet-arrange-list__label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+.crewlet-arrange-list__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--color-text-secondary);
+}
+
+/* The toggle takes the row's width, so its label is the row's target. */
+.crewlet-arrange-list__toggle {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Off, the words step back; the switch itself already says off. */
+.crewlet-arrange-list__item.is-off .crewlet-arrange-list__icon,
+.crewlet-arrange-list__item.is-off .crewlet-switch__label,
+.crewlet-arrange-list__item.is-off .crewlet-checkbox__label {
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-arrange-list__trailing {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+
+.crewlet-arrange-list__moves {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-arrange-list__item {
+    transition: none;
+  }
+}

package/dist/ArtifactAccess/index.js

@@ -1,2 +1,2 @@
-export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from '../chunk-BGLKLXL3.js';
+export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel } from '../chunk-DOY3KC6I.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ArtifactAccess-Y53ZTRFS.css → ArtifactAccess-RNNN2EIG.css}

@@ -7,6 +7,12 @@
 .crewlet-artifact-access {
   display: inline-flex;
   align-items: center;
+  /* TOP-ALIGNED ON ITS LINE, as a table cell's entity is (TableCells.css). On
+     the baseline the label took its glyph's, which has no text and stands on
+     its bottom edge, so in a list's Access column the word rode 1.4px over
+     the cell's middle and the owner's name beside it. A box one line tall,
+     set at the line's top, fills the line. */
+  vertical-align: top;
   gap: calc(var(--spacing-1) * 1.5);
   min-width: 0;
   max-width: 100%;

package/dist/ArtifactBar/index.js

@@ -1,21 +1,21 @@
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-JAOJLEYB.js';
-import '../chunk-OOC7Q67K.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-DXVJSBEW.js';
+import '../chunk-25AZQ3GZ.js';
 import '../chunk-I33UIUZD.js';
-import '../chunk-F7VBYCW2.js';
-import '../chunk-27JCHL64.js';
+import '../chunk-W6UVBBNH.js';
+import '../chunk-PVZOP3QK.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-AVL52EME.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-RSKW25Y5.js';
-import '../chunk-ACRRRPWT.js';
-import '../chunk-5KRRJNQO.js';
-import '../chunk-LODRX4FU.js';
+import '../chunk-ANTAQAR4.js';
+import '../chunk-MLDTLZAO.js';
+import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ArtifactBar-LEBMR35Y.css → ArtifactBar-X46WJNW7.css}

@@ -85,6 +85,11 @@
 /* THE TITLE. Read only, it is text; renamable, its words are a button drawn
    as text that answers the pointer with the hover ground, as a field would. */
 .crewlet-artifact-bar__title {
+  /* THE RENAME GROUND AND THE FIELD STAND AT THE BAR'S CONTROL HEIGHT, the
+     back control's and the tools': padded a fixed step over a line, they
+     stood 27.6px tall beside 26px controls. Half of what the control is
+     taller than the title's line, above and below. */
+  --crewlet-artifact-bar-title-pad: max(0px, calc((var(--size-control-sm) - 1lh) / 2));
   position: relative;
   display: flex;
   min-width: 0;
@@ -117,7 +122,7 @@
   min-width: 0;
   max-width: 100%;
   margin: 0;
-  padding: var(--spacing-1) var(--spacing-2);
+  padding: var(--crewlet-artifact-bar-title-pad) var(--spacing-2);
   overflow: hidden;
   border: 0;
   border-radius: var(--radius-sm);
@@ -153,7 +158,7 @@
   content: attr(data-value) ' ';
   visibility: hidden;
   grid-area: 1 / 1;
-  padding: var(--spacing-1) var(--spacing-2);
+  padding: var(--crewlet-artifact-bar-title-pad) var(--spacing-2);
   overflow: hidden;
   white-space: pre;
   font: inherit;
@@ -164,7 +169,7 @@
   min-width: 0;
   width: 100%;
   margin: 0;
-  padding: calc(var(--spacing-1) - 1px) calc(var(--spacing-2) - 1px);
+  padding: calc(var(--crewlet-artifact-bar-title-pad) - 1px) calc(var(--spacing-2) - 1px);
   border: 1px solid var(--color-border-control);
   border-radius: var(--radius-sm);
   background: var(--color-surface-elevated);

package/dist/ArtifactCard/index.js

@@ -1,23 +1,23 @@
-export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-EBCH3MRX.js';
-import '../chunk-QBI5ETKY.js';
+export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-N7PXGOZP.js';
+import '../chunk-BRLZXYPA.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-MKKX6N7C.js';
+import '../chunk-7XKDPTZ5.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-5AQBPHZD.js';
+import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-QZLNKLYD.js';
-import '../chunk-KIPAFCVS.js';
-import '../chunk-BGLKLXL3.js';
+import '../chunk-NHLNHH4J.js';
+import '../chunk-PBCNINMB.js';
+import '../chunk-DOY3KC6I.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';
-import '../chunk-TLIJG4TP.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';