@elevasis/ui 2.74.0 → 2.76.0

package/dist/{chunk-5A6KCFS5.js → chunk-UEY4AB3R.js}

@@ -1,27 +1,32 @@
-import { LEAD_GEN_API_INTERFACE } from './chunk-ZFA56VSR.js';
-import { useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-GDOR57D7.js';
-import { useCredentials, useVerifyCredential } from './chunk-3LOKYZJC.js';
-import { useTableSort, sortData, useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-ZYNVCWDZ.js';
-import { getSystemApiInterfaceReadiness } from './chunk-CRA7WQZH.js';
+import { eqOrgId, useBatchDeleteRows } from './chunk-KB5CAN5D.js';
+import { LEAD_GEN_API_INTERFACE } from './chunk-WELN7DDV.js';
+import { useCredentials, useVerifyCredential, useListMembers, useListMember, useTransitionListMember, useDeriveActions, useArtifacts } from './chunk-H5AEYSVX.js';
+import { useSupabase } from './chunk-MKH2KOAO.js';
+import { useCompanyFacets, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-GDQQX5SL.js';
+import { useTableSort, sortData } from './chunk-2Y6AKWGU.js';
+import { getSystemApiInterfaceReadiness } from './chunk-3RK2NNJX.js';
 import { sanitizeInput } from './chunk-3MEXPLWT.js';
 import { useTableSelection } from './chunk-WDBNW44Z.js';
+import { SubshellPageLayout } from './chunk-6B4ZPBQJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { LeadGenSidebarMiddle, SubshellContentContainer, PageTitleCaption, acquisitionListKeys, useOptionalElevasisSystems, getAllBuildTemplates, getLeadGenStageCatalog, useListsTelemetry, useLists, useAccess, AccessKeys, CenteredErrorState, StatCard, usePaginationState, EmptyState, CustomModal, useListActions, useList, useListProgress, useListExecutions, useDeleteList, useExecuteAsync, SystemReadinessAlert, useCreateList, JsonViewer, useWorkflowExecution, useInFlightExecutions, useExecutionSSE, useListRecords } from './chunk-6JN2TLV2.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-HYQOGRWG.js';
-import { SubshellSidebarSection } from './chunk-MISHPEJX.js';
+import { SubshellSidebarSection, LeadGenSidebarMiddle, PageTitleCaption, acquisitionListKeys, useOptionalElevasisSystems, getAllBuildTemplates, getLeadGenStageCatalog, useListsTelemetry, useLists, useAccess, AccessKeys, SubshellContentContainer, CenteredErrorState, StatCard, usePaginationState, EmptyState, CustomModal, useListActions, useList, useListProgress, useListExecutions, useDeleteList, useExecuteAsync, SystemReadinessAlert, useCreateList, JsonViewer, useWorkflowExecution, useInFlightExecutions, useExecutionSSE, useListRecords } from './chunk-K55TU6CC.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-KXNRTJAE.js';
 import { CardHeader } from './chunk-62GVNH5U.js';
-import { getSystem } from './chunk-R5UGIFYU.js';
+import { useOrganization } from './chunk-DD3CCMCZ.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, getSystem } from './chunk-5ZK7K7YP.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
-import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, Center, Loader, SimpleGrid, Table, Badge, TextInput, Select, Checkbox, Pagination, ActionIcon, Tooltip, Tabs, ThemeIcon, Box, Textarea, Card, SegmentedControl, UnstyledButton, Pill, Drawer, JsonInput, Switch, NumberInput, MultiSelect, TagsInput, ScrollArea } from '@mantine/core';
-import { IconTarget, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconListDetails, IconPlus, IconAlertTriangle, IconSearch, IconList, IconExternalLink, IconCopy, IconTrash, IconBuilding, IconUsers, IconBolt, IconLayoutDashboard, IconBuildingFactory2, IconArrowLeft, IconSparkles, IconAddressBook, IconSettings, IconChevronDown, IconChevronRight, IconRefresh, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
+import { Stack, Group, Title, Text, Alert, Button, Collapse, Paper, Anchor, Center, Loader, SimpleGrid, Table, Badge, TextInput, Select, Checkbox, Pagination, ActionIcon, Tooltip, Tabs, Switch, Card, Divider, Textarea, ThemeIcon, Box, SegmentedControl, UnstyledButton, Pill, Drawer, JsonInput, NumberInput, MultiSelect, TagsInput, ScrollArea } from '@mantine/core';
+import { IconTarget, IconAlertCircle, IconPlayerPlay, IconArrowRight, IconListDetails, IconPlus, IconAlertTriangle, IconSearch, IconList, IconExternalLink, IconCopy, IconTrash, IconBuilding, IconUsers, IconBolt, IconLayoutDashboard, IconBuildingFactory2, IconMessage, IconArrowLeft, IconCircleDot, IconChevronLeft, IconChevronRight, IconCheck, IconSparkles, IconAddressBook, IconSettings, IconChevronDown, IconRefresh, IconMail, IconUser, IconDatabase } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useMemo, useCallback, useEffect, Fragment as Fragment$1 } from 'react';
 import { useForm } from '@mantine/form';
 import { zod4Resolver } from 'mantine-form-zod-resolver';
 import { Link, useNavigate, useSearch } from '@tanstack/react-router';
-import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
+import { useClipboard } from '@mantine/hooks';
+import { notifications } from '@mantine/notifications';
 
 var LeadGenSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" });
@@ -123,15 +128,7 @@ function renderField(field, form, disabled, jsonState, setJsonState) {
           value: inputProps.value ?? [],
           onChange: (val) => form.setFieldValue(field.path, val),
           error: inputProps.error,
-          children: /* @__PURE__ */ jsx(Stack, { gap: 6, mt: "xs", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              value: option.value,
-              label: option.label,
-              disabled
-            },
-            option.value
-          )) })
+          children: /* @__PURE__ */ jsx(Stack, { gap: 6, mt: "xs", children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(Checkbox, { value: option.value, label: option.label, disabled }, option.value)) })
         },
         field.path
       );
