@crewlethq/ui 0.24.0 → 0.26.0

package/dist/{chunk-TBIZSQHB.js → chunk-RSC7UJCR.js}

@@ -1,5 +1,5 @@
 import { useTreeState, useMeasuredSizes, layoutForest, treeAncestors, useLayoutAnchor, treeExpandable, layoutConnectors, treeItemAction, treeStep, treePosInSet, treeSetSize, treeLevel, placeGroups } from './chunk-MY374UUD.js';
-import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-TXAFKH2A.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-KZOGQXSP.js';
 import { focusables } from './chunk-R25RGPUB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-L2XYONWL.css';

package/dist/chunk-RWA4H2TV.js

@@ -0,0 +1,73 @@
+import { SegmentedControl } from './chunk-RCQXUT5K.js';
+import { Button } from './chunk-OG6CL3EB.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './MergeConflicts-O44ESH4T.css';
+import { useState, useId, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MERGE_CONFLICTS_LABELS = {
+  heading: (count, theirs) => count === 1 ? `You and ${theirs} changed the same lines` : `You and ${theirs} changed the same lines in ${count} places`,
+  intro: "For each conflict, keep their lines, yours or both.",
+  theirsCaption: (theirs) => `Theirs \xB7 ${theirs}`,
+  mineCaption: "Yours",
+  removed: "(removed)",
+  choiceLabel: (place) => `Place ${place}: which lines to keep`,
+  choices: { theirs: "Theirs", mine: "Yours", both: "Both" },
+  apply: "Apply to my draft",
+  applyBlocked: "Settle every place first.",
+  cancel: "Not now",
+  remaining: (count) => count === 1 ? "1 place still to settle." : `${count} places still to settle.`
+};
+var ORDER = ["theirs", "mine", "both"];
+function MergeConflicts({ clashes, theirs, onApply, onCancel, className, labels: overrides }) {
+  const labels = overrides ? { ...MERGE_CONFLICTS_LABELS, ...overrides } : MERGE_CONFLICTS_LABELS;
+  const [choices, setChoices] = useState(() => clashes.map(() => void 0));
+  const left = choices.filter((c) => c === void 0).length;
+  const heading = useId();
+  const first = useRef(null);
+  useEffect(() => first.current?.focus(), []);
+  const options = ORDER.map((value) => ({ value, label: labels.choices[value] }));
+  return /* @__PURE__ */ jsxs("section", { className: cx("crewlet-merge-conflicts", className), "aria-labelledby": heading, children: [
+    /* @__PURE__ */ jsx("h2", { className: "crewlet-merge-conflicts__title", id: heading, ref: first, tabIndex: -1, children: labels.heading(clashes.length, theirs) }),
+    /* @__PURE__ */ jsx("p", { className: "crewlet-merge-conflicts__note", children: labels.intro }),
+    /* @__PURE__ */ jsx("ol", { className: "crewlet-merge-conflicts__list", children: clashes.map((clash, i) => /* @__PURE__ */ jsxs("li", { className: "crewlet-merge-conflicts__item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "crewlet-merge-conflicts__sides", children: [
+        /* @__PURE__ */ jsxs("figure", { className: "crewlet-merge-conflicts__side", children: [
+          /* @__PURE__ */ jsx("figcaption", { children: labels.theirsCaption(theirs) }),
+          /* @__PURE__ */ jsx("pre", { children: clash.theirs.join("\n") || labels.removed })
+        ] }),
+        /* @__PURE__ */ jsxs("figure", { className: "crewlet-merge-conflicts__side", children: [
+          /* @__PURE__ */ jsx("figcaption", { children: labels.mineCaption }),
+          /* @__PURE__ */ jsx("pre", { children: clash.mine.join("\n") || labels.removed })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          semantics: "radio",
+          size: "sm",
+          label: labels.choiceLabel(i + 1),
+          value: choices[i] ?? "",
+          onValueChange: (v) => setChoices(choices.map((c, k) => k === i ? v : c)),
+          options
+        }
+      )
+    ] }, i)) }),
+    /* @__PURE__ */ jsxs("div", { className: "crewlet-merge-conflicts__foot", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "primary",
+          disabledReason: left === 0 ? void 0 : labels.applyBlocked,
+          onClick: () => onApply(choices),
+          children: labels.apply
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: onCancel, children: labels.cancel }),
+      left > 0 && /* @__PURE__ */ jsx("span", { className: "crewlet-merge-conflicts__note", children: labels.remaining(left) })
+    ] })
+  ] });
+}
+
+export { MERGE_CONFLICTS_LABELS, MergeConflicts };

