@elevasis/ui 2.70.0 → 2.72.0

package/dist/features/content/index.js

@@ -1,14 +1,14 @@
 import { PageContainer } from '../../chunk-BZZCNLT6.js';
 import '../../chunk-TUMSNGTX.js';
 import { FilterBar } from '../../chunk-PDHTXPSF.js';
-import { CustomModal, useContentItems, useContentDistributions, useContentConfig, SubshellContentContainer, PageTitleCaption, CenteredErrorState, EmptyState, StatCard, getContentItemIdentity, usePaginationState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, useContentDistribution, useUpdateContentDistribution, useContentPipelineSummary, deriveContentBoard, useExecutions } from '../../chunk-6TT3FQEZ.js';
-export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, DEFAULT_CONTENT_VOCABULARY, MyReviewQueuePanel, contentManifest, deriveContentBoard, getContentItemIdentity, resolveContentStepResource, resolveContentVocabulary, useContentConfig } from '../../chunk-6TT3FQEZ.js';
+import { CustomModal, useContentItems, useContentDistributions, useContentConfig, SubshellContentContainer, PageTitleCaption, CenteredErrorState, EmptyState, StatCard, getContentItemIdentity, usePaginationState, useContentItem, useContentItemAttempts, useUpdateContentItem, useReviewContentItem, getOpenContentReviewGates, resolveContentWorkspaceRoute, useContentDistribution, useContentPipelineSummary, deriveContentBoard, useExecutions } from '../../chunk-KIDZXZM5.js';
+export { CONTENT_ITEMS, ContentSidebar, ContentSidebarMiddle, DEFAULT_CONTENT_VOCABULARY, MyReviewQueuePanel, contentManifest, deriveContentBoard, getContentItemIdentity, resolveContentStepResource, resolveContentVocabulary, useContentConfig } from '../../chunk-KIDZXZM5.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
 import '../../chunk-MKH2KOAO.js';
-import '../../chunk-VDX6DL7Z.js';
+import '../../chunk-Z2W5VNN3.js';
 import '../../chunk-L7BZZ4SI.js';
-import { showSuccessNotification } from '../../chunk-C75XWBYZ.js';
+import { showSuccessNotification } from '../../chunk-XZIOCB5D.js';
 import '../../chunk-MISHPEJX.js';
 import { CardHeader } from '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.js';
@@ -20,7 +20,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import { formatTimeAgo, formatRelativeTime } from '../../chunk-NM4A63KJ.js';
+import { formatTimeAgo, formatRelativeTime } from '../../chunk-Q3O3WY7Q.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';
@@ -29,8 +29,8 @@ import '../../chunk-TVTSASST.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
 import '../../chunk-I2KLQ2HA.js';
-import { Stack, Group, Text, Badge, Button, Textarea, Box, Loader, Accordion, Card, Alert, List, Paper, Center, SimpleGrid, Table, TextInput, Select, Pagination, Title, Tabs, Anchor, Divider, Progress, Checkbox, TagsInput, Image, Tooltip, ActionIcon, UnstyledButton, ScrollArea } from '@mantine/core';
-import { IconAlertTriangle, IconShieldCheck, IconShieldX, IconArticle, IconArrowRight, IconClock, IconSend, IconSearch, IconFileText, IconListDetails, IconAlertCircle, IconLayoutGrid, IconShare, IconPlayerPlay, IconExternalLink, IconMaximize, IconCopy, IconDownload, IconTrash, IconArrowLeft, IconArrowsExchange, IconCheck, IconX, IconChecklist, IconRoute, IconInfoCircle, IconClockHour4 } from '@tabler/icons-react';
+import { Stack, Group, Text, Badge, Button, Textarea, Box, Loader, Accordion, Tooltip, Card, Alert, List, Paper, Center, SimpleGrid, Table, TextInput, Select, Pagination, Title, Tabs, Anchor, Divider, Progress, Image, ActionIcon, UnstyledButton, ScrollArea } from '@mantine/core';
+import { IconAlertTriangle, IconShieldCheck, IconShieldX, IconArticle, IconArrowRight, IconClock, IconSend, IconSearch, IconFileText, IconExternalLink, IconListDetails, IconAlertCircle, IconLayoutGrid, IconShare, IconPlayerPlay, IconCircleCheck, IconCircleDashed, IconMaximize, IconCopy, IconDownload, IconArrowLeft, IconArrowsExchange, IconCheck, IconX, IconChecklist, IconRoute, IconInfoCircle, IconClockHour4 } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, Fragment as Fragment$1, useCallback, useEffect } from 'react';
 import { useNavigate, useSearch } from '@tanstack/react-router';