@@ -418,7 +415,7 @@ function LeadGenRouteShell({
   body,
   links = LEAD_GEN_ROUTE_LINKS
 }) {
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+  return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title, caption }),
     /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "lg", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
       body,
@@ -427,7 +424,7 @@ function LeadGenRouteShell({
         /* @__PURE__ */ jsx(Anchor, { component: Link, to: link.to, children: link.label })
       ] }, link.to)) })
     ] }) })
-  ] }) }) });
+  ] }) });
 }
 function formatDate(dateValue) {
   const date = typeof dateValue === "string" ? new Date(dateValue) : dateValue;
@@ -595,7 +592,9 @@ function CreateListModal({ opened, onClose, canCreate, onCreated }) {
   const [newBuildTemplateId, setNewBuildTemplateId] = useState("");
   const [newDataMode, setNewDataMode] = useState("mock");
   const selectedBuildTemplateId = newBuildTemplateId || defaultBuildTemplateId;
-  const selectedBuildTemplate = leadGenConfig.buildTemplates?.find((template) => template.id === selectedBuildTemplateId);
+  const selectedBuildTemplate = leadGenConfig.buildTemplates?.find(
+    (template) => template.id === selectedBuildTemplateId
+  );
   function resetForm() {
     setNewListName("");
     setNewListDescription("");
@@ -907,7 +906,7 @@ function LeadGenOverviewPage({ headerActions, tabs, footer } = {}) {
     footer ?? null
   ] });
 }
-var PAGE_SIZE_DEFAULT = 20;
+var PAGE_SIZE_DEFAULT2 = 20;
 var STATUS_FILTER_OPTIONS = [
   { value: "", label: "All statuses" },
   { value: "draft", label: "Draft" },
@@ -956,16 +955,16 @@ function LeadGenListsPage() {
     return result;
   }, [lists, searchQuery, statusFilter]);
   const sortedLists = useMemo(() => sortData(filteredLists, sort, sortAccessors), [filteredLists, sort, sortAccessors]);
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [searchQuery, statusFilter], sortedLists.length);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [searchQuery, statusFilter], sortedLists.length);
   const paginatedLists = useMemo(
-    () => sortedLists.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    () => sortedLists.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT2),
     [sortedLists, pagination.offset]
   );
   const selection = useTableSelection(paginatedLists, sortedLists);
   const canUseApiActions = leadGenConfig.canUseLeadGenApiActions;
   const apiDisabledReason = leadGenConfig.leadGenApiInterface.reason;
   const canCreateOrDeleteLists = canManageLeadGen.allowed && canUseApiActions;
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+  return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
     /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
