@elevasis/ui 2.69.0 → 2.71.0

package/dist/features/content/index.js

@@ -1,13 +1,10 @@
-import { RunResourceButton } from '../../chunk-YGCMMOY4.js';
-import '../../chunk-3MEXPLWT.js';
-import '../../chunk-HENXLGVD.js';
 import { PageContainer } from '../../chunk-BZZCNLT6.js';
 import '../../chunk-TUMSNGTX.js';
 import { FilterBar } from '../../chunk-PDHTXPSF.js';
-import { CustomModal, useOptionalElevasisSystems, getContentBuildTemplates, getContentStageCatalog, useContentItems, useContentDistributions, SubshellContentContainer, PageTitleCaption, CenteredErrorState, StatCard, usePaginationState, EmptyState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, useContentArtifacts, useContentDistribution, useUpdateContentDistribution, useContentPipelineSummary, useAccess, AccessKeys, compileContentPayloadValidator, useExecutions } from '../../chunk-WXHAHKKI.js';
-export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, ContentSidebarTop, MyReviewQueuePanel, contentManifest } from '../../chunk-WXHAHKKI.js';
-import '../../chunk-FLECOYUS.js';
-import '../../chunk-XQBURFKM.js';
+import { CustomModal, useContentItems, useContentDistributions, useContentConfig, SubshellContentContainer, PageTitleCaption, CenteredErrorState, EmptyState, StatCard, getContentItemIdentity, usePaginationState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, getOpenContentReviewGates, useContentDistribution, useUpdateContentDistribution, useContentPipelineSummary, deriveContentBoard, useExecutions } from '../../chunk-UZ7MSORW.js';
+export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, DEFAULT_CONTENT_VOCABULARY, MyReviewQueuePanel, contentManifest, deriveContentBoard, getContentItemIdentity, resolveContentStepResource, resolveContentVocabulary, useContentConfig } from '../../chunk-UZ7MSORW.js';
+import '../../chunk-R6NMRXNO.js';
+import '../../chunk-RBGVNPA6.js';
 import '../../chunk-MKH2KOAO.js';
 import '../../chunk-VDX6DL7Z.js';
 import '../../chunk-L7BZZ4SI.js';
@@ -23,7 +20,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import { getSystem } from '../../chunk-NM4A63KJ.js';
+import { formatTimeAgo, formatRelativeTime } from '../../chunk-NM4A63KJ.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';
@@ -32,10 +29,10 @@ import '../../chunk-TVTSASST.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
 import '../../chunk-I2KLQ2HA.js';
-import { Stack, Group, Text, Badge, Button, Textarea, Box, Loader, Accordion, Card, Alert, List, Paper, Center, SimpleGrid, Table, TextInput, Select, Pagination, Title, Tabs, Anchor, Divider, Progress, Checkbox, TagsInput, Image, Tooltip, ActionIcon, UnstyledButton } from '@mantine/core';
-import { IconAlertTriangle, IconShieldCheck, IconShieldX, IconAlertCircle, IconArticle, IconClock, IconSend, IconSearch, IconFileText, IconCheck, IconX, IconListDetails, IconLayoutGrid, IconFolder, IconBolt, IconPlayerPlay, IconShare, IconExternalLink, IconMaximize, IconCopy, IconDownload, IconTrash, IconArrowLeft, IconArrowsExchange, IconFolderOff } from '@tabler/icons-react';
+import { Stack, Group, Text, Badge, Button, Textarea, Box, Loader, Accordion, Tooltip, Card, Alert, List, Paper, Center, SimpleGrid, Table, TextInput, Select, Pagination, Title, Tabs, Anchor, Divider, Progress, Checkbox, TagsInput, Image, ActionIcon, UnstyledButton, ScrollArea } from '@mantine/core';
+import { IconAlertTriangle, IconShieldCheck, IconShieldX, IconArticle, IconArrowRight, IconClock, IconSend, IconSearch, IconFileText, IconListDetails, IconAlertCircle, IconLayoutGrid, IconShare, IconPlayerPlay, IconExternalLink, IconMaximize, IconCopy, IconDownload, IconTrash, IconArrowLeft, IconArrowsExchange, IconCheck, IconX, IconChecklist, IconRoute, IconInfoCircle, IconClockHour4 } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect, useCallback } from 'react';
+import { useState, useMemo, Fragment as Fragment$1, useCallback, useEffect } from 'react';
 import { useNavigate, useSearch } from '@tanstack/react-router';
 import { useDisclosure } from '@mantine/hooks';
 
@@ -75,7 +72,7 @@ function PayloadBody({
           value: body,
           onChange: (event) => onBodyChange(event.currentTarget.value),
           autosize: true,
-          minRows: 6,
+          minRows: 3,
           disabled,
           styles: {
             input: {
@@ -303,6 +300,17 @@ function AlternatesPanel({
     ] }) })
   ] }) });
 }
+var IRREVERSIBLE_WARNING = "This action is irreversible and visible outside the platform.";
+function isIrreversible(action) {
+  return action?.consequence === "irreversible";
+}
+function resolveActionColor(action) {
+  if (!action) return void 0;
+  if (action.color) return action.color;
+  if (action.tone === "danger") return "var(--color-error)";
+  if (isIrreversible(action)) return "var(--color-warning)";
+  return void 0;
+}
 function ReviewActionBar({ actions, onAction, pending = false }) {
   const [confirmAction, setConfirmAction] = useState(null);
   const [feedbackAction, setFeedbackAction] = useState(null);
@@ -311,7 +319,7 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
     if (action.requiresFeedback) {
       setFeedback("");
       setFeedbackAction(action);
-    } else if (action.requiresConfirmation) {
+    } else if (action.requiresConfirmation || isIrreversible(action)) {
       setConfirmAction(action);
     } else {
       onAction(action.id);
@@ -326,32 +334,36 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Group, { gap: "xs", children: actions.map((action) => {
       const Icon = action.icon;
-      return /* @__PURE__ */ jsx(
+      const irreversible = isIrreversible(action);
+      const button = /* @__PURE__ */ jsx(
         Button,
         {
-          variant: "light",
-          color: action.color || (action.tone === "danger" ? "var(--color-error)" : void 0),
+          variant: irreversible ? "filled" : "light",
+          fw: irreversible ? 700 : void 0,
+          color: resolveActionColor(action),
           leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : void 0,
           loading: pending,
-          disabled: pending,
+          disabled: pending || action.disabled,
           onClick: () => openAction(action),
           size: "xs",
           radius: "xs",
           "data-testid": `content-review-action-${action.id}`,
           children: action.label
-        },
-        action.id
+        }
       );
+      return action.disabled && action.disabledReason ? /* @__PURE__ */ jsx(Tooltip, { label: action.disabledReason, withArrow: true, position: "top", children: /* @__PURE__ */ jsx("span", { children: button }) }, action.id) : /* @__PURE__ */ jsx("span", { children: button }, action.id);
     }) }),
     /* @__PURE__ */ jsx(CustomModal, { opened: !!confirmAction, onClose: () => setConfirmAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(Text, { fw: 600, children: confirmAction?.label }),
+      isIrreversible(confirmAction) ? /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-warning)", children: IRREVERSIBLE_WARNING }) : null,
       /* @__PURE__ */ jsx(Text, { size: "sm", children: confirmAction?.confirmationMessage || `Are you sure you want to ${confirmAction?.label.toLowerCase()}?` }),
       /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
         /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setConfirmAction(null), children: "Cancel" }),
         /* @__PURE__ */ jsx(
           Button,
           {
-            color: confirmAction?.tone === "danger" ? "var(--color-error)" : void 0,
+            variant: isIrreversible(confirmAction) ? "filled" : void 0,
+            color: resolveActionColor(confirmAction),
             onClick: () => {
               if (confirmAction) onAction(confirmAction.id);
               setConfirmAction(null);
@@ -363,6 +375,7 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
     ] }) }),
     /* @__PURE__ */ jsx(CustomModal, { opened: !!feedbackAction, onClose: () => setFeedbackAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(Text, { fw: 600, children: feedbackAction?.label }),
+      isIrreversible(feedbackAction) ? /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-warning)", children: IRREVERSIBLE_WARNING }) : null,
       feedbackAction?.confirmationMessage ? /* @__PURE__ */ jsx(Text, { size: "sm", children: feedbackAction.confirmationMessage }) : null,
       /* @__PURE__ */ jsx(
         Textarea,
@@ -381,7 +394,8 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
         /* @__PURE__ */ jsx(
           Button,
           {
-            color: feedbackAction?.tone === "danger" ? "var(--color-error)" : void 0,
+            variant: isIrreversible(feedbackAction) ? "filled" : void 0,
+            color: resolveActionColor(feedbackAction),
             disabled: Boolean(feedbackAction?.feedbackRequired) && feedback.trim().length === 0,
             onClick: submitFeedback,
             "data-testid": "content-review-feedback-submit",
@@ -414,10 +428,10 @@ function ContentReviewCard({
   actionsPending = false
 }) {
   return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", padding: "xl", "data-testid": "content-review-card", children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", children: title }),
+    title || processingSteps.length > 0 ? /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
+      title ? /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", children: title }) : null,
       /* @__PURE__ */ jsx(ProcessingStateStrip, { steps: processingSteps })
-    ] }),
+    ] }) : null,
     fidelity && !fidelity.matches && /* @__PURE__ */ jsx(
       Alert,
       {
@@ -521,52 +535,6 @@ function ContentReviewCard({
     /* @__PURE__ */ jsx(ReviewActionBar, { actions, onAction, pending: actionsPending })
   ] }) });
 }