@@ -335,7 +335,7 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
     /* @__PURE__ */ jsx(Group, { gap: "xs", children: actions.map((action) => {
       const Icon = action.icon;
       const irreversible = isIrreversible(action);
-      return /* @__PURE__ */ jsx(
+      const button = /* @__PURE__ */ jsx(
         Button,
         {
           variant: irreversible ? "filled" : "light",
@@ -343,15 +343,15 @@ function ReviewActionBar({ actions, onAction, pending = false }) {
           color: resolveActionColor(action),
           leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : void 0,
           loading: pending,
-          disabled: pending,
+          disabled: pending || action.disabled,
           onClick: () => openAction(action),
           size: "xs",
           radius: "xs",
           "data-testid": `content-review-action-${action.id}`,
           children: action.label
-        },
-        action.id
+        }
       );
+      return action.disabled && action.disabledReason ? /* @__PURE__ */ jsx(Tooltip, { label: action.disabledReason, withArrow: true, position: "top", children: /* @__PURE__ */ jsx("span", { children: button }) }, action.id) : /* @__PURE__ */ jsx("span", { children: button }, action.id);
     }) }),
     /* @__PURE__ */ jsx(CustomModal, { opened: !!confirmAction, onClose: () => setConfirmAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(Text, { fw: 600, children: confirmAction?.label }),
@@ -425,7 +425,8 @@ function ContentReviewCard({
   processingSteps = [],
   actions,
   onAction,
-  actionsPending = false
+  actionsPending = false,
+  readOnly = false
 }) {
   return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", padding: "xl", "data-testid": "content-review-card", children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
     title || processingSteps.length > 0 ? /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
@@ -466,10 +467,10 @@ function ContentReviewCard({
         onReset,
         payload,
         payloadFields,
-        disabled: actionsPending
+        disabled: actionsPending || readOnly
       }
     ),
-    /* @__PURE__ */ jsx(
+    readOnly ? null : /* @__PURE__ */ jsx(
       AlternatesPanel,
       {
         body,
@@ -708,6 +709,16 @@ function ContentItemsPage({ headerActions } = {}) {
   const [statusFilter, setStatusFilter] = useState("");
   const [pillarFilter, setPillarFilter] = useState("");
   const pagination = usePaginationState(PAGE_SIZE, [searchQuery, statusFilter, pillarFilter, reviewFilterActive]);
+  const openItem = (item) => {
+    const pipeline = contentConfig.pipelines.find((candidate) => candidate.id === item.pipelineId);
+    const openGate = getOpenContentReviewGates(item.processingState ?? {}, pipeline?.steps ?? [])[0];
+    const workspaceRoute = openGate ? resolveContentWorkspaceRoute(pipeline, openGate.step) : void 0;
+    if (workspaceRoute) {
+      void navigate({ to: workspaceRoute });
+      return;
+    }
+    void navigate({ to: "/content/items/$itemId", params: { itemId: item.id } });
+  };
   const itemsQuery = useContentItems({
     search: searchQuery.trim() || void 0,
     status: statusFilter || void 0,
@@ -789,31 +800,23 @@ function ContentItemsPage({ headerActions } = {}) {
           const statusEntry = contentConfig.stageCatalog[item.status];
           const pillarEntry = item.pillar ? contentConfig.stageCatalog[item.pillar] : void 0;
           const statusColors = getContentStageColor(statusEntry);
-          return /* @__PURE__ */ jsxs(
-            Table.Tr,
-            {
-              style: { cursor: "pointer" },
-              onClick: () => navigate({ to: "/content/items/$itemId", params: { itemId: item.id } }),
-              children: [
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: getContentItemIdentity(item) }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
-                  Badge,
-                  {
-                    size: "sm",
-                    variant: "light",
-                    styles: {
-                      root: { color: statusColors.accent, backgroundColor: statusColors.background }
-                    },
-                    children: statusEntry?.label ?? item.status
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pillarEntry?.label ?? item.pillar ?? "\u2014" }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: item.reviewedAt ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Reviewed" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-warning)", children: "Pending" }) }),
-                /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatRelativeTime(item.updatedAt) }) })
-              ]
-            },
-            item.id
-          );
+          return /* @__PURE__ */ jsxs(Table.Tr, { style: { cursor: "pointer" }, onClick: () => openItem(item), children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: getContentItemIdentity(item) }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "sm",
+                variant: "light",
+                styles: {
+                  root: { color: statusColors.accent, backgroundColor: statusColors.background }
+                },
+                children: statusEntry?.label ?? item.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: pillarEntry?.label ?? item.pillar ?? "\u2014" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: item.reviewedAt ? /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-success)", children: "Reviewed" }) : /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: "var(--color-warning)", children: "Pending" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatRelativeTime(item.updatedAt) }) })
+          ] }, item.id);
         }) })
       ] }),
       total > PAGE_SIZE && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