@@ -1062,13 +1061,7 @@ function LeadGenListsPage() {
               style: { cursor: "pointer" },
               onClick: () => navigate({ to: "/lead-gen/lists/$listId", params: { listId: list.id } }),
               children: [
-                /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: selection.isSelected(list.id),
-                    onChange: () => selection.toggle(list.id)
-                  }
-                ) }),
+                /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(Checkbox, { checked: selection.isSelected(list.id), onChange: () => selection.toggle(list.id) }) }),
                 /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
                   /* @__PURE__ */ jsx(Text, { fw: 500, children: list.name }),
                   list.instantlyCampaignId ? /* @__PURE__ */ jsx(
@@ -1106,7 +1099,7 @@ function LeadGenListsPage() {
           );
         }) })
       ] }),
-      sortedLists.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      sortedLists.length > PAGE_SIZE_DEFAULT2 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
@@ -1150,15 +1143,7 @@ function LeadGenListsPage() {
           ] }),
           /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
           /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "light",
-                onClick: () => setShowBatchDelete(false),
-                disabled: deleteListsMutation.isPending,
-                children: "Cancel"
-              }
-            ),
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: deleteListsMutation.isPending, children: "Cancel" }),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -1181,7 +1166,7 @@ function LeadGenListsPage() {
         ] })
       }
     )
-  ] }) });
+  ] });
 }
 
 // src/lib/lead-gen/legacy-pipeline.ts
@@ -3333,7 +3318,7 @@ function LeadGenListDetailPage({
     }
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(
         ListDetailHeader,
         {
@@ -3343,7 +3328,7 @@ function LeadGenListDetailPage({
         }
       ),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) }) });
+    ] }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -3588,8 +3573,14 @@ function ListBuilderIndexPage() {
   const openList = (listId) => {
     navigate({ to: "/lead-gen/lists/$listId", params: { listId }, search: { tab: "build" } });
   };
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Choose a list to run lead-gen workflows and monitor progress." }),
+  return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "List Builder",
+        caption: "Choose a list to run lead-gen workflows and monitor progress."
+      }
+    ),
     /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsx(
         TextInput,
@@ -3641,7 +3632,7 @@ function ListBuilderIndexPage() {
         )) })
       ] })
     ] }) })
-  ] }) }) });
+  ] }) });
 }
 
 // src/lib/lead-gen/stage-colors.ts
@@ -4064,10 +4055,10 @@ function ListBuilderPage({ listId }) {
     }
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(PageTitleCaption, { title: "List Builder", caption: "Lead-gen workspace", rightSection: backButton }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) }) });
+    ] }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -4118,7 +4109,7 @@ function ListBuilderPage({ listId }) {
     /* @__PURE__ */ jsx(WorkflowRunsPanel, { listId })
   ] }) }) });
 }
-var PAGE_SIZE_DEFAULT2 = 20;
+var PAGE_SIZE_DEFAULT3 = 20;
 function getValueAtPath(source, path) {
   return path.split(".").reduce((current, segment) => {
     if (current == null || typeof current !== "object") return void 0;
@@ -4138,7 +4129,7 @@ function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
   const [statusFilter, setStatusFilter] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
   const navigate = useNavigate();
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT2, [companySearch, segmentFilter, categoryFilter, statusFilter]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [companySearch, segmentFilter, categoryFilter, statusFilter]);
   const { data: companyFacets } = useCompanyFacets();
   const {
     data: pagedCompanies,
@@ -4149,7 +4140,7 @@ function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
     segment: segmentFilter || void 0,
     category: categoryFilter || void 0,
     status: statusFilter || void 0,
-    limit: PAGE_SIZE_DEFAULT2,
+    limit: PAGE_SIZE_DEFAULT3,
     offset: pagination.offset
   });
   const deleteCompaniesMutation = useDeleteCompanies();
@@ -4168,7 +4159,7 @@ function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
       }
     });
   }
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+  return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
     /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Companies", caption: "Company records and enrichment tracking" }) }),
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(
@@ -4298,7 +4289,7 @@ function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
           );
         }) })
       ] }),
-      (pagedCompanies?.total ?? 0) > PAGE_SIZE_DEFAULT2 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      (pagedCompanies?.total ?? 0) > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
@@ -4323,9 +4314,9 @@ function LeadGenCompaniesPage({ extraColumns, replaceDefaultColumns } = {}) {
         /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteCompaniesMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
       ] })
     ] }) })
-  ] }) });
+  ] });
 }