-var CONTENT_SYSTEM_PATH = "content";
-function resolveContentStepResource(model, step) {
-  const actionId = step.actionId;
-  if (!actionId) return void 0;
-  const resource = Object.values(model.resources ?? {}).find(
-    (candidate) => candidate.systemPath === CONTENT_SYSTEM_PATH && (candidate.ontology?.primaryAction === actionId || candidate.ontology?.actions?.includes(actionId) === true)
-  );
-  return resource ? { resourceId: resource.id, resourceKind: resource.kind } : void 0;
-}
-var EMPTY_CONFIG = {
-  pipelines: [],
-  stageCatalog: {},
-  stagesByCatalog: {},
-  defaultPipelineId: void 0,
-  resolveStepResource: () => void 0
-};
-function groupStagesByCatalog(stageCatalog) {
-  const groups = {};
-  for (const entry of Object.values(stageCatalog)) {
-    (groups[entry.catalogKey] ??= []).push(entry);
-  }
-  return groups;
-}
-function getDefaultPipelineId(model, pipelines) {
-  const configuredId = getSystem(model, CONTENT_SYSTEM_PATH)?.config?.defaultPipelineId;
-  if (typeof configuredId === "string" && pipelines.some((pipeline) => pipeline.id === configuredId)) {
-    return configuredId;
-  }
-  return pipelines[0]?.id;
-}
-function useContentConfig() {
-  const systems = useOptionalElevasisSystems();
-  const organizationModel = systems?.organizationModel;
-  return useMemo(() => {
-    if (!organizationModel) return EMPTY_CONFIG;
-    const pipelines = getContentBuildTemplates(organizationModel);
-    const stageCatalog = getContentStageCatalog(organizationModel);
-    return {
-      pipelines,
-      stageCatalog,
-      stagesByCatalog: groupStagesByCatalog(stageCatalog),
-      defaultPipelineId: getDefaultPipelineId(organizationModel, pipelines),
-      resolveStepResource: (step) => resolveContentStepResource(organizationModel, step)
-    };
-  }, [organizationModel]);
-}
 
 // src/lib/content/stage-colors.ts
 var FALLBACK_CONTENT_STAGE_COLORS = {
@@ -609,43 +577,100 @@ function ContentOverviewPage({ headerActions, footer } = {}) {
   );
   const isLoading = itemsQuery.isLoading;
   const error = itemsQuery.error;
+  const { vocabulary } = contentConfig;
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Content Overview", caption: "Pipeline status, review load, and recent activity" }),
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: `${vocabulary.item.plural} Overview`,
+          caption: `${vocabulary.pipeline.singular} status, review load, and recent activity`
+        }
+      ),
       headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
-      isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : error ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load content items" }) }) : items.length === 0 ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No content items yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : error ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: `Failed to load ${vocabulary.item.plural.toLowerCase()}` }) }) : items.length === 0 ? (
+        // Finding 11: zero items is the state every tenant starts in, and the only one
+        // with no path forward on screen. The one available action is to go produce
+        // something -- routed through the pipelines page, which itself lands a
+        // single-pipeline tenant straight inside its workspace (Proposal, "Design the
+        // first run").
+        /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            icon: IconArticle,
+            title: `No ${vocabulary.item.plural.toLowerCase()} yet`,
+            description: `${vocabulary.pipeline.plural} produce ${vocabulary.item.plural.toLowerCase()} as they move from draft through review to publish. Pick a pipeline to produce the first one.`,
+            action: {
+              label: `Go to ${vocabulary.pipeline.plural.toLowerCase()}`,
+              onClick: () => navigate({ to: "/content/pipelines" }),
+              icon: /* @__PURE__ */ jsx(IconArrowRight, { size: 14 })
+            }
+          }
+        ) })
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 3 }, children: [
-          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconArticle, value: totalItems, label: "Total Items" }),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              variant: "hero",
+              icon: IconArticle,
+              value: totalItems,
+              label: `Total ${vocabulary.item.plural}`
+            }
+          ),
           /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconClock, value: pendingReviewCount, label: "Pending Review" }),
-          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconSend, value: totalDistributions, label: "Distributions" })
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              variant: "hero",
+              icon: IconSend,
+              value: totalDistributions,
+              label: vocabulary.distribution.plural
+            }
+          )
         ] }),
         statusEntries.length > 0 && /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-          /* @__PURE__ */ jsx(CardHeader, { title: "By Status", subtitle: "Item counts across the content:catalog/status catalog" }),
-          /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: statusEntries.map((entry) => {
+          /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              title: "By Status",
+              subtitle: `Where each ${vocabulary.item.singular.toLowerCase()} currently stands`
+            }
+          ),
+          /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "wrap", children: statusEntries.map((entry, index) => {
             const colors = getContentStageColor(entry);
-            return /* @__PURE__ */ jsxs(
-              Badge,
-              {
-                size: "lg",
-                variant: "light",
-                styles: { root: { color: colors.accent, backgroundColor: colors.background } },
-                children: [
-                  entry.label,
-                  ": ",
-                  statusCounts.get(entry.key) ?? 0
-                ]
-              },
-              entry.key
-            );
+            return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              index > 0 && /* @__PURE__ */ jsx(IconArrowRight, { size: 14, color: "var(--color-text-dimmed)" }),
+              /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  size: "lg",
+                  variant: "light",
+                  styles: { root: { color: colors.accent, backgroundColor: colors.background } },
+                  children: [
+                    entry.label,
+                    ": ",
+                    statusCounts.get(entry.key) ?? 0
+                  ]
+                }
+              )
+            ] }, entry.key);
           }) })
         ] }) }),
         /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-          /* @__PURE__ */ jsx(Group, { justify: "space-between", align: "flex-start", gap: "md", children: /* @__PURE__ */ jsx(CardHeader, { title: "Recently Updated", subtitle: "Jump into an item's review page" }) }),