package/dist/{chunk-OQT7GSKJ.js → chunk-SGIQCI6Y.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-7QL2OFP6.js';
+import { SegmentedControl } from './chunk-RCQXUT5K.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-35UKQ33X.js → chunk-SVW3VG72.js}

@@ -1,6 +1,6 @@
-import { useClipboard } from './chunk-STJ7QBC3.js';
 import { Modal } from './chunk-F4DPAJCN.js';
-import { Checkbox } from './chunk-IASV5UCP.js';
+import { useClipboard } from './chunk-STJ7QBC3.js';
+import { Checkbox } from './chunk-7T42VQQT.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { Menu } from './chunk-UFKUWVMV.js';

package/dist/{chunk-4PZ6FJKW.js → chunk-UGNUUVRI.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Meter-5VCSFMZW.css';
+import './Meter-ZZRFUEOH.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -84,7 +84,7 @@ function Meter({
         "aria-valuemax": bounded ? max : void 0,
         "aria-valuetext": spoken,
         "aria-hidden": bounded ? void 0 : true,
-        children: /* @__PURE__ */ jsx("div", { className: "crewlet-meter__fill", "data-tone": drawn, style: { width: `${percent}%` } })
+        children: /* @__PURE__ */ jsx("div", { className: cx("crewlet-meter__fill", bounded && value > 0 && "crewlet-meter__fill--some"), "data-tone": drawn, style: { width: `${percent}%` } })
       }
     )
   ] });

package/dist/chunk-UOR7TOAU.js