-var PAGE_SIZE_DEFAULT3 = 20;
+var PAGE_SIZE_DEFAULT4 = 20;
 function getValueAtPath2(source, path) {
   return path.split(".").reduce((current, segment) => {
     if (current == null || typeof current !== "object") return void 0;
@@ -4344,7 +4335,7 @@ function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
   const [listFilter, setListFilter] = useState(null);
   const [showBatchDelete, setShowBatchDelete] = useState(false);
   const navigate = useNavigate();
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT3, [contactSearch, statusFilter, listFilter]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT4, [contactSearch, statusFilter, listFilter]);
   const { data: lists } = useLists();
   const {
     data: contacts,
@@ -4354,7 +4345,7 @@ function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
     search: contactSearch || void 0,
     contactStatus: statusFilter || void 0,
     listId: listFilter || void 0,
-    limit: PAGE_SIZE_DEFAULT3,
+    limit: PAGE_SIZE_DEFAULT4,
     offset: pagination.offset
   });
   const deleteContactsMutation = useDeleteContacts();
@@ -4373,7 +4364,7 @@ function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
       }
     });
   }
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+  return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
     /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Contacts", caption: "Contact records and outreach tracking" }) }),
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(
@@ -4490,7 +4481,7 @@ function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
           );
         }) })
       ] }),
-      (contacts?.total ?? 0) > PAGE_SIZE_DEFAULT3 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+      (contacts?.total ?? 0) > PAGE_SIZE_DEFAULT4 ? /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
         Pagination,
         {
           value: pagination.page,
@@ -4515,7 +4506,739 @@ function LeadGenContactsPage({ extraColumns, replaceDefaultColumns } = {}) {
         /* @__PURE__ */ jsx(Button, { color: "red", size: "sm", loading: deleteContactsMutation.isPending, onClick: handleBatchDelete, children: "Delete" })
       ] })
     ] }) })