+          /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              title: "Recently Updated",
+              subtitle: `Jump into a ${vocabulary.item.singular.toLowerCase()}'s review page`
+            }
+          ),
           /* @__PURE__ */ jsxs(Table, { children: [
             /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-              /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: vocabulary.item.singular }),
               /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
               /* @__PURE__ */ jsx(Table.Th, { children: "Pillar" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Age" }),
               /* @__PURE__ */ jsx(Table.Th, { children: "Reviewed" })
             ] }) }),
             /* @__PURE__ */ jsx(Table.Tbody, { children: recentItems.map((item) => {
@@ -656,9 +681,10 @@ function ContentOverviewPage({ headerActions, footer } = {}) {
                   style: { cursor: "pointer" },
                   onClick: () => navigate({ to: "/content/items/$itemId", params: { itemId: item.id } }),
                   children: [
-                    /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: item.title }) }),
+                    /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: getContentItemIdentity(item) }) }),
                     /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: statusEntry?.label ?? item.status }) }),
                     /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: item.pillar ?? "\u2014" }) }),
+                    /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(item.updatedAt) }) }),
                     /* @__PURE__ */ jsx(Table.Td, { children: item.reviewedAt ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Reviewed" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-warning)", children: "Pending" }) })
                   ]
                 },
@@ -676,10 +702,12 @@ var PAGE_SIZE = 20;
 function ContentItemsPage({ headerActions } = {}) {
   const navigate = useNavigate();
   const contentConfig = useContentConfig();
+  const rawSearch = useSearch({ strict: false });
+  const reviewFilterActive = rawSearch.review === "pending";
   const [searchQuery, setSearchQuery] = useState("");
   const [statusFilter, setStatusFilter] = useState("");
   const [pillarFilter, setPillarFilter] = useState("");
-  const pagination = usePaginationState(PAGE_SIZE, [searchQuery, statusFilter, pillarFilter]);
+  const pagination = usePaginationState(PAGE_SIZE, [searchQuery, statusFilter, pillarFilter, reviewFilterActive]);
   const itemsQuery = useContentItems({
     search: searchQuery.trim() || void 0,
     status: statusFilter || void 0,
@@ -687,7 +715,8 @@ function ContentItemsPage({ headerActions } = {}) {
     limit: PAGE_SIZE,
     offset: pagination.offset
   });
-  const items = itemsQuery.data?.data ?? [];
+  const fetchedItems = itemsQuery.data?.data ?? [];
+  const items = reviewFilterActive ? fetchedItems.filter((item) => item.reviewedAt === null) : fetchedItems;
   const total = itemsQuery.data?.total ?? 0;
   const statusOptions = [
     { value: "", label: "All statuses" },
@@ -698,7 +727,13 @@ function ContentItemsPage({ headerActions } = {}) {
     ...(contentConfig.stagesByCatalog.pillar ?? []).map((entry) => ({ value: entry.key, label: entry.label }))
   ];
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Content Items", caption: "Every item across the content pipeline" }),
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: contentConfig.vocabulary.item.plural,
+        caption: reviewFilterActive ? `${contentConfig.vocabulary.item.plural} awaiting review, across every pipeline` : `Every ${contentConfig.vocabulary.item.singular.toLowerCase()} across the content pipeline`
+      }
+    ),
     headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(FilterBar, { children: [
@@ -740,11 +775,11 @@ function ContentItemsPage({ headerActions } = {}) {
         EmptyState,
         {
           icon: IconFileText,
-          title: searchQuery.trim() || statusFilter || pillarFilter ? "No items match your filters" : "No content items yet"
+          title: searchQuery.trim() || statusFilter || pillarFilter ? "No items match your filters" : reviewFilterActive ? "Nothing awaiting review" : `No ${contentConfig.vocabulary.item.plural.toLowerCase()} yet`
         }
       ) : /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: contentConfig.vocabulary.item.singular }),
           /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
           /* @__PURE__ */ jsx(Table.Th, { children: "Pillar" }),
           /* @__PURE__ */ jsx(Table.Th, { children: "Reviewed" }),
@@ -760,7 +795,7 @@ function ContentItemsPage({ headerActions } = {}) {
               style: { cursor: "pointer" },
               onClick: () => navigate({ to: "/content/items/$itemId", params: { itemId: item.id } }),
               children: [
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: item.title }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: getContentItemIdentity(item) }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
                   Badge,
                   {
@@ -774,7 +809,7 @@ function ContentItemsPage({ headerActions } = {}) {
                 ) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pillarEntry?.label ?? item.pillar ?? "\u2014" }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: item.reviewedAt ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Reviewed" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-warning)", children: "Pending" }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: new Date(item.updatedAt).toLocaleString() }) })
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatRelativeTime(item.updatedAt) }) })
               ]
             },
             item.id
