@elevasis/ui 2.68.0 → 2.70.0

package/dist/features/content/index.js

@@ -0,0 +1,2312 @@
+import { PageContainer } from '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
+import { FilterBar } from '../../chunk-PDHTXPSF.js';
+import { CustomModal, useContentItems, useContentDistributions, useContentConfig, SubshellContentContainer, PageTitleCaption, CenteredErrorState, EmptyState, StatCard, getContentItemIdentity, usePaginationState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, useContentDistribution, useUpdateContentDistribution, useContentPipelineSummary, deriveContentBoard, useExecutions } from '../../chunk-6TT3FQEZ.js';
+export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, DEFAULT_CONTENT_VOCABULARY, MyReviewQueuePanel, contentManifest, deriveContentBoard, getContentItemIdentity, resolveContentStepResource, resolveContentVocabulary, useContentConfig } from '../../chunk-6TT3FQEZ.js';
+import '../../chunk-R6NMRXNO.js';
+import '../../chunk-RBGVNPA6.js';
+import '../../chunk-MKH2KOAO.js';
+import '../../chunk-VDX6DL7Z.js';
+import '../../chunk-L7BZZ4SI.js';
+import { showSuccessNotification } from '../../chunk-C75XWBYZ.js';
+import '../../chunk-MISHPEJX.js';
+import { CardHeader } from '../../chunk-62GVNH5U.js';
+import '../../chunk-P45GQ3ZW.js';
+import '../../chunk-M7WWRZ5Z.js';
+import '../../chunk-3KMDHCAR.js';
+import '../../chunk-2IFYDILW.js';
+import '../../chunk-BLXJEIQS.js';
+import '../../chunk-UD657ICS.js';
+import '../../chunk-DD3CCMCZ.js';
+import '../../chunk-RNP5R5I3.js';
+import '../../chunk-RT4KRGZT.js';
+import { formatTimeAgo, formatRelativeTime } from '../../chunk-NM4A63KJ.js';
+import '../../chunk-Y6I3IC45.js';
+import '../../chunk-6SSQGWK7.js';
+import '../../chunk-BI5VDO2K.js';
+import '../../chunk-MQZE7SUI.js';
+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, 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, Fragment as Fragment$1, useCallback, useEffect } from 'react';
+import { useNavigate, useSearch } from '@tanstack/react-router';
+import { useDisclosure } from '@mantine/hooks';
+
+function renderFieldValue(value, kind) {
+  if (value === void 0 || value === null || value === "") {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: "\u2014" });
+  }
+  if (kind === "list" && Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(Stack, { gap: 2, children: value.map((item, index) => /* @__PURE__ */ jsx(Text, { size: "sm", children: String(item) }, index)) });
+  }
+  return /* @__PURE__ */ jsx(Text, { size: "sm", lh: 1.5, style: { whiteSpace: kind === "longText" ? "pre-wrap" : void 0 }, children: String(value) });
+}
+function PayloadBody({
+  body,
+  onBodyChange,
+  originalBody,
+  onReset,
+  payload,
+  payloadFields,
+  disabled = false
+}) {
+  const edited = body !== originalBody;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", c: "var(--color-text-dimmed)", fw: 600, style: { letterSpacing: "0.06em" }, children: "Body" }),
+        edited && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", radius: "sm", children: "Edited" }),
+          /* @__PURE__ */ jsx(Button, { size: "compact-xs", variant: "subtle", color: "gray", onClick: onReset, disabled, children: "Reset" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          "data-testid": "content-review-body",
+          "aria-label": "Body",
+          value: body,
+          onChange: (event) => onBodyChange(event.currentTarget.value),
+          autosize: true,
+          minRows: 3,
+          disabled,
+          styles: {
+            input: {
+              background: "var(--color-surface)",
+              fontSize: "var(--mantine-font-size-sm)",
+              lineHeight: 1.65,
+              padding: "var(--mantine-spacing-md)"
+            }
+          }
+        }
+      )
+    ] }),
+    payload && payloadFields && payloadFields.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", c: "var(--color-text-dimmed)", fw: 600, style: { letterSpacing: "0.06em" }, children: "Original payload" }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          "data-testid": "content-review-payload",
+          p: "md",
+          style: {
+            background: "var(--color-surface)",
+            border: "1px solid var(--color-border)",
+            borderRadius: "var(--mantine-radius-sm)"
+          },
+          children: /* @__PURE__ */ jsx(Stack, { gap: "sm", children: payloadFields.map((field) => /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text-dimmed)", fw: 500, children: field.label }),
+            renderFieldValue(payload[field.key], field.kind)
+          ] }, field.key)) })
+        }
+      )
+    ] })
+  ] });
+}
+function formatElapsed(seconds) {
+  if (seconds < 60) return `${seconds}s`;
+  return `${Math.floor(seconds / 60)}m ${seconds % 60}s`;
+}
+var STATUS_COLOR = {
+  pending: void 0,
+  in_progress: void 0,
+  completed: "var(--color-success)",
+  failed: "var(--color-error)"
+};
+var STATUS_LABEL = {
+  pending: "Pending",
+  in_progress: "In progress",
+  completed: "Completed",
+  failed: "Failed"
+};
+function ProcessingStateStrip({ steps }) {
+  if (steps.length === 0) return null;
+  return /* @__PURE__ */ jsx(Group, { gap: "xs", "data-testid": "content-review-processing-strip", children: steps.map((step) => /* @__PURE__ */ jsx(
+    Badge,
+    {
+      size: "sm",
+      variant: "light",
+      color: STATUS_COLOR[step.status],
+      radius: "sm",
+      leftSection: step.status === "in_progress" ? /* @__PURE__ */ jsx(Loader, { size: 6 }) : void 0,
+      "data-testid": `content-review-step-${step.key}`,
+      children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, span: true, children: step.label }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", span: true, children: [
+          "\xB7 ",
+          STATUS_LABEL[step.status],
+          step.status === "in_progress" && step.elapsedSeconds !== void 0 ? ` (${formatElapsed(step.elapsedSeconds)})` : ""
+        ] })
+      ] })
+    },
+    step.key
+  )) });
+}
+function swapFirstLine(text, replacement) {
+  const lines = text.split("\n");
+  const at = lines.findIndex((line) => line.trim() !== "");
+  if (at === -1) return replacement;
+  lines[at] = replacement;
+  return lines.join("\n");
+}
+function swapLastLine(text, replacement) {
+  const lines = text.split("\n");
+  for (let at = lines.length - 1; at >= 0; at -= 1) {
+    if (lines[at].trim() !== "") {
+      lines[at] = replacement;
+      return lines.join("\n");
+    }
+  }
+  return replacement;
+}
+function firstLine(text) {
+  return text.split("\n").find((line) => line.trim() !== "")?.trim() ?? "";
+}
+function lastLine(text) {
+  return [...text.split("\n")].reverse().find((line) => line.trim() !== "")?.trim() ?? "";
+}
+function SwapOption({
+  line,
+  active,
+  onClick,
+  testId
+}) {
+  return /* @__PURE__ */ jsx(UnstyledButton, { "data-testid": testId, onClick, style: { width: "100%" }, children: /* @__PURE__ */ jsxs(
+    Group,
+    {
+      gap: "sm",
+      wrap: "nowrap",
+      align: "flex-start",
+      p: "sm",
+      style: {
+        border: `1px solid ${active ? "var(--color-primary)" : "var(--color-border)"}`,
+        borderRadius: "var(--mantine-radius-sm)",
+        background: active ? "color-mix(in srgb, var(--color-primary) 8%, transparent)" : void 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          IconArrowsExchange,
+          {
+            size: 15,
+            style: { flexShrink: 0, marginTop: 2, color: active ? "var(--color-primary)" : void 0 }
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "sm", lh: 1.5, children: line })
+      ]
+    }
+  ) });
+}
+function MoreOptionsButton({
+  label,
+  running,
+  elapsed,
+  onClick,
+  testId
+}) {
+  if (running) {
+    return /* @__PURE__ */ jsx(Group, { gap: "sm", align: "center", wrap: "nowrap", "data-testid": `${testId}-running`, children: /* @__PURE__ */ jsxs(Text, { size: "sm", c: "var(--color-text-dimmed)", children: [
+      "Fetching more. ",
+      formatElapsed(elapsed),
+      " so far."
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(UnstyledButton, { onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-primary)", children: label }) });
+}
+function AlternatesPanel({
+  body,
+  onBodyChange,
+  hookOptions = [],
+  closeOptions = [],
+  onMoreHooks,
+  onMoreCloses,
+  running,
+  elapsed = 0
+}) {
+  if (hookOptions.length === 0 && closeOptions.length === 0) return null;
+  const currentFirst = firstLine(body);
+  const currentLast = lastLine(body);
+  return /* @__PURE__ */ jsx(Accordion, { variant: "separated", radius: "sm", chevronPosition: "right", children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "alternates", children: [
+    /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Other openings and closes" }) }),
+    /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+      hookOptions.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "xs",
+            tt: "uppercase",
+            c: "var(--color-text-dimmed)",
+            fw: 600,
+            style: { letterSpacing: "0.06em" },
+            children: "Click one to become the first line"
+          }
+        ),
+        hookOptions.map((option) => /* @__PURE__ */ jsx(
+          SwapOption,
+          {
+            line: option.text,
+            active: currentFirst === option.text.trim(),
+            onClick: () => onBodyChange(swapFirstLine(body, option.text)),
+            testId: `content-review-hook-${option.id}`
+          },
+          option.id
+        )),
+        onMoreHooks && /* @__PURE__ */ jsx(
+          MoreOptionsButton,
+          {
+            label: "Show more openings",
+            running: running === "hooks",
+            elapsed,
+            onClick: onMoreHooks,
+            testId: "content-review-more-hooks"
+          }
+        )
+      ] }),
+      closeOptions.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "xs",
+            tt: "uppercase",
+            c: "var(--color-text-dimmed)",
+            fw: 600,
+            style: { letterSpacing: "0.06em" },
+            children: "Click one to become the last line"
+          }
+        ),
+        closeOptions.map((option) => /* @__PURE__ */ jsx(
+          SwapOption,
+          {
+            line: option.text,
+            active: currentLast === option.text.trim(),
+            onClick: () => onBodyChange(swapLastLine(body, option.text)),
+            testId: `content-review-close-${option.id}`
+          },
+          option.id
+        )),
+        onMoreCloses && /* @__PURE__ */ jsx(
+          MoreOptionsButton,
+          {
+            label: "Show more closes",
+            running: running === "closes",
+            elapsed,
+            onClick: onMoreCloses,
+            testId: "content-review-more-closes"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
+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);
+  const [feedback, setFeedback] = useState("");
+  function openAction(action) {
+    if (action.requiresFeedback) {
+      setFeedback("");
+      setFeedbackAction(action);
+    } else if (action.requiresConfirmation || isIrreversible(action)) {
+      setConfirmAction(action);
+    } else {
+      onAction(action.id);
+    }
+  }
+  function submitFeedback() {
+    if (!feedbackAction) return;
+    onAction(feedbackAction.id, feedback);
+    setFeedbackAction(null);
+    setFeedback("");
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Group, { gap: "xs", children: actions.map((action) => {
+      const Icon = action.icon;
+      const irreversible = isIrreversible(action);
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          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,
+          onClick: () => openAction(action),
+          size: "xs",
+          radius: "xs",
+          "data-testid": `content-review-action-${action.id}`,
+          children: action.label
+        },
+        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,
+          {
+            variant: isIrreversible(confirmAction) ? "filled" : void 0,
+            color: resolveActionColor(confirmAction),
+            onClick: () => {
+              if (confirmAction) onAction(confirmAction.id);
+              setConfirmAction(null);
+            },
+            children: confirmAction?.label
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__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,
+        {
+          "data-testid": "content-review-feedback-input",
+          label: feedbackAction?.feedbackLabel || "Feedback",
+          placeholder: feedbackAction?.feedbackPlaceholder,
+          value: feedback,
+          onChange: (event) => setFeedback(event.currentTarget.value),
+          autosize: true,
+          minRows: 3
+        }
+      ),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setFeedbackAction(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            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",
+            children: feedbackAction?.label
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function ContentReviewCard({
+  title,
+  body,
+  onBodyChange,
+  originalBody,
+  onReset,
+  payload,
+  payloadFields,
+  fidelity,
+  checkFirst,
+  hookOptions,
+  closeOptions,
+  onMoreHooks,
+  onMoreCloses,
+  alternatesRunning,
+  alternatesElapsed,
+  processingSteps = [],
+  actions,
+  onAction,
+  actionsPending = false
+}) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", padding: "xl", "data-testid": "content-review-card", children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+    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,
+      {
+        icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+        color: "var(--color-error)",
+        variant: "light",
+        title: "This one did not pass the fact check",
+        "data-testid": "content-review-fidelity-alert",
+        children: /* @__PURE__ */ jsx(Text, { size: "sm", children: "Open Fact check below to see what is off, or send this item back for another pass." })
+      }
+    ),
+    checkFirst && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+        color: "var(--color-warning)",
+        variant: "light",
+        title: "One claim here is yours to verify",
+        "data-testid": "content-review-check-first",
+        children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: checkFirst }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: "The producer could not check this one. Confirm it is true before this goes out." })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PayloadBody,
+      {
+        body,
+        onBodyChange,
+        originalBody,
+        onReset,
+        payload,
+        payloadFields,
+        disabled: actionsPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AlternatesPanel,
+      {
+        body,
+        onBodyChange,
+        hookOptions,
+        closeOptions,
+        onMoreHooks,
+        onMoreCloses,
+        running: alternatesRunning,
+        elapsed: alternatesElapsed
+      }
+    ),
+    fidelity && /* @__PURE__ */ jsx(Accordion, { variant: "separated", radius: "sm", chevronPosition: "right", children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "fidelity", children: [
+      /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        fidelity.matches ? /* @__PURE__ */ jsx(IconShieldCheck, { size: 16, color: "var(--color-success)" }) : /* @__PURE__ */ jsx(IconShieldX, { size: 16, color: "var(--color-error)" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "Fact check" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        fidelity.coreClaim && /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "xs",
+              tt: "uppercase",
+              c: "var(--color-text-dimmed)",
+              fw: 600,
+              style: { letterSpacing: "0.06em" },
+              children: "What this item claims"
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: fidelity.coreClaim })
+        ] }),
+        /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "xs",
+              tt: "uppercase",
+              c: "var(--color-text-dimmed)",
+              fw: 600,
+              style: { letterSpacing: "0.06em" },
+              children: "Where the numbers came from"
+            }
+          ),
+          !fidelity.figuresUsed || fidelity.figuresUsed.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: "This item uses no numbers." }) : /* @__PURE__ */ jsx(List, { size: "sm", spacing: 4, children: fidelity.figuresUsed.map((figure) => /* @__PURE__ */ jsx(List.Item, { children: figure }, figure)) })
+        ] }),
+        fidelity.note && /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "xs",
+              tt: "uppercase",
+              c: "var(--color-text-dimmed)",
+              fw: 600,
+              style: { letterSpacing: "0.06em" },
+              children: "Notes"
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", children: fidelity.note })
+        ] })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ReviewActionBar, { actions, onAction, pending: actionsPending })
+  ] }) });
+}
+
+// src/lib/content/stage-colors.ts
+var FALLBACK_CONTENT_STAGE_COLORS = {
+  accent: "var(--color-text-dimmed)",
+  background: "color-mix(in srgb, var(--color-text-dimmed) 10%, transparent)",
+  border: "color-mix(in srgb, var(--color-border) 85%, var(--color-text-dimmed))",
+  text: "var(--color-text)"
+};
+function getContentStageColor(entry) {
+  if (!entry?.color) return FALLBACK_CONTENT_STAGE_COLORS;
+  return {
+    accent: entry.color,
+    background: `color-mix(in srgb, ${entry.color} 12%, transparent)`,
+    border: `color-mix(in srgb, var(--color-border) 70%, ${entry.color})`,
+    text: "var(--color-text)"
+  };
+}
+var OVERVIEW_ITEMS_LIMIT = 100;
+var RECENT_ITEMS_LIMIT = 8;
+function ContentOverviewPage({ headerActions, footer } = {}) {
+  const navigate = useNavigate();
+  const itemsQuery = useContentItems({ limit: OVERVIEW_ITEMS_LIMIT });
+  const distributionsQuery = useContentDistributions({ limit: OVERVIEW_ITEMS_LIMIT });
+  const contentConfig = useContentConfig();
+  const items = itemsQuery.data?.data ?? [];
+  const statusEntries = contentConfig.stagesByCatalog.status ?? [];
+  const statusCounts = useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const item of items) {
+      counts.set(item.status, (counts.get(item.status) ?? 0) + 1);
+    }
+    return counts;
+  }, [items]);
+  const pendingReviewCount = items.filter((item) => item.reviewedAt === null).length;
+  const totalItems = itemsQuery.data?.total ?? items.length;
+  const totalDistributions = distributionsQuery.data?.data.length ?? 0;
+  const recentItems = useMemo(
+    () => [...items].sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()).slice(0, RECENT_ITEMS_LIMIT),
+    [items]
+  );
+  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: `${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 ${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 ${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: 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: `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(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(
+            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: 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) => {
+              const statusEntry = contentConfig.stageCatalog[item.status];
+              return /* @__PURE__ */ jsxs(
+                Table.Tr,
+                {
+                  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: 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" }) })
+                  ]
+                },
+                item.id
+              );
+            }) })
+          ] })
+        ] }) })
+      ] })
+    ] }) }),
+    footer ?? null
+  ] });
+}
+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, reviewFilterActive]);
+  const itemsQuery = useContentItems({
+    search: searchQuery.trim() || void 0,
+    status: statusFilter || void 0,
+    pillar: pillarFilter || void 0,
+    limit: PAGE_SIZE,
+    offset: pagination.offset
+  });
+  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" },
+    ...(contentConfig.stagesByCatalog.status ?? []).map((entry) => ({ value: entry.key, label: entry.label }))
+  ];
+  const pillarOptions = [
+    { value: "", label: "All pillars" },
+    ...(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: 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: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Search by title...",
+            leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+            value: searchQuery,
+            onChange: (event) => setSearchQuery(event.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All statuses",
+            data: statusOptions,
+            value: statusFilter,
+            onChange: (value) => setStatusFilter(value ?? ""),
+            clearable: true,
+            size: "sm",
+            w: 180
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All pillars",
+            data: pillarOptions,
+            value: pillarFilter,
+            onChange: (value) => setPillarFilter(value ?? ""),
+            clearable: true,
+            size: "sm",
+            w: 180
+          }
+        )
+      ] }),
+      itemsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : itemsQuery.isError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: itemsQuery.error, title: "Failed to load content items" }) : items.length === 0 ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconFileText,
+          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: contentConfig.vocabulary.item.singular }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Pillar" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Reviewed" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Updated" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: items.map((item) => {
+          const statusEntry = contentConfig.stageCatalog[item.status];
+          const pillarEntry = item.pillar ? contentConfig.stageCatalog[item.pillar] : void 0;
+          const statusColors = getContentStageColor(statusEntry);
+          return /* @__PURE__ */ jsxs(
+            Table.Tr,
+            {
+              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: getContentItemIdentity(item) }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    size: "sm",
+                    variant: "light",
+                    styles: {
+                      root: { color: statusColors.accent, backgroundColor: statusColors.background }
+                    },
+                    children: statusEntry?.label ?? item.status
+                  }
+                ) }),
+                /* @__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: formatRelativeTime(item.updatedAt) }) })
+              ]
+            },
+            item.id
+          );
+        }) })
+      ] }),
+      total > PAGE_SIZE && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(total),
+          size: "sm"
+        }
+      ) })
+    ] }) })
+  ] }) }) });
+}
+
+// src/lib/content/processing-state.ts
+function mapContentStepStatus(status) {
+  if (status === void 0) return "pending";
+  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)
+  }));
+}
+
+// src/lib/content/payload-text.ts
+function toDisplayKind(type) {
+  if (type === "text") return "longText";
+  if (type === "string-array") return "list";
+  return "text";
+}
+function getPrimaryPayloadTextField(payloadFields) {
+  if (!payloadFields || payloadFields.length === 0) return void 0;
+  return payloadFields.find((field) => field.type === "text") ?? payloadFields.find((field) => field.type === "string");
+}
+function getPayloadText(payload, fieldKey) {
+  if (!fieldKey || !payload || typeof payload !== "object") return "";
+  const value = payload[fieldKey];
+  return typeof value === "string" ? value : "";
+}
+function getPipelinePayloadFields(pipelineSteps) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const step of pipelineSteps) {
+    for (const field of step.payloadFields) {
+      if (!seen.has(field.key)) seen.set(field.key, field);
+    }
+  }
+  return [...seen.values()];
+}
+function toPayloadDisplayFields(fields, payload) {
+  if (!payload || typeof payload !== "object") return [];
+  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_QUEUE_FETCH_LIMIT = 100;
+function buildReviewActions(isTerminalPipeline) {
+  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: isTerminalPipeline ? "Approve this item? There is no further pipeline step -- this is the last internal gate before it is published." : "Approve this item? It moves on to the next pipeline step.",
+      consequence: isTerminalPipeline ? "irreversible" : "standard"
+    },
+    {
+      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
+    }
+  ];
+}
+function DistributionMetricsCell({ metrics }) {
+  const entries = metrics && typeof metrics === "object" ? Object.entries(metrics) : [];
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "\u2014" });
+  }
+  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) });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: 2, children: entries.map(([key, value]) => /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", justify: "space-between", children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { overflowWrap: "anywhere" }, children: key }),
+    /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", style: { overflowWrap: "anywhere" }, children: String(value) })
+  ] }, key)) });
+}
+function ContentItemReviewPage({ itemId, headerActions }) {
+  const navigate = useNavigate();
+  const itemQuery = useContentItem(itemId);
+  const attemptsQuery = useContentItemAttempts(itemId);
+  const distributionsQuery = useContentDistributions({ contentItemId: itemId });
+  const contentConfig = useContentConfig();
+  const updateItem = useUpdateContentItem();
+  const reviewItem = useReviewContentItem();
+  const [viewingAttemptId, setViewingAttemptId] = useState(null);
+  const [body, setBody] = useState("");
+  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 reviewActions = useMemo(() => buildReviewActions(isTerminalPipeline), [isTerminalPipeline]);
+  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]
+  );
+  const processingSteps = useMemo(
+    () => 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,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/content/items" }),
+      children: "Items"
+    }
+  );
+  if (itemQuery.isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Item Review",
+          caption: "Review, edit, and approve or reject a content item",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (itemQuery.isError || !item) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Item Review",
+          caption: "Review, edit, and approve or reject a content item",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error: itemQuery.error, title: "Failed to load content item" }) })
+    ] }) }) });
+  }
+  const isDirty = body !== (item.body ?? originalBody);
+  const attempts = attemptsQuery.data?.data ?? [];
+  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 } });
+  };
+  const handleSave = async () => {
+    await persistBodyIfDirty();
+    showSuccessNotification("Saved");
+  };
+  const handleAction = async (actionId, feedback) => {
+    await persistBodyIfDirty();
+    if (actionId === "approved") {
+      const note = feedback?.trim();
+      await reviewItem.mutateAsync({
+        itemId: item.id,
+        review: { decision: "approved", reviewerFeedback: note ? note : void 0 }
+      });
+      showSuccessNotification("Item approved");
+    } else if (actionId === "rejected") {
+      await reviewItem.mutateAsync({ itemId: item.id, review: { decision: "rejected", rejectReason: feedback ?? "" } });
+      showSuccessNotification("Item rejected");
+    }
+    goToNextInQueue();
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: identity }),
+      headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+      /* @__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 }),
+          /* @__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__ */ 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
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ContentReviewCard,
+        {
+          reviewMode: "live",
+          body,
+          onBodyChange: setBody,
+          originalBody: savedBody,
+          onReset: () => setBody(savedBody),
+          payload: item.payload,
+          payloadFields: displayPayloadFields,
+          processingSteps: visibleProcessingSteps,
+          actions: reviewActions,
+          onAction: handleAction,
+          actionsPending: isSaving
+        }
+      ),
+      item.reviewerFeedback && /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, children: "Reviewer feedback" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", children: item.reviewerFeedback })
+      ] }) }),
+      item.rejectReason && /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-error)", fw: 600, children: "Reject reason" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", children: item.rejectReason })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Attempt History" }),
+        attempts.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No recorded attempts." }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Attempt" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Created" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Source Execution" }),
+            /* @__PURE__ */ jsx(Table.Th, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: attempts.map((attempt) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              "#",
+              attempt.attemptNumber
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: attempt.stepKey ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: new Date(attempt.createdAt).toLocaleString() }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ff: "monospace", children: attempt.sourceExecutionId ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Button, { size: "compact-xs", variant: "subtle", onClick: () => setViewingAttemptId(attempt.id), children: "View payload" }) })
+          ] }, attempt.id)) })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Attempt numbers count per item, not per step, so several attempts can share a step. Rows recorded before 2026-08-12 predate the step column and show no step." })
+      ] }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Distributions" }),
+        distributions.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No distributions yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Platform" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Publish Method" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Platform Post" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Metrics" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Metrics Updated" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: distributions.map((distribution) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: distribution.platform }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: distribution.status }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: distribution.publishMethod ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: distribution.platformUrl ? /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "sm",
+                component: "a",
+                href: distribution.platformUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                c: "var(--color-primary)",
+                children: distribution.platformPostId ?? distribution.platformUrl
+              }
+            ) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: distribution.platformPostId ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { style: { maxWidth: 220 }, children: /* @__PURE__ */ jsx(DistributionMetricsCell, { metrics: distribution.metrics }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: distribution.metricsUpdatedAt ? new Date(distribution.metricsUpdatedAt).toLocaleString() : "\u2014" }) })
+          ] }, distribution.id)) })
+        ] })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: !!viewingAttempt, onClose: () => setViewingAttemptId(null), size: "lg", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+        "Attempt #",
+        viewingAttempt?.attemptNumber,
+        " payload"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", style: { whiteSpace: "pre-wrap", maxHeight: 400, overflowY: "auto" }, children: viewingAttempt ? JSON.stringify(viewingAttempt.payload, null, 2) : "" })
+    ] }) })
+  ] });
+}
+function formatLastRun(lastRunAt) {
+  return lastRunAt ? new Date(lastRunAt).toLocaleString() : "Never";
+}
+function PipelineRow({
+  pipeline,
+  statusEntries
+}) {
+  const navigate = useNavigate();
+  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(
+    Table.Tr,
+    {
+      style: { cursor: "pointer" },
+      onClick: () => navigate({ to: "/content/pipelines/$pipelineId", params: { pipelineId: pipeline.id } }),
+      children: [
+        /* @__PURE__ */ jsxs(Table.Td, { children: [
+          /* @__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: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: summary.isLoading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : formatLastRun(summary.lastRunAt) }) })
+      ]
+    }
+  );
+}
+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: 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: contentConfig.pipelines.length === 0 ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconListDetails,
+        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: 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)) })
+    ] }) })
+  ] }) }) });
+}
+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();
+  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(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 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 BoardTab({ pipeline }) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  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: [
+    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,
+      {
+        title: "Done",
+        description: "Every declared step has succeeded for these.",
+        cards: board.done,
+        onOpen: openItem
+      }
+    ) : 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 })
+  ] });
+}
+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) {
+  if (!endTime) return "Running";
+  const ms = endTime - startTime;
+  if (ms < 1e3) return `${ms} ms`;
+  const seconds = ms / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  return `${Math.floor(seconds / 60)}m ${Math.round(seconds % 60)}s`;
+}
+function getStatusColor(status) {
+  switch (status) {
+    case "completed":
+    case "success":
+      return "var(--color-success)";
+    case "running":
+    case "pending":
+      return "var(--color-primary)";
+    case "failed":
+    case "error":
+      return "var(--color-error)";
+    default:
+      return "var(--color-text-dimmed)";
+  }
+}
+function StepRunsSection({ step, resourceId }) {
+  const executionsQuery = useExecutions(resourceId ?? "", void 0, 20);
+  const executions = executionsQuery.data?.executions ?? [];
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx(CardHeader, { title: step.label, subtitle: resourceId ? resourceId : "No resource configured for this step" }),
+    !resourceId ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This step declares no resolvable resource, so it has no execution history to show." }) : executionsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "sm", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : executions.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No runs recorded for this step yet." }) : /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: "Execution" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Started" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Duration" })
+      ] }) }),
+      /* @__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: formatDateTime2(execution.startTime) }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDuration(execution.startTime, execution.endTime) }) })
+      ] }, execution.id)) })
+    ] })
+  ] }) });
+}
+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 = ["board", "distributions", "runs"];
+function isPipelineWorkspaceTab(value) {
+  return typeof value === "string" && PIPELINE_WORKSPACE_TABS.includes(value);
+}
+function ContentPipelineWorkspacePage({
+  pipelineId,
+  headerActions
+}) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  const rawSearch = useSearch({ strict: false });
+  const activeTab = isPipelineWorkspaceTab(rawSearch.tab) ? rawSearch.tab : "board";
+  const handleTabChange = useCallback(
+    (value) => {
+      if (!isPipelineWorkspaceTab(value) || value === activeTab) return;
+      void navigate({
+        to: ".",
+        search: ((current) => ({ ...current, tab: value })),
+        replace: false
+      });
+    },
+    [activeTab, navigate]
+  );
+  const pipeline = contentConfig.pipelines.find((candidate) => candidate.id === pipelineId);
+  const vocabulary = contentConfig.vocabulary;
+  const backButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/content/pipelines" }),
+      children: "Pipelines"
+    }
+  );
+  if (!pipeline) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: "Pipeline Not Found",
+          caption: "The requested content pipeline is unavailable.",
+          rightSection: backButton
+        }
+      ),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 240, children: /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: [
+        'No pipeline named "',
+        pipelineId,
+        '" is declared on the content System.'
+      ] }) }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: pipeline.label,
+        caption: pipeline.description ?? "Content pipeline configuration, production, and run history",
+        rightSection: backButton
+      }
+    ),
+    headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+    /* @__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: "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: "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 }) })
+    ] }) })
+  ] }) }) });
+}
+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";
+}
+function ContentDistributionsPage({ headerActions } = {}) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  const [platformFilter, setPlatformFilter] = useState("");
+  const [statusFilter, setStatusFilter] = useState("");
+  const [formatFilter, setFormatFilter] = useState("");
+  const distributionsQuery = useContentDistributions({ limit: QUERY_LIMIT });
+  const itemsQuery = useContentItems({ limit: 100 });
+  const itemTitleById = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of itemsQuery.data?.data ?? []) {
+      map.set(item.id, item.title);
+    }
+    return map;
+  }, [itemsQuery.data]);
+  const distributions = distributionsQuery.data?.data ?? [];
+  const formatOptions = useMemo(() => {
+    const formats = new Set(distributions.map((distribution) => distribution.format));
+    return [...formats].sort().map((format) => ({ value: format, label: format }));
+  }, [distributions]);
+  const statusOptions = useMemo(() => {
+    const statuses = new Set(distributions.map((distribution) => distribution.status));
+    return [...statuses].sort().map((status) => ({ value: status, label: status }));
+  }, [distributions]);
+  const filteredDistributions = useMemo(
+    () => distributions.filter(
+      (distribution) => (!platformFilter || distribution.platform === platformFilter) && (!formatFilter || distribution.format === formatFilter) && (!statusFilter || distribution.status === statusFilter)
+    ),
+    [distributions, platformFilter, formatFilter, statusFilter]
+  );
+  const platformOptions = [
+    { value: "", label: "All platforms" },
+    ...(contentConfig.stagesByCatalog.platform ?? []).map((entry) => ({ value: entry.key, label: entry.label }))
+  ];
+  const pagination = usePaginationState(
+    PAGE_SIZE3,
+    [platformFilter, statusFilter, formatFilter],
+    filteredDistributions.length
+  );
+  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(
+      PageTitleCaption,
+      {
+        title: "Distributions",
+        caption: "Per-platform content distribution tracking, including publish method and platform metrics"
+      }
+    ),
+    headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(FilterBar, { children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All platforms",
+            data: platformOptions,
+            value: platformFilter,
+            onChange: (value) => setPlatformFilter(value ?? ""),
+            clearable: true,
+            size: "sm",
+            w: 180
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All formats",
+            data: formatOptions,
+            value: formatFilter,
+            onChange: (value) => setFormatFilter(value ?? ""),
+            clearable: true,
+            size: "sm",
+            w: 180
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            placeholder: "All statuses",
+            data: statusOptions,
+            value: statusFilter,
+            onChange: (value) => setStatusFilter(value ?? ""),
+            clearable: true,
+            size: "sm",
+            w: 160
+          }
+        )
+      ] }),
+      distributionsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : distributionsQuery.isError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: distributionsQuery.error, title: "Failed to load distributions" }) : paginatedDistributions.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { icon: IconShare, title: "No distributions found" }) : /* @__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: "Platform" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Format" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Publish Method" }),
+          /* @__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, { fw: 500, size: "sm", children: resolveTitle(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", children: distribution.format }) }),
+                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: distribution.status }) }),
+                /* @__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: "sm", c: "dimmed", children: formatDate(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 })
+                  }
+                ) })
+              ]
+            },
+            distribution.id
+          );
+        }) })
+      ] }),
+      filteredDistributions.length > PAGE_SIZE3 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(filteredDistributions.length),
+          size: "sm"
+        }
+      ) })
+    ] }) })
+  ] }) }) });
+}
+function formatDateTime3(value) {
+  return value ? new Date(value).toLocaleString() : "\u2014";
+}
+function toChecklist(value) {
+  if (!Array.isArray(value)) return [];
+  return value.filter(
+    (item) => !!item && typeof item === "object" && typeof item.key === "string"
+  );
+}
+function getChecklistProgress(checklist) {
+  if (checklist.length === 0) return { done: 0, total: 0, pct: 0 };
+  const done = checklist.filter((item) => item.done).length;
+  return { done, total: checklist.length, pct: Math.round(done / checklist.length * 100) };
+}
+function MetricsDisplay({ metrics }) {
+  if (!metrics || typeof metrics !== "object" || Object.keys(metrics).length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No metrics recorded yet." });
+  }
+  const entries = Object.entries(metrics);
+  const isFlat = entries.every(([, value]) => value === null || typeof value !== "object");
+  if (!isFlat) {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: JSON.stringify(metrics, null, 2) });
+  }
+  return /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", verticalSpacing: "sm", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs(Group, { children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: key }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", children: String(value) })
+  ] }, key)) });
+}
+function ContentDistributionDetailPage({
+  distributionId,
+  headerActions
+}) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  const distributionQuery = useContentDistribution(distributionId);
+  const dist = distributionQuery.data;
+  const itemQuery = useContentItem(dist?.contentItemId);
+  const updateDistribution = useUpdateContentDistribution();
+  const [platformContent, setPlatformContent] = useState({});
+  const [platformUrl, setPlatformUrl] = useState("");
+  const [status, setStatus] = useState("");
+  const [mediaOpened, { open: openMedia, close: closeMedia }] = useDisclosure(false);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  useEffect(() => {
+    setPlatformUrl(dist?.platformUrl ?? "");
+    setStatus(dist?.status ?? "");
+    setPlatformContent(dist?.platformContent ?? {});
+  }, [dist?.id]);
+  const backButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/content/distributions" }),
+      children: "Distributions"
+    }
+  );
+  if (distributionQuery.isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Distribution", caption: "Loading distribution", rightSection: backButton }),
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
+    ] }) }) });
+  }
+  if (distributionQuery.isError || !dist) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Distribution", caption: "Distribution not found", rightSection: backButton }),
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: distributionQuery.isError ? /* @__PURE__ */ jsx(CenteredErrorState, { error: distributionQuery.error, title: "Failed to load distribution" }) : /* @__PURE__ */ jsx(EmptyState, { icon: IconFileText, title: "Distribution not found" }) })
+    ] }) }) });
+  }
+  const contentItem = itemQuery.data;
+  const contentTitle = contentItem?.title ?? dist.contentItemId;
+  const checklist = toChecklist(dist.checklist);
+  const checklistProgress = getChecklistProgress(checklist);
+  const mediaUrls = dist.mediaUrls ?? [];
+  const platformEntry = contentConfig.stageCatalog[dist.platform];
+  const platformColors = getContentStageColor(platformEntry);
+  const pillarEntry = contentItem?.pillar ? contentConfig.stageCatalog[contentItem.pillar] : void 0;
+  const isPlatformContentDirty = JSON.stringify(platformContent) !== JSON.stringify(dist.platformContent ?? {});
+  const patch = (updates) => {
+    updateDistribution.mutate({ distributionId, updates });
+  };
+  const updatePlatformField = (field, value) => {
+    setPlatformContent((prev) => ({ ...prev, [field]: value }));
+  };
+  const toggleChecklistItem = (key) => {
+    const nextChecklist = checklist.map((item) => item.key === key ? { ...item, done: !item.done } : item);
+    patch({ checklist: nextChecklist });
+  };
+  const deleteMedia = (url) => {
+    patch({ mediaUrls: mediaUrls.filter((existing) => existing !== url) });
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsx(
+          PageTitleCaption,
+          {
+            title: `${platformEntry?.label ?? dist.platform} \xB7 ${dist.format}`,
+            caption: `Distribution for "${contentTitle}"`,
+            rightSection: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+              contentItem ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "light",
+                  size: "xs",
+                  onClick: () => navigate({ to: "/content/items/$itemId", params: { itemId: contentItem.id } }),
+                  children: contentTitle
+                }
+              ) : null,
+              backButton
+            ] })
+          }
+        ),
+        headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "sm",
+              variant: "light",
+              styles: { root: { color: platformColors.accent, backgroundColor: platformColors.background } },
+              children: platformEntry?.label ?? dist.platform
+            }
+          ),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: dist.status }),
+          pillarEntry ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", children: pillarEntry.label }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Details" }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", verticalSpacing: "sm", children: [
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Platform" }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "sm",
+                variant: "light",
+                styles: { root: { color: platformColors.accent, backgroundColor: platformColors.background } },
+                children: platformEntry?.label ?? dist.platform
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Format" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: dist.format })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Status" }),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                size: "xs",
+                value: status,
+                onChange: (event) => setStatus(event.currentTarget.value),
+                style: { flex: 1 },
+                onBlur: () => {
+                  const value = status.trim();
+                  if (value && value !== dist.status) {
+                    const updates = { status: value };
+                    if (value === "published" && !dist.publishedAt) {
+                      updates.publishedAt = (/* @__PURE__ */ new Date()).toISOString();
+                    }
+                    patch(updates);
+                  }
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") event.currentTarget.blur();
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Publish Method" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: dist.publishMethod ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Platform Post ID" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: dist.platformPostId ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Published" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateTime3(dist.publishedAt) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Created" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateTime3(dist.createdAt) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Updated" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDateTime3(dist.updatedAt) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "URL" }),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                size: "xs",
+                placeholder: "https://...",
+                value: platformUrl,
+                onChange: (event) => setPlatformUrl(event.currentTarget.value),
+                style: { flex: 1 },
+                onBlur: () => {
+                  const value = platformUrl.trim();
+                  if (value !== (dist.platformUrl ?? "")) {
+                    patch({ platformUrl: value || null });
+                  }
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") event.currentTarget.blur();
+                },
+                rightSection: dist.platformUrl ? /* @__PURE__ */ jsx(Anchor, { href: dist.platformUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }) }) : void 0
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 3, children: "Metrics" }),
+          dist.metricsUpdatedAt ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Updated ",
+            formatDateTime3(dist.metricsUpdatedAt)
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(MetricsDisplay, { metrics: dist.metrics })
+      ] }) }),
+      checklist.length > 0 ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 3, children: "Checklist" }),
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Progress, { value: checklistProgress.pct, size: "sm", w: 80 }),
+            /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+              checklistProgress.done,
+              "/",
+              checklistProgress.total,
+              " (",
+              checklistProgress.pct,
+              "%)"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", verticalSpacing: "sm", children: checklist.map((item) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            label: item.label,
+            checked: item.done,
+            onChange: () => toggleChecklistItem(item.key),
+            disabled: updateDistribution.isPending,
+            size: "sm"
+          },
+          item.key
+        )) })
+      ] }) }) : null,
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 3, children: "Platform Content" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              disabled: !isPlatformContentDirty,
+              loading: updateDistribution.isPending,
+              onClick: () => patch({ platformContent }),
+              children: "Save"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Title",
+            value: platformContent.title ?? "",
+            onChange: (event) => updatePlatformField("title", event.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Description",
+            autosize: true,
+            minRows: 2,
+            value: platformContent.description ?? "",
+            onChange: (event) => updatePlatformField("description", event.currentTarget.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TagsInput,
+          {
+            label: "Tags",
+            value: platformContent.tags ?? [],
+            onChange: (value) => updatePlatformField("tags", value)
+          }
+        ),
+        dist.platform === "youtube" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            TagsInput,
+            {
+              label: "Timestamps",
+              placeholder: "0:00 Intro",
+              value: platformContent.timestamps ?? [],
+              onChange: (value) => updatePlatformField("timestamps", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "End Screen Video ID",
+              value: platformContent.endScreenVideoId ?? "",
+              onChange: (event) => updatePlatformField("endScreenVideoId", event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Pinned Comment",
+              autosize: true,
+              minRows: 2,
+              value: platformContent.pinnedComment ?? "",
+              onChange: (event) => updatePlatformField("pinnedComment", event.currentTarget.value)
+            }
+          )
+        ] }),
+        dist.platform === "linkedin" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Hook",
+              autosize: true,
+              minRows: 2,
+              value: platformContent.hook ?? "",
+              onChange: (event) => updatePlatformField("hook", event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagsInput,
+            {
+              label: "Hashtags",
+              value: platformContent.hashtags ?? [],
+              onChange: (value) => updatePlatformField("hashtags", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "First Comment",
+              autosize: true,
+              minRows: 2,
+              value: platformContent.firstComment ?? "",
+              onChange: (event) => updatePlatformField("firstComment", event.currentTarget.value)
+            }
+          )
+        ] }),
+        dist.platform === "instagram" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Alt Text",
+              autosize: true,
+              minRows: 2,
+              value: platformContent.altText ?? "",
+              onChange: (event) => updatePlatformField("altText", event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagsInput,
+            {
+              label: "Hashtags",
+              value: platformContent.hashtags ?? [],
+              onChange: (value) => updatePlatformField("hashtags", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "Story Link",
+              value: platformContent.storyLink ?? "",
+              onChange: (event) => updatePlatformField("storyLink", event.currentTarget.value)
+            }
+          )
+        ] }),
+        dist.platform === "x" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "Hook Tweet",
+              autosize: true,
+              minRows: 2,
+              value: platformContent.hookTweet ?? "",
+              onChange: (event) => updatePlatformField("hookTweet", event.currentTarget.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagsInput,
+            {
+              label: "Thread Tweets",
+              value: platformContent.threadTweets ?? [],
+              onChange: (value) => updatePlatformField("threadTweets", value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "Reply Thread",
+              value: platformContent.replyThread ?? "",
+              onChange: (event) => updatePlatformField("replyThread", event.currentTarget.value)
+            }
+          )
+        ] })
+      ] }) }),
+      dist.adaptedBody ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Adapted Content" }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: dist.adaptedBody }) })
+      ] }) }) : null,
+      contentItem ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Source Content" }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Title" }),
+          /* @__PURE__ */ jsx(
+            Anchor,
+            {
+              onClick: () => navigate({ to: "/content/items/$itemId", params: { itemId: contentItem.id } }),
+              size: "sm",
+              style: { cursor: "pointer" },
+              children: contentItem.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Pillar" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: pillarEntry?.label ?? contentItem.pillar ?? "\u2014" })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Status" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: contentConfig.stageCatalog[contentItem.status]?.label ?? contentItem.status })
+        ] })
+      ] }) }) : null,
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 3, children: "Media" }),
+          mediaUrls.length > 0 ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            mediaUrls.length,
+            " image",
+            mediaUrls.length !== 1 ? "s" : ""
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        mediaUrls.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No media yet." }) : /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, xs: 2, sm: 3 }, spacing: "sm", children: mediaUrls.map((url, index) => /* @__PURE__ */ jsxs(Card, { withBorder: true, radius: "md", style: { overflow: "hidden" }, children: [
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: url,
+              alt: `Media variant ${index + 1}`,
+              w: "100%",
+              radius: "sm",
+              style: { cursor: "pointer" },
+              onClick: () => {
+                setPreviewUrl(url);
+                openMedia();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(Group, { gap: 4, p: 6, justify: "flex-end", children: [
+            /* @__PURE__ */ jsx(Tooltip, { label: "View full size", children: /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                size: "sm",
+                onClick: () => {
+                  setPreviewUrl(url);
+                  openMedia();
+                },
+                children: /* @__PURE__ */ jsx(IconMaximize, { size: 16 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Tooltip, { label: "Copy URL", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: () => navigator.clipboard.writeText(url), children: /* @__PURE__ */ jsx(IconCopy, { size: 16 }) }) }),
+            /* @__PURE__ */ jsx(Tooltip, { label: "Download", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", component: "a", href: url, download: true, target: "_blank", children: /* @__PURE__ */ jsx(IconDownload, { size: 16 }) }) }),
+            /* @__PURE__ */ jsx(Tooltip, { label: "Delete", children: /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: "var(--color-error)",
+                size: "sm",
+                loading: updateDistribution.isPending,
+                onClick: () => deleteMedia(url),
+                children: /* @__PURE__ */ jsx(IconTrash, { size: 16 })
+              }
+            ) })
+          ] })
+        ] }, url)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: mediaOpened, onClose: closeMedia, size: "xl", children: previewUrl ? /* @__PURE__ */ jsx(Image, { src: previewUrl, alt: "Media preview", fit: "contain" }) : null })
+  ] });
+}
+
+export { AlternatesPanel, ContentDistributionDetailPage, ContentDistributionsPage, ContentItemReviewPage, ContentItemsPage, ContentOverviewPage, ContentPipelineWorkspacePage, ContentPipelinesPage, ContentReviewCard, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, swapFirstLine, swapLastLine };