-  ] }) });
+  ] });
+}
+var socialPostKeys = {
+  all: ["acq-social-posts"],
+  lists: () => [...socialPostKeys.all, "list"],
+  list: (orgId, filters) => [...socialPostKeys.all, "list", orgId, filters]
+};
+function useSocialPosts(filters = {}) {
+  const supabase = useSupabase();
+  const { currentSupabaseOrganizationId } = useOrganization();
+  return useQuery({
+    queryKey: socialPostKeys.list(currentSupabaseOrganizationId, filters),
+    queryFn: async () => {
+      if (!currentSupabaseOrganizationId) return [];
+      let query = eqOrgId(supabase.from("acq_social_posts").select("*"), currentSupabaseOrganizationId);
+      if (filters.platform) {
+        query = query.eq("platform", filters.platform);
+      }
+      if (filters.status) {
+        query = query.eq("status", filters.status);
+      }
+      if (filters.search) {
+        query = query.ilike("post_title", `%${filters.search}%`);
+      }
+      query = query.order("discovered_at", { ascending: false });
+      const { data, error } = await query;
+      if (error) throw error;
+      return data || [];
+    },
+    enabled: !!currentSupabaseOrganizationId
+  });
+}
+var socialPostDetailKeys = {
+  detail: (id) => [...socialPostKeys.all, "detail", id]
+};
+function useAdjacentPosts(postId) {
+  const { data: posts } = useSocialPosts();
+  if (!posts || posts.length === 0) return { prevId: null, nextId: null };
+  const currentIndex = posts.findIndex((p) => p.id === postId);
+  if (currentIndex === -1) return { prevId: null, nextId: null };
+  let prevId = null;
+  for (let i = currentIndex - 1; i >= 0; i--) {
+    if (!posts[i].reviewed_at) {
+      prevId = posts[i].id;
+      break;
+    }
+  }
+  let nextId = null;
+  for (let i = currentIndex + 1; i < posts.length; i++) {
+    if (!posts[i].reviewed_at) {
+      nextId = posts[i].id;
+      break;
+    }
+  }
+  return { prevId, nextId };
+}
+function useSocialPost(postId) {
+  const supabase = useSupabase();
+  const { currentSupabaseOrganizationId } = useOrganization();
+  return useQuery({
+    queryKey: [...socialPostDetailKeys.detail(postId), currentSupabaseOrganizationId],
+    queryFn: async () => {
+      if (!currentSupabaseOrganizationId) return null;
+      const { data, error } = await eqOrgId(
+        supabase.from("acq_social_posts").select("*").eq("id", postId),
+        currentSupabaseOrganizationId
+      ).single();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!currentSupabaseOrganizationId && !!postId
+  });
+}
+function useDeleteSocialPost() {
+  const supabase = useSupabase();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (postId) => {
+      const { error } = await supabase.from("acq_social_posts").delete().eq("id", postId);
+      if (error) throw error;
+    },
+    onError: (err) => {
+      showApiErrorNotification(err);
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: socialPostKeys.all });
+    }
+  });
+}
+function useUpdateSocialPost(postId) {
+  const supabase = useSupabase();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (fields) => {
+      const { error } = await supabase.from("acq_social_posts").update({ ...fields, updated_at: (/* @__PURE__ */ new Date()).toISOString() }).eq("id", postId);
+      if (error) throw error;
+    },
+    onMutate: async (fields) => {
+      const queryKey = socialPostDetailKeys.detail(postId);
+      await queryClient.cancelQueries({ queryKey });
+      const previous = queryClient.getQueriesData({ queryKey });
+      queryClient.setQueriesData({ queryKey }, (old) => {
+        if (!old) return old;
+        return { ...old, ...fields, updated_at: (/* @__PURE__ */ new Date()).toISOString() };
+      });
+      return { previous };
+    },
+    onError: (_err, _fields, context) => {
+      if (context?.previous) {
+        for (const [queryKey, data] of context.previous) {
+          queryClient.setQueryData(queryKey, data);
+        }
+      }
+      showApiErrorNotification(_err);
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: socialPostDetailKeys.detail(postId) });
+      queryClient.invalidateQueries({ queryKey: socialPostKeys.all });
+    }
+  });
+}
+var platformOptions = [
+  { value: "reddit", label: "Reddit" },
+  { value: "linkedin", label: "LinkedIn" }
+];
+var statusOptions = [
+  { value: "new", label: "New" },
+  { value: "skipped", label: "Skipped" },
+  { value: "complete", label: "Complete" }
+];
+var platformColors = {
+  reddit: "orange",
+  linkedin: "blue"
+};
+var statusColors = {
+  new: "blue",
+  skipped: "gray",
+  complete: "green"
+};
+function SocialMonitoringPage({ onPostClick }) {
+  const [platformFilter, setPlatformFilter] = useState(null);
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [hideReviewed, setHideReviewed] = useState(true);
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const deleteMutation = useDeleteSocialPost();
+  const { data: posts, isLoading } = useSocialPosts({
+    platform: platformFilter || void 0,
+    status: statusFilter || void 0,
+    search: searchQuery || void 0
+  });
+  const filteredPosts = useMemo(() => {
+    if (!posts) return [];
+    if (!hideReviewed) return posts;
+    return posts.filter((p) => !p.reviewed_at);
+  }, [posts, hideReviewed]);
+  const { sort, toggleSort } = useTableSort("discovered_at");
+  const sortAccessors = useMemo(
+    () => ({
+      platform: (p) => p.platform,
+      source: (p) => p.source_category,
+      author: (p) => p.author_name,
+      post: (p) => p.post_title,
+      score: (p) => p.relevance_score,
+      status: (p) => p.status,
+      discovered_at: (p) => p.discovered_at
+    }),
+    []
+  );
+  const sortedPosts = useMemo(() => sortData(filteredPosts, sort, sortAccessors), [filteredPosts, sort, sortAccessors]);
+  const pagination = usePaginationState(
+    PAGE_SIZE_DEFAULT,
+    [platformFilter, statusFilter, searchQuery, hideReviewed],
+    sortedPosts.length
+  );
+  const paginatedPosts = useMemo(() => {
+    return sortedPosts.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT);
+  }, [sortedPosts, pagination.offset]);
+  const selection = useTableSelection(paginatedPosts, filteredPosts);
+  const batchDeleteMutation = useBatchDeleteRows("acq_social_posts", [["acq-social-posts"]]);
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Social Monitoring", caption: "Track social media posts from Reddit and LinkedIn" }) }),
+    /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(
+        FilterBar,
+        {
+          actions: /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                label: "Hide reviewed",
+                size: "sm",
+                checked: hideReviewed,
+                onChange: (e) => setHideReviewed(e.currentTarget.checked)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TableSelectionToolbar,
+              {
+                selectedCount: selection.selectedCount,
+                onDelete: () => setShowBatchDelete(true),
+                isDeleting: batchDeleteMutation.isPending
+              }
+            )
+          ] }),
+          children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Platforms",
+                data: platformOptions,
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true,
+                value: platformFilter,
+                onChange: setPlatformFilter
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                placeholder: "All Statuses",
+                data: statusOptions,
+                style: { minWidth: 160 },
+                size: "sm",
+                clearable: true,
+                value: statusFilter,
+                onChange: setStatusFilter
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "Search post text...",
+                leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                style: { minWidth: 250 },
+                size: "sm",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : !filteredPosts.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconMessage, title: "No social posts found" }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isPageAllSelected,
+              indeterminate: selection.isPagePartiallySelected,
+              onChange: selection.togglePage,
+              size: "sm"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "platform", sort, onToggle: toggleSort, children: "Platform" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "source", sort, onToggle: toggleSort, children: "Source" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "author", sort, onToggle: toggleSort, children: "Author" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "post", sort, onToggle: toggleSort, children: "Post" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "score", sort, onToggle: toggleSort, children: "Score" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "status", sort, onToggle: toggleSort, children: "Status" }),
+          /* @__PURE__ */ jsx(SortableHeader, { column: "discovered_at", sort, onToggle: toggleSort, children: "Discovered" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 50 })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedPosts.map((post) => /* @__PURE__ */ jsxs(Table.Tr, { style: { cursor: "pointer" }, onClick: () => onPostClick(post.id), children: [
+          /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: selection.isSelected(post.id),
+              onChange: () => selection.toggle(post.id),
+              size: "sm"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: platformColors[post.platform] || "gray", size: "sm", children: post.platform }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: post.source_category ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: post.platform === "reddit" ? `r/${post.source_category}` : post.source_category }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "-" }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: post.author_url ? /* @__PURE__ */ jsx(Anchor, { href: post.author_url, target: "_blank", size: "sm", children: post.author_name }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: post.author_name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { style: { maxWidth: 400 }, children: /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 1, title: post.post_title, children: post.post_title }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: post.relevance_score }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: statusColors[post.status] || "gray", size: "sm", children: post.status }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(post.discovered_at) }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              color: "red",
+              size: "sm",
+              onClick: (e) => {
+                e.stopPropagation();
+                setDeleteTarget(post);
+              },
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
+            }
+          ) })
+        ] }, post.id)) })
+      ] }) }),
+      sortedPosts.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          value: pagination.page,
+          onChange: pagination.setPage,
+          total: pagination.totalPages(sortedPosts.length),
+          size: "sm"
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: !!deleteTarget,
+        onClose: () => !deleteMutation.isPending && setDeleteTarget(null),
+        size: "sm",
+        loading: deleteMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete Post" })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete this post by",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: deleteTarget?.author_name }),
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setDeleteTarget(null), disabled: deleteMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: deleteMutation.isPending,
+                onClick: () => {
+                  if (!deleteTarget) return;
+                  deleteMutation.mutate(deleteTarget.id, {
+                    onSuccess: () => setDeleteTarget(null)
+                  });
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !batchDeleteMutation.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: batchDeleteMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Posts"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected posts?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: batchDeleteMutation.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "red",
+                loading: batchDeleteMutation.isPending,
+                onClick: () => {
+                  batchDeleteMutation.mutate([...selection.selectedIds], {
+                    onSuccess: () => {
+                      setShowBatchDelete(false);
+                      selection.clear();
+                    }
+                  });
+                },
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var platformColors2 = {
+  reddit: "orange",
+  linkedin: "blue"
+};
+var statusColors2 = {
+  new: "blue",
+  skipped: "gray",
+  complete: "green"
+};
+var statusOptions2 = [
+  { value: "new", label: "New" },
+  { value: "skipped", label: "Skipped" },
+  { value: "complete", label: "Complete" }
+];
+function formatDate2(dateString) {
+  if (!dateString) return "-";
+  return new Date(dateString).toLocaleString();
+}
+function SocialPostDetailPage({
+  postId,
+  onPostChange,
+  onBack,
+  backLabel = "Social Monitoring"
+}) {
+  const { data: post, isLoading } = useSocialPost(postId);
+  const updatePost = useUpdateSocialPost(postId);
+  const { prevId, nextId } = useAdjacentPosts(postId);
+  const idClipboard = useClipboard({ timeout: 2e3 });
+  const [finalResponse, setFinalResponse] = useState("");
+  const [skipReason, setSkipReason] = useState("");
+  const [feedback, setFeedback] = useState("");
+  const [showSaved, setShowSaved] = useState(false);
+  useEffect(() => {
+    if (post?.final_response !== void 0) {
+      setFinalResponse(post.final_response ?? "");
+    }
+  }, [post?.final_response]);
+  useEffect(() => {
+    if (post?.skip_reason !== void 0) {
+      setSkipReason(post.skip_reason ?? "");
+    }
+  }, [post?.skip_reason]);
+  useEffect(() => {
+    if (post?.feedback !== void 0) {
+      setFeedback(post.feedback ?? "");
+    }
+  }, [post?.feedback]);
+  useEffect(() => {
+    if (!updatePost.isSuccess) return;
+    setShowSaved(true);
+    const timer = setTimeout(() => setShowSaved(false), 2e3);
+    return () => clearTimeout(timer);
+  }, [updatePost.isSuccess]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (!post) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Alert, { color: "yellow", children: "Post not found" }) }) });
+  }
+  const metadata = post.metadata ?? {};
+  const navigateToPost = (id) => {
+    onPostChange(id);
+  };
+  return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PageTitleCaption,
+        {
+          title: post.author_name,
+          caption: `${post.platform} post \xB7 Score ${post.relevance_score}`,
+          rightSection: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onBack, children: backLabel })
+        }
+      ),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { color: platformColors2[post.platform] ?? "gray", size: "sm", children: post.platform }),
+        /* @__PURE__ */ jsx(Badge, { color: statusColors2[post.status] ?? "gray", size: "sm", children: post.status }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Discovered ",
+          formatTimeAgo(post.discovered_at)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Post Content" }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", children: "Title" }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { size: "sm", children: post.post_title }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", children: "Body" }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, children: post.post_text ? /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: post.post_text }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No body text" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Anchor, { href: post.post_url, target: "_blank", size: "sm", children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+        "Open on ",
+        post.platform === "reddit" ? "Reddit" : "LinkedIn",
+        /* @__PURE__ */ jsx(IconExternalLink, { size: 14 })
+      ] }) }) })
+    ] }) }),
+    /* @__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: 130, children: "Author" }),
+          post.author_url ? /* @__PURE__ */ jsx(Anchor, { href: post.author_url, target: "_blank", size: "sm", children: post.author_name }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: post.author_name })
+        ] }),
+        post.platform === "linkedin" && !!metadata.authorHeadline && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Headline" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: String(metadata.authorHeadline) })
+        ] }),
+        post.platform === "linkedin" && !!metadata.authorCompany && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Company" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: String(metadata.authorCompany) })
+        ] }),
+        post.platform === "linkedin" && !!metadata.authorTier && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Author Tier" }),
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "outline", children: [
+            "Tier ",
+            String(metadata.authorTier)
+          ] })
+        ] }),
+        post.source_category && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: post.platform === "reddit" ? "Subreddit" : "Source" }),
+          post.platform === "reddit" ? /* @__PURE__ */ jsxs(Anchor, { href: `https://www.reddit.com/r/${post.source_category}`, target: "_blank", size: "sm", children: [
+            "r/",
+            post.source_category
+          ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", children: post.source_category })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Relevance Score" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: post.relevance_score })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Engagement" }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            post.engagement_count,
+            " ",
+            post.platform === "reddit" ? "upvotes" : "likes"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Comments" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: post.comments_count })
+        ] }),
+        post.platform === "linkedin" && metadata.sharesCount != null && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Shares" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: String(metadata.sharesCount) })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Posted" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate2(post.posted_at) })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Discovered" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate2(post.discovered_at) })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "ID" }),
+          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: post.id }),
+            /* @__PURE__ */ jsx(Tooltip, { label: idClipboard.copied ? "Copied!" : "Copy ID", children: /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                size: "sm",
+                variant: "subtle",
+                color: idClipboard.copied ? "teal" : "gray",
+                onClick: () => {
+                  idClipboard.copy(post.id);
+                  notifications.show({ message: "ID copied to clipboard", color: "teal" });
+                },
+                children: /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+              }
+            ) })
+          ] })
+        ] }),
+        post.matched_keywords && post.matched_keywords.length > 0 && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Keywords" }),
+          /* @__PURE__ */ jsx(Group, { gap: 4, children: post.matched_keywords.map((kw) => /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "outline", children: kw }, kw)) })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Status & Response" }),
+      /* @__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: 130, children: "Status" }),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              value: post.status,
+              onChange: (value) => {
+                if (!value) return;
+                const fields = {
+                  status: value
+                };
+                if (value === "complete" && !post.responded_at) {
+                  fields.responded_at = (/* @__PURE__ */ new Date()).toISOString();
+                }
+                if (value !== "new" && !post.reviewed_at) {
+                  fields.reviewed_at = (/* @__PURE__ */ new Date()).toISOString();
+                }
+                if (value === "new") {
+                  fields.reviewed_at = null;
+                }
+                updatePost.mutate(fields);
+              },
+              data: statusOptions2,
+              leftSection: /* @__PURE__ */ jsx(IconCircleDot, { size: 16, color: "var(--color-text-subtle)" }),
+              size: "xs",
+              w: 160,
+              variant: "unstyled",
+              withCheckIcon: true,
+              styles: {
+                wrapper: {
+                  border: "1px solid var(--color-border)",
+                  borderRadius: "var(--mantine-radius-default)",
+                  backgroundColor: "var(--color-surface)"
+                },
+                input: {
+                  fontSize: "var(--mantine-font-size-xs)",
+                  fontWeight: 500,
+                  height: "30px",
+                  minHeight: "30px",
+                  paddingLeft: "30px",
+                  cursor: "pointer"
+                },
+                section: {
+                  color: "var(--color-text-subtle)"
+                },
+                dropdown: {
+                  border: "1px solid var(--color-border)",
+                  backgroundColor: "var(--color-surface)",
+                  boxShadow: "var(--card-shadow)"
+                },
+                option: { fontSize: "var(--mantine-font-size-xs)" }
+              }
+            }
+          )
+        ] }),
+        post.responded_at && /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", w: 130, children: "Responded At" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate2(post.responded_at) })
+        ] })
+      ] }),
+      post.initial_draft && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Initial Draft" }),
+        /* @__PURE__ */ jsx(Card, { withBorder: true, style: { maxHeight: 300, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: post.initial_draft }) })
+      ] }),
+      post.status === "skipped" ? /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Skip Reason",
+          placeholder: "Why was this post skipped?",
+          autosize: true,
+          minRows: 2,
+          value: skipReason,
+          onChange: (e) => setSkipReason(e.currentTarget.value),
+          onBlur: () => {
+            const val = skipReason.trim();
+            if (val !== (post.skip_reason ?? "")) {
+              updatePost.mutate({ skip_reason: val || null });
+            }
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Final Response",
+          placeholder: "Edit response before posting",
+          autosize: true,
+          minRows: 2,
+          value: finalResponse,
+          onChange: (e) => setFinalResponse(e.currentTarget.value),
+          onBlur: () => {
+            const val = finalResponse.trim();
+            if (val !== (post.final_response ?? "")) {
+              updatePost.mutate({ final_response: val || null });
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Feedback",
+          description: "Inform the AI what was good/bad about this post's score or draft",
+          placeholder: "e.g. Score too high \u2014 post is generic, not a real lead",
+          autosize: true,
+          minRows: 2,
+          value: feedback,
+          onChange: (e) => setFeedback(e.currentTarget.value),
+          onBlur: () => {
+            const val = feedback.trim();
+            if (val !== (post.feedback ?? "")) {
+              updatePost.mutate({ feedback: val || null });
+            }
+          }
+        }
+      )
+    ] }) }),
+    post.platform === "reddit" && !!metadata.selftext && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Post Body" }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: String(metadata.selftext) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            color: "var(--color-primary)",
+            size: "xs",
+            leftSection: /* @__PURE__ */ jsx(IconChevronLeft, { size: 14 }),
+            disabled: !prevId,
+            onClick: () => prevId && navigateToPost(prevId),
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "light",
+            color: "var(--color-primary)",
+            size: "xs",
+            rightSection: /* @__PURE__ */ jsx(IconChevronRight, { size: 14 }),
+            disabled: !nextId,
+            onClick: () => nextId && navigateToPost(nextId),
+            children: "Next"
+          }
+        )
+      ] }),
+      updatePost.isPending ? /* @__PURE__ */ jsx(Loader, { size: 16 }) : showSaved ? /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+        /* @__PURE__ */ jsx(IconCheck, { size: 16, color: "var(--mantine-color-green-6)" }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "green", children: "Saved" })
+      ] }) : null
+    ] })
+  ] });
 }
 
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getLeadGenApiInterfaceReadiness, getLeadGenExportWorkflowId, getStateKeyColor, getStatusColor, getStepActionLabel, isLeadGenExportAction, resolveBuildPlanSteps, resolveBuildState, sortStageKeys, useDeleteLists, useLeadGenConfig };
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, ListBuilderIndexPage, ListBuilderPage, ORPHAN_STAGE_ORDER, SocialMonitoringPage, SocialPostDetailPage, StepConfigForm, TabSection, deriveBusinessProgress, formatDate, getEnrichmentColor, getEnrichmentStatus, getLeadGenApiInterfaceReadiness, getLeadGenExportWorkflowId, getStateKeyColor, getStatusColor, getStepActionLabel, isLeadGenExportAction, resolveBuildPlanSteps, resolveBuildState, socialPostDetailKeys, socialPostKeys, sortStageKeys, useAdjacentPosts, useDeleteLists, useDeleteSocialPost, useLeadGenConfig, useSocialPost, useSocialPosts, useUpdateSocialPost };