@@ -797,15 +832,20 @@ function ContentItemsPage({ headerActions } = {}) {
 // src/lib/content/processing-state.ts
 function mapContentStepStatus(status) {
   if (status === void 0) return "pending";
+  if (status === "running") return "in_progress";
   if (status === "error") return "failed";
   return "completed";
 }
 function getContentProcessingSteps(processingState, pipelineSteps) {
-  return pipelineSteps.map((step) => ({
-    key: step.key,
-    label: step.label,
-    status: mapContentStepStatus(processingState?.[step.key]?.status)
-  }));
+  return pipelineSteps.map((step) => {
+    const entry = processingState?.[step.key];
+    return {
+      key: step.key,
+      label: step.label,
+      status: mapContentStepStatus(entry?.status),
+      executionId: entry ? entry.executionId : void 0
+    };
+  });
 }
 
 // src/lib/content/payload-text.ts
@@ -837,38 +877,49 @@ function toPayloadDisplayFields(fields, payload) {
   const payloadRecord = payload;
   return fields.filter((field) => field.key in payloadRecord).map((field) => ({ key: field.key, label: field.label, kind: toDisplayKind(field.type) }));
 }
-var REVIEW_ACTIONS = [
-  {
-    id: "approved",
-    label: "Approve",
-    icon: IconCheck,
-    // Decision 7, resolved 2026-08-12: approve collects an OPTIONAL note, which is what
-    // finally gives `content_items.reviewer_feedback` a writer -- the page has always
-    // rendered it and the API has always accepted it, but nothing in the UI could set it.
-    // `feedbackRequired` is deliberately omitted: a reviewer with nothing to add still
-    // approves in two clicks, and a blank note leaves the column NULL rather than ''.
-    requiresFeedback: true,
-    feedbackLabel: "Note (optional)",
-    feedbackPlaceholder: "Anything the next step or a later reader should know?",
-    confirmationMessage: "Approve this item? It moves on to the next pipeline step."
-  },
-  {
-    id: "rejected",
-    label: "Reject",
-    icon: IconX,
-    tone: "danger",
-    requiresFeedback: true,
-    feedbackLabel: "Reason for rejection",
-    feedbackPlaceholder: "What needs to change before this can go out?",
-    feedbackRequired: true
-  }
-];
+var REVIEW_QUEUE_FETCH_LIMIT = 100;
+function buildReviewActions(isTerminalPipeline, gate, reason) {
+  const gateLabel = gate?.step.label;
+  const disabled = !gate;
+  return [
+    {
+      id: "approved",
+      label: "Approve",
+      icon: IconCheck,
+      // Decision 7, resolved 2026-08-12: approve collects an OPTIONAL note, which is what
+      // finally gives `content_items.reviewer_feedback` a writer -- the page has always
+      // rendered it and the API has always accepted it, but nothing in the UI could set it.
+      // `feedbackRequired` is deliberately omitted: a reviewer with nothing to add still
+      // approves in two clicks, and a blank note leaves the column NULL rather than ''.
+      requiresFeedback: true,
+      feedbackLabel: "Note (optional)",
+      feedbackPlaceholder: "Anything the next step or a later reader should know?",
+      confirmationMessage: gateLabel ? isTerminalPipeline ? `Approve "${gateLabel}"? There is no further pipeline step -- this is the last internal gate before it is published.` : `Approve "${gateLabel}"? It moves on to the next pipeline step.` : void 0,
+      consequence: isTerminalPipeline ? "irreversible" : "standard",
+      disabled,
+      disabledReason: reason
+    },
+    {
+      id: "rejected",
+      label: "Reject",
+      icon: IconX,
+      tone: "danger",
+      requiresFeedback: true,
+      feedbackLabel: "Reason for rejection",
+      feedbackPlaceholder: "What needs to change before this can go out?",
+      feedbackRequired: true,
+      confirmationMessage: gateLabel ? `Reject "${gateLabel}"? This sends it back for changes.` : void 0,
+      disabled,
+      disabledReason: reason
+    }
+  ];
+}
 function DistributionMetricsCell({ metrics }) {
-  if (!metrics || typeof metrics !== "object") {
+  const entries = metrics && typeof metrics === "object" ? Object.entries(metrics) : [];
+  if (entries.length === 0) {
     return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "\u2014" });
   }
-  const entries = Object.entries(metrics);
-  const isFlat = entries.length > 0 && entries.every(([, value]) => value === null || typeof value !== "object");
+  const isFlat = entries.every(([, value]) => value === null || typeof value !== "object");
   if (!isFlat) {
     return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", style: { overflowWrap: "anywhere" }, children: JSON.stringify(metrics) });
   }
@@ -890,9 +941,26 @@ function ContentItemReviewPage({ itemId, headerActions }) {
   const item = itemQuery.data;
   const pipeline = item ? contentConfig.pipelines.find((candidate) => candidate.id === item.pipelineId) : void 0;
   const pipelineSteps = useMemo(() => pipeline?.steps ?? [], [pipeline]);
+  const isTerminalPipeline = pipelineSteps.length <= 1;
+  const openGates = useMemo(
+    () => getOpenContentReviewGates(item?.processingState ?? {}, pipelineSteps),
+    [item?.processingState, pipelineSteps]
+  );
+  const earliestOpenGate = openGates[0];
+  const reviewDisabledReason = useMemo(() => {
+    if (earliestOpenGate) return void 0;
+    if (!item?.pipelineId) return "This item has no pipeline, so there is no review gate to clear.";
+    if (!pipeline) return `Unknown pipeline "${item.pipelineId}" -- there is no review gate to clear.`;
+    return "No open review gate on this item. Every queued step has already been reviewed, or the current step is still running.";
+  }, [earliestOpenGate, item?.pipelineId, pipeline]);
+  const reviewActions = useMemo(
+    () => buildReviewActions(isTerminalPipeline, earliestOpenGate, reviewDisabledReason),
+    [isTerminalPipeline, earliestOpenGate, reviewDisabledReason]
+  );
   const pipelinePayloadFields = useMemo(() => getPipelinePayloadFields(pipelineSteps), [pipelineSteps]);
   const primaryTextField = useMemo(() => getPrimaryPayloadTextField(pipelinePayloadFields), [pipelinePayloadFields]);
   const originalBody = item ? getPayloadText(item.payload, primaryTextField?.key) : "";
+  const savedBody = item?.body ?? originalBody;
   const displayPayloadFields = useMemo(
     () => toPayloadDisplayFields(pipelinePayloadFields, item?.payload),
     [pipelinePayloadFields, item?.payload]
@@ -901,9 +969,51 @@ function ContentItemReviewPage({ itemId, headerActions }) {
     () => getContentProcessingSteps(item?.processingState, pipelineSteps),
     [item?.processingState, pipelineSteps]
   );
+  const visibleProcessingSteps = useMemo(
+    () => processingSteps.some((step) => step.status !== "pending") ? processingSteps : [],
+    [processingSteps]
+  );
+  const pipelineItemsQuery = useContentItems({
+    pipelineId: item?.pipelineId ?? void 0,
+    limit: REVIEW_QUEUE_FETCH_LIMIT
+  });
+  const reviewQueue = useMemo(() => {
+    if (!item?.pipelineId) return [];
+    return (pipelineItemsQuery.data?.data ?? []).filter((candidate) => candidate.reviewedAt === null).sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
+  }, [pipelineItemsQuery.data, item?.pipelineId]);
+  const queueIndex = item ? reviewQueue.findIndex((candidate) => candidate.id === item.id) : -1;
+  const queuePosition = queueIndex === -1 ? void 0 : queueIndex + 1;
+  const nextQueueItemId = queueIndex === -1 ? void 0 : reviewQueue[queueIndex + 1]?.id;
+  const goToNextInQueue = useCallback(() => {
+    if (nextQueueItemId) {
+      navigate({ to: "/content/items/$itemId", params: { itemId: nextQueueItemId } });
+    } else {
+      navigate({ to: "/content/items" });
+    }
+  }, [navigate, nextQueueItemId]);
   useEffect(() => {
     if (item) setBody(item.body ?? originalBody);
   }, [item?.id]);
+  useEffect(() => {
+    function handleKeyDown(event) {
+      const target = event.target;
+      if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable) {
+        return;
+      }
+      if (event.key === "a" || event.key === "A") {
+        event.preventDefault();
+        document.querySelector('[data-testid="content-review-action-approved"]')?.click();
+      } else if (event.key === "r" || event.key === "R") {
+        event.preventDefault();
+        document.querySelector('[data-testid="content-review-action-rejected"]')?.click();
+      } else if (event.key === "n" || event.key === "N" || event.key === "ArrowRight") {
+        event.preventDefault();
+        goToNextInQueue();
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [goToNextInQueue]);
   const backButton = /* @__PURE__ */ jsx(
     Button,
     {
@@ -945,6 +1055,7 @@ function ContentItemReviewPage({ itemId, headerActions }) {
   const distributions = distributionsQuery.data?.data ?? [];
   const isSaving = updateItem.isPending || reviewItem.isPending;
   const viewingAttempt = attempts.find((attempt) => attempt.id === viewingAttemptId);
+  const identity = getContentItemIdentity(item, pipelinePayloadFields);
   const persistBodyIfDirty = async () => {
     if (!isDirty) return;
     await updateItem.mutateAsync({ itemId: item.id, updates: { body } });
@@ -954,64 +1065,77 @@ function ContentItemReviewPage({ itemId, headerActions }) {
     showSuccessNotification("Saved");
   };
   const handleAction = async (actionId, feedback) => {
+    if (!earliestOpenGate) return;
+    const stepKey = earliestOpenGate.stepKey;
     await persistBodyIfDirty();
     if (actionId === "approved") {
       const note = feedback?.trim();
       await reviewItem.mutateAsync({
         itemId: item.id,
-        review: { decision: "approved", reviewerFeedback: note ? note : void 0 }
+        review: { decision: "approved", stepKey, reviewerFeedback: note ? note : void 0 }
       });
       showSuccessNotification("Item approved");
     } else if (actionId === "rejected") {
-      await reviewItem.mutateAsync({ itemId: item.id, review: { decision: "rejected", rejectReason: feedback ?? "" } });
+      await reviewItem.mutateAsync({
+        itemId: item.id,
+        review: { decision: "rejected", stepKey, rejectReason: feedback ?? "" }
+      });
       showSuccessNotification("Item rejected");
     }
+    goToNextInQueue();
   };
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        PageTitleCaption,
-        {
-          title: item.title,
-          caption: `Pipeline: ${pipeline?.label ?? item.pipelineId ?? "Unassigned"}`,
-          rightSection: backButton
-        }
-      ),
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: identity }),
       headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", align: "center", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pipeline?.label ?? item.pipelineId ?? "Unassigned" }),
           /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: contentConfig.stageCatalog[item.status]?.label ?? item.status }),
           item.pillar && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: contentConfig.stageCatalog[item.pillar]?.label ?? item.pillar }),
-          item.reviewedAt ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Reviewed ",
-            new Date(item.reviewedAt).toLocaleString()
-          ] }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Not yet reviewed" })
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            item.reviewedAt ? `Reviewed ${new Date(item.reviewedAt).toLocaleDateString()}` : "Not yet reviewed",
+            queuePosition ? ` \xB7 ${queuePosition} of ${reviewQueue.length}` : ""
+          ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "xs",
-            variant: "light",
-            onClick: handleSave,
-            disabled: !isDirty || isSaving,
-            loading: updateItem.isPending,
-            children: "Save"
-          }
-        )
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "light",
+              onClick: handleSave,
+              disabled: !isDirty || isSaving,
+              loading: updateItem.isPending,
+              children: "Save"
+            }
+          ),
+          backButton
+        ] })
       ] }),