@@ -832,15 +835,20 @@ function ContentItemsPage({ headerActions } = {}) {
 // src/lib/content/processing-state.ts
 function mapContentStepStatus(status) {
   if (status === void 0) return "pending";
+  if (status === "running") return "in_progress";
   if (status === "error") return "failed";
   return "completed";
 }
 function getContentProcessingSteps(processingState, pipelineSteps) {
-  return pipelineSteps.map((step) => ({
-    key: step.key,
-    label: step.label,
-    status: mapContentStepStatus(processingState?.[step.key]?.status)
-  }));
+  return pipelineSteps.map((step) => {
+    const entry = processingState?.[step.key];
+    return {
+      key: step.key,
+      label: step.label,
+      status: mapContentStepStatus(entry?.status),
+      executionId: entry ? entry.executionId : void 0
+    };
+  });
 }
 
 // src/lib/content/payload-text.ts
@@ -873,7 +881,9 @@ function toPayloadDisplayFields(fields, payload) {
   return fields.filter((field) => field.key in payloadRecord).map((field) => ({ key: field.key, label: field.label, kind: toDisplayKind(field.type) }));
 }
 var REVIEW_QUEUE_FETCH_LIMIT = 100;
-function buildReviewActions(isTerminalPipeline) {
+function buildReviewActions(isTerminalPipeline, gate, reason) {
+  const gateLabel = gate?.step.label;
+  const disabled = !gate;
   return [
     {
       id: "approved",
@@ -887,8 +897,10 @@ function buildReviewActions(isTerminalPipeline) {
       requiresFeedback: true,
       feedbackLabel: "Note (optional)",
       feedbackPlaceholder: "Anything the next step or a later reader should know?",
-      confirmationMessage: isTerminalPipeline ? "Approve this item? There is no further pipeline step -- this is the last internal gate before it is published." : "Approve this item? It moves on to the next pipeline step.",
-      consequence: isTerminalPipeline ? "irreversible" : "standard"
+      confirmationMessage: gateLabel ? isTerminalPipeline ? `Approve "${gateLabel}"? There is no further pipeline step -- this is the last internal gate before it is published.` : `Approve "${gateLabel}"? It moves on to the next pipeline step.` : void 0,
+      consequence: isTerminalPipeline ? "irreversible" : "standard",
+      disabled,
+      disabledReason: reason
     },
     {
       id: "rejected",
@@ -898,7 +910,10 @@ function buildReviewActions(isTerminalPipeline) {
       requiresFeedback: true,
       feedbackLabel: "Reason for rejection",
       feedbackPlaceholder: "What needs to change before this can go out?",
-      feedbackRequired: true
+      feedbackRequired: true,
+      confirmationMessage: gateLabel ? `Reject "${gateLabel}"? This sends it back for changes.` : void 0,
+      disabled,
+      disabledReason: reason
     }
   ];
 }
@@ -930,7 +945,22 @@ function ContentItemReviewPage({ itemId, headerActions }) {
   const pipeline = item ? contentConfig.pipelines.find((candidate) => candidate.id === item.pipelineId) : void 0;
   const pipelineSteps = useMemo(() => pipeline?.steps ?? [], [pipeline]);
   const isTerminalPipeline = pipelineSteps.length <= 1;
-  const reviewActions = useMemo(() => buildReviewActions(isTerminalPipeline), [isTerminalPipeline]);
+  const openGates = useMemo(
+    () => getOpenContentReviewGates(item?.processingState ?? {}, pipelineSteps),
+    [item?.processingState, pipelineSteps]
+  );
+  const earliestOpenGate = openGates[0];
+  const reviewDisabledReason = useMemo(() => {
+    if (earliestOpenGate) return void 0;
+    if (!item?.pipelineId) return "This item has no pipeline, so there is no review gate to clear.";
+    if (!pipeline) return `Unknown pipeline "${item.pipelineId}" -- there is no review gate to clear.`;
+    return "No open review gate on this item. Every queued step has already been reviewed, or the current step is still running.";
+  }, [earliestOpenGate, item?.pipelineId, pipeline]);
+  const workspaceRoute = resolveContentWorkspaceRoute(pipeline, earliestOpenGate?.step);
+  const reviewActions = useMemo(
+    () => workspaceRoute ? [] : buildReviewActions(isTerminalPipeline, earliestOpenGate, reviewDisabledReason),
+    [workspaceRoute, isTerminalPipeline, earliestOpenGate, reviewDisabledReason]
+  );
   const pipelinePayloadFields = useMemo(() => getPipelinePayloadFields(pipelineSteps), [pipelineSteps]);
   const primaryTextField = useMemo(() => getPrimaryPayloadTextField(pipelinePayloadFields), [pipelinePayloadFields]);
   const originalBody = item ? getPayloadText(item.payload, primaryTextField?.key) : "";
@@ -1039,16 +1069,21 @@ function ContentItemReviewPage({ itemId, headerActions }) {
     showSuccessNotification("Saved");
   };
   const handleAction = async (actionId, feedback) => {
+    if (!earliestOpenGate) return;
+    const stepKey = earliestOpenGate.stepKey;
     await persistBodyIfDirty();
     if (actionId === "approved") {
       const note = feedback?.trim();
       await reviewItem.mutateAsync({
         itemId: item.id,
-        review: { decision: "approved", reviewerFeedback: note ? note : void 0 }
+        review: { decision: "approved", stepKey, reviewerFeedback: note ? note : void 0 }
       });
       showSuccessNotification("Item approved");
     } else if (actionId === "rejected") {
-      await reviewItem.mutateAsync({ itemId: item.id, review: { decision: "rejected", rejectReason: feedback ?? "" } });
+      await reviewItem.mutateAsync({
+        itemId: item.id,
+        review: { decision: "rejected", stepKey, rejectReason: feedback ?? "" }
+      });
       showSuccessNotification("Item rejected");
     }
     goToNextInQueue();
@@ -1068,7 +1103,7 @@ function ContentItemReviewPage({ itemId, headerActions }) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(
+          workspaceRoute ? null : /* @__PURE__ */ jsx(
             Button,
             {
               size: "xs",
@@ -1082,6 +1117,38 @@ function ContentItemReviewPage({ itemId, headerActions }) {
           backButton
         ] })
       ] }),
+      reviewDisabledReason && /* @__PURE__ */ jsx(
+        Alert,
+        {
+          icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+          color: "var(--color-warning)",
+          variant: "light",
+          title: "Nothing to review right now",
+          "data-testid": "content-review-no-open-gate",
+          children: /* @__PURE__ */ jsx(Text, { size: "sm", children: reviewDisabledReason })
+        }
+      ),
+      workspaceRoute && earliestOpenGate && /* @__PURE__ */ jsx(
+        Alert,
+        {
+          icon: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }),
+          variant: "light",
+          title: "Reviewed in your workspace",
+          "data-testid": "content-review-workspace-pointer",
+          children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", align: "flex-start", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: "This pipeline clears its gates on your own screen. Everything below is the piece as it stands." }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "xs",
+                rightSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
+                onClick: () => void navigate({ to: workspaceRoute }),
+                children: "Open workspace"
+              }
+            )
+          ] })
+        }
+      ),
       /* @__PURE__ */ jsx(
         ContentReviewCard,
         {
@@ -1095,7 +1162,8 @@ function ContentItemReviewPage({ itemId, headerActions }) {
           processingSteps: visibleProcessingSteps,
           actions: reviewActions,
           onAction: handleAction,
-          actionsPending: isSaving
+          actionsPending: isSaving,
+          readOnly: workspaceRoute !== void 0
         }
       ),
       item.reviewerFeedback && /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
@@ -1276,7 +1344,7 @@ function formatAge(ms) {
   return `${Math.floor(hours / 24)}d`;
 }
 function BoardItemCard({ card, onOpen }) {
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, padding: "xs", onClick: () => onOpen(card.item.id), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, padding: "xs", onClick: () => onOpen(card), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
     /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, lineClamp: 2, children: getContentItemIdentity(card.item) }),
     /* @__PURE__ */ jsxs(Group, { gap: 6, justify: "space-between", wrap: "nowrap", children: [
       /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
@@ -1356,7 +1424,15 @@ function BoardTab({ pipeline }) {
   const itemsQuery = useContentItems({ pipelineId: pipeline.id, limit: BOARD_FETCH_LIMIT });
   const items = useMemo(() => itemsQuery.data?.data ?? [], [itemsQuery.data]);
   const board = useMemo(() => deriveContentBoard(items, pipeline, Date.now()), [items, pipeline]);
-  const openItem = (itemId) => navigate({ to: "/content/items/$itemId", params: { itemId } });
+  const openItem = (card) => {
+    const heldAtStep = pipeline.steps.find((step) => step.key === card.stepKey);
+    const workspaceRoute = card.awaitingReview ? resolveContentWorkspaceRoute(pipeline, heldAtStep) : void 0;
+    if (workspaceRoute) {
+      void navigate({ to: workspaceRoute });
+      return;
+    }
+    void navigate({ to: "/content/items/$itemId", params: { itemId: card.item.id } });
+  };
   if (itemsQuery.isLoading) {
     return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
   }
@@ -1571,21 +1647,21 @@ function RunsTab({ pipeline }) {
   const contentConfig = useContentConfig();
   return /* @__PURE__ */ jsx(Stack, { gap: "md", children: pipeline.steps.map((step) => /* @__PURE__ */ jsx(StepRunsSection, { step, resourceId: contentConfig.resolveStepResource(step)?.resourceId }, step.key)) });
 }
-var PIPELINE_WORKSPACE_TABS = ["board", "distributions", "runs"];
-function isPipelineWorkspaceTab(value) {
-  return typeof value === "string" && PIPELINE_WORKSPACE_TABS.includes(value);
+var PIPELINE_BOARD_TABS = ["board", "distributions", "runs"];
+function isPipelineBoardTab(value) {
+  return typeof value === "string" && PIPELINE_BOARD_TABS.includes(value);
 }
-function ContentPipelineWorkspacePage({
+function ContentPipelineBoardPage({
   pipelineId,
   headerActions
 }) {
   const navigate = useNavigate();
   const contentConfig = useContentConfig();
   const rawSearch = useSearch({ strict: false });
-  const activeTab = isPipelineWorkspaceTab(rawSearch.tab) ? rawSearch.tab : "board";
+  const activeTab = isPipelineBoardTab(rawSearch.tab) ? rawSearch.tab : "board";
   const handleTabChange = useCallback(
     (value) => {
-      if (!isPipelineWorkspaceTab(value) || value === activeTab) return;
+      if (!isPipelineBoardTab(value) || value === activeTab) return;
       void navigate({
         to: ".",
         search: ((current) => ({ ...current, tab: value })),
@@ -1806,6 +1882,33 @@ function ContentDistributionsPage({ headerActions } = {}) {
     ] }) })
   ] }) }) });
 }