@@ -0,0 +1,191 @@
+// src/utils/csv.ts
+var FORMULA_LEAD = /^[=+\-@\t\r]/;
+function toCsv(header, rows) {
+  const lines = [header.map((name) => field(name)).join(",")];
+  for (const row of rows) {
+    lines.push(row.map((value) => field(value)).join(","));
+  }
+  return lines.map((line) => `${line}\r
+`).join("");
+}
+function field(value) {
+  return quote(text(value));
+}
+function text(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "number" || typeof value === "bigint") return String(value);
+  if (typeof value === "boolean") return value ? "true" : "false";
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toISOString();
+  const written = typeof value === "string" ? value : JSON.stringify(value) ?? "";
+  return FORMULA_LEAD.test(written) ? `'${written}` : written;
+}
+function quote(written) {
+  return /[",\r\n]/.test(written) ? `"${written.replace(/"/g, '""')}"` : written;
+}
+
+// src/utils/elementToPng.ts
+var ElementToPngError = class extends Error {
+  reason;
+  constructor(reason, message) {
+    super(message);
+    this.name = "ElementToPngError";
+    this.reason = reason;
+  }
+};
+var SVG_NS = "http://www.w3.org/2000/svg";
+var MAX_SCALE = 3;
+var SVG_PROPERTIES = [
+  "fill",
+  "fill-opacity",
+  "stroke",
+  "stroke-width",
+  "stroke-opacity",
+  "stroke-dasharray",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "opacity",
+  "color",
+  "stop-color",
+  "stop-opacity",
+  "font-family",
+  "font-size",
+  "font-weight",
+  "font-style",
+  "text-anchor",
+  "dominant-baseline",
+  "vector-effect",
+  "visibility",
+  "display"
+];
+async function elementToPng(el, options = {}) {
+  const box = el.getBoundingClientRect();
+  if (box.width <= 0 || box.height <= 0) {
+    throw new ElementToPngError("empty", "The element has no size, so there is nothing to draw.");
+  }
+  const padding = Math.max(0, options.padding ?? 0);
+  const width = Math.ceil(box.width + 2 * padding);
+  const height = Math.ceil(box.height + 2 * padding);
+  const ratio = options.scale ?? (typeof window !== "undefined" ? window.devicePixelRatio : 1);
+  const scale = Math.min(MAX_SCALE, Math.max(1, Number.isFinite(ratio) ? ratio : 1));
+  const background = options.background ?? opaqueBackground(el);
+  const markup = serializeElement(el, { width, height, padding });
+  const image = await loadImage(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(markup)}`);
+  const canvas = document.createElement("canvas");
+  canvas.width = Math.round(width * scale);
+  canvas.height = Math.round(height * scale);
+  const context = canvas.getContext("2d");
+  if (!context) {
+    throw new ElementToPngError("unsupported", "This browser cannot draw onto a canvas.");
+  }
+  context.scale(scale, scale);
+  if (background) {
+    context.fillStyle = background;
+    context.fillRect(0, 0, width, height);
+  }
+  try {
+    context.drawImage(image, 0, 0, width, height);
+  } catch {
+    throw new ElementToPngError("unsupported", "This browser could not draw the element.");
+  }
+  return toBlob(canvas);
+}
+function serializeElement(el, { width, height, padding = 0 }) {
+  const svg = soleSvg(el);
+  const root = document.createElementNS(SVG_NS, "svg");
+  root.setAttribute("width", String(width));
+  root.setAttribute("height", String(height));
+  root.setAttribute("viewBox", `0 0 ${width} ${height}`);
+  if (svg) {
+    const copy = svg.cloneNode(true);
+    inlineSvgStyles(svg, copy);
+    const box = svg.getBoundingClientRect();
+    copy.setAttribute("x", String(padding));
+    copy.setAttribute("y", String(padding));
+    copy.setAttribute("width", String(box.width || width - 2 * padding));
+    copy.setAttribute("height", String(box.height || height - 2 * padding));
+    root.appendChild(copy);
+  } else {
+    const object = document.createElementNS(SVG_NS, "foreignObject");
+    object.setAttribute("x", String(padding));
+    object.setAttribute("y", String(padding));
+    object.setAttribute("width", String(width - 2 * padding));
+    object.setAttribute("height", String(height - 2 * padding));
+    const copy = el.cloneNode(true);
+    inlineHtmlStyles(el, copy);
+    object.appendChild(copy);
+    root.appendChild(object);
+  }
+  return new XMLSerializer().serializeToString(root);
+}
+function soleSvg(el) {
+  if (el instanceof SVGSVGElement) return el;
+  const svgs = el.querySelectorAll("svg");
+  if (svgs.length !== 1) return null;
+  const svg = svgs[0];
+  const clone = el.cloneNode(true);
+  clone.querySelector("svg")?.remove();
+  return (clone.textContent ?? "").trim() === "" ? svg : null;
+}
+function inlineSvgStyles(source, copy) {
+  const computed = getComputedStyle(source);
+  const declarations = [];
+  for (const property of SVG_PROPERTIES) {
+    const value = computed.getPropertyValue(property);
+    if (value && !value.includes("var(")) declarations.push(`${property}:${value}`);
+  }
+  if (declarations.length > 0) copy.setAttribute("style", declarations.join(";"));
+  copy.removeAttribute("class");
+  const sourceChildren = source.children;
+  const copyChildren = copy.children;
+  for (let i = 0; i < sourceChildren.length && i < copyChildren.length; i++) {
+    inlineSvgStyles(sourceChildren[i], copyChildren[i]);
+  }
+}
+function inlineHtmlStyles(source, copy) {
+  const computed = getComputedStyle(source);
+  const declarations = [];
+  for (let i = 0; i < computed.length; i++) {
+    const property = computed.item(i);
+    if (property.startsWith("--")) continue;
+    const value = computed.getPropertyValue(property);
+    if (value && !value.includes("var(")) declarations.push(`${property}:${value}`);
+  }
+  copy.setAttribute("style", declarations.join(";"));
+  copy.removeAttribute("class");
+  const sourceChildren = source.children;
+  const copyChildren = copy.children;
+  for (let i = 0; i < sourceChildren.length && i < copyChildren.length; i++) {
+    const child = sourceChildren[i];
+    if (child instanceof SVGElement) inlineSvgStyles(child, copyChildren[i]);
+    else inlineHtmlStyles(child, copyChildren[i]);
+  }
+}
+function opaqueBackground(el) {
+  for (let node = el; node; node = node.parentElement) {
+    const colour = getComputedStyle(node).backgroundColor;
+    if (colour && colour !== "transparent" && !/rgba\([^)]*,\s*0\)$/.test(colour)) return colour;
+  }
+  return void 0;
+}
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.onload = () => resolve(image);
+    image.onerror = () => reject(new ElementToPngError("unsupported", "This browser could not draw the element as an image."));
+    image.src = src;
+  });
+}
+function toBlob(canvas) {
+  return new Promise((resolve, reject) => {
+    try {
+      canvas.toBlob((blob) => {
+        if (blob) resolve(blob);
+        else reject(new ElementToPngError("tainted", "This browser drew the element and would not let the image be saved."));
+      }, "image/png");
+    } catch {
+      reject(new ElementToPngError("tainted", "This browser drew the element and would not let the image be saved."));
+    }
+  });
+}
+
+export { ElementToPngError, elementToPng, serializeElement, toCsv };