+      reviewDisabledReason && /* @__PURE__ */ jsx(
+        Alert,
+        {
+          icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+          color: "var(--color-warning)",
+          variant: "light",
+          title: "Nothing to review right now",
+          "data-testid": "content-review-no-open-gate",
+          children: /* @__PURE__ */ jsx(Text, { size: "sm", children: reviewDisabledReason })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ContentReviewCard,
         {
-          title: item.title,
           reviewMode: "live",
           body,
           onBodyChange: setBody,
-          originalBody,
-          onReset: () => setBody(originalBody),
+          originalBody: savedBody,
+          onReset: () => setBody(savedBody),
           payload: item.payload,
           payloadFields: displayPayloadFields,
-          processingSteps,
-          actions: REVIEW_ACTIONS,
+          processingSteps: visibleProcessingSteps,
+          actions: reviewActions,
           onAction: handleAction,
           actionsPending: isSaving
         }
@@ -1105,8 +1229,6 @@ function PipelineRow({
     [pipeline.steps, contentConfig]
   );
   const summary = useContentPipelineSummary(pipeline.id, statusKeys, stepResourceIds);
-  const artifactsQuery = useContentArtifacts({ pipelineId: pipeline.id });
-  const activeArtifacts = artifactsQuery.artifacts.filter((artifact) => artifact.isActive);
   return /* @__PURE__ */ jsxs(
     Table.Tr,
     {
@@ -1117,28 +1239,6 @@ function PipelineRow({
           /* @__PURE__ */ jsx(Text, { fw: 500, children: pipeline.label }),
           pipeline.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: pipeline.description }) : null
         ] }),
-        /* @__PURE__ */ jsx(Table.Td, { children: summary.isLoading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "wrap", children: statusEntries.map((entry) => {
-          const colors = getContentStageColor(entry);
-          return /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              size: "sm",
-              variant: "light",
-              styles: { root: { color: colors.accent, backgroundColor: colors.background } },
-              children: [
-                entry.label,
-                ": ",
-                summary.countsByStatus[entry.key] ?? 0
-              ]
-            },
-            entry.key
-          );
-        }) }) }),
-        /* @__PURE__ */ jsx(Table.Td, { children: activeArtifacts.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No active artifacts" }) : /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "wrap", children: activeArtifacts.map((artifact) => /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "outline", children: [
-          artifact.kind.replace("content:", ""),
-          " v",
-          artifact.version
-        ] }, artifact.id)) }) }),
         /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: summary.isLoading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : formatLastRun(summary.lastRunAt) }) })
       ]
     }
@@ -1146,158 +1246,323 @@ function PipelineRow({
 }
 function ContentPipelinesPage({ headerActions } = {}) {
   const contentConfig = useContentConfig();
+  const { vocabulary } = contentConfig;
   const statusEntries = contentConfig.stagesByCatalog.status ?? [];
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipelines", caption: "Every declared content pipeline and its production state" }),
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: vocabulary.pipeline.plural,
+        caption: `Every declared ${vocabulary.pipeline.singular.toLowerCase()} and its production state`
+      }
+    ),
     headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
-    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(Stack, { children: contentConfig.pipelines.length === 0 ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Paper, { children: contentConfig.pipelines.length === 0 ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(
       EmptyState,
       {
         icon: IconListDetails,
-        title: "No pipelines declared",
-        description: "The content System's Organization Model declares no content-pipeline catalog entries yet."
+        title: `No ${vocabulary.pipeline.plural.toLowerCase()} declared`,
+        description: `The content System's Organization Model declares no ${vocabulary.pipeline.singular.toLowerCase()} catalog entries yet.`
       }
     ) }) : /* @__PURE__ */ jsxs(Table, { children: [
       /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { children: "Pipeline" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Items by status" }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Active rules artifacts" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: vocabulary.pipeline.singular }),
         /* @__PURE__ */ jsx(Table.Th, { children: "Last run" })
       ] }) }),
       /* @__PURE__ */ jsx(Table.Tbody, { children: contentConfig.pipelines.map((pipeline) => /* @__PURE__ */ jsx(PipelineRow, { pipeline, statusEntries }, pipeline.id)) })
-    ] }) }) })
+    ] }) })
   ] }) }) });
 }