+var COMMON_PLATFORM_FIELDS = [
+  { key: "title", label: "Title" },
+  { key: "description", label: "Description" },
+  { key: "tags", label: "Tags" }
+];
+var PLATFORM_SPECIFIC_FIELDS = {
+  youtube: [
+    { key: "timestamps", label: "Timestamps" },
+    { key: "endScreenVideoId", label: "End Screen Video ID" },
+    { key: "pinnedComment", label: "Pinned Comment" }
+  ],
+  linkedin: [
+    { key: "hook", label: "Hook" },
+    { key: "hashtags", label: "Hashtags" },
+    { key: "firstComment", label: "First Comment" }
+  ],
+  instagram: [
+    { key: "altText", label: "Alt Text" },
+    { key: "hashtags", label: "Hashtags" },
+    { key: "storyLink", label: "Story Link" }
+  ],
+  x: [
+    { key: "hookTweet", label: "Hook Tweet" },
+    { key: "threadTweets", label: "Thread Tweets" },
+    { key: "replyThread", label: "Reply Thread" }
+  ]
+};
 function formatDateTime3(value) {
   return value ? new Date(value).toLocaleString() : "\u2014";
 }
@@ -1820,6 +1923,17 @@ function getChecklistProgress(checklist) {
   const done = checklist.filter((item) => item.done).length;
   return { done, total: checklist.length, pct: Math.round(done / checklist.length * 100) };
 }