package/dist/{chunk-XMGB3ZAT.js → chunk-URUGEAFB.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-FC4YTTFJ.js';
-import { CopyButton } from './chunk-W46LPU4R.js';
 import { Modal } from './chunk-F4DPAJCN.js';
+import { CopyButton } from './chunk-W46LPU4R.js';
 import { Callout } from './chunk-SVSCLHHI.js';
 import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
@@ -28,7 +28,8 @@ var AGENT_CAN = {
   owner: "read, edit, publish and share this artifact in its turns"
 };
 var LABELS = {
-  title: (artifact) => `Share "${artifact}"`,
+  // Curly quotes, as every other dialog title in the product draws them.
+  title: (artifact) => `Share \u201C${artifact}\u201D`,
   addRole: "Role for people you add",
   audience: "Who has access",
   you: "(you)",

package/dist/chunk-UZ7ZUSLH.js

@@ -0,0 +1,179 @@
+import { useReorder } from './chunk-XJ2QEBMM.js';
+import { Input } from './chunk-6QFAK2WV.js';
+import { Button } from './chunk-OG6CL3EB.js';
+import { IconButton } from './chunk-4FQT6ZAY.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './DocTabsEditor-RCOWHX5J.css';
+import { useState, useId } from 'react';
+import { GripVerticalGlyph, PencilGlyph, ChevronUpGlyph, ChevronDownGlyph, TrashGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DOC_TABS_EDITOR_LABELS = {
+  handle: (name) => `Move ${name}`,
+  hint: "Drag to move, or press the up or down arrow key.",
+  moved: (name, position, total) => `${name} moved to position ${position} of ${total}.`,
+  titleField: (position) => `Title of tab ${position}`,
+  editText: (title) => `Edit the text of ${title}`,
+  remove: (title) => `Remove ${title}`,
+  lastTab: "A doc keeps at least one tab.",
+  moveUp: (title) => `Move ${title} up`,
+  moveDown: (title) => `Move ${title} down`,
+  atTop: (title) => `${title} is first.`,
+  atBottom: (title) => `${title} is last.`,
+  newTitle: "New tab title",
+  add: "Add tab",
+  addNeedsTitle: "Give the new tab a title.",
+  untitled: "Untitled tab"
+};
+function DocTabsEditor({
+  label,
+  items,
+  selected,
+  onSelect,
+  onRename,
+  onReorder,
+  onRemove,
+  onAdd,
+  titleProblem,
+  addBlocked,
+  disabled = false,
+  labels: overrides,
+  className
+}) {
+  const labels = { ...DOC_TABS_EDITOR_LABELS, ...overrides };
+  const byKey = new Map(items.map((item) => [item.key, item]));
+  const nameOf = (key) => byKey.get(key)?.title.trim() || labels.untitled;
+  const reorder = useReorder({ keys: items.map((item) => item.key), onReorder, nameOf, labels });
+  const [title, setTitle] = useState("");
+  const id = useId();
+  const last = reorder.order.length - 1;
+  const add = () => {
+    if (title.trim() === "" || addBlocked || disabled) return;
+    onAdd(title.trim());
+    setTitle("");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-doc-tabs-editor", className), children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { id: reorder.hintId, children: reorder.hint }),
+    /* @__PURE__ */ jsx("ol", { className: "crewlet-doc-tabs-editor__list", "aria-label": label, ...reorder.containerProps, children: reorder.order.map((key, index) => {
+      const item = byKey.get(key);
+      if (!item) return null;
+      const name = nameOf(key);
+      const problem = titleProblem?.(item.title) ?? null;
+      const problemId = `${id}-${index}-problem`;
+      const open = key === selected;
+      const { "aria-label": handleName, ...handle } = reorder.handleProps(key);
+      return /* @__PURE__ */ jsxs("li", { className: cx("crewlet-doc-tabs-editor__item", open && "is-open"), ...reorder.itemProps(key), children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: "crewlet-doc-tabs-editor__handle",
+            label: handleName,
+            icon: /* @__PURE__ */ jsx(GripVerticalGlyph, { size: "md" }),
+            disabled,
+            ...handle
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "crewlet-doc-tabs-editor__field", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              inputSize: "sm",
+              value: item.title,
+              "aria-label": labels.titleField(index + 1),
+              error: problem !== null,
+              disabled,
+              ...problem !== null ? { "aria-describedby": problemId } : {},
+              onChange: (event) => onRename(key, event.target.value)
+            }
+          ),
+          problem !== null && /* @__PURE__ */ jsx("span", { id: problemId, className: "crewlet-doc-tabs-editor__problem", children: problem })
+        ] }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "sm",
+            variant: open ? "secondary" : "ghost",
+            pressed: open,
+            label: labels.editText(name),
+            icon: /* @__PURE__ */ jsx(PencilGlyph, { size: "sm" }),
+            disabled,
+            onClick: () => onSelect(key)
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "crewlet-doc-tabs-editor__moves", children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "sm",
+              variant: "ghost",
+              label: labels.moveUp(name),
+              icon: /* @__PURE__ */ jsx(ChevronUpGlyph, { size: "sm" }),
+              ...index === 0 ? { disabledReason: labels.atTop(name) } : {},
+              disabled,
+              onClick: () => reorder.move(key, -1)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "sm",
+              variant: "ghost",
+              label: labels.moveDown(name),
+              icon: /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "sm" }),
+              ...index === last ? { disabledReason: labels.atBottom(name) } : {},
+              disabled,
+              onClick: () => reorder.move(key, 1)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "sm",
+            variant: "ghost",
+            label: labels.remove(name),
+            icon: /* @__PURE__ */ jsx(TrashGlyph, { size: "sm" }),
+            ...items.length <= 1 ? { disabledReason: labels.lastTab } : {},
+            disabled,
+            onClick: () => onRemove(key)
+          }
+        )
+      ] }, key);
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "crewlet-doc-tabs-editor__add", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          inputSize: "sm",
+          value: title,
+          "aria-label": labels.newTitle,
+          placeholder: labels.newTitle,
+          disabled,
+          onChange: (event) => setTitle(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key !== "Enter") return;
+            event.preventDefault();
+            add();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "secondary",
+          leadingIcon: /* @__PURE__ */ jsx(PlusGlyph, { size: "sm" }),
+          disabled,
+          disabledReason: addBlocked ?? (title.trim() === "" ? labels.addNeedsTitle : void 0),
+          onClick: add,
+          children: labels.add
+        }
+      )
+    ] })
+  ] });
+}
+
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor };

package/dist/chunk-V2Z24W2Z.js

@@ -0,0 +1,75 @@
+import { ArtifactKindGlyph } from './chunk-6J35F334.js';
+import { ShieldGlyph, ActivityGlyph, GaugeGlyph, PackageGlyph, FolderGlyph, ClockGlyph, DatabaseGlyph, Settings2Glyph, BookOpenGlyph, FlagGlyph, StarGlyph, WandSparklesGlyph, BugGlyph, TargetGlyph, ImageGlyph, CodeGlyph, CoinsGlyph, UserGlyph, UsersGlyph, ChartNoAxesGanttGlyph, SquareKanbanGlyph, ListChecksGlyph, ListGlyph, GlobeGlyph, CompassGlyph, FileTextGlyph, TableGlyph, CalendarGlyph, LayoutDashboardGlyph, ChartPieGlyph, ChartColumnGlyph } from '@crewlethq/icons/glyphs';
+import { jsx } from 'react/jsx-runtime';
+
+var WORDS = {
+  chart: ChartColumnGlyph,
+  graph: ChartColumnGlyph,
+  metrics: ChartColumnGlyph,
+  analytics: ChartColumnGlyph,
+  pie: ChartPieGlyph,
+  dashboard: LayoutDashboardGlyph,
+  calendar: CalendarGlyph,
+  schedule: CalendarGlyph,
+  table: TableGlyph,
+  sheet: TableGlyph,
+  spreadsheet: TableGlyph,
+  doc: FileTextGlyph,
+  document: FileTextGlyph,
+  notes: FileTextGlyph,
+  report: FileTextGlyph,
+  memo: FileTextGlyph,
+  map: CompassGlyph,
+  compass: CompassGlyph,
+  globe: GlobeGlyph,
+  web: GlobeGlyph,
+  list: ListGlyph,
+  checklist: ListChecksGlyph,
+  tasks: ListChecksGlyph,
+  todo: ListChecksGlyph,
+  board: SquareKanbanGlyph,
+  kanban: SquareKanbanGlyph,
+  plan: ChartNoAxesGanttGlyph,
+  roadmap: ChartNoAxesGanttGlyph,
+  timeline: ChartNoAxesGanttGlyph,
+  people: UsersGlyph,
+  team: UsersGlyph,
+  person: UserGlyph,
+  profile: UserGlyph,
+  money: CoinsGlyph,
+  budget: CoinsGlyph,
+  finance: CoinsGlyph,
+  cost: CoinsGlyph,
+  code: CodeGlyph,
+  image: ImageGlyph,
+  goal: TargetGlyph,
+  target: TargetGlyph,
+  bug: BugGlyph,
+  idea: WandSparklesGlyph,
+  star: StarGlyph,
+  flag: FlagGlyph,
+  book: BookOpenGlyph,
+  guide: BookOpenGlyph,
+  settings: Settings2Glyph,
+  database: DatabaseGlyph,
+  data: DatabaseGlyph,
+  clock: ClockGlyph,
+  time: ClockGlyph,
+  folder: FolderGlyph,
+  package: PackageGlyph,
+  health: GaugeGlyph,
+  gauge: GaugeGlyph,
+  activity: ActivityGlyph,
+  security: ShieldGlyph
+};
+var ARTIFACT_ICON_WORDS = Object.freeze(Object.keys(WORDS).sort());
+function artifactIconGlyph(word) {
+  const key = word?.trim().toLowerCase() ?? "";
+  return Object.hasOwn(WORDS, key) ? WORDS[key] : null;
+}
+function ArtifactIcon({ icon, kind, size = "md" }) {
+  const Drawn = artifactIconGlyph(icon);
+  return Drawn ? /* @__PURE__ */ jsx(Drawn, { size }) : /* @__PURE__ */ jsx(ArtifactKindGlyph, { kind, size });
+}
+
+export { ARTIFACT_ICON_WORDS, ArtifactIcon, artifactIconGlyph };