-function OverviewTab({ pipeline, statusEntries }) {
+var ACTOR_LEAD = {
+  vendor: "An outside service",
+  workflow: "An automated workflow",
+  agent: "An AI agent"
+};
+var REVIEW_MODE_TAIL = {
+  live: "and you review it live, in the moment",
+  queued: "then it waits for your review",
+  none: "and moves on without review"
+};
+function describeStep(step) {
+  return `${ACTOR_LEAD[step.actor]} handles "${step.label}," ${REVIEW_MODE_TAIL[step.reviewMode]}.`;
+}
+function StepRow({ step, resourceId }) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", align: "flex-start", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", style: { flexShrink: 0 }, children: step.order }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", children: describeStep(step) }),
+      step.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.description }) : null,
+      resourceId ? /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "dimmed", children: resourceId }) : null
+    ] })
+  ] });
+}
+function HowItWorks({ pipeline }) {
   const contentConfig = useContentConfig();
-  const statusKeys = useMemo(() => statusEntries.map((entry) => entry.key), [statusEntries]);
-  const stepResourceIds = useMemo(
-    () => pipeline.steps.map((step) => contentConfig.resolveStepResource(step)?.resourceId).filter((resourceId) => !!resourceId),
-    [pipeline.steps, contentConfig]
-  );
-  const summary = useContentPipelineSummary(pipeline.id, statusKeys, stepResourceIds);
-  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(CardHeader, { title: "Funnel", subtitle: "Item counts across content:catalog/status for this pipeline" }),
-      summary.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : statusEntries.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No content-stage catalog declared for status yet." }) : /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: statusEntries.map((entry) => {
-        const colors = getContentStageColor(entry);
-        return /* @__PURE__ */ jsxs(
-          Badge,
-          {
-            size: "lg",
-            variant: "light",
-            styles: { root: { color: colors.accent, backgroundColor: colors.background } },
-            children: [
-              entry.label,
-              ": ",
-              summary.countsByStatus[entry.key] ?? 0
-            ]
-          },
-          entry.key
-        );
-      }) })
+  return /* @__PURE__ */ jsx(Accordion, { variant: "separated", children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "how-it-works", children: [
+    /* @__PURE__ */ jsx(Accordion.Control, { icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 16 }), children: /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+      "How this ",
+      contentConfig.vocabulary.pipeline.singular.toLowerCase(),
+      " works"
     ] }) }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(CardHeader, { title: "Declared config", subtitle: `${pipeline.steps.length} step(s), in catalog order` }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Th, { children: "Order" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Actor" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Review mode" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Advances to" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Resource" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Tbody, { children: pipeline.steps.map((step) => {
-          const binding = contentConfig.resolveStepResource(step);
-          return /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Td, { children: step.order }),
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: step.label }),
-              step.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.description }) : null
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: step.actor }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: step.reviewMode }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: step.advancesTo ?? "\u2014" }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: binding ? /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "dimmed", children: binding.resourceId }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No resource configured" }) })
-          ] }, step.key);
-        }) })
-      ] })
-    ] }) }),
-    pipeline.color ? /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Title, { order: 6, c: "dimmed", children: "Color" }),
-      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", color: pipeline.color, children: pipeline.color })
+    /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsx(Stack, { gap: "sm", children: pipeline.steps.map((step) => /* @__PURE__ */ jsx(StepRow, { step, resourceId: contentConfig.resolveStepResource(step)?.resourceId }, step.key)) }) })
+  ] }) });
+}
+var BOARD_FETCH_LIMIT = 100;
+function formatAge(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h`;
+  return `${Math.floor(hours / 24)}d`;
+}
+function BoardItemCard({ card, onOpen }) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, padding: "xs", onClick: () => onOpen(card.item.id), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, lineClamp: 2, children: getContentItemIdentity(card.item) }),
+    /* @__PURE__ */ jsxs(Group, { gap: 6, justify: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(IconClockHour4, { size: 12, style: { color: "var(--color-text-dimmed)" } }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatAge(card.ageMs) })
+      ] }),
+      card.awaitingReview ? /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: "Awaiting review" }) : null
+    ] })
+  ] }) });
+}
+function BoardColumn({ column, onOpen }) {
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", style: { minWidth: 260, maxWidth: 260, flexShrink: 0 }, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", truncate: true, children: column.step.label }),
+      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: column.cards.length })
+    ] }),
+    column.cards.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Nothing here" }) : /* @__PURE__ */ jsx(Stack, { gap: "xs", children: column.cards.map((card) => /* @__PURE__ */ jsx(BoardItemCard, { card, onOpen }, card.item.id)) })
+  ] }) });
+}
+function ColumnBoard({ board, onOpen }) {
+  return /* @__PURE__ */ jsx(ScrollArea, { type: "auto", offsetScrollbars: true, children: /* @__PURE__ */ jsx(Group, { gap: "xs", align: "flex-start", wrap: "nowrap", children: board.columns.map((column) => /* @__PURE__ */ jsx(BoardColumn, { column, onOpen }, column.step.key)) }) });
+}
+function CollapsedBoard({
+  board,
+  itemNounPlural,
+  onOpen
+}) {
+  const column = board.columns[0];
+  if (!column) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconRoute,
+        title: "No steps declared",
+        description: "This pipeline has no steps yet, so nothing has anywhere to sit."
+      }
+    );
+  }
+  const waiting = column.cards.filter((card) => card.awaitingReview);
+  const settled = column.cards.filter((card) => !card.awaitingReview);
+  const hasGate = !!column.gate;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: hasGate ? "Waiting on review" : column.step.label }),
+      waiting.length === 0 ? column.cards.length === 0 ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconChecklist,
+          title: `No ${itemNounPlural.toLowerCase()} yet`,
+          description: `Produce one and it lands at "${column.step.label}."`
+        }
+      ) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Nothing is waiting on review right now." }) : /* @__PURE__ */ jsx(Stack, { gap: "xs", children: waiting.map((card) => /* @__PURE__ */ jsx(BoardItemCard, { card, onOpen }, card.item.id)) })
+    ] }),
+    settled.length > 0 ? /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: hasGate ? "Already reviewed" : "In progress" }),
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: settled.map((card) => /* @__PURE__ */ jsx(BoardItemCard, { card, onOpen }, card.item.id)) })
     ] }) : null
   ] });
 }
-function SourcesTab() {
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "xl", children: /* @__PURE__ */ jsx(
-    EmptyState,
-    {
-      icon: IconFolderOff,
-      title: "Source assets aren't wired up yet",
-      description: "content_source_assets has no API route or reader today. This tab will list a pipeline's source footage and files once that surface exists."
-    }
-  ) });
+function BoardOverflowSection({
+  title,
+  description,
+  cards,
+  onOpen
+}) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", tt: "uppercase", fw: 600, children: title }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(Group, { gap: "xs", align: "flex-start", wrap: "wrap", children: cards.map((card) => /* @__PURE__ */ jsx(Box, { style: { width: 260 }, children: /* @__PURE__ */ jsx(BoardItemCard, { card, onOpen }) }, card.item.id)) })
+  ] });
 }
-function DefaultProduceTab({ pipeline }) {
+function BoardTab({ pipeline }) {
+  const navigate = useNavigate();
   const contentConfig = useContentConfig();
-  const canManageContent = useAccess(AccessKeys.contentManage);
-  const [contentItemId, setContentItemId] = useState(null);
-  const itemsQuery = useContentItems({ pipelineId: pipeline.id, limit: 100 });
-  const items = itemsQuery.data?.data ?? [];
+  const itemsQuery = useContentItems({ pipelineId: pipeline.id, limit: BOARD_FETCH_LIMIT });
+  const items = useMemo(() => itemsQuery.data?.data ?? [], [itemsQuery.data]);
+  const board = useMemo(() => deriveContentBoard(items, pipeline, Date.now()), [items, pipeline]);
+  const openItem = (itemId) => navigate({ to: "/content/items/$itemId", params: { itemId } });
+  if (itemsQuery.isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
+  }
+  if (itemsQuery.isError) {
+    return /* @__PURE__ */ jsx(
+      CenteredErrorState,
+      {
+        error: itemsQuery.error,
+        title: `Failed to load ${contentConfig.vocabulary.item.plural.toLowerCase()}`
+      }
+    );
+  }
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconChecklist,
+        title: `No ${contentConfig.vocabulary.item.plural.toLowerCase()} in this pipeline yet`,
+        description: "Produce something from the Produce tab and it will show up here."
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(
-      Select,
+    board.isCollapsed ? /* @__PURE__ */ jsx(CollapsedBoard, { board, itemNounPlural: contentConfig.vocabulary.item.plural, onOpen: openItem }) : /* @__PURE__ */ jsx(ColumnBoard, { board, onOpen: openItem }),
+    board.done.length > 0 ? /* @__PURE__ */ jsx(
+      BoardOverflowSection,
       {
-        label: "Content item",
-        description: "The item each step runs against. Steps stay disabled until one is chosen.",
-        placeholder: items.length > 0 ? "Select a content item" : "No items in this pipeline yet",
-        data: items.map((item) => ({ value: item.id, label: `${item.title} (${item.status})` })),
-        value: contentItemId,
-        onChange: setContentItemId,
-        disabled: itemsQuery.isLoading || items.length === 0,
-        searchable: true,
-        clearable: true
+        title: "Done",
+        description: "Every declared step has succeeded for these.",
+        cards: board.done,
+        onOpen: openItem
       }
-    ) }),
-    contentItemId === null && items.length > 0 && /* @__PURE__ */ jsx(Alert, { variant: "light", children: "Select a content item above to run any of this pipeline's steps." }),
-    pipeline.steps.map((step) => {
-      const binding = contentConfig.resolveStepResource(step);
-      const isRunnable = binding?.resourceKind === "workflow" || binding?.resourceKind === "agent";
-      return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-          /* @__PURE__ */ jsx(CardHeader, { title: step.label, subtitle: step.description ?? `Step ${step.order}` }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: step.actor }),
-            /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
-              step.reviewMode,
-              " review"
-            ] })
-          ] })
-        ] }),
-        isRunnable && canManageContent.allowed ? /* @__PURE__ */ jsx(
-          RunResourceButton,
-          {
-            resourceId: binding.resourceId,
-            resourceType: binding.resourceKind,
-            icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
-            label: "Run",
-            title: step.label,
-            disabled: contentItemId === null,
-            baseInput: contentItemId !== null ? { contentItemId } : void 0,
-            getInput: () => step.payloadFields.length > 0 ? { schema: compileContentPayloadValidator(step.payloadFields) } : {}
-          }
-        ) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", maw: 220, ta: "right", children: !canManageContent.allowed ? "You do not have permission to run content pipeline steps." : binding ? `Resource kind "${binding.resourceKind}" isn't directly runnable from here.` : "No resource configured for this step yet." })
-      ] }) }, step.key);
-    })
+    ) : null,
+    board.unplaced.length > 0 ? /* @__PURE__ */ jsx(
+      BoardOverflowSection,
+      {
+        title: "Not on this pipeline's current steps",
+        description: "Their recorded steps aren't in the step catalog anymore -- shown honestly rather than dropped into the first column.",
+        cards: board.unplaced,
+        onOpen: openItem
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(HowItWorks, { pipeline })
   ] });
 }
