@elevasis/ui 2.68.0 → 2.69.0

package/dist/features/content/index.js

@@ -0,0 +1,2180 @@
+import { RunResourceButton } from '../../chunk-YGCMMOY4.js';
+import '../../chunk-3MEXPLWT.js';
+import '../../chunk-HENXLGVD.js';
+import { PageContainer } from '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
+import { FilterBar } from '../../chunk-PDHTXPSF.js';
+import { CustomModal, useOptionalElevasisSystems, getContentBuildTemplates, getContentStageCatalog, useContentItems, useContentDistributions, SubshellContentContainer, PageTitleCaption, CenteredErrorState, StatCard, usePaginationState, EmptyState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, useContentArtifacts, useContentDistribution, useUpdateContentDistribution, useContentPipelineSummary, useAccess, AccessKeys, compileContentPayloadValidator, useExecutions } from '../../chunk-WXHAHKKI.js';
+export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, ContentSidebarTop, MyReviewQueuePanel, contentManifest } from '../../chunk-WXHAHKKI.js';
+import '../../chunk-FLECOYUS.js';
+import '../../chunk-XQBURFKM.js';
+import '../../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 { getSystem } 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 } from '@mantine/core';
+import { IconAlertTriangle, IconShieldCheck, IconShieldX, IconAlertCircle, IconArticle, IconClock, IconSend, IconSearch, IconFileText, IconCheck, IconX, IconListDetails, IconLayoutGrid, IconFolder, IconBolt, IconPlayerPlay, IconShare, IconExternalLink, IconMaximize, IconCopy, IconDownload, IconTrash, IconArrowLeft, IconArrowsExchange, IconFolderOff } from '@tabler/icons-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect, useCallback } 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: 6,
+          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"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
+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) {
+      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;
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "light",
+          color: action.color || (action.tone === "danger" ? "var(--color-error)" : void 0),
+          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 }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", children: confirmAction?.confirmationMessage || `Are you sure you want to ${confirmAction?.label.toLowerCase()}?` }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setConfirmAction(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: confirmAction?.tone === "danger" ? "var(--color-error)" : void 0,
+            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 }),
+      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,
+          {
+            color: feedbackAction?.tone === "danger" ? "var(--color-error)" : void 0,
+            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: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", children: title }),
+      /* @__PURE__ */ jsx(ProcessingStateStrip, { steps: processingSteps })
+    ] }),
+    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 })
+  ] }) });
+}
+var CONTENT_SYSTEM_PATH = "content";
+function resolveContentStepResource(model, step) {
+  const actionId = step.actionId;
+  if (!actionId) return void 0;
+  const resource = Object.values(model.resources ?? {}).find(
+    (candidate) => candidate.systemPath === CONTENT_SYSTEM_PATH && (candidate.ontology?.primaryAction === actionId || candidate.ontology?.actions?.includes(actionId) === true)
+  );
+  return resource ? { resourceId: resource.id, resourceKind: resource.kind } : void 0;
+}
+var EMPTY_CONFIG = {
+  pipelines: [],
+  stageCatalog: {},
+  stagesByCatalog: {},
+  defaultPipelineId: void 0,
+  resolveStepResource: () => void 0
+};
+function groupStagesByCatalog(stageCatalog) {
+  const groups = {};
+  for (const entry of Object.values(stageCatalog)) {
+    (groups[entry.catalogKey] ??= []).push(entry);
+  }
+  return groups;
+}
+function getDefaultPipelineId(model, pipelines) {
+  const configuredId = getSystem(model, CONTENT_SYSTEM_PATH)?.config?.defaultPipelineId;
+  if (typeof configuredId === "string" && pipelines.some((pipeline) => pipeline.id === configuredId)) {
+    return configuredId;
+  }
+  return pipelines[0]?.id;
+}
+function useContentConfig() {
+  const systems = useOptionalElevasisSystems();
+  const organizationModel = systems?.organizationModel;
+  return useMemo(() => {
+    if (!organizationModel) return EMPTY_CONFIG;
+    const pipelines = getContentBuildTemplates(organizationModel);
+    const stageCatalog = getContentStageCatalog(organizationModel);
+    return {
+      pipelines,
+      stageCatalog,
+      stagesByCatalog: groupStagesByCatalog(stageCatalog),
+      defaultPipelineId: getDefaultPipelineId(organizationModel, pipelines),
+      resolveStepResource: (step) => resolveContentStepResource(organizationModel, step)
+    };
+  }, [organizationModel]);
+}
+
+// src/lib/content/stage-colors.ts
+var FALLBACK_CONTENT_STAGE_COLORS = {
+  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;
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Content Overview", caption: "Pipeline status, review load, and recent activity" }),
+      headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+      isLoading ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) : error ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load content items" }) }) : items.length === 0 ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { h: 300, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "gray", variant: "light", children: "No content items yet." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 3 }, children: [
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconArticle, value: totalItems, label: "Total Items" }),
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconClock, value: pendingReviewCount, label: "Pending Review" }),
+          /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconSend, value: totalDistributions, label: "Distributions" })
+        ] }),
+        statusEntries.length > 0 && /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx(CardHeader, { title: "By Status", subtitle: "Item counts across the content:catalog/status catalog" }),
+          /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: statusEntries.map((entry) => {
+            const colors = getContentStageColor(entry);
+            return /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                size: "lg",
+                variant: "light",
+                styles: { root: { color: colors.accent, backgroundColor: colors.background } },
+                children: [
+                  entry.label,
+                  ": ",
+                  statusCounts.get(entry.key) ?? 0
+                ]
+              },
+              entry.key
+            );
+          }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx(Group, { justify: "space-between", align: "flex-start", gap: "md", children: /* @__PURE__ */ jsx(CardHeader, { title: "Recently Updated", subtitle: "Jump into an item's review page" }) }),
+          /* @__PURE__ */ jsxs(Table, { children: [
+            /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+              /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+              /* @__PURE__ */ jsx(Table.Th, { children: "Pillar" }),
+              /* @__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: item.title }) }),
+                    /* @__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: 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 [searchQuery, setSearchQuery] = useState("");
+  const [statusFilter, setStatusFilter] = useState("");
+  const [pillarFilter, setPillarFilter] = useState("");
+  const pagination = usePaginationState(PAGE_SIZE, [searchQuery, statusFilter, pillarFilter]);
+  const itemsQuery = useContentItems({
+    search: searchQuery.trim() || void 0,
+    status: statusFilter || void 0,
+    pillar: pillarFilter || void 0,
+    limit: PAGE_SIZE,
+    offset: pagination.offset
+  });
+  const items = itemsQuery.data?.data ?? [];
+  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: "Content Items", caption: "Every item 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" : "No content items yet"
+        }
+      ) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Title" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "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: item.title }) }),
+                /* @__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: new Date(item.updatedAt).toLocaleString() }) })
+              ]
+            },
+            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_ACTIONS = [
+  {
+    id: "approved",
+    label: "Approve",
+    icon: IconCheck,
+    // Decision 7, resolved 2026-08-12: approve collects an OPTIONAL note, which is what
+    // finally gives `content_items.reviewer_feedback` a writer -- the page has always
+    // rendered it and the API has always accepted it, but nothing in the UI could set it.
+    // `feedbackRequired` is deliberately omitted: a reviewer with nothing to add still
+    // approves in two clicks, and a blank note leaves the column NULL rather than ''.
+    requiresFeedback: true,
+    feedbackLabel: "Note (optional)",
+    feedbackPlaceholder: "Anything the next step or a later reader should know?",
+    confirmationMessage: "Approve this item? It moves on to the next pipeline step."
+  },
+  {
+    id: "rejected",
+    label: "Reject",
+    icon: IconX,
+    tone: "danger",
+    requiresFeedback: true,
+    feedbackLabel: "Reason for rejection",
+    feedbackPlaceholder: "What needs to change before this can go out?",
+    feedbackRequired: true
+  }
+];
+function DistributionMetricsCell({ metrics }) {
+  if (!metrics || typeof metrics !== "object") {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "\u2014" });
+  }
+  const entries = Object.entries(metrics);
+  const isFlat = entries.length > 0 && entries.every(([, value]) => value === null || typeof value !== "object");
+  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 pipelinePayloadFields = useMemo(() => getPipelinePayloadFields(pipelineSteps), [pipelineSteps]);
+  const primaryTextField = useMemo(() => getPrimaryPayloadTextField(pipelinePayloadFields), [pipelinePayloadFields]);
+  const originalBody = item ? getPayloadText(item.payload, primaryTextField?.key) : "";
+  const displayPayloadFields = useMemo(
+    () => toPayloadDisplayFields(pipelinePayloadFields, item?.payload),
+    [pipelinePayloadFields, item?.payload]
+  );
+  const processingSteps = useMemo(
+    () => getContentProcessingSteps(item?.processingState, pipelineSteps),
+    [item?.processingState, pipelineSteps]
+  );
+  useEffect(() => {
+    if (item) setBody(item.body ?? originalBody);
+  }, [item?.id]);
+  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 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");
+    }
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: item.title,
+          caption: `Pipeline: ${pipeline?.label ?? item.pipelineId ?? "Unassigned"}`,
+          rightSection: backButton
+        }
+      ),
+      headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: contentConfig.stageCatalog[item.status]?.label ?? item.status }),
+          item.pillar && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: contentConfig.stageCatalog[item.pillar]?.label ?? item.pillar }),
+          item.reviewedAt ? /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Reviewed ",
+            new Date(item.reviewedAt).toLocaleString()
+          ] }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Not yet reviewed" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: "light",
+            onClick: handleSave,
+            disabled: !isDirty || isSaving,
+            loading: updateItem.isPending,
+            children: "Save"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        ContentReviewCard,
+        {
+          title: item.title,
+          reviewMode: "live",
+          body,
+          onBodyChange: setBody,
+          originalBody,
+          onReset: () => setBody(originalBody),
+          payload: item.payload,
+          payloadFields: displayPayloadFields,
+          processingSteps,
+          actions: REVIEW_ACTIONS,
+          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);
+  const artifactsQuery = useContentArtifacts({ pipelineId: pipeline.id });
+  const activeArtifacts = artifactsQuery.artifacts.filter((artifact) => artifact.isActive);
+  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: summary.isLoading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "wrap", children: statusEntries.map((entry) => {
+          const colors = getContentStageColor(entry);
+          return /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              size: "sm",
+              variant: "light",
+              styles: { root: { color: colors.accent, backgroundColor: colors.background } },
+              children: [
+                entry.label,
+                ": ",
+                summary.countsByStatus[entry.key] ?? 0
+              ]
+            },
+            entry.key
+          );
+        }) }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: activeArtifacts.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No active artifacts" }) : /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "wrap", children: activeArtifacts.map((artifact) => /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "outline", children: [
+          artifact.kind.replace("content:", ""),
+          " v",
+          artifact.version
+        ] }, artifact.id)) }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: summary.isLoading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : formatLastRun(summary.lastRunAt) }) })
+      ]
+    }
+  );
+}
+function ContentPipelinesPage({ headerActions } = {}) {
+  const contentConfig = useContentConfig();
+  const statusEntries = contentConfig.stagesByCatalog.status ?? [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Pipelines", caption: "Every declared content pipeline and its production state" }),
+    headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(Stack, { children: contentConfig.pipelines.length === 0 ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconListDetails,
+        title: "No pipelines declared",
+        description: "The content System's Organization Model declares no content-pipeline catalog entries yet."
+      }
+    ) }) : /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: "Pipeline" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Items by status" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Active rules artifacts" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Last run" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: contentConfig.pipelines.map((pipeline) => /* @__PURE__ */ jsx(PipelineRow, { pipeline, statusEntries }, pipeline.id)) })
+    ] }) }) })
+  ] }) }) });
+}
+function OverviewTab({ pipeline, statusEntries }) {
+  const contentConfig = useContentConfig();
+  const statusKeys = useMemo(() => statusEntries.map((entry) => entry.key), [statusEntries]);
+  const stepResourceIds = useMemo(
+    () => pipeline.steps.map((step) => contentConfig.resolveStepResource(step)?.resourceId).filter((resourceId) => !!resourceId),
+    [pipeline.steps, contentConfig]
+  );
+  const summary = useContentPipelineSummary(pipeline.id, statusKeys, stepResourceIds);
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { title: "Funnel", subtitle: "Item counts across content:catalog/status for this pipeline" }),
+      summary.isLoading ? /* @__PURE__ */ jsx(Center, { p: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : statusEntries.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No content-stage catalog declared for status yet." }) : /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: statusEntries.map((entry) => {
+        const colors = getContentStageColor(entry);
+        return /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            size: "lg",
+            variant: "light",
+            styles: { root: { color: colors.accent, backgroundColor: colors.background } },
+            children: [
+              entry.label,
+              ": ",
+              summary.countsByStatus[entry.key] ?? 0
+            ]
+          },
+          entry.key
+        );
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { title: "Declared config", subtitle: `${pipeline.steps.length} step(s), in catalog order` }),
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { children: "Order" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Step" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Actor" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Review mode" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Advances to" }),
+          /* @__PURE__ */ jsx(Table.Th, { children: "Resource" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: pipeline.steps.map((step) => {
+          const binding = contentConfig.resolveStepResource(step);
+          return /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: step.order }),
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(Text, { fw: 500, children: step.label }),
+              step.description ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: step.description }) : null
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: step.actor }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: step.reviewMode }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: step.advancesTo ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: binding ? /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "dimmed", children: binding.resourceId }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No resource configured" }) })
+          ] }, step.key);
+        }) })
+      ] })
+    ] }) }),
+    pipeline.color ? /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Title, { order: 6, c: "dimmed", children: "Color" }),
+      /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", color: pipeline.color, children: pipeline.color })
+    ] }) : null
+  ] });
+}
+function SourcesTab() {
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "xl", children: /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      icon: IconFolderOff,
+      title: "Source assets aren't wired up yet",
+      description: "content_source_assets has no API route or reader today. This tab will list a pipeline's source footage and files once that surface exists."
+    }
+  ) });
+}
+function DefaultProduceTab({ pipeline }) {
+  const contentConfig = useContentConfig();
+  const canManageContent = useAccess(AccessKeys.contentManage);
+  const [contentItemId, setContentItemId] = useState(null);
+  const itemsQuery = useContentItems({ pipelineId: pipeline.id, limit: 100 });
+  const items = itemsQuery.data?.data ?? [];
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        label: "Content item",
+        description: "The item each step runs against. Steps stay disabled until one is chosen.",
+        placeholder: items.length > 0 ? "Select a content item" : "No items in this pipeline yet",
+        data: items.map((item) => ({ value: item.id, label: `${item.title} (${item.status})` })),
+        value: contentItemId,
+        onChange: setContentItemId,
+        disabled: itemsQuery.isLoading || items.length === 0,
+        searchable: true,
+        clearable: true
+      }
+    ) }),
+    contentItemId === null && items.length > 0 && /* @__PURE__ */ jsx(Alert, { variant: "light", children: "Select a content item above to run any of this pipeline's steps." }),
+    pipeline.steps.map((step) => {
+      const binding = contentConfig.resolveStepResource(step);
+      const isRunnable = binding?.resourceKind === "workflow" || binding?.resourceKind === "agent";
+      return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsx(CardHeader, { title: step.label, subtitle: step.description ?? `Step ${step.order}` }),
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: step.actor }),
+            /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
+              step.reviewMode,
+              " review"
+            ] })
+          ] })
+        ] }),
+        isRunnable && canManageContent.allowed ? /* @__PURE__ */ jsx(
+          RunResourceButton,
+          {
+            resourceId: binding.resourceId,
+            resourceType: binding.resourceKind,
+            icon: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }),
+            label: "Run",
+            title: step.label,
+            disabled: contentItemId === null,
+            baseInput: contentItemId !== null ? { contentItemId } : void 0,
+            getInput: () => step.payloadFields.length > 0 ? { schema: compileContentPayloadValidator(step.payloadFields) } : {}
+          }
+        ) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", maw: 220, ta: "right", children: !canManageContent.allowed ? "You do not have permission to run content pipeline steps." : binding ? `Resource kind "${binding.resourceKind}" isn't directly runnable from here.` : "No resource configured for this step yet." })
+      ] }) }, step.key);
+    })
+  ] });
+}
+function ProduceTab({ pipeline, render }) {
+  if (render) return /* @__PURE__ */ jsx(Fragment, { children: render({ pipeline }) });
+  return /* @__PURE__ */ jsx(DefaultProduceTab, { pipeline });
+}
+function formatDateTime(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: formatDateTime(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 = ["overview", "sources", "produce", "runs"];
+function isPipelineWorkspaceTab(value) {
+  return typeof value === "string" && PIPELINE_WORKSPACE_TABS.includes(value);
+}
+function ContentPipelineWorkspacePage({
+  pipelineId,
+  headerActions,
+  renderProduce
+}) {
+  const navigate = useNavigate();
+  const contentConfig = useContentConfig();
+  const rawSearch = useSearch({ strict: false });
+  const activeTab = isPipelineWorkspaceTab(rawSearch.tab) ? rawSearch.tab : "overview";
+  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 statusEntries = contentConfig.stagesByCatalog.status ?? [];
+  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(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
+      pipeline.steps.length,
+      " step(s)"
+    ] }) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onChange: handleTabChange, keepMounted: false, children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "overview", leftSection: /* @__PURE__ */ jsx(IconLayoutGrid, { size: 14 }), children: "Overview" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "sources", leftSection: /* @__PURE__ */ jsx(IconFolder, { size: 14 }), children: "Sources" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "produce", leftSection: /* @__PURE__ */ jsx(IconBolt, { size: 14 }), children: "Produce" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "runs", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), children: "Runs" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "overview", pt: "sm", children: /* @__PURE__ */ jsx(OverviewTab, { pipeline, statusEntries }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "sources", pt: "sm", children: /* @__PURE__ */ jsx(SourcesTab, {}) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "produce", pt: "sm", children: /* @__PURE__ */ jsx(ProduceTab, { pipeline, render: renderProduce }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "runs", pt: "sm", children: /* @__PURE__ */ jsx(RunsTab, { pipeline }) })
+    ] }) })
+  ] }) }) });
+}
+function formatDateTime2(value) {
+  return new Date(value).toLocaleString();
+}
+function ContentSettingsPage({ headerActions } = {}) {
+  const contentConfig = useContentConfig();
+  const [selectedPipelineId, setSelectedPipelineId] = useState(void 0);
+  const pipelineId = selectedPipelineId ?? contentConfig.defaultPipelineId;
+  const pipelineOptions = useMemo(
+    () => contentConfig.pipelines.map((pipeline) => ({ value: pipeline.id, label: pipeline.label })),
+    [contentConfig.pipelines]
+  );
+  const artifactsQuery = useContentArtifacts({ pipelineId });
+  const artifactsByKind = useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const artifact of artifactsQuery.artifacts) {
+      const existing = groups.get(artifact.kind) ?? [];
+      existing.push(artifact);
+      groups.set(artifact.kind, existing);
+    }
+    for (const [, entries] of groups) {
+      entries.sort((a, b) => b.version - a.version);
+    }
+    return groups;
+  }, [artifactsQuery.artifacts]);
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Rules and Artifacts",
+        caption: "Browse content: rules documents and their version history"
+      }
+    ),
+    headerActions ? /* @__PURE__ */ jsx(Group, { gap: "xs", children: headerActions }) : null,
+    pipelineOptions.length === 0 ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "yellow", variant: "light", children: "No content pipelines are declared yet, so there is nothing to scope artifacts to." }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Group, { gap: "xs", align: "flex-end", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Pipeline",
+          data: pipelineOptions,
+          value: pipelineId ?? null,
+          onChange: (value) => setSelectedPipelineId(value ?? void 0),
+          allowDeselect: false,
+          w: 280
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Stack, { gap: "md", children: artifactsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : artifactsQuery.isError ? /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "red", variant: "light", children: "Failed to load artifacts." }) : artifactsByKind.size === 0 ? /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconFileText,
+          title: "No content: artifacts for this pipeline",
+          description: "Rules documents (idea banks, ICP docs, style guides) created through the artifacts tool will appear here, grouped by kind."
+        }
+      ) : [...artifactsByKind.entries()].map(([kind, versions]) => /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { fw: 600, children: kind }),
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
+            versions.length,
+            " version",
+            versions.length === 1 ? "" : "s"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { children: "Version" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Active" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Created" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Updated" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Source execution" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: versions.map((artifact) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              "v",
+              artifact.version
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: artifact.isActive ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Active" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-text-dimmed)", children: "Inactive" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime2(artifact.createdAt) }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime2(artifact.updatedAt) }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ff: "monospace", children: artifact.sourceExecutionId ?? "\u2014" }) })
+          ] }, artifact.id)) })
+        ] })
+      ] }, kind)) }) })
+    ] })
+  ] }) }) });
+}
+var PAGE_SIZE2 = 20;
+var 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_SIZE2,
+    [platformFilter, statusFilter, formatFilter],
+    filteredDistributions.length
+  );
+  const paginatedDistributions = filteredDistributions.slice(pagination.offset, pagination.offset + PAGE_SIZE2);
+  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_SIZE2 && /* @__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, ContentSettingsPage, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, resolveContentStepResource, swapFirstLine, swapLastLine, useContentConfig };