package/dist/{chunk-I7WXZOWA.js → chunk-VGE3G3T4.js}

@@ -1,6 +1,6 @@
 import { Link } from './chunk-FBSEJO2C.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ObjectHeader-UNVYM2KD.css';
+import './ObjectHeader-D7GU7QNI.css';
 import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -67,6 +67,7 @@ function ObjectHeader({
   title,
   status,
   facts,
+  description,
   actions,
   size = "page",
   className
@@ -83,6 +84,7 @@ function ObjectHeader({
       status ? /* @__PURE__ */ jsx("div", { className: "crewlet-object-header__status", children: status }) : null,
       actions ? /* @__PURE__ */ jsx("div", { className: "crewlet-object-header__actions", children: actions }) : null
     ] }),
+    description ? /* @__PURE__ */ jsx("p", { className: "crewlet-object-header__description", children: description }) : null,
     facts ? /* @__PURE__ */ jsx(FactLine, { facts }) : null
   ] });
 }

package/dist/{chunk-UNZ7TVV5.js → chunk-W4XYY73O.js}

@@ -3,9 +3,9 @@ import { PrincipalAvatar } from './chunk-4KP4RC3O.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './VersionTimeline-EBJ6MIPJ.css';
+import './VersionTimeline-6KRXEEOO.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LABELS = {
   list: "Versions",