-function ProduceTab({ pipeline, render }) {
-  if (render) return /* @__PURE__ */ jsx(Fragment, { children: render({ pipeline }) });
-  return /* @__PURE__ */ jsx(DefaultProduceTab, { pipeline });
+var PAGE_SIZE2 = 20;
+var FETCH_LIMIT = 100;
+function summarizeMetrics(metrics) {
+  if (!metrics || typeof metrics !== "object" || Array.isArray(metrics)) return "\u2014";
+  const entries = Object.entries(metrics);
+  if (entries.length === 0) return "\u2014";
+  const shown = entries.slice(0, 2).map(([key, value]) => `${key} ${String(value)}`).join(" \xB7 ");
+  return entries.length > 2 ? `${shown} +${entries.length - 2}` : shown;
 }
 function formatDateTime(value) {
+  return value ? new Date(value).toLocaleDateString() : "\u2014";
+}
+function DistributionsTab({ pipeline }) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  const distributionLabel = contentConfig.vocabulary.distribution.plural.toLowerCase();
+  const itemsQuery = useContentItems({ pipelineId: pipeline.id, limit: FETCH_LIMIT });
+  const distributionsQuery = useContentDistributions({ limit: FETCH_LIMIT });
+  const itemById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of itemsQuery.data?.data ?? []) map.set(item.id, item);
+    return map;
+  }, [itemsQuery.data]);
+  const distributions = useMemo(
+    () => (distributionsQuery.data?.data ?? []).filter((distribution) => itemById.has(distribution.contentItemId)),
+    [distributionsQuery.data, itemById]
+  );
+  const pagination = usePaginationState(PAGE_SIZE2, [pipeline.id], distributions.length);
+  const paginatedDistributions = distributions.slice(pagination.offset, pagination.offset + PAGE_SIZE2);
+  const isLoading = itemsQuery.isLoading || distributionsQuery.isLoading;
+  const error = itemsQuery.error ?? distributionsQuery.error;
+  const resolveIdentity = (distribution) => {
+    const item = itemById.get(distribution.contentItemId);
+    return item ? getContentItemIdentity(item) : distribution.contentItemId;
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
+  }
+  if (itemsQuery.isError || distributionsQuery.isError) {
+    return /* @__PURE__ */ jsx(CenteredErrorState, { error, title: `Failed to load ${distributionLabel}` });
+  }
+  if (distributions.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconShare,
+        title: `No ${distributionLabel} yet`,
+        description: `Nothing from this pipeline has been distributed anywhere yet.`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: contentConfig.vocabulary.item.singular }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Platform" }),
+        /* @__PURE__ */ jsx(Table.Th, { style: { whiteSpace: "nowrap" }, children: "Publish method" }),
+        /* @__PURE__ */ jsx(Table.Th, { style: { whiteSpace: "nowrap" }, children: "Platform post ID" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Metrics" }),
+        /* @__PURE__ */ jsx(Table.Th, { style: { whiteSpace: "nowrap" }, children: "Metrics updated" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Published" }),
+        /* @__PURE__ */ jsx(Table.Th, {})
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedDistributions.map((distribution) => {
+        const platformEntry = contentConfig.stageCatalog[distribution.platform];
+        const platformColors = getContentStageColor(platformEntry);
+        return /* @__PURE__ */ jsxs(
+          Table.Tr,
+          {
+            style: { cursor: "pointer" },
+            onClick: () => navigate({
+              to: "/content/distributions/$distributionId",
+              params: { distributionId: distribution.id }
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, lineClamp: 1, children: resolveIdentity(distribution) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  size: "sm",
+                  variant: "light",
+                  styles: { root: { color: platformColors.accent, backgroundColor: platformColors.background } },
+                  children: platformEntry?.label ?? distribution.platform
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: distribution.publishMethod ?? "\u2014" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "dimmed", children: distribution.platformPostId ?? "\u2014" }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: summarizeMetrics(distribution.metrics) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime(distribution.metricsUpdatedAt) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime(distribution.publishedAt) }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: distribution.platformUrl ? /* @__PURE__ */ jsx(
+                Anchor,
+                {
+                  href: distribution.platformUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: { display: "inline-flex" },
+                  onClick: (event) => event.stopPropagation(),
+                  children: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 })
+                }
+              ) : null })
+            ]
+          },
+          distribution.id
+        );
+      }) })
+    ] }),
+    distributions.length > PAGE_SIZE2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        value: pagination.page,
+        onChange: pagination.setPage,
+        total: pagination.totalPages(distributions.length),
+        size: "sm"
+      }
+    ) }) : null
+  ] });
+}
+function formatDateTime2(value) {
   return value ? new Date(value).toLocaleString() : "\u2014";
 }
 function formatDuration(startTime, endTime) {
@@ -1338,7 +1603,7 @@ function StepRunsSection({ step, resourceId }) {
       /* @__PURE__ */ jsx(Table.Tbody, { children: executions.map((execution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
         /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "dimmed", children: execution.id }) }),
         /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", styles: { root: { color: getStatusColor(execution.status) } }, children: execution.status }) }),
-        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime(execution.startTime) }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime2(execution.startTime) }) }),
         /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDuration(execution.startTime, execution.endTime) }) })
       ] }, execution.id)) })
     ] })
@@ -1348,19 +1613,18 @@ function RunsTab({ pipeline }) {
   const contentConfig = useContentConfig();
   return /* @__PURE__ */ jsx(Stack, { gap: "md", children: pipeline.steps.map((step) => /* @__PURE__ */ jsx(StepRunsSection, { step, resourceId: contentConfig.resolveStepResource(step)?.resourceId }, step.key)) });
 }
