@crewlethq/ui 0.27.1 → 0.29.0

package/dist/chunk-QMBP23BL.js

@@ -0,0 +1,347 @@
+import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
+import { Tooltip } from './chunk-QWOPX2MN.js';
+import { SegmentedControl } from './chunk-RCQXUT5K.js';
+import { ArtifactIcon } from './chunk-4JUKWWUD.js';
+import { Menu } from './chunk-2HIOJ4YZ.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 './ArtifactBar-IBWB5POL.css';
+import { useId, useState, useRef, useEffect } from 'react';
+import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ARTIFACT_BAR_LABELS = {
+  more: (title) => `More for \u201C${title}\u201D`,
+  renameHint: "Rename",
+  titleField: "Title",
+  emptyTitle: "A title cannot be empty."
+};
+function ArtifactBar({
+  title,
+  kind,
+  icon,
+  kindLabel,
+  back,
+  start,
+  onRename,
+  renaming,
+  onRenamingChange,
+  version,
+  modes,
+  presence,
+  kindTools = [],
+  tools = [],
+  menu = [],
+  as = "header",
+  headingLevel = 1,
+  pending = false,
+  labels,
+  className
+}) {
+  const words = { ...ARTIFACT_BAR_LABELS, ...labels };
+  const headingId = useId();
+  const Root = as;
+  const apple = isApplePlatform();
+  const folding = [...kindTools, ...tools].filter((t) => !t.labelled);
+  const pinned = [...kindTools, ...tools].filter((t) => t.labelled);
+  const folded = [
+    ...modes ? modes.options.map(
+      (option) => ({
+        key: `mode:${option.value}`,
+        label: option.label,
+        icon: option.icon,
+        checked: option.value === modes.value,
+        onSelect: () => modes.onValueChange(option.value)
+      })
+    ) : [],
+    ...modes && folding.length > 0 ? [{ kind: "separator", key: "sep:modes" }] : [],
+    ...folding.map(
+      (tool) => ({
+        key: `tool:${tool.key}`,
+        label: tool.label,
+        icon: tool.icon,
+        onSelect: tool.onSelect,
+        ...tool.disabledReason !== void 0 ? { disabled: true, description: tool.disabledReason } : {},
+        ...tool.keys ? { hint: /* @__PURE__ */ jsx(Kbd, { keys: tool.keys, subtle: true, apple }) } : {}
+      })
+    )
+  ];
+  const narrowMenu = [
+    ...folded,
+    ...folded.length > 0 && menu.length > 0 ? [{ kind: "separator", key: "sep:menu" }] : [],
+    ...menu
+  ];
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      className: cx("crewlet-artifact-bar", presence ? "crewlet-artifact-bar--present" : null, className),
+      "aria-labelledby": pending ? void 0 : headingId,
+      children: /* @__PURE__ */ jsxs("div", { className: cx("crewlet-artifact-bar__row", modes && "crewlet-artifact-bar__row--centred"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "crewlet-artifact-bar__lead", children: [
+          start,
+          back ? /* @__PURE__ */ jsx(Tooltip, { content: back.label, placement: "bottom", children: /* @__PURE__ */ jsx(IconButton, { asChild: true, label: back.label, size: "sm", variant: "ghost", title: "", children: /* @__PURE__ */ jsx("a", { href: back.href, children: /* @__PURE__ */ jsx(ChevronLeftGlyph, { size: "sm" }) }) }) }) : null,
+          /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__glyph", role: "img", "aria-label": kindLabel, title: kindLabel, children: /* @__PURE__ */ jsx(ArtifactIcon, { icon: icon ?? void 0, kind, size: "sm" }) }),
+          pending ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__placeholder", "aria-hidden": true }) : /* @__PURE__ */ jsx(
+            BarTitle,
+            {
+              title,
+              id: headingId,
+              level: headingLevel,
+              onRename,
+              renaming,
+              onRenamingChange,
+              words
+            }
+          ),
+          version ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__version", children: version }) : null
+        ] }),
+        modes ? /* @__PURE__ */ jsx("div", { className: "crewlet-artifact-bar__modes crewlet-artifact-bar__wide", children: /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            label: modes.label,
+            semantics: "radio",
+            size: "sm",
+            options: modes.options.map((o) => ({ value: o.value, label: o.label, ...o.icon ? { icon: o.icon } : {} })),
+            value: modes.value,
+            onValueChange: modes.onValueChange
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "crewlet-artifact-bar__end", children: [
+          presence ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__presence", children: presence }) : null,
+          kindTools.some((t) => !t.labelled) ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__tools crewlet-artifact-bar__wide", children: kindTools.filter((t) => !t.labelled).map((tool) => /* @__PURE__ */ jsx(ToolButton, { tool, apple }, tool.key)) }) : null,
+          tools.some((t) => !t.labelled) ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-bar__tools crewlet-artifact-bar__wide", children: [
+            kindTools.some((t) => !t.labelled) ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__rule", "aria-hidden": true }) : null,
+            tools.filter((t) => !t.labelled).map((tool) => /* @__PURE__ */ jsx(ToolButton, { tool, apple }, tool.key))
+          ] }) : null,
+          pinned.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__tools", children: pinned.map((tool) => /* @__PURE__ */ jsx(LabelledTool, { tool, apple }, tool.key)) }) : null,
+          menu.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__wide", children: /* @__PURE__ */ jsx(Menu, { label: words.more(title), icon: /* @__PURE__ */ jsx(EllipsisGlyph, { size: "sm" }), triggerVariant: "ghost", align: "end", items: menu }) }) : null,
+          narrowMenu.length > 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__narrow", children: /* @__PURE__ */ jsx(
+            Menu,
+            {
+              label: words.more(title),
+              icon: /* @__PURE__ */ jsx(EllipsisGlyph, { size: "sm" }),
+              triggerVariant: "ghost",
+              align: "end",
+              items: narrowMenu
+            }
+          ) }) : null
+        ] })
+      ] })
+    }
+  );
+}
+function ariaKeys(keys, apple) {
+  return keys.map((key) => {
+    if (key === "Mod") return apple ? "Meta" : "Control";
+    return key.length === 1 ? key.toUpperCase() : key;
+  }).join("+");
+}
+function Tip({ tool, apple }) {
+  return /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-bar__tip", children: [
+    tool.label,
+    tool.keys ? /* @__PURE__ */ jsx(Kbd, { keys: tool.keys, subtle: true, apple }) : null
+  ] });
+}
+function ToolButton({ tool, apple }) {
+  return /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-bar__tool", children: [
+    /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Tip, { tool, apple }), placement: "bottom", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        label: tool.label,
+        icon: tool.icon,
+        size: "sm",
+        variant: "ghost",
+        title: "",
+        pressed: tool.pressed,
+        disabledReason: tool.disabledReason,
+        "aria-keyshortcuts": tool.keys ? ariaKeys(tool.keys, apple) : void 0,
+        onClick: tool.onSelect
+      }
+    ) }),
+    tool.badge !== void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__badge", "aria-hidden": true, children: tool.badge }) : null
+  ] });
+}
+function LabelledTool({ tool, apple }) {
+  const shortcut = tool.keys ? ariaKeys(tool.keys, apple) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__roomy", children: /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Tip, { tool, apple }), placement: "bottom", disabled: !tool.keys, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "secondary",
+        leadingIcon: tool.icon,
+        pressed: tool.pressed,
+        disabledReason: tool.disabledReason,
+        "aria-keyshortcuts": shortcut,
+        onClick: tool.onSelect,
+        children: tool.label
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__tight", children: /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Tip, { tool, apple }), placement: "bottom", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        label: tool.label,
+        icon: tool.icon,
+        size: "sm",
+        variant: "ghost",
+        title: "",
+        pressed: tool.pressed,
+        disabledReason: tool.disabledReason,
+        "aria-keyshortcuts": shortcut,
+        onClick: tool.onSelect
+      }
+    ) }) })
+  ] });
+}
+function BarTitle({
+  title,
+  id,
+  level,
+  onRename,
+  renaming,
+  onRenamingChange,
+  words
+}) {
+  const Heading = `h${level}`;
+  const hintId = useId();
+  const errorId = useId();
+  const [own, setOwn] = useState(false);
+  const editing = (renaming ?? own) && onRename !== void 0;
+  const setEditing = (on) => {
+    if (renaming === void 0) setOwn(on);
+    onRenamingChange?.(on);
+  };
+  const [draft, setDraft] = useState(title);
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const field = useRef(null);
+  const button = useRef(null);
+  const settled = useRef(false);
+  useEffect(() => {
+    if (!editing) return;
+    settled.current = false;
+    setDraft(title);
+    setError(null);
+    const el = field.current;
+    el?.focus();
+    el?.select();
+  }, [editing]);
+  if (onRename === void 0) {
+    return /* @__PURE__ */ jsx(Heading, { id, className: "crewlet-artifact-bar__title", title, children: title });
+  }
+  const finish = (refocus) => {
+    settled.current = true;
+    setEditing(false);
+    setError(null);
+    if (refocus) requestAnimationFrame(() => button.current?.focus());
+  };
+  const commit = async (refocus) => {
+    if (settled.current || busy) return;
+    const next = draft.trim();
+    if (next === title) {
+      finish(refocus);
+      return;
+    }
+    if (next === "") {
+      setError(words.emptyTitle);
+      return;
+    }
+    setBusy(true);
+    try {
+      const answer = await onRename(next);
+      if (typeof answer === "string" && answer !== "") {
+        setError(answer);
+        field.current?.focus();
+        return;
+      }
+      finish(refocus);
+    } finally {
+      setBusy(false);
+    }
+  };
+  const onKeyDown = (event) => {
+    if (event.nativeEvent.isComposing) return;
+    if (event.key === "Enter") {
+      event.preventDefault();
+      void commit(true);
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      finish(true);
+    }
+  };
+  if (editing) {
+    return /* @__PURE__ */ jsxs(Heading, { id, className: "crewlet-artifact-bar__title crewlet-artifact-bar__title--editing", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__sizer", "data-value": draft || " ", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: field,
+          className: "crewlet-artifact-bar__field",
+          "aria-label": words.titleField,
+          "aria-invalid": error ? true : void 0,
+          "aria-describedby": error ? errorId : void 0,
+          "aria-busy": busy || void 0,
+          readOnly: busy,
+          value: draft,
+          size: 1,
+          onChange: (event) => {
+            setDraft(event.target.value);
+            if (error) setError(null);
+          },
+          onKeyDown,
+          onBlur: () => void commit(false)
+        }
+      ) }),
+      error ? /* @__PURE__ */ jsx("span", { id: errorId, role: "alert", className: "crewlet-artifact-bar__error", children: error }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Heading, { id, className: "crewlet-artifact-bar__title", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: button,
+        type: "button",
+        className: "crewlet-artifact-bar__rename",
+        title,
+        "aria-describedby": hintId,
+        onClick: () => setEditing(true),
+        children: title
+      }
+    ) }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { id: hintId, children: words.renameHint })
+  ] });
+}
+function ArtifactVersionChip({
+  version,
+  latest,
+  items,
+  label = "Versions",
+  format = (v, l) => v === l ? `v${v}` : `v${v} of ${l}`
+}) {
+  const older = version !== latest;
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      label,
+      items,
+      align: "start",
+      renderTrigger: (props) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ...props,
+          type: "button",
+          className: cx("crewlet-version-chip", older && "crewlet-version-chip--older"),
+          "aria-label": `${label}: ${format(version, latest)}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "crewlet-version-chip__words", children: format(version, latest) }),
+            /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "xs" })
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip };

package/dist/{chunk-G2AVKPSL.js → chunk-RIAZM6L3.js}

@@ -1,4 +1,4 @@
-import { DisclosureAnatomy } from './chunk-ENJUPIND.js';
+import { DisclosureAnatomy } from './chunk-FZVJDJFN.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Disclosure-VKBJJIZ7.css';

package/dist/{chunk-OJRDEVHV.js → chunk-RODMM35O.js}

@@ -1,14 +1,14 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
-import { DataTable } from './chunk-SVW3VG72.js';
-import { DateTimePicker } from './chunk-WG5WUFBX.js';
+import { DateTimePicker } from './chunk-Y5NQ2LMS.js';
+import { DataTable } from './chunk-EBJREOKS.js';
 import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
-import { Kbd } from './chunk-SMBKXWML.js';
+import { Popover } from './chunk-BWRGFKJP.js';
 import { Input } from './chunk-6QFAK2WV.js';
+import { Kbd } from './chunk-SMBKXWML.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { Popover } from './chunk-BWRGFKJP.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-UFKUWVMV.js';
+import { Menu } from './chunk-2HIOJ4YZ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-RSC7UJCR.js → chunk-S6VG5ZFZ.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-KZOGQXSP.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-OJ45PPCV.js';
 import { focusables } from './chunk-R25RGPUB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-L2XYONWL.css';

package/dist/{chunk-PRNX5AFE.js → chunk-TGYDROIB.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-SGIQCI6Y.js';
+import { HuePicker } from './chunk-LIXSV5YI.js';
 import { Popover } from './chunk-BWRGFKJP.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-HVIX5ECM.js';

package/dist/{chunk-G3EEUNZQ.js → chunk-UB7TJEKZ.js}

@@ -1,5 +1,5 @@
 import { EmptyState } from './chunk-RA2ULG6H.js';
-import { Card } from './chunk-YZCJ63JF.js';
+import { Card } from './chunk-ACA27MZH.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AccessDeniedCard-WXM5DBDZ.css';
 import { ShieldGlyph, LockGlyph, EyeOffGlyph } from '@crewlethq/icons/glyphs';

package/dist/chunk-UQHKFF2N.js

@@ -0,0 +1,106 @@
+import { PRESENCE_LABELS, presenceOrder, collapseSessions } from './chunk-Z7JYG5TF.js';
+import { Avatar } from './chunk-5OM447RW.js';
+import { headingTag, useHeadingLevel } from './chunk-PQADV6P6.js';
+import { Button } from './chunk-OG6CL3EB.js';
+import { IconButton } from './chunk-4FQT6ZAY.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './PeopleRail-SZGHZXVT.css';
+import { useId } from 'react';
+import { isCrewletCharacter } from '@crewlethq/icons/characters';
+import { XGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PEOPLE_RAIL_LABELS = {
+  title: "People here",
+  close: "Close people",
+  you: "You",
+  nobody: "Nobody else is here right now.",
+  follow: "Follow",
+  following: "Following",
+  followName: (name) => `Follow ${name}`,
+  stopFollowingName: (name) => `Stop following ${name}`,
+  activity: PRESENCE_LABELS.activity
+};
+function peopleRailKey(member) {
+  return member.seat ?? member.id;
+}
+function PeopleRail({
+  members,
+  self,
+  following,
+  onFollow,
+  onClose,
+  actions,
+  labels: overrides,
+  variant = "card",
+  className
+}) {
+  const labels = overrides ? { ...PEOPLE_RAIL_LABELS, ...overrides } : PEOPLE_RAIL_LABELS;
+  const headingID = useId();
+  const Heading = headingTag(useHeadingLevel());
+  const others = presenceOrder(collapseSessions(members));
+  const plain = variant === "plain";
+  const Root = plain ? "div" : "aside";
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      className: cx("crewlet-people-rail", plain && "crewlet-people-rail--plain", className),
+      "aria-labelledby": plain ? void 0 : headingID,
+      children: [
+        plain ? null : /* @__PURE__ */ jsxs("div", { className: "crewlet-people-rail__head", children: [
+          /* @__PURE__ */ jsx(Heading, { className: "crewlet-people-rail__title", id: headingID, children: labels.title }),
+          onClose && /* @__PURE__ */ jsx(IconButton, { size: "sm", variant: "ghost", label: labels.close, icon: /* @__PURE__ */ jsx(XGlyph, { size: "sm" }), onClick: onClose })
+        ] }),
+        /* @__PURE__ */ jsxs("ul", { role: "list", className: "crewlet-people-rail__list", children: [
+          self && /* @__PURE__ */ jsxs("li", { className: "crewlet-people-rail__person", children: [
+            /* @__PURE__ */ jsx(PresenceBadge, { member: self }),
+            /* @__PURE__ */ jsx("span", { className: "crewlet-people-rail__text", children: /* @__PURE__ */ jsx("span", { className: "crewlet-people-rail__name", children: labels.you }) })
+          ] }),
+          others.map((member) => {
+            const key = peopleRailKey(member);
+            const followed = following !== void 0 && following === key;
+            const extra = actions?.(member);
+            return /* @__PURE__ */ jsxs("li", { className: "crewlet-people-rail__person", children: [
+              /* @__PURE__ */ jsx(PresenceBadge, { member }),
+              /* @__PURE__ */ jsxs("span", { className: "crewlet-people-rail__text", children: [
+                /* @__PURE__ */ jsx("span", { className: "crewlet-people-rail__name", children: member.name }),
+                /* @__PURE__ */ jsx("span", { className: "crewlet-people-rail__where", children: member.location ?? labels.activity(member.activity, member.kind) })
+              ] }),
+              extra !== void 0 && extra !== null || onFollow ? /* @__PURE__ */ jsxs("span", { className: "crewlet-people-rail__actions", children: [
+                extra,
+                onFollow && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "small",
+                    variant: followed ? "primary" : "secondary",
+                    pressed: followed,
+                    "aria-label": followed ? labels.stopFollowingName(member.name) : labels.followName(member.name),
+                    onClick: () => onFollow(followed ? null : member),
+                    children: followed ? labels.following : labels.follow
+                  }
+                )
+              ] }) : null
+            ] }, key);
+          })
+        ] }),
+        others.length === 0 && /* @__PURE__ */ jsx("p", { className: "crewlet-people-rail__note", children: labels.nobody })
+      ]
+    }
+  );
+}
+function PresenceBadge({ member }) {
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      name: member.name,
+      kind: member.kind,
+      src: member.src,
+      character: member.character !== void 0 && isCrewletCharacter(member.character) ? member.character : void 0,
+      hue: member.kind === "agent" ? member.hue : void 0,
+      size: "sm",
+      decorative: true
+    }
+  );
+}
+
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey };

package/dist/{chunk-WHZFDS62.js → chunk-VDPJGP4Q.js}

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

package/dist/{chunk-GTLJXJ3U.js → chunk-VVRL27HM.js}

@@ -1,7 +1,7 @@
-import { Modal } from './chunk-F4DPAJCN.js';
+import { Modal } from './chunk-I3KKZ2O3.js';
 import { useListbox, useHighlightRest } from './chunk-F73MC7EZ.js';
-import { Kbd } from './chunk-SMBKXWML.js';
 import { Input } from './chunk-6QFAK2WV.js';
+import { Kbd } from './chunk-SMBKXWML.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { isComposing } from './chunk-R25RGPUB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-MQEEQVG6.js → chunk-XALUCIG5.js}

@@ -1,5 +1,5 @@
 import { Document } from './chunk-WI6K5M5X.js';
-import { ArtifactKindGlyph } from './chunk-6J35F334.js';
+import { ArtifactKindGlyph } from './chunk-GOSQXEZU.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';
 import './DashboardCover-RMINBODB.css';

package/dist/{chunk-ZZDY4XL7.js → chunk-ZB5O3ELS.js}

@@ -2,7 +2,7 @@ import { Tag } from './chunk-GFV4LJHH.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DatasetSource-47LBDMPR.css';
+import './DatasetSource-XFPZBRXL.css';
 import { useId, Children, isValidElement } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -66,18 +66,18 @@ function DatasetSource({
       rows !== void 0 && !blocked && status !== "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
         " ",
         /* @__PURE__ */ jsx("span", { className: "crewlet-dataset-source__rows", children: text.rows(rows) })
-      ] }) : null,
-      refresh ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        " ",
-        /* @__PURE__ */ jsxs("span", { className: "crewlet-dataset-source__refresh", children: [
-          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-            text.refresh,
-            " "
-          ] }),
-          refresh
-        ] })
       ] }) : null
-    ] })
+    ] }),
+    refresh ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-dataset-source__refresh", children: [
+        /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+          text.refresh,
+          " "
+        ] }),
+        refresh
+      ] })
+    ] }) : null
   ] });
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/{chunk-L2OQRPXJ.js → chunk-ZR5VN5IV.js}

@@ -1,4 +1,4 @@
-import { ConfirmModal } from './chunk-F4DPAJCN.js';
+import { ConfirmModal } from './chunk-I3KKZ2O3.js';
 import { InlineCode } from './chunk-5CLW2CXT.js';
 import { Callout } from './chunk-SVSCLHHI.js';
 import './LinkInterstitial-ET4MSVSV.css';

package/dist/generated/index.d.ts

@@ -5,11 +5,14 @@ export * from '../Announcer/index.js';
 export * from '../AppShell/index.js';
 export * from '../ArrangeBoard/index.js';
 export * from '../ArrangeFrame/index.js';
+export * from '../ArrangeGrid/index.js';
 export * from '../ArrangeGroup/index.js';
 export * from '../ArrangeList/index.js';
+export * from '../ArtifactBar/index.js';
 export * from '../ArtifactCard/index.js';
 export * from '../ArtifactCover/index.js';
 export * from '../ArtifactIcon/index.js';
+export * from '../ArtifactPanel/index.js';
 export * from '../AuthLayout/index.js';
 export * from '../Avatar/index.js';
 export * from '../AvatarPicker/index.js';