@@ -19,8 +19,8 @@ var LABELS = {
   compareWith: (version) => `Compare with version ${version}`,
   restoreAction: "Restore",
   restoreVersion: (version) => `Restore version ${version}`,
-  labelAction: "Name",
-  labelVersion: (version) => `Name version ${version}`,
+  labelAction: "Label",
+  labelVersion: (version) => `Label version ${version}`,
   retention: (oldestKept) => oldestKept > 2 ? `Versions 1 to ${oldestKept - 1} are past the retention window and are no longer kept.` : "Version 1 is past the retention window and is no longer kept."
 };
 var GLYPHS = {
@@ -73,7 +73,7 @@ function VersionTimeline({
                     item.version === newest ? /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__latest", children: text.latest }) : null,
                     item.label ? /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__label", children: item.label }) : null
                   ] }),
-                  /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__summary", children: item.summary ?? what })
+                  item.summary ? /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__summary", children: item.summary }) : null
                 ]
               }
             ),
@@ -82,10 +82,8 @@ function VersionTimeline({
               /* @__PURE__ */ jsx("span", { children: item.author.name }),
               /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
               /* @__PURE__ */ jsx(RelativeTime, { value: item.at, now }),
-              item.summary ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx("span", { children: what })
-              ] }) : null
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__kind", children: what })
             ] }),
             item.source ? /* @__PURE__ */ jsx("span", { className: "crewlet-version-timeline__source", children: item.source }) : null,
             onCompare || onRestore || onLabel ? /* @__PURE__ */ jsxs("span", { className: "crewlet-version-timeline__actions", children: [

package/dist/{chunk-IPM2E6UI.js → chunk-WJDQ7XQA.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-7QL2OFP6.js';
+import { SegmentedControl } from './chunk-RCQXUT5K.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-PPAQFGS2.js → chunk-YEKYVJQR.js}

@@ -1,4 +1,4 @@
-import { changeText, sheetLabels } from './chunk-YYZRLLLY.js';
+import { changeText, sheetLabels } from './chunk-NHBP2XS5.js';
 import { Tooltip } from './chunk-QWOPX2MN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeMark-3VMTW7MT.css';