-var PIPELINE_WORKSPACE_TABS = ["overview", "sources", "produce", "runs"];
+var PIPELINE_WORKSPACE_TABS = ["board", "distributions", "runs"];
 function isPipelineWorkspaceTab(value) {
   return typeof value === "string" && PIPELINE_WORKSPACE_TABS.includes(value);
 }
 function ContentPipelineWorkspacePage({
   pipelineId,
-  headerActions,
-  renderProduce
+  headerActions
 }) {
   const navigate = useNavigate();
   const contentConfig = useContentConfig();
   const rawSearch = useSearch({ strict: false });
-  const activeTab = isPipelineWorkspaceTab(rawSearch.tab) ? rawSearch.tab : "overview";
+  const activeTab = isPipelineWorkspaceTab(rawSearch.tab) ? rawSearch.tab : "board";
   const handleTabChange = useCallback(
     (value) => {
       if (!isPipelineWorkspaceTab(value) || value === activeTab) return;
@@ -1373,7 +1637,7 @@ function ContentPipelineWorkspacePage({
     [activeTab, navigate]
   );
   const pipeline = contentConfig.pipelines.find((candidate) => candidate.id === pipelineId);
-  const statusEntries = contentConfig.stagesByCatalog.status ?? [];
+  const vocabulary = contentConfig.vocabulary;
   const backButton = /* @__PURE__ */ jsx(
     Button,
     {
@@ -1411,109 +1675,19 @@ function ContentPipelineWorkspacePage({
       }
     ),
     headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
-    /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
-      pipeline.steps.length,
-      " step(s)"
-    ] }) }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onChange: handleTabChange, keepMounted: false, children: [
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onChange: handleTabChange, keepMounted: false, children: [
       /* @__PURE__ */ jsxs(Tabs.List, { children: [
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "overview", leftSection: /* @__PURE__ */ jsx(IconLayoutGrid, { size: 14 }), children: "Overview" }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "sources", leftSection: /* @__PURE__ */ jsx(IconFolder, { size: 14 }), children: "Sources" }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "produce", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 14 }), children: "Produce" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "board", leftSection: /* @__PURE__ */ jsx(IconLayoutGrid, { size: 14 }), children: vocabulary.board }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "distributions", leftSection: /* @__PURE__ */ jsx(IconShare, { size: 14 }), children: vocabulary.distribution.plural }),
         /* @__PURE__ */ jsx(Tabs.Tab, { value: "runs", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), children: "Runs" })
       ] }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "overview", pt: "sm", children: /* @__PURE__ */ jsx(OverviewTab, { pipeline, statusEntries }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "sources", pt: "sm", children: /* @__PURE__ */ jsx(SourcesTab, {}) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "produce", pt: "sm", children: /* @__PURE__ */ jsx(ProduceTab, { pipeline, render: renderProduce }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "sm", children: /* @__PURE__ */ jsx(RunsTab, { pipeline }) })
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "board", pt: "md", children: /* @__PURE__ */ jsx(BoardTab, { pipeline }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "distributions", pt: "md", children: /* @__PURE__ */ jsx(DistributionsTab, { pipeline }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "md", children: /* @__PURE__ */ jsx(RunsTab, { pipeline }) })
     ] }) })
   ] }) }) });
 }
-function formatDateTime2(value) {
-  return new Date(value).toLocaleString();
-}
-function ContentSettingsPage({ headerActions } = {}) {
-  const contentConfig = useContentConfig();
-  const [selectedPipelineId, setSelectedPipelineId] = useState(void 0);
-  const pipelineId = selectedPipelineId ?? contentConfig.defaultPipelineId;
-  const pipelineOptions = useMemo(
-    () => contentConfig.pipelines.map((pipeline) => ({ value: pipeline.id, label: pipeline.label })),
-    [contentConfig.pipelines]
-  );
-  const artifactsQuery = useContentArtifacts({ pipelineId });
-  const artifactsByKind = useMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const artifact of artifactsQuery.artifacts) {
-      const existing = groups.get(artifact.kind) ?? [];
-      existing.push(artifact);
-      groups.set(artifact.kind, existing);
-    }
-    for (const [, entries] of groups) {
-      entries.sort((a, b) => b.version - a.version);
-    }
-    return groups;
-  }, [artifactsQuery.artifacts]);
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: "Rules and Artifacts",
-        caption: "Browse content: rules documents and their version history"
-      }
-    ),
-    headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
-    pipelineOptions.length === 0 ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: "No content pipelines are declared yet, so there is nothing to scope artifacts to." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Group, { gap: "xs", align: "flex-end", children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          label: "Pipeline",
-          data: pipelineOptions,
-          value: pipelineId ?? null,
-          onChange: (value) => setSelectedPipelineId(value ?? void 0),
-          allowDeselect: false,
-          w: 280
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Stack, { gap: "md", children: artifactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : artifactsQuery.isError ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "red", variant: "light", children: "Failed to load artifacts." }) : artifactsByKind.size === 0 ? /* @__PURE__ */ jsx(
-        EmptyState,
-        {
-          icon: IconFileText,
-          title: "No content: artifacts for this pipeline",
-          description: "Rules documents (idea banks, ICP docs, style guides) created through the artifacts tool will appear here, grouped by kind."
-        }
-      ) : [...artifactsByKind.entries()].map(([kind, versions]) => /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { fw: 600, children: kind }),
-          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
-            versions.length,
-            " version",
-            versions.length === 1 ? "" : "s"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Table, { children: [
-          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsx(Table.Th, { children: "Version" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Active" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Created" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Updated" }),
-            /* @__PURE__ */ jsx(Table.Th, { children: "Source execution" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Table.Tbody, { children: versions.map((artifact) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-            /* @__PURE__ */ jsxs(Table.Td, { children: [
-              "v",
-              artifact.version
-            ] }),
-            /* @__PURE__ */ jsx(Table.Td, { children: artifact.isActive ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Active" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-text-dimmed)", children: "Inactive" }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime2(artifact.createdAt) }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime2(artifact.updatedAt) }) }),
-            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: artifact.sourceExecutionId ?? "\u2014" }) })
-          ] }, artifact.id)) })
-        ] })
-      ] }, kind)) }) })
-    ] })
-  ] }) }) });
-}
-var PAGE_SIZE2 = 20;
+var PAGE_SIZE3 = 20;
 var QUERY_LIMIT = 100;
 function formatDate(value) {
   return value ? new Date(value).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : "\u2014";
@@ -1553,11 +1727,11 @@ function ContentDistributionsPage({ headerActions } = {}) {
     ...(contentConfig.stagesByCatalog.platform ?? []).map((entry) => ({ value: entry.key, label: entry.label }))
   ];
   const pagination = usePaginationState(
-    PAGE_SIZE2,
+    PAGE_SIZE3,
     [platformFilter, statusFilter, formatFilter],
     filteredDistributions.length
   );
-  const paginatedDistributions = filteredDistributions.slice(pagination.offset, pagination.offset + PAGE_SIZE2);
+  const paginatedDistributions = filteredDistributions.slice(pagination.offset, pagination.offset + PAGE_SIZE3);
   const resolveTitle = (distribution) => itemTitleById.get(distribution.contentItemId) ?? distribution.contentItemId;
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
@@ -1662,7 +1836,7 @@ function ContentDistributionsPage({ headerActions } = {}) {
           );
         }) })
       ] }),
-      filteredDistributions.length > PAGE_SIZE2 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      filteredDistributions.length > PAGE_SIZE3 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
@@ -2177,4 +2351,4 @@ function ContentDistributionDetailPage({
   ] });
 }
 
-export { AlternatesPanel, ContentDistributionDetailPage, ContentDistributionsPage, ContentItemReviewPage, ContentItemsPage, ContentOverviewPage, ContentPipelineWorkspacePage, ContentPipelinesPage, ContentReviewCard, ContentSettingsPage, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, resolveContentStepResource, swapFirstLine, swapLastLine, useContentConfig };
+export { AlternatesPanel, ContentDistributionDetailPage, ContentDistributionsPage, ContentItemReviewPage, ContentItemsPage, ContentOverviewPage, ContentPipelineWorkspacePage, ContentPipelinesPage, ContentReviewCard, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, swapFirstLine, swapLastLine };