+function hasPlatformFieldValue(value) {
+  if (Array.isArray(value)) return value.length > 0;
+  return typeof value === "string" && value.trim() !== "";
+}
+function PlatformContentField({ label, value }) {
+  if (!hasPlatformFieldValue(value)) return null;
+  return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: label }),
+    Array.isArray(value) ? /* @__PURE__ */ jsx(Group, { gap: 4, children: value.map((entry, index) => /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: String(entry) }, `${String(entry)}-${index}`)) }) : /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: String(value) })
+  ] });
+}
 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." });
@@ -1843,17 +1957,8 @@ function ContentDistributionDetailPage({
   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,
     {
@@ -1884,20 +1989,9 @@ function ContentDistributionDetailPage({
   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) });
-  };
+  const platformContent = dist.platformContent ?? {};
+  const platformFields = [...COMMON_PLATFORM_FIELDS, ...PLATFORM_SPECIFIC_FIELDS[dist.platform] ?? []];
+  const hasPlatformContent = platformFields.some((field) => hasPlatformFieldValue(platformContent[field.key]));
   return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
     /* @__PURE__ */ jsxs(PageContainer, { children: [
       /* @__PURE__ */ jsxs(Stack, { children: [
@@ -1955,30 +2049,9 @@ function ContentDistributionDetailPage({
             /* @__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__ */ jsxs(Group, { 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__ */ jsx(Text, { size: "sm", children: dist.status })
           ] }),
           /* @__PURE__ */ jsxs(Group, { children: [
             /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "Publish Method" }),
@@ -2002,26 +2075,20 @@ function ContentDistributionDetailPage({
           ] }),
           /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", children: [
             /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 140, children: "URL" }),
-            /* @__PURE__ */ jsx(
-              TextInput,
+            dist.platformUrl ? /* @__PURE__ */ jsx(
+              Anchor,
               {
-                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
+                href: dist.platformUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                size: "sm",
+                style: { overflowWrap: "anywhere" },
+                children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+                  dist.platformUrl,
+                  /* @__PURE__ */ jsx(IconExternalLink, { size: 14 })
+                ] })
               }
-            )
+            ) : /* @__PURE__ */ jsx(Text, { size: "sm", children: "\u2014" })
           ] })
         ] })
       ] }) }),
