@crewlethq/ui 0.18.0 → 0.19.0

package/dist/chunk-XJ2QEBMM.js

@@ -0,0 +1,277 @@
+import { announce } from './chunk-RSAQOKH3.js';
+import { useId, useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
+
+var DEFAULT_REORDER_LABELS = {
+  handle: (name) => `Move ${name}`,
+  hint: "Drag to move, or press the arrow keys.",
+  moved: (name, position, total) => `${name} moved to position ${position} of ${total}.`
+};
+function moveKey(keys, key, to) {
+  const next = keys.filter((k) => k !== key);
+  next.splice(Math.max(0, Math.min(to, next.length)), 0, key);
+  return next;
+}
+function listOf(lists, key) {
+  for (const [id, keys] of Object.entries(lists)) if (keys.includes(key)) return id;
+  return null;
+}
+function place(lists, key, list, index) {
+  const next = {};
+  for (const [id, keys] of Object.entries(lists)) next[id] = keys.filter((k) => k !== key);
+  const target = next[list] ?? [];
+  target.splice(Math.max(0, Math.min(index, target.length)), 0, key);
+  next[list] = target;
+  return next;
+}
+var SETTLE_MS = 200;
+var settleMs = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? 20 : SETTLE_MS;
+var now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+function byRows(node, axis) {
+  if (axis === "vertical") return true;
+  const row = node.parentElement?.getBoundingClientRect();
+  return row !== void 0 && node.getBoundingClientRect().width > row.width * 0.75;
+}
+var lineOf = (node, axis) => byRows(node, axis) ? "horizontal" : "vertical";
+function inEarlierHalf(node, axis, x, y) {
+  const r = node.getBoundingClientRect();
+  return byRows(node, axis) ? y < r.top + r.height / 2 : x < r.left + r.width / 2;
+}
+function lastOf(keys, except) {
+  const rest = (keys ?? []).filter((k) => k !== except);
+  return rest[rest.length - 1];
+}
+var sameLists = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+var PREVIOUS = {
+  vertical: ["ArrowUp"],
+  grid: ["ArrowUp", "ArrowLeft"]
+};
+var NEXT = {
+  vertical: ["ArrowDown"],
+  grid: ["ArrowDown", "ArrowRight"]
+};
+function useReorderLists({
+  lists,
+  onReorder,
+  nameOf,
+  accepts,
+  axis = "vertical",
+  labels: labelOverrides
+}) {
+  const labels = { ...DEFAULT_REORDER_LABELS, ...labelOverrides };
+  const hintId = `${useId()}-reorder-hint`;
+  const [dragging, setDragging] = useState(null);
+  const [preview, setPreview] = useState(null);
+  const [target, setTarget] = useState(
+    null
+  );
+  const shown = preview ?? lists;
+  const nodes = useRef(/* @__PURE__ */ new Map());
+  const before = useRef(/* @__PURE__ */ new Map());
+  const measure = useCallback(() => {
+    before.current = /* @__PURE__ */ new Map();
+    for (const [key, node] of nodes.current) {
+      for (const a of node.getAnimations?.() ?? []) a.finish();
+      before.current.set(key, node.getBoundingClientRect());
+    }
+  }, []);
+  const shape = JSON.stringify(shown);
+  useLayoutEffect(() => {
+    const last = before.current;
+    before.current = /* @__PURE__ */ new Map();
+    if (last.size === 0) return;
+    if (typeof window === "undefined" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+    for (const [key, node] of nodes.current) {
+      const was = last.get(key);
+      if (!was) continue;
+      const now2 = node.getBoundingClientRect();
+      const dx = was.left - now2.left;
+      const dy = was.top - now2.top;
+      if (dx === 0 && dy === 0) continue;
+      node.animate?.([{ transform: `translate(${dx}px, ${dy}px)` }, { transform: "translate(0, 0)" }], {
+        duration: 180,
+        easing: "cubic-bezier(0.2, 0, 0, 1)"
+      });
+    }
+  }, [shape]);
+  const said = useRef(labels.moved);
+  said.current = labels.moved;
+  const commit = useCallback(
+    (next, moved) => {
+      onReorder(next);
+      const list = listOf(next, moved);
+      const keys = list ? next[list] ?? [] : [];
+      announce(said.current(nameOf(moved), keys.indexOf(moved) + 1, keys.length));
+    },
+    [onReorder, nameOf]
+  );
+  const move = useCallback(
+    (key, by) => {
+      const list = listOf(lists, key);
+      if (list === null) return;
+      const keys = lists[list] ?? [];
+      const at = keys.indexOf(key);
+      const to = Math.max(0, Math.min(keys.length - 1, at + by));
+      if (to === at) return;
+      measure();
+      commit(place(lists, key, list, to), key);
+    },
+    [lists, measure, commit]
+  );
+  const moveTo = useCallback(
+    (key, list) => {
+      if (listOf(lists, key) === list) return;
+      if (accepts && !accepts(key, list)) return;
+      measure();
+      commit(place(lists, key, list, (lists[list] ?? []).length), key);
+    },
+    [lists, accepts, measure, commit]
+  );
+  const settled = useRef(0);
+  const insertionPoint = (list, moved, x, y) => {
+    let last;
+    for (const k of preview?.[list] ?? []) {
+      if (k === moved) continue;
+      const node = nodes.current.get(k);
+      if (!node) continue;
+      last = node;
+      const r = node.getBoundingClientRect();
+      if (y < r.top || y <= r.bottom && inEarlierHalf(node, axis, x, y)) {
+        return { list, before: k, line: lineOf(node, axis) };
+      }
+    }
+    return { list, before: null, line: last ? lineOf(last, axis) : "vertical" };
+  };
+  const aim = (list, moved, x, y) => {
+    const next = insertionPoint(list, moved, x, y);
+    if (target?.list !== next.list || target.before !== next.before || target.line !== next.line) setTarget(next);
+  };
+  const reset = () => {
+    setDragging(null);
+    setPreview(null);
+    setTarget(null);
+    settled.current = 0;
+  };
+  const drop = (event) => {
+    if (dragging === null || !preview) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const moved = dragging;
+    let next = preview;
+    if (target) {
+      const keys = (preview[target.list] ?? []).filter((k) => k !== moved);
+      const at = target.before === null ? keys.length : keys.indexOf(target.before);
+      next = place(preview, moved, target.list, at < 0 ? keys.length : at);
+    }
+    reset();
+    if (!sameLists(next, lists)) {
+      measure();
+      commit(next, moved);
+    }
+  };
+  const handleProps = (key) => ({
+    draggable: true,
+    "aria-label": labels.handle(nameOf(key)),
+    "aria-describedby": hintId,
+    onDragStart: (event) => {
+      event.stopPropagation();
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", nameOf(key));
+      const node = nodes.current.get(key);
+      if (node) event.dataTransfer.setDragImage(node, 24, 16);
+      setDragging(key);
+      setPreview(Object.fromEntries(Object.entries(lists).map(([id, keys]) => [id, [...keys]])));
+    },
+    // Whatever ended the drag, the preview goes: a drop has already committed.
+    onDragEnd: reset,
+    onKeyDown: (event) => {
+      if (event.altKey || event.ctrlKey || event.metaKey) return;
+      const by = PREVIOUS[axis].includes(event.key) ? -1 : NEXT[axis].includes(event.key) ? 1 : 0;
+      if (by === 0) return;
+      event.preventDefault();
+      event.stopPropagation();
+      move(key, by);
+    }
+  });
+  const markerOf = (key) => {
+    if (!target) return {};
+    const edge = target.before === key ? "before" : target.before === null && lastOf(preview?.[target.list], dragging) === key ? "after" : void 0;
+    return edge ? { "data-reorder-target": edge, "data-reorder-line": target.line } : {};
+  };
+  const itemProps = (key) => ({
+    ref: (node) => {
+      if (node) nodes.current.set(key, node);
+      else nodes.current.delete(key);
+    },
+    "data-reorder": dragging === key ? "dragging" : "idle",
+    ...markerOf(key),
+    onDragOver: (event) => {
+      if (dragging === null || !preview) return;
+      const list = listOf(preview, key);
+      if (list === null) return;
+      if (accepts && !accepts(dragging, list)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      event.dataTransfer.dropEffect = "move";
+      if (key === dragging) return;
+      if (listOf(preview, dragging) !== list) {
+        aim(list, dragging, event.clientX, event.clientY);
+        return;
+      }
+      if (target) setTarget(null);
+      if (now() < settled.current) return;
+      const keys = preview[list] ?? [];
+      const from = keys.indexOf(dragging);
+      const to = keys.indexOf(key);
+      if (from === to) return;
+      const early = inEarlierHalf(event.currentTarget, axis, event.clientX, event.clientY);
+      if (from < to && early) return;
+      if (from > to && !early) return;
+      measure();
+      setPreview(place(preview, dragging, list, to));
+      settled.current = now() + settleMs();
+    },
+    onDrop: drop
+  });
+  const listProps = (list) => ({
+    // Lit only when the item would move INTO this list: reordering within a
+    // list is already shown by the items moving.
+    "data-reorder-over": dragging !== null && target?.list === list ? "true" : void 0,
+    onDragOver: (event) => {
+      if (dragging === null || !preview) return;
+      if (accepts && !accepts(dragging, list)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (listOf(preview, dragging) === list) {
+        if (target) setTarget(null);
+        return;
+      }
+      aim(list, dragging, event.clientX, event.clientY);
+    },
+    onDrop: drop
+  });
+  return { lists: shown, dragging, handleProps, itemProps, listProps, move, moveTo, hintId, hint: labels.hint };
+}
+var ONLY = "list";
+function useReorder({
+  keys,
+  onReorder,
+  nameOf,
+  axis,
+  labels
+}) {
+  const lists = useMemo(() => ({ [ONLY]: keys }), [keys]);
+  const report = useCallback((next) => onReorder(next[ONLY] ?? []), [onReorder]);
+  const r = useReorderLists({ lists, onReorder: report, nameOf, axis, labels });
+  return {
+    order: r.lists[ONLY] ?? [],
+    dragging: r.dragging,
+    handleProps: r.handleProps,
+    itemProps: r.itemProps,
+    containerProps: r.listProps(ONLY),
+    move: r.move,
+    hintId: r.hintId,
+    hint: r.hint
+  };
+}
+
+export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists };

package/dist/{chunk-PA4CYTBY.js → chunk-XU4ZUGLE.js}

@@ -11,16 +11,31 @@ var optionsFor = (disabled) => NODE_HUES.map((hue) => ({
 }));
 var ENABLED = optionsFor(false);
 var DISABLED = optionsFor(true);
-function HuePicker({ label, value, onValueChange, size, disabled = false, className }) {
+function HuePicker(props) {
+  const { label, size, disabled = false, className } = props;
+  const hues = disabled ? DISABLED : ENABLED;
+  const options = props.none === void 0 ? hues : [
+    {
+      value: "none",
+      label: props.none,
+      icon: /* @__PURE__ */ jsx("span", { className: "crewlet-hue-picker__swatch crewlet-hue-picker__swatch--none" }),
+      disabled
+    },
+    ...hues
+  ];
   return /* @__PURE__ */ jsx(
     SegmentedControl,
     {
       semantics: "radio",
       layout: "chips",
       label,
-      options: disabled ? DISABLED : ENABLED,
-      value,
-      onValueChange,
+      options,
+      value: props.value,
+      onValueChange: (next) => {
+        if (props.none === void 0) {
+          if (next !== "none") props.onValueChange(next);
+        } else props.onValueChange(next);
+      },
       size,
       className: cx("crewlet-hue-picker", className)
     }

package/dist/{chunk-T3ZWBZ65.js → chunk-YSJYWQSP.js}

@@ -1,8 +1,8 @@
 import { Kbd } from './chunk-SMBKXWML.js';
-import { FormField, Textarea, Input } from './chunk-4GB57WIT.js';
+import { FormField, Textarea, Input } from './chunk-Q55TXPA3.js';
+import { isComposing } from './chunk-R25RGPUB.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
-import { isComposing } from './chunk-R25RGPUB.js';
 import './ListInput-O7LJKOIG.css';
 import { useState, useRef, useLayoutEffect } from 'react';
 import { ArrowUpGlyph, ArrowDownGlyph, XGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-CXBAIVYZ.js → chunk-YSY6UJ4F.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { FormField, Input } from './chunk-4GB57WIT.js';
+import { FormField, Input } from './chunk-Q55TXPA3.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-EG6NYWVK.js → chunk-YZCJ63JF.js}

@@ -101,7 +101,7 @@ var CardRoot = ({
     },
     flush
   );
-  const content = flush ? withBodies(slots.nodes, contentPadding) : children;
+  const content = flush ? withBodies(slots.nodes, contentPadding) : inner;
   const [chromeNode, setChromeNode] = useState(null);
   const chromeHolder = useRef(null);
   const hostChrome = useCallback((node) => setChromeNode(node), []);

package/dist/generated/index.d.ts

@@ -3,6 +3,10 @@ export * from '../Accordion/index.js';
 export * from '../AddPill/index.js';
 export * from '../Announcer/index.js';
 export * from '../AppShell/index.js';
+export * from '../ArrangeBoard/index.js';
+export * from '../ArrangeFrame/index.js';
+export * from '../ArrangeGroup/index.js';
+export * from '../ArrangeList/index.js';
 export * from '../ArtifactCard/index.js';
 export * from '../AuthLayout/index.js';
 export * from '../Avatar/index.js';
@@ -35,6 +39,7 @@ export * from '../DateTimePicker/index.js';
 export * from '../DescriptionList/index.js';
 export * from '../DiffList/index.js';
 export * from '../Disclosure/index.js';
+export * from '../Divider/index.js';
 export * from '../Document/index.js';
 export * from '../DownloadButton/index.js';
 export * from '../EmptyState/index.js';
@@ -50,6 +55,7 @@ export * from '../Fullscreen/index.js';
 export * from '../Highlight/index.js';
 export * from '../HuePicker/index.js';
 export * from '../IconButton/index.js';
+export * from '../IconTile/index.js';
 export * from '../ImageUpload/index.js';
 export * from '../InboxList/index.js';
 export * from '../InlineCode/index.js';
@@ -69,12 +75,14 @@ export * from '../Menu/index.js';
 export * from '../Meter/index.js';
 export * from '../Modal/index.js';
 export * from '../NewItemsNotice/index.js';
+export * from '../Note/index.js';
 export * from '../ObjectHeader/index.js';
 export * from '../OrgLabel/index.js';
 export * from '../OrgNode/index.js';
 export * from '../OrgTable/index.js';
 export * from '../Outline/index.js';
 export * from '../PageHeader/index.js';
+export * from '../PinTile/index.js';
 export * from '../Popover/index.js';
 export * from '../PresenceModel/index.js';
 export * from '../PresenceRing/index.js';
@@ -86,6 +94,7 @@ export * from '../Prose/index.js';
 export * from '../QrCode/index.js';
 export * from '../ReadingPane/index.js';
 export * from '../RelativeTime/index.js';
+export * from '../Reorder/index.js';
 export * from '../SandboxedFrame/index.js';
 export * from '../SearchTrigger/index.js';
 export * from '../Section/index.js';

package/dist/generated/index.js

@@ -1,147 +1,156 @@
-import '../chunk-ESKP3TXM.js';
+import '../chunk-4Z7PW3L6.js';
 import '../chunk-U5LQ2AS5.js';
-export { TreeCanvas } from '../chunk-2OLCUNG7.js';
+export { TreeCanvas } from '../chunk-TBIZSQHB.js';
 export { VersionTimeline } from '../chunk-WXAULPBH.js';
+export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
+export { TagsInput } from '../chunk-7ZNKEPLN.js';
 export { Text } from '../chunk-IKBK4A5O.js';
 export { ThemeGallery } from '../chunk-KLIEPFEZ.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-2ONWEDQT.js';
 export { ThemeToggle } from '../chunk-NP2C4Y4E.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-ERV5BUS3.js';
-export { Timeline, TimelineItem } from '../chunk-AUQPBL4O.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-EIGEIT4O.js';
 export { ToastProvider, Toaster, useToast } from '../chunk-QH3AKP2N.js';
 export { Stepper } from '../chunk-5QWIJSQM.js';
-export { Switch } from '../chunk-A722MUNR.js';
-export { Switcher } from '../chunk-NZY77ZDU.js';
+export { Switcher } from '../chunk-7FQEUNHX.js';
 export { Table } from '../chunk-V2N3BMOT.js';
 export { TagGroup } from '../chunk-E6UWRXNM.js';
-export { TagsInput } from '../chunk-AQCV62K6.js';
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-FYXRWBJJ.js';
+export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-PUQY4WXR.js';
 export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
 export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
 export { StatCard } from '../chunk-IKB6HFGK.js';
-export { StatGroup } from '../chunk-QVAFL2LE.js';
+export { StatGroup } from '../chunk-JXRI5YD2.js';
 export { FRAME_HELLO_TIMEOUT_MS, SandboxedFrame } from '../chunk-VYDFB6PJ.js';
 export { Skeleton } from '../chunk-W5J7R5EB.js';
 export { SearchTrigger } from '../chunk-6DRDCT22.js';
 export { Section } from '../chunk-A2UXBCLO.js';
-export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-2YR5ZPQ3.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-HTCJSUIZ.js';
 export { Select } from '../chunk-FC4YTTFJ.js';
 export { PresenceStack } from '../chunk-YM3GJHGW.js';
 export { PricingCard } from '../chunk-DQSXWQMJ.js';
 export { Tag } from '../chunk-GFV4LJHH.js';
 export { StatusDot } from '../chunk-WIATRXEJ.js';
-export { PrincipalPicker } from '../chunk-3UAA4IWJ.js';
+export { PrincipalPicker } from '../chunk-JEDWC3GI.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { ReadingPane, ReadingPaneByline, ReadingPaneLead, ReadingPaneOutcome, ReadingPaneQuote, ReadingPaneReasoning, ReadingPaneSection, ReadingPaneTitle } from '../chunk-ZAJHGDAW.js';
-export { FactLine, ObjectHeader, SetByLine } from '../chunk-I7WXZOWA.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-TBMDMXEX.js';
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-L4ZLXYPO.js';
-export { TreeGrid } from '../chunk-B2Z2CDM5.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-6A7P6II6.js';
+export { TreeGrid } from '../chunk-T5TFZ2JB.js';
 export { SIZE_EPSILON, TYPE_AHEAD_RESET_MS, createTreeModel, isTypeAheadKey, layoutConnectors, layoutForest, placeGroups, treeAllExpandable, treeAncestors, treeCollapseOrAscend, treeExpandOrDescend, treeExpandTo, treeExpandable, treeFirst, treeFirstChild, treeItemAction, treeLast, treeLevel, treeNext, treeParent, treePosInSet, treePrevious, treeSetSize, treeStep, treeTypeAhead, treeVisible, typeAheadBuffer, useLayoutAnchor, useMeasuredSizes, useTreeState } from '../chunk-MY374UUD.js';
 export { OrgLabel } from '../chunk-AKEZ3G5V.js';
 export { Outline, scrollToHeading, useActiveHeading } from '../chunk-A5YKNRG6.js';
+export { PinTile } from '../chunk-6MIXD6IW.js';
 import '../chunk-CENOOTAV.js';
-export { ListInput } from '../chunk-T3ZWBZ65.js';
 export { LIVE_CURSOR_HIDE_MS, LIVE_CURSOR_REST_MS, LiveCursor } from '../chunk-5XACKNYR.js';
 export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-QQGWES46.js';
 import '../chunk-VYY56AMX.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
+export { Note } from '../chunk-63WJLRB2.js';
+export { FactLine, ObjectHeader, SetByLine } from '../chunk-I7WXZOWA.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-ZAC7SKUN.js';
-export { LinkInterstitial, openExternal } from '../chunk-A7EBCHEG.js';
 export { Link } from '../chunk-FBSEJO2C.js';
+export { LinkInterstitial, openExternal } from '../chunk-RT323I4I.js';
 export { List, ListItem } from '../chunk-DS2C73RJ.js';
-export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
-export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
-export { useFullscreen } from '../chunk-XDTYBF2F.js';
-export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
-import '../chunk-EXHQ2QVW.js';
+export { ListInput } from '../chunk-YSJYWQSP.js';
+import '../chunk-FFMCMSJB.js';
+export { IconTile } from '../chunk-IXJHTFXG.js';
 export { ImageUpload } from '../chunk-YDBC4DNW.js';
 export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-XYCADWZN.js';
-export { EntityChip } from '../chunk-4KWOKX2B.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FactList } from '../chunk-JI5AVQLA.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
 export { FollowBanner } from '../chunk-FW7HN6AP.js';
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-KVT3TJVG.js';
-export { PageHeader } from '../chunk-HOXGBLEY.js';
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-76FXDZAZ.js';
-export { Menu } from '../chunk-NS7BVLL3.js';
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-5NVKTB6E.js';
-export { DescriptionList, DescriptionListItem } from '../chunk-F2XSYBKH.js';
+export { DEFAULT_FRAME_THEME, EXTERNAL_URL_MAX, FRAME_BRIDGE, FRAME_MESSAGE, FRAME_ORIGIN_MODES, FRAME_SANDBOX_TOKENS, applyFrameTheme, checkFrameSandbox, externalUrl, frameFragment, frameOriginMatches, frameThemeMessage, httpOrigin, isFocusExit, isFrameNonce, negotiateBridge, parseFrameFragment, portTargetOrigin, readFrameHello, readFramePortMessage, readFrameTheme, readOpenLink } from '../chunk-F6V2PTN6.js';
+export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
+export { useFullscreen } from '../chunk-XDTYBF2F.js';
+export { Highlight, highlightRanges, highlightTerms } from '../chunk-H6VKCIWV.js';
 export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-S4RCG44T.js';
+export { Divider } from '../chunk-6KWNXIDE.js';
 export { Document, DocumentTitle } from '../chunk-WI6K5M5X.js';
 export { DownloadButton } from '../chunk-BJCFNRGH.js';
 export { downloadText, safeFilename, useDownload } from '../chunk-F6NZOVWL.js';
-export { Combobox } from '../chunk-ZFH7H7GS.js';
-export { CommandPalette } from '../chunk-IFKBDRNJ.js';
-export { ConfirmModal, Modal } from '../chunk-2TZATTIU.js';
-export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-6NIMZ5XC.js';
-export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
-export { ConfirmField, confirmMatches } from '../chunk-CXBAIVYZ.js';
-export { InlineCode } from '../chunk-5CLW2CXT.js';
+export { EntityChip } from '../chunk-4KWOKX2B.js';
 export { Container } from '../chunk-QVE4GJAT.js';
 export { CursorFlag } from '../chunk-3BYIWOTV.js';
 export { PresenceRing, presenceHueClass } from '../chunk-I6POAB4V.js';
-export { Breadcrumb } from '../chunk-VWNC2L6W.js';
-export { KeyChip } from '../chunk-FYTIJM2T.js';
-export { ChangeMark } from '../chunk-PPAQFGS2.js';
-export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-YYZRLLLY.js';
-export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-S35G6PNC.js';
-export { Tooltip } from '../chunk-QWOPX2MN.js';
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
-import '../chunk-3L5NHASN.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OIMAK5AE.js';
+export { PageHeader } from '../chunk-HOXGBLEY.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AJESMWJS.js';
+export { Menu } from '../chunk-JULMZNGT.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4H7SSWF.js';
+export { DescriptionList, DescriptionListItem } from '../chunk-F2XSYBKH.js';
 export { ChoiceButtons } from '../chunk-YSJC7AZC.js';
 export { ChoiceList } from '../chunk-QBXZLGK2.js';
-export { Checkbox, CheckboxGroup } from '../chunk-75CLJNDQ.js';
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-4GB57WIT.js';
 export { CodeBlock } from '../chunk-GDDE4UM7.js';
 export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
-export { AvatarPicker } from '../chunk-BOW2VUCH.js';
-export { HuePicker } from '../chunk-PA4CYTBY.js';
-export { SegmentedControl } from '../chunk-26PEPONN.js';
-export { TabPanel, Tabs, tabId } from '../chunk-4LDTQWS7.js';
-export { Popover } from '../chunk-BWRGFKJP.js';
-export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
-export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-5PSXBL73.js';
-import '../chunk-CBOICT64.js';
+export { Combobox } from '../chunk-LOLELDBW.js';
+export { CommandPalette } from '../chunk-UXELEORU.js';
+export { ConfirmModal, Modal } from '../chunk-7IJARUIF.js';
+export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-VJLYGPPE.js';
+export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
+export { ConfirmField, confirmMatches } from '../chunk-YSY6UJ4F.js';
+export { InlineCode } from '../chunk-5CLW2CXT.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-SVSCLHHI.js';
-export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-AMH67MLM.js';
+export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TXAFKH2A.js';
 import '../chunk-VYOKRN2I.js';
 export { Button, ButtonLink } from '../chunk-OG6CL3EB.js';
-export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-LFZ45HV2.js';
-export { EmptyState } from '../chunk-RA2ULG6H.js';
-export { Accordion, AccordionItem } from '../chunk-G2AVKPSL.js';
-export { DisclosureAnatomy } from '../chunk-ENJUPIND.js';
-export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
-export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-OYOQU7O5.js';
-import '../chunk-IG75YMUN.js';
-export { IconButton } from '../chunk-4FQT6ZAY.js';
-export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-HMPFGIWM.js';
-export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
-export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-4U3GQ7D2.js';
+export { ChangeMark } from '../chunk-PPAQFGS2.js';
+export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-YYZRLLLY.js';
+export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-S35G6PNC.js';
+export { Tooltip } from '../chunk-QWOPX2MN.js';
+import '../chunk-3L5NHASN.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-MLT2HBPN.js';
+export { ArrangeGroup } from '../chunk-35XVR5JQ.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-AIVZVKYZ.js';
+export { Switch } from '../chunk-A722MUNR.js';
+export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-XJ2QEBMM.js';
+export { Checkbox, CheckboxGroup } from '../chunk-I6NZKJGK.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-Q55TXPA3.js';
+export { ARTIFACT_KINDS, ArtifactCard, ArtifactKindGlyph } from '../chunk-TODND5AD.js';
 export { PRINCIPAL_KINDS, PrincipalAvatar } from '../chunk-4KP4RC3O.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
 export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
+export { AuthLayout } from '../chunk-WHZFDS62.js';
 export { AvatarStack, avatarStackLabel } from '../chunk-UAN5NE7M.js';
+export { AvatarPicker } from '../chunk-T7ICFXEC.js';
+export { HuePicker } from '../chunk-XU4ZUGLE.js';
+export { SegmentedControl } from '../chunk-26PEPONN.js';
+export { TabPanel, Tabs, tabId } from '../chunk-4LDTQWS7.js';
+export { Popover } from '../chunk-BWRGFKJP.js';
+export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
+export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-5PSXBL73.js';
+import '../chunk-CBOICT64.js';
 export { AVATAR_CHARACTER_FULL_DETAIL, AVATAR_CORNER_RATIO, AVATAR_SIZES, AVATAR_STATUSES, AVATAR_STATUS_LABELS, Avatar, avatarCorner, avatarInitialsName, avatarPixels, avatarTint, getInitials } from '../chunk-5OM447RW.js';
-export { AuthLayout } from '../chunk-7QFAORCY.js';
 export { BrandLockup } from '../chunk-7KBNFFM3.js';
-export { Card } from '../chunk-EG6NYWVK.js';
+export { Breadcrumb } from '../chunk-VWNC2L6W.js';
+export { KeyChip } from '../chunk-FYTIJM2T.js';
+export { ACCESS_DENIED_REASONS, AccessDeniedCard } from '../chunk-G3EEUNZQ.js';
+export { EmptyState } from '../chunk-RA2ULG6H.js';
+export { Card } from '../chunk-YZCJ63JF.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
+export { Accordion, AccordionItem } from '../chunk-G2AVKPSL.js';
+export { DisclosureAnatomy } from '../chunk-ENJUPIND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { Count } from '../chunk-BHHIIK3M.js';
+export { ADD_PILL_MS, AddPill } from '../chunk-TROLVEZY.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-EDGCPVVD.js';
+import '../chunk-IG75YMUN.js';
+export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-HMPFGIWM.js';
+export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
+export { ArrangeBoard } from '../chunk-QO7QEQKV.js';
+export { ArrangeFrame, useGridResize } from '../chunk-DEJHAOC5.js';
+export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
+export { IconButton } from '../chunk-4FQT6ZAY.js';
 export { VisuallyHidden } from '../chunk-BZFWDIV6.js';
 export { cx } from '../chunk-ODEQTPFM.js';