@contentful/experience-design-system-cli 2.27.2-dev-build-240d86b.0 → 2.27.2-dev-build-d9f331e.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.27.2-dev-build-240d86b.0",
+  "version": "2.27.2-dev-build-d9f331e.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/index.js

@@ -16207,25 +16207,103 @@ var init_path_prompt = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/runs/picker-labels.ts
+function pathSegments(projectPath) {
+  const normalised = projectPath.replace(/\\/g, "/");
+  return normalised.split("/").filter((s) => s.length > 0);
+}
+function disambiguateLabels(runs) {
+  const entries = runs.map((r) => ({
+    id: r.id,
+    segments: pathSegments(r.projectPath),
+    level: 1
+  }));
+  const labelAt = (e) => {
+    if (e.segments.length === 0) return e.id;
+    const take = Math.min(e.level, e.segments.length);
+    return e.segments.slice(-take).join("/");
+  };
+  let stable = false;
+  while (!stable) {
+    stable = true;
+    const groups = /* @__PURE__ */ new Map();
+    for (const e of entries) {
+      const key = labelAt(e);
+      const arr = groups.get(key);
+      if (arr) arr.push(e);
+      else groups.set(key, [e]);
+    }
+    for (const group of groups.values()) {
+      if (group.length < 2) continue;
+      const anyExpandable = group.some((e) => e.level < e.segments.length);
+      if (!anyExpandable) continue;
+      for (const e of group) {
+        if (e.level < e.segments.length) e.level += 1;
+      }
+      stable = false;
+    }
+  }
+  const result = /* @__PURE__ */ new Map();
+  const orderedGroups = [];
+  const byLabel = /* @__PURE__ */ new Map();
+  for (const e of entries) {
+    const key = labelAt(e);
+    const existing = byLabel.get(key);
+    if (existing) {
+      existing.push(e);
+    } else {
+      const fresh = [e];
+      byLabel.set(key, fresh);
+      orderedGroups.push(fresh);
+    }
+  }
+  for (const group of orderedGroups) {
+    if (group.length === 1) {
+      const only = group[0];
+      result.set(only.id, labelAt(only));
+    } else {
+      group.forEach((e, i) => {
+        result.set(e.id, `${labelAt(e)} (#${i + 1})`);
+      });
+    }
+  }
+  return result;
+}
+function pad22(n) {
+  return String(n).padStart(2, "0");
+}
+function formatRelativeTime(iso, now = /* @__PURE__ */ new Date()) {
+  const then = new Date(iso);
+  if (Number.isNaN(then.getTime())) return iso;
+  const diffMs = now.getTime() - then.getTime();
+  const diffSec = Math.floor(diffMs / 1e3);
+  if (diffSec < 60) return "just now";
+  const diffMin = Math.floor(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.floor(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.floor(diffHr / 24);
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return `${then.getFullYear()}-${pad22(then.getMonth() + 1)}-${pad22(then.getDate())} ${pad22(then.getHours())}:${pad22(then.getMinutes())}`;
+}
+var init_picker_labels = __esm({
+  "packages/experience-design-system-cli/src/runs/picker-labels.ts"() {
+    "use strict";
+  }
+});
+
 // packages/experience-design-system-cli/src/runs/run-picker.tsx
-import { useState as useState10 } from "react";
+import { useMemo as useMemo2, useState as useState10 } from "react";
 import { Box as Box20, Text as Text20 } from "ink";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
-function formatCreatedAt(iso) {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return iso;
-  const yyyy = d.getFullYear();
-  const mm = String(d.getMonth() + 1).padStart(2, "0");
-  const dd = String(d.getDate()).padStart(2, "0");
-  const hh = String(d.getHours()).padStart(2, "0");
-  const mi = String(d.getMinutes()).padStart(2, "0");
-  return `${yyyy}-${mm}-${dd} ${hh}:${mi}`;
-}
-function runLine(run) {
-  const date = formatCreatedAt(run.createdAt);
-  const pushedTag = run.pushedTo ? "pushed" : "not pushed";
+function pushStatus(run) {
+  if (!run.pushedTo) return "not pushed";
+  return `\u2192 ${run.pushedTo.spaceId}/${run.pushedTo.environmentId}`;
+}
+function runLine(run, label) {
+  const when = formatRelativeTime(run.createdAt);
   const count = `${run.componentCount} component${run.componentCount === 1 ? "" : "s"}`;
-  return `${run.id} - ${date} - ${run.projectPath} (${count}, ${pushedTag})`;
+  return `${label}  ${when}  ${count}  ${pushStatus(run)}`;
 }
 function ActionScreen({
   runId,
@@ -16293,6 +16371,12 @@ function RunPicker({ runs, staleRunIds, onSelect, onCancel }) {
   const [actionRunId, setActionRunId] = useState10(null);
   const rows = buildRows(runs, expanded);
   const clampedFocus = Math.min(focusIdx, rows.length - 1);
+  const visibleRunLabels = useMemo2(() => {
+    const visibleRuns = rows.filter((r) => r.kind === "run").map((r) => ({ id: r.run.id, projectPath: r.run.projectPath }));
+    return disambiguateLabels(visibleRuns);
+  }, [rows]);
+  const focusedRow = rows[clampedFocus];
+  const focusedRunId = focusedRow?.kind === "run" ? focusedRow.run.id : null;
   const selectRow = (row) => {
     if (row.kind === "show-all") {
       setExpanded(true);
@@ -16355,9 +16439,10 @@ function RunPicker({ runs, staleRunIds, onSelect, onCancel }) {
       const cursor = focused ? ">" : " ";
       if (row.kind === "run") {
         const isStale = staleRunIds?.has(row.run.id) ?? false;
+        const label = visibleRunLabels.get(row.run.id) ?? row.run.projectPath;
         return /* @__PURE__ */ jsxs20(Box20, { gap: 1, children: [
           /* @__PURE__ */ jsx20(Text20, { color, children: cursor }),
-          /* @__PURE__ */ jsx20(Text20, { color, children: runLine(row.run) }),
+          /* @__PURE__ */ jsx20(Text20, { color, children: runLine(row.run, label) }),
           isStale ? /* @__PURE__ */ jsx20(Text20, { dimColor: true, children: " (stale)" }) : null
         ] }, `run-${row.run.id}`);
       }
@@ -16376,6 +16461,10 @@ function RunPicker({ runs, staleRunIds, onSelect, onCancel }) {
         /* @__PURE__ */ jsx20(Text20, { color, children: "[n] Start a new run" })
       ] }, "new");
     }) }),
+    focusedRunId ? /* @__PURE__ */ jsx20(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs20(Text20, { dimColor: true, children: [
+      "ID: ",
+      focusedRunId
+    ] }) }) : null,
     /* @__PURE__ */ jsxs20(Box20, { gap: 3, marginTop: 1, children: [
       /* @__PURE__ */ jsx20(Text20, { dimColor: true, children: "[j/k] Navigate" }),
       /* @__PURE__ */ jsx20(Text20, { dimColor: true, children: "[Enter] Select" }),
@@ -16389,6 +16478,7 @@ var init_run_picker = __esm({
   "packages/experience-design-system-cli/src/runs/run-picker.tsx"() {
     "use strict";
     init_useImmediateInput();
+    init_picker_labels();
     COLLAPSED_LIMIT = 10;
     COLLAPSE_THRESHOLD = 12;
     ACTION_OPTIONS = [
@@ -17327,7 +17417,7 @@ var init_preview_diff = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/steps/WizardPreviewStep.tsx
-import { useState as useState16, useMemo as useMemo2 } from "react";
+import { useState as useState16, useMemo as useMemo3 } from "react";
 import { Box as Box28, Text as Text28, useStdout as useStdout3 } from "ink";
 import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 function buildPreviewDiffLines(preview) {
@@ -17433,7 +17523,7 @@ function WizardPreviewStep({
   const { stdout } = useStdout3();
   const terminalRows = stdout?.rows ?? 40;
   const viewportHeight = Math.max(terminalRows - 14, 10);
-  const allDiffLines = useMemo2(() => {
+  const allDiffLines = useMemo3(() => {
     if (!diffExpanded) return [];
     return buildPreviewDiffLines(preview).map((line) => ({
       key: line.key,
@@ -19179,12 +19269,12 @@ var init_lineage = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/hooks/useLineage.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 function useLineage(focusedKey, graph) {
-  const graphKey = useMemo3(() => JSON.stringify(graph), [graph]);
-  const stableGraph = useMemo3(() => graph, [graphKey]);
-  const closures = useMemo3(() => computeAllClosures(stableGraph), [stableGraph]);
-  const entries = useMemo3(() => {
+  const graphKey = useMemo4(() => JSON.stringify(graph), [graph]);
+  const stableGraph = useMemo4(() => graph, [graphKey]);
+  const closures = useMemo4(() => computeAllClosures(stableGraph), [stableGraph]);
+  const entries = useMemo4(() => {
     if (!focusedKey) return [];
     const name = focusedKey;
     const tree = buildAncestorTree(name, stableGraph);
@@ -19218,7 +19308,7 @@ function useLineage(focusedKey, graph) {
     }
     return out;
   }, [focusedKey, stableGraph, closures]);
-  const jumpables = useMemo3(
+  const jumpables = useMemo4(
     () => entries.map((entry, i) => ({ entry, i })).filter(({ entry }) => entry.kind === "ancestor" || entry.kind === "descendant"),
     [entries]
   );
@@ -19864,7 +19954,7 @@ var init_scope_gate_columns = __esm({
 
 // packages/experience-design-system-cli/src/import/tui/steps/ScopeGateStep.tsx
 import { Box as Box38, Text as Text40, useStdout as useStdout4 } from "ink";
-import React20, { useEffect as useEffect10, useMemo as useMemo4, useRef as useRef4, useState as useState21 } from "react";
+import React20, { useEffect as useEffect10, useMemo as useMemo5, useRef as useRef4, useState as useState21 } from "react";
 import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs40 } from "react/jsx-runtime";
 function capReasonForFocusedRow(reason, width) {
   const safeWidth = Math.max(20, width);
@@ -19897,7 +19987,7 @@ function ScopeGateStep({
 }) {
   const { stdout } = useStdout4();
   const totalWidth = stdout?.columns ?? 80;
-  const columnPlan = useMemo4(() => computeColumnWidths(totalWidth), [totalWidth]);
+  const columnPlan = useMemo5(() => computeColumnWidths(totalWidth), [totalWidth]);
   const sidebarWidth = columnPlan.main;
   const [userDecisions, setUserDecisions] = useState21(/* @__PURE__ */ new Map());
   const [nav, setNav] = useState21({ cursor: 0, scrollOffset: 0 });
@@ -19932,7 +20022,7 @@ function ScopeGateStep({
       return next;
     });
   };
-  const groupedItems = useMemo4(
+  const groupedItems = useMemo5(
     () => components.map((c2) => ({
       key: c2.name,
       entry: toSidebarEntry(c2),
@@ -19940,21 +20030,21 @@ function ScopeGateStep({
     })),
     [components]
   );
-  const graph = useMemo4(() => buildComponentGraph(groupedItems), [groupedItems]);
-  const slotCycles = useMemo4(() => {
+  const graph = useMemo5(() => buildComponentGraph(groupedItems), [groupedItems]);
+  const slotCycles = useMemo5(() => {
     try {
       return findSlotCycles(graph);
     } catch {
       return [];
     }
   }, [graph]);
-  const cycleParticipants = useMemo4(() => {
+  const cycleParticipants = useMemo5(() => {
     const set = /* @__PURE__ */ new Set();
     for (const c2 of slotCycles) for (const n of c2.path) set.add(n);
     return set;
   }, [slotCycles]);
-  const cycleUnits = useMemo4(() => buildCycleUnits(slotCycles), [slotCycles]);
-  const cyclesJumpables = useMemo4(
+  const cycleUnits = useMemo5(() => buildCycleUnits(slotCycles), [slotCycles]);
+  const cyclesJumpables = useMemo5(
     () => slotCycles.map((c2, i) => ({
       cycleIndex: i,
       jumpTarget: c2.path[0]
@@ -19962,7 +20052,7 @@ function ScopeGateStep({
     [slotCycles]
   );
   const hasCycles = slotCycles.length > 0;
-  const closures = useMemo4(() => computeAllClosures(graph), [graph]);
+  const closures = useMemo5(() => computeAllClosures(graph), [graph]);
   const [expandedGroups, setExpandedGroups] = useState21(() => {
     const seed = new Set(closures.keys());
     for (const p of cycleParticipants) seed.add(p);
@@ -19977,7 +20067,7 @@ function ScopeGateStep({
     for (const p of cycleParticipants) seed.add(p);
     setExpandedGroups(seed);
   }, [closures, cycleParticipants]);
-  const hasGroupRoots = useMemo4(() => {
+  const hasGroupRoots = useMemo5(() => {
     if (cycleParticipants.size > 0) return true;
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
@@ -19990,12 +20080,12 @@ function ScopeGateStep({
       return next;
     });
   };
-  const brokenKeys = useMemo4(() => {
+  const brokenKeys = useMemo5(() => {
     const set = /* @__PURE__ */ new Set();
     for (const c2 of components) if (isAiFlagged(c2)) set.add(c2.name);
     return set;
   }, [components]);
-  const filterVisibleKeys = useMemo4(() => {
+  const filterVisibleKeys = useMemo5(() => {
     if (jumpFilterTarget) {
       return findAllAncestors2(jumpFilterTarget, graph);
     }
@@ -20011,7 +20101,7 @@ function ScopeGateStep({
     })();
     return intersectFilterKeys(categoryKeys, searchKeys);
   }, [jumpFilterTarget, activeFilters, cycleParticipants, brokenKeys, searchQuery, groupedItems, graph]);
-  const visibleRows = useMemo4(
+  const visibleRows = useMemo5(
     () => buildVisibleRows({
       items: groupedItems,
       cycleParticipants,
@@ -20028,19 +20118,19 @@ function ScopeGateStep({
   const currentRow = visibleRows[safeCursor];
   const currentRowKey = currentRow && currentRow.itemIdx >= 0 ? groupedItems[currentRow.itemIdx]?.key : void 0;
   const focusedComponent = currentRowKey ? components.find((c2) => c2.name === currentRowKey) : void 0;
-  const selectionStateByKey = useMemo4(() => {
+  const selectionStateByKey = useMemo5(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c2 of components) {
       map.set(c2.name, getState(c2.name));
     }
     return map;
   }, [components, userDecisions]);
-  const aiFlaggedByKey = useMemo4(() => {
+  const aiFlaggedByKey = useMemo5(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c2 of components) map.set(c2.name, isAiFlagged(c2));
     return map;
   }, [components]);
-  const dimPredicate = useMemo4(
+  const dimPredicate = useMemo5(
     () => buildFlatDimPredicate({
       viewMode: columnOneView,
       searchQuery,
@@ -20113,7 +20203,7 @@ function ScopeGateStep({
       return { cursor: nextCursor, scrollOffset: nextScroll };
     });
   }, [visibleRows]);
-  const searchMatches = useMemo4(() => {
+  const searchMatches = useMemo5(() => {
     if (!searchQuery) return [];
     return components.filter((c2) => fuzzyMatches(searchQuery, c2.name)).map((c2) => c2.name);
   }, [components, searchQuery]);
@@ -20509,13 +20599,13 @@ function ScopeGateStep({
       return;
     }
   });
-  const includedCount = useMemo4(() => components.filter((c2) => isIncluded(c2.name)).length, [components, userDecisions]);
+  const includedCount = useMemo5(() => components.filter((c2) => isIncluded(c2.name)).length, [components, userDecisions]);
   const hasAnyAi = components.some(isAiFlagged);
   const aiExcludedCount = components.filter(isAiFlagged).length;
   const aiExcludedWithReasons = components.filter(
     (c2) => isAiFlagged(c2) && c2.aiReason !== null && c2.aiReason !== void 0 && c2.aiReason !== ""
   );
-  const aiRows = useMemo4(
+  const aiRows = useMemo5(
     () => aiExcludedWithReasons.map((c2) => ({
       label: `${c2.name} \u2014 ${c2.aiReason}`,
       jumpTarget: c2.name
@@ -20526,15 +20616,15 @@ function ScopeGateStep({
   const nothingIncluded = components.length > 0 && components.every((c2) => !isIncluded(c2.name));
   const totalComponents = components.length;
   const totalMatches = searchQuery ? searchMatches.length : 0;
-  const addedComponents = useMemo4(
+  const addedComponents = useMemo5(
     () => buildAddedComponentsList(components, selectionStateByKey, cycleParticipants),
     [components, selectionStateByKey, cycleParticipants]
   );
-  const addedGroups = useMemo4(
+  const addedGroups = useMemo5(
     () => buildAddedGroupsList(closures, selectionStateByKey, cycleParticipants, cycleUnits),
     [closures, selectionStateByKey, cycleParticipants, cycleUnits]
   );
-  const counters = useMemo4(
+  const counters = useMemo5(
     () => computeCounters(components, closures, selectionStateByKey),
     [components, closures, selectionStateByKey]
   );
@@ -20995,7 +21085,7 @@ var init_ScopeGateStep = __esm({
 
 // packages/experience-design-system-cli/src/import/tui/steps/AtomicScopeGateStep.tsx
 import { Box as Box39, Text as Text41, useStdout as useStdout5 } from "ink";
-import React21, { useMemo as useMemo5, useState as useState22 } from "react";
+import React21, { useMemo as useMemo6, useState as useState22 } from "react";
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function truncateReason(reason) {
   if (reason === null || reason === void 0 || reason === "") return "<no reason given>";
@@ -21142,7 +21232,7 @@ function AtomicScopeGateStep({
     }
   });
   const total = flatList.length;
-  const includedCount = useMemo5(
+  const includedCount = useMemo6(
     () => flatList.filter((c2) => isIncluded(c2)).length,
     [components, userExcluded, userUnExcluded]
   );
@@ -23667,7 +23757,7 @@ var init_history = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/steps/GenerateReviewStep.tsx
-import { useEffect as useEffect13, useMemo as useMemo6, useRef as useRef7, useState as useState26 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef7, useState as useState26 } from "react";
 import { Box as Box44, Text as Text46, useStdout as useStdout6 } from "ink";
 import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs46 } from "react/jsx-runtime";
 function sortComponentsForSidebar2(components, cycleParticipants) {
@@ -23963,12 +24053,12 @@ function GenerateReviewStep({
     } catch {
     }
   };
-  const componentGraph = useMemo6(() => buildComponentGraph(components), [components]);
-  const sidebarGraph = useMemo6(
+  const componentGraph = useMemo7(() => buildComponentGraph(components), [components]);
+  const sidebarGraph = useMemo7(
     () => buildComponentGraph(components, { stripRejectedEdges: true }),
     [components]
   );
-  const closures = useMemo6(() => computeAllClosures(componentGraph), [componentGraph]);
+  const closures = useMemo7(() => computeAllClosures(componentGraph), [componentGraph]);
   useEffect13(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && slotCycles.length === 0) return;
@@ -23977,14 +24067,14 @@ function GenerateReviewStep({
     for (const cyc of slotCycles) for (const p of cyc.path) seed.add(p);
     setExpandedGroups(seed);
   }, [closures, slotCycles]);
-  const directIssues = useMemo6(() => {
+  const directIssues = useMemo7(() => {
     const m = /* @__PURE__ */ new Map();
     for (const c2 of components) {
       if (c2.status === "rejected") m.set(c2.key, "error");
     }
     return m;
   }, [components]);
-  const cycleView = useMemo6(() => computeCycleView(components), [components]);
+  const cycleView = useMemo7(() => computeCycleView(components), [components]);
   useEffect13(() => {
     const decision = computeAutoRejectDecision({
       loading,
@@ -24094,7 +24184,7 @@ function GenerateReviewStep({
       setLoadError(String(e));
     }
   };
-  const groupedItemsMemo = useMemo6(
+  const groupedItemsMemo = useMemo7(
     () => components.map((c2) => ({
       key: c2.key,
       entry: c2.entry,
@@ -24102,12 +24192,12 @@ function GenerateReviewStep({
     })),
     [components, directIssues]
   );
-  const brokenKeys = useMemo6(
+  const brokenKeys = useMemo7(
     () => new Set(breakingChanges.map((b) => b.componentName)),
     [breakingChanges]
   );
-  const breakingRows = useMemo6(() => buildBreakingRows(breakingChanges), [breakingChanges]);
-  const filterVisibleKeys = useMemo6(() => {
+  const breakingRows = useMemo7(() => buildBreakingRows(breakingChanges), [breakingChanges]);
+  const filterVisibleKeys = useMemo7(() => {
     if (jumpFilterTarget) {
       return findAllAncestors2(jumpFilterTarget, sidebarGraph);
     }
@@ -24123,7 +24213,7 @@ function GenerateReviewStep({
     })();
     return intersectFilterKeys(categoryKeys, searchKeys);
   }, [jumpFilterTarget, activeFilters, cycleView, brokenKeys, searchQuery, groupedItemsMemo, sidebarGraph]);
-  const visibleRowsMemo = useMemo6(
+  const visibleRowsMemo = useMemo7(
     () => buildVisibleRows({
       items: groupedItemsMemo,
       cycleParticipants: cycleView.structural,
@@ -24134,7 +24224,7 @@ function GenerateReviewStep({
     }),
     [groupedItemsMemo, cycleView, expandedGroups, columnOneView, sidebarGraph, filterVisibleKeys]
   );
-  const selectableRowPositions = useMemo6(() => {
+  const selectableRowPositions = useMemo7(() => {
     const out = [];
     for (let i = 0; i < visibleRowsMemo.length; i++) {
       if (visibleRowsMemo[i].itemIdx >= 0) out.push(i);
@@ -24191,7 +24281,7 @@ function GenerateReviewStep({
       db.close();
     }
   }, [selectedIdx, components, extractSessionId]);
-  const renderStatusByKey = useMemo6(() => {
+  const renderStatusByKey = useMemo7(() => {
     const merged = /* @__PURE__ */ new Map();
     for (const closure of closures.values()) {
       const per = computeRenderStatuses(closure, directIssues);
@@ -24204,7 +24294,7 @@ function GenerateReviewStep({
     }
     return merged;
   }, [closures, directIssues]);
-  const selectionStateByKey = useMemo6(() => {
+  const selectionStateByKey = useMemo7(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c2 of components) {
       if (c2.status === "accepted") map.set(c2.key, "accepted");
@@ -24213,7 +24303,7 @@ function GenerateReviewStep({
     }
     return map;
   }, [components]);
-  const searchMatches = useMemo6(() => {
+  const searchMatches = useMemo7(() => {
     if (!searchQuery) return [];
     const out = [];
     for (const pos of selectableRowPositions) {
@@ -24223,7 +24313,7 @@ function GenerateReviewStep({
     }
     return out;
   }, [searchQuery, selectableRowPositions, visibleRowsMemo, components]);
-  const searchMatchCount = useMemo6(() => {
+  const searchMatchCount = useMemo7(() => {
     if (searchMatches.length === 0) return 0;
     const seen = /* @__PURE__ */ new Set();
     for (const pos of searchMatches) {
@@ -24232,7 +24322,7 @@ function GenerateReviewStep({
     }
     return seen.size;
   }, [searchMatches, visibleRowsMemo]);
-  const dimPredicate = useMemo6(
+  const dimPredicate = useMemo7(
     () => buildFlatDimPredicate({
       viewMode: columnOneView,
       searchQuery,
@@ -24300,7 +24390,7 @@ function GenerateReviewStep({
     setDraftValue("");
     setSaveError(null);
   };
-  const breakEdges = useMemo6(() => {
+  const breakEdges = useMemo7(() => {
     const cycle = slotCycles[cyclesCursor];
     if (!cycle) return [];
     return enumerateCycleBreaks(cycle, components);

package/dist/src/runs/picker-labels.d.ts

@@ -0,0 +1,24 @@
+export type LabelInput = {
+    id: string;
+    projectPath: string;
+};
+/**
+ * Map each run to a display label. Labels start as the project path's leaf
+ * directory and expand one segment at a time (`<parent>/<leaf>`,
+ * `<gp>/<parent>/<leaf>`, …) until every label in the input set is unique.
+ * When two rows share the exact same absolute path, the collision is broken
+ * with numeric suffixes (`(#1)`, `(#2)`, …) in input order.
+ */
+export declare function disambiguateLabels(runs: readonly LabelInput[]): Map<string, string>;
+/**
+ * Format an ISO-8601 timestamp relative to `now`. Buckets:
+ *   < 60s      → "just now"
+ *   < 60 min   → "Nm ago"
+ *   < 24 h     → "Nh ago"
+ *   < 7 days   → "Nd ago"
+ *   otherwise  → "YYYY-MM-DD HH:MM" (local time)
+ *
+ * Future timestamps (created after `now`) also render as "just now" — they
+ * only occur with clock skew and the delta is not worth surfacing.
+ */
+export declare function formatRelativeTime(iso: string, now?: Date): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.27.2-dev-build-240d86b.0",
+  "version": "2.27.2-dev-build-d9f331e.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "svelte": "^5.56.4",
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
-    "@contentful/experience-design-system-types": "2.27.2-dev-build-240d86b.0"
+    "@contentful/experience-design-system-types": "2.27.2-dev-build-d9f331e.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
@@ -51,9 +51,9 @@
     "ink-testing-library": "^4.0.0",
     "typescript-eslint": "^8.67.0",
     "vitest": "^4.0.16",
-    "@contentful/experience-design-system-client": "2.27.2-dev-build-240d86b.0",
-    "@contentful/experience-design-system-generation": "2.27.2-dev-build-240d86b.0",
-    "@contentful/experience-design-system-extraction": "2.27.2-dev-build-240d86b.0"
+    "@contentful/experience-design-system-extraction": "2.27.2-dev-build-d9f331e.0",
+    "@contentful/experience-design-system-generation": "2.27.2-dev-build-d9f331e.0",
+    "@contentful/experience-design-system-client": "2.27.2-dev-build-d9f331e.0"
   },
   "repository": {
     "type": "git",