@@ -2052,174 +2119,15 @@ function ContentDistributionDetailPage({
           ] })
         ] }),
         /* @__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
-        )) })
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", verticalSpacing: "sm", children: checklist.map((item) => /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", align: "flex-start", children: [
+          item.done ? /* @__PURE__ */ jsx(IconCircleCheck, { size: 16, color: "var(--color-success)" }) : /* @__PURE__ */ jsx(IconCircleDashed, { size: 16, color: "var(--mantine-color-dimmed)" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: item.done ? "dimmed" : void 0, children: item.label })
+        ] }, 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(Title, { order: 3, children: "Platform Content" }),
         /* @__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)
-            }
-          )
-        ] })
+        hasPlatformContent ? platformFields.map((field) => /* @__PURE__ */ jsx(PlatformContentField, { label: field.label, value: platformContent[field.key] }, field.key)) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No platform content recorded yet." })
       ] }) }),
       dist.adaptedBody ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
         /* @__PURE__ */ jsx(Title, { order: 3, children: "Adapted Content" }),
@@ -2289,18 +2197,7 @@ function ContentDistributionDetailPage({
               }
             ) }),
             /* @__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 })
-              }
-            ) })
+            /* @__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 }) }) })
           ] })
         ] }, url)) })
       ] }) })
@@ -2309,4 +2206,4 @@ function ContentDistributionDetailPage({
   ] });
 }
 
-export { AlternatesPanel, ContentDistributionDetailPage, ContentDistributionsPage, ContentItemReviewPage, ContentItemsPage, ContentOverviewPage, ContentPipelineWorkspacePage, ContentPipelinesPage, ContentReviewCard, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, swapFirstLine, swapLastLine };
+export { AlternatesPanel, ContentDistributionDetailPage, ContentDistributionsPage, ContentItemReviewPage, ContentItemsPage, ContentOverviewPage, ContentPipelineBoardPage, ContentPipelineBoardPage as ContentPipelineWorkspacePage, ContentPipelinesPage, ContentReviewCard, PayloadBody, ProcessingStateStrip, ReviewActionBar, firstLine, formatElapsed, lastLine, swapFirstLine, swapLastLine };