@elevasis/ui 2.24.0 → 2.25.1

package/dist/{chunk-VGNAV3TH.js → chunk-JDQSCEEF.js}

@@ -1,23 +1,24 @@
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
-import { SubshellNavItem } from './chunk-CEWTOKE7.js';
+import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { useExecuteAction, useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-QULLZ5PE.js';
-import { useCrmActions, deriveActions } from './chunk-UDJE54WN.js';
+import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany, dealKeys, useExecuteAction } from './chunk-RSG2O3HF.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-HKBEURCV.js';
+import { useCrmActions, DEFAULT_CRM_PRIORITY_RULE_CONFIG, deriveActions, CRM_PRIORITY_BUCKETS } from './chunk-JMI7L7Y7.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-XUYBOO32.js';
+import { CenteredErrorState, CardHeader, StatCard, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-U36X6NZM.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-SGXXJE52.js';
-import { useElevasisServices } from './chunk-IRW7JMQ4.js';
-import { Button, Modal, Stack, NumberInput, Switch, Select, Textarea, TextInput, Group, Alert, Text, Box, Badge, Center, Loader, UnstyledButton, Title, Paper, Table, SimpleGrid, Checkbox, Pagination, ActionIcon, Tabs, Card, Code, Divider, CopyButton, Tooltip } from '@mantine/core';
-import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconAlertCircle, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconBuilding, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote, IconCheck, IconCopy } from '@tabler/icons-react';
+import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Title, Select, TextInput, Textarea, Paper, Alert, Table, SimpleGrid, Tabs, Checkbox, Tooltip, Pagination, Code, Card, Switch, NumberInput, ColorSwatch, Popover, ActionIcon, CopyButton, Divider } from '@mantine/core';
+import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconHistory, IconAlertCircle, IconCurrencyDollar, IconChartBar, IconBriefcase, IconSearch, IconTargetArrow, IconAlertTriangle, IconMessages, IconArrowLeft, IconFileText, IconInbox, IconBolt, IconBuilding, IconSettings, IconRestore, IconInfoCircle, IconMailForward, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote, IconCheck, IconCopy } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
-import { useForm } from '@mantine/form';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { useNavigate } from '@tanstack/react-router';
+import { useForm } from '@mantine/form';
 
 var CrmSidebarTop = () => {
   return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM" });
@@ -45,329 +46,138 @@ var SAVED_VIEW_PRESETS = [
     urlFilters: { stage: "closed_won" }
   }
 ];
-function ActionButton({ action, dealId }) {
-  const executeAction = useExecuteAction({ dealId });
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "light",
-      size: "sm",
-      loading: executeAction.isPending,
-      onClick: () => executeAction.mutate({ key: action.key }),
-      children: action.label
-    }
-  );
-}
-function getType(schema) {
-  const zodSchema = schema;
-  return zodSchema._def?.type ?? zodSchema._def?.typeName ?? "";
-}
-function unwrapField(schema) {
-  const type = getType(schema);
-  if (type === "optional" || type === "ZodOptional") {
-    const inner = schema._def?.innerType;
-    if (!inner) return { schema, required: false, nullable: false, defaultValue: void 0 };
-    return { ...unwrapField(inner), required: false };
-  }
-  if (type === "nullable" || type === "ZodNullable") {
-    const inner = schema._def?.innerType;
-    if (!inner) return { schema, required: true, nullable: true, defaultValue: null };
-    return { ...unwrapField(inner), nullable: true };
-  }
-  if (type === "default" || type === "ZodDefault") {
-    const def = schema._def;
-    const inner = def?.innerType;
-    const defaultValue = typeof def?.defaultValue === "function" ? def.defaultValue() : def?.defaultValue;
-    if (!inner) return { schema, required: false, nullable: false, defaultValue };
-    return { ...unwrapField(inner), required: false, defaultValue };
+
+// src/features/crm/pages/shared.ts
+var DEAL_REFERRER_STORAGE_KEY = "crm:dealReferrer";
+function setDealReferrer(referrer) {
+  if (typeof window === "undefined") return;
+  try {
+    window.sessionStorage.setItem(DEAL_REFERRER_STORAGE_KEY, referrer);
+  } catch {
   }
-  return { schema, required: true, nullable: false, defaultValue: void 0 };
 }
-function getObjectShape(schema) {
-  const zodSchema = schema;
-  const type = getType(schema);
-  if (type !== "object" && type !== "ZodObject") {
-    return null;
-  }
-  const shape = zodSchema.shape;
-  if (!shape || typeof shape !== "object" || Array.isArray(shape)) {
-    return null;
+function getDealReferrer() {
+  if (typeof window === "undefined") return "deals";
+  try {
+    const value = window.sessionStorage.getItem(DEAL_REFERRER_STORAGE_KEY);
+    return value === "pipeline" ? "pipeline" : "deals";
+  } catch {
+    return "deals";
   }
-  return shape;
 }
-function getEnumValues(schema) {
-  const zodSchema = schema;
-  const values = zodSchema.options ?? zodSchema._def?.values ?? Object.values(zodSchema._def?.entries ?? {});
-  if (!Array.isArray(values) || values.some((value) => typeof value !== "string")) {
-    return null;
-  }
-  return values;
+var DEAL_STAGE_COLORS = {
+  interested: "blue",
+  proposal: "yellow",
+  closing: "orange",
+  closed_won: "green",
+  closed_lost: "red",
+  nurturing: "grape"
+};
+var DEAL_STAGE_OPTIONS = [
+  { value: "interested", label: "Interested" },
+  { value: "proposal", label: "Proposal" },
+  { value: "closing", label: "Closing" },
+  { value: "closed_won", label: "Closed Won" },
+  { value: "closed_lost", label: "Closed Lost" },
+  { value: "nurturing", label: "Nurturing" }
+];
+var DEAL_PRIORITY_OPTIONS = [
+  { value: "needs_response", label: "Needs response" },
+  { value: "follow_up_due", label: "Follow-up due" },
+  { value: "waiting", label: "Waiting" },
+  { value: "stale", label: "Stale" },
+  { value: "closed_low", label: "Closed low" }
+];
+function compareDealsByPriority(a, b, direction = "asc") {
+  const rankComparison = comparePriorityRank(a.priority, b.priority, direction);
+  if (rankComparison !== 0) return rankComparison;
+  const aActivity = getPriorityActivityTimestamp(a);
+  const bActivity = getPriorityActivityTimestamp(b);
+  return bActivity - aActivity;
 }
-function labelForField(name) {
-  return name.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (s) => s.toUpperCase());
+function compareDealsByPriorityThenUpdated(a, b, direction = "asc") {
+  const rankComparison = comparePriorityRank(a.priority, b.priority, direction);
+  if (rankComparison !== 0) return rankComparison;
+  return getUpdatedTimestamp(b) - getUpdatedTimestamp(a);
 }
-function isLongTextField(name) {
-  return ["body", "message", "reply", "replyBody", "emailBody"].includes(name);
+function formatDealStageLabel(stage) {
+  return formatDealWorkflowLabel(stage);
 }
-function initialValueFor(field, defaultValue) {
-  if (defaultValue !== void 0) {
-    if (field.kind === "date" && defaultValue instanceof Date) {
-      return defaultValue.toISOString().slice(0, 10);
-    }
-    return defaultValue;
-  }
-  switch (field.kind) {
-    case "boolean":
-      return false;
-    case "number":
-      return field.required ? 0 : "";
-    case "enum":
-      return field.required ? field.enumValues?.[0] ?? "" : "";
-    case "date":
-    case "dateString":
-    case "string":
-      return "";
-  }
+function formatDealStateLabel(state) {
+  return formatDealWorkflowLabel(state);
 }
-function describeSchema(schema) {
-  if (!schema) {
-    return { supported: false, reason: "This action does not define a payload schema." };
-  }
-  const shape = getObjectShape(schema);
-  if (!shape) {
-    return { supported: false, reason: "This action requires a payload schema that is not a flat object." };
-  }
-  const fields = [];
-  const initialValues = {};
-  for (const [name, rawFieldSchema] of Object.entries(shape)) {
-    const { schema: fieldSchema, required, nullable, defaultValue } = unwrapField(rawFieldSchema);
-    const type = getType(fieldSchema);
-    const zodField = fieldSchema;
-    const stringFormat = zodField._def?.format;
-    let descriptor = null;
-    if (type === "string" || type === "ZodString") {
-      descriptor = {
-        name,
-        label: labelForField(name),
-        kind: stringFormat === "date" ? "dateString" : "string",
-        schema: rawFieldSchema,
-        required,
-        nullable
-      };
-    } else if (type === "number" || type === "ZodNumber") {
-      descriptor = { name, label: labelForField(name), kind: "number", schema: rawFieldSchema, required, nullable };
-    } else if (type === "boolean" || type === "ZodBoolean") {
-      descriptor = { name, label: labelForField(name), kind: "boolean", schema: rawFieldSchema, required, nullable };
-    } else if (type === "enum" || type === "ZodEnum") {
-      const enumValues = getEnumValues(fieldSchema);
-      if (!enumValues) {
-        return { supported: false, reason: `Field "${name}" uses an enum shape that is not supported by this form.` };
-      }
-      descriptor = {
-        name,
-        label: labelForField(name),
-        kind: "enum",
-        schema: rawFieldSchema,
-        required,
-        nullable,
-        enumValues
-      };
-    } else if (type === "date" || type === "ZodDate") {
-      descriptor = { name, label: labelForField(name), kind: "date", schema: rawFieldSchema, required, nullable };
-    }
-    if (!descriptor) {
-      return {
-        supported: false,
-        reason: `Field "${name}" is not supported. CRM action forms currently support only flat string, number, boolean, enum, and date fields.`
-      };
-    }
-    const field = { ...descriptor, defaultValue: initialValueFor(descriptor, defaultValue) };
-    fields.push(field);
-    initialValues[name] = field.defaultValue;
-  }
-  return { supported: true, fields, initialValues };
+function formatDealWorkflowLabel(value) {
+  const words = value?.trim().split("_").map((word) => word.trim().toLowerCase()).filter(Boolean);
+  if (!words?.length) return "Unknown";
+  return words.map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-function normalizeValue(field, value) {
-  const isEmpty = value === "" || value === void 0 || value === null;
-  if (isEmpty) {
-    if (!field.required) return void 0;
-    if (field.nullable) return null;
-    return value;
-  }
-  if (field.kind === "date") {
-    const acceptsString = (field.schema._def?.coerce ?? false) === true;
-    return acceptsString ? value : new Date(String(value));
+function comparePriorityRank(a, b, direction) {
+  const comparison = a.rank - b.rank;
+  return direction === "asc" ? comparison : -comparison;
+}
+function getPriorityActivityTimestamp(deal) {
+  const value = deal.priority.latestActivityAt ?? deal.updated_at;
+  const timestamp = new Date(value).getTime();
+  return Number.isNaN(timestamp) ? 0 : timestamp;
+}
+function getUpdatedTimestamp(deal) {
+  const timestamp = new Date(deal.updated_at).getTime();
+  return Number.isNaN(timestamp) ? 0 : timestamp;
+}
+var BOOKING_PAGE_URL = "https://elevasis.io/inbound/book";
+function buildBookingUrl(opts = {}) {
+  const params = new URLSearchParams();
+  if (opts.dealId) params.set("dealId", opts.dealId);
+  if (opts.contactId) params.set("contactId", opts.contactId);
+  return params.size > 0 ? `${BOOKING_PAGE_URL}?${params.toString()}` : BOOKING_PAGE_URL;
+}
+var KIND_ICONS = {
+  call: IconPhone,
+  email: IconMail,
+  meeting: IconCalendar,
+  other: IconCheckbox
+};
+function formatDueLabel(dueAt) {
+  if (!dueAt) return "";
+  const date = new Date(dueAt);
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
+  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
+  if (diffDays === 0) {
+    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   }
-  return value;
+  return `in ${diffDays}d`;
 }
-function buildPayload(fields, values) {
-  return fields.reduce((payload, field) => {
-    const value = normalizeValue(field, values[field.name]);
-    if (value !== void 0 || field.required) {
-      payload[field.name] = value;
+function TaskRow({ task, onClick }) {
+  const KindIcon = KIND_ICONS[task.kind];
+  const dueLabel = formatDueLabel(task.dueAt);
+  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "4px 6px",
+        borderRadius: "var(--mantine-radius-sm)",
+        transition: `background-color var(--duration-fast) var(--easing)`
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = "transparent";
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(KindIcon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
+        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
+      ] })
     }
-    return payload;
-  }, {});
-}
-function ActionFormButton({ action, dealId }) {
-  const [opened, setOpened] = useState(false);
-  const executeAction = useExecuteAction({ dealId });
-  const schemaDescription = describeSchema(action.payloadSchema);
-  const form = useForm({
-    initialValues: schemaDescription.supported ? schemaDescription.initialValues : {}
-  });
-  const handleClose = () => {
-    setOpened(false);
-    form.reset();
-    form.clearErrors();
-  };
-  const handleSubmit = form.onSubmit(async (values) => {
-    if (!schemaDescription.supported || !action.payloadSchema) return;
-    form.clearErrors();
-    const payload = buildPayload(schemaDescription.fields, values);
-    const parsed = action.payloadSchema.safeParse(payload);
-    if (!parsed.success) {
-      const formErrors = {};
-      for (const issue of parsed.error.issues) {
-        const fieldName = issue.path[0];
-        if (typeof fieldName === "string" && schemaDescription.fields.some((field) => field.name === fieldName)) {
-          formErrors[fieldName] = issue.message;
-        }
-      }
-      form.setErrors(formErrors);
-      return;
-    }
-    await executeAction.mutateAsync({ key: action.key, payload: parsed.data });
-    handleClose();
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", onClick: () => setOpened(true), children: action.label }),
-    /* @__PURE__ */ jsx(Modal, { opened, onClose: handleClose, title: action.label, size: "xl", children: schemaDescription.supported ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      schemaDescription.fields.map((field) => {
-        if (field.kind === "number") {
-          return /* @__PURE__ */ jsx(
-            NumberInput,
-            {
-              label: field.label,
-              required: field.required,
-              disabled: executeAction.isPending,
-              error: form.errors[field.name],
-              ...form.getInputProps(field.name)
-            },
-            field.name
-          );
-        }
-        if (field.kind === "boolean") {
-          return /* @__PURE__ */ jsx(
-            Switch,
-            {
-              label: field.label,
-              disabled: executeAction.isPending,
-              error: form.errors[field.name],
-              ...form.getInputProps(field.name, { type: "checkbox" })
-            },
-            field.name
-          );
-        }
-        if (field.kind === "enum") {
-          return /* @__PURE__ */ jsx(
-            Select,
-            {
-              label: field.label,
-              required: field.required,
-              disabled: executeAction.isPending,
-              data: field.enumValues ?? [],
-              error: form.errors[field.name],
-              ...form.getInputProps(field.name)
-            },
-            field.name
-          );
-        }
-        if (field.kind === "string" && isLongTextField(field.name)) {
-          return /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              label: field.label,
-              required: field.required,
-              disabled: executeAction.isPending,
-              error: form.errors[field.name],
-              autosize: true,
-              minRows: 6,
-              ...form.getInputProps(field.name)
-            },
-            field.name
-          );
-        }
-        return /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            label: field.label,
-            type: field.kind === "date" || field.kind === "dateString" ? "date" : "text",
-            required: field.required,
-            disabled: executeAction.isPending,
-            error: form.errors[field.name],
-            ...form.getInputProps(field.name)
-          },
-          field.name
-        );
-      }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, disabled: executeAction.isPending, children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", loading: executeAction.isPending, children: action.label })
-      ] })
-    ] }) }) : /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(Alert, { color: "yellow", variant: "light", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Unsupported action form", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: schemaDescription.reason }) }),
-      /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, disabled: executeAction.isPending, children: "Close" })
-    ] }) })
-  ] });
-}
-var KIND_ICONS = {
-  call: IconPhone,
-  email: IconMail,
-  meeting: IconCalendar,
-  other: IconCheckbox
-};
-function formatDueLabel(dueAt) {
-  if (!dueAt) return "";
-  const date = new Date(dueAt);
-  const now = /* @__PURE__ */ new Date();
-  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
-  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
-  if (diffDays === 0) {
-    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-  }
-  return `in ${diffDays}d`;
-}
-function TaskRow({ task, onClick }) {
-  const KindIcon = KIND_ICONS[task.kind];
-  const dueLabel = formatDueLabel(task.dueAt);
-  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick,
-      style: {
-        display: "block",
-        width: "100%",
-        padding: "4px 6px",
-        borderRadius: "var(--mantine-radius-sm)",
-        transition: `background-color var(--duration-fast) var(--easing)`
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "transparent";
-      },
-      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(KindIcon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
-        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
-        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
-      ] })
-    }
-  );
+  );
 }
 function MyTasksPanel({
   onTaskClick,
@@ -571,6 +381,7 @@ var CrmSidebarMiddle = ({ items = CRM_ITEMS } = {}) => {
           icon: item.icon,
           label: item.label,
           isActive,
+          href: item.to,
           onClick: () => navigate(item.to)
         },
         item.to
@@ -659,35 +470,6 @@ function useRecentCrmActivity(opts) {
     error: query.error
   };
 }
-
-// src/features/crm/pages/shared.ts
-var DEAL_STAGE_COLORS = {
-  interested: "blue",
-  proposal: "yellow",
-  closing: "orange",
-  closed_won: "green",
-  closed_lost: "red",
-  nurturing: "grape"
-};
-var DEAL_STAGE_OPTIONS = [
-  { value: "interested", label: "Interested" },
-  { value: "proposal", label: "Proposal" },
-  { value: "closing", label: "Closing" },
-  { value: "closed_won", label: "Closed Won" },
-  { value: "closed_lost", label: "Closed Lost" },
-  { value: "nurturing", label: "Nurturing" }
-];
-function formatDealStageLabel(stage) {
-  if (!stage) return "Unknown";
-  return stage.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-var BOOKING_PAGE_URL = "https://elevasis.io/inbound/book";
-function buildBookingUrl(opts = {}) {
-  const params = new URLSearchParams();
-  if (opts.dealId) params.set("dealId", opts.dealId);
-  if (opts.contactId) params.set("contactId", opts.contactId);
-  return params.size > 0 ? `${BOOKING_PAGE_URL}?${params.toString()}` : BOOKING_PAGE_URL;
-}
 var STAGE_LABELS = {
   interested: "Interested",
   proposal: "Proposal",
@@ -793,10 +575,10 @@ function ActivityFeedWidget({ onDealClick, limit }) {
   }
   return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
     /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), title: "Recent Activity" }),
-    /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, children: [
+    /* @__PURE__ */ jsxs(Table, { highlightOnHover: true, style: { tableLayout: "fixed", width: "100%" }, children: [
       /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
         /* @__PURE__ */ jsx(Table.Th, { w: 40 }),
-        /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+        /* @__PURE__ */ jsx(Table.Th, { w: 220, children: "Name" }),
         /* @__PURE__ */ jsx(Table.Th, { children: "Activity" }),
         /* @__PURE__ */ jsx(Table.Th, { w: 120, children: "When" })
       ] }) }),
@@ -804,8 +586,8 @@ function ActivityFeedWidget({ onDealClick, limit }) {
         const name = entry.contactName ?? entry.companyName ?? "Unknown";
         return /* @__PURE__ */ jsxs(Table.Tr, { style: { cursor: "pointer" }, onClick: () => onDealClick(entry.dealId), children: [
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", component: "span", children: /* @__PURE__ */ jsx(ActivityKindIcon, { kind: entry.kind }) }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, truncate: true, children: name }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, children: entry.description }) }),
+          /* @__PURE__ */ jsx(Table.Td, { style: { maxWidth: 220 }, children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, truncate: true, title: name, style: { minWidth: 0 }, children: name }) }),
+          /* @__PURE__ */ jsx(Table.Td, { style: { minWidth: 0 }, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, title: entry.description, style: { minWidth: 0 }, children: entry.description }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "nowrap" }, children: formatRelativeTime(entry.occurredAt) }) })
         ] }, entry.id);
       }) })
@@ -820,20 +602,50 @@ var currencyFormatter = new Intl.NumberFormat("en-US", {
 function formatPercent(value) {
   return `${Math.round(value * 100)}%`;
 }
-function StatTile({ label, value }) {
-  return /* @__PURE__ */ jsx(Card, { padding: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: label }),
-    /* @__PURE__ */ jsx(Text, { fw: 700, size: "xl", children: value })
-  ] }) });
-}
 function MetricsStrip() {
-  const { data } = useCrmQuickMetrics();
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
-    /* @__PURE__ */ jsx(StatTile, { label: "Total Pipeline Value", value: currencyFormatter.format(data.totalPipelineValue) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Win Rate", value: formatPercent(data.winRate) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Open Deals", value: String(data.openDeals) }),
-    /* @__PURE__ */ jsx(StatTile, { label: "Won This Period", value: String(data.wonDeals) })
-  ] }) });
+  const { data, isLoading } = useCrmQuickMetrics();
+  return /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 4 }, children: [
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconCurrencyDollar,
+        value: currencyFormatter.format(data.totalPipelineValue),
+        label: "Total Pipeline Value",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconChartBar,
+        value: formatPercent(data.winRate),
+        label: "Win Rate",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconBriefcase,
+        value: String(data.openDeals),
+        label: "Open Deals",
+        isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        variant: "hero",
+        icon: IconTrophy,
+        value: String(data.wonDeals),
+        label: "Won This Period",
+        isLoading
+      }
+    )
+  ] });
 }
 function CrmOverview({
   onStageClick,
@@ -869,15 +681,30 @@ var sortAccessors = {
   contact: (deal) => [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "",
   email: (deal) => deal.contact_email || "",
   stage: (deal) => deal.stage_key || "",
+  state: (deal) => deal.state_key || "",
+  ownership: (deal) => deal.ownership || "",
   updated: (deal) => deal.updated_at || ""
 };
+var DEAL_OWNERSHIP_BADGE_COPY = {
+  us: {
+    color: "red",
+    label: "Our move",
+    tooltip: "We owe the next move"
+  },
+  them: {
+    color: "gray",
+    label: "Their move",
+    tooltip: "Lead owes the next move"
+  }
+};
 function DealsListPage() {
   const navigate = useNavigate();
   const deleteDeal = useDeleteDeal();
   const [stageFilter, setStageFilter] = useState(null);
+  const [priorityFilter, setPriorityFilter] = useState("all");
   const [searchQuery, setSearchQuery] = useState("");
   const [showBatchDelete, setShowBatchDelete] = useState(false);
-  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, searchQuery]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [stageFilter, priorityFilter, searchQuery]);
   const {
     data: deals,
     total,
@@ -889,8 +716,14 @@ function DealsListPage() {
     limit: PAGE_SIZE_DEFAULT,
     offset: pagination.offset
   });
-  const { sort, toggleSort } = useTableSort("updated");
-  const sortedDeals = useMemo(() => sortData(deals ?? [], sort, sortAccessors), [deals, sort]);
+  const { sort, toggleSort } = useTableSort("priority", "asc");
+  const sortedDeals = useMemo(() => {
+    const filteredDeals = priorityFilter === "all" ? deals ?? [] : (deals ?? []).filter((deal) => deal.priority.bucketKey === priorityFilter);
+    if (sort.column === "priority") {
+      return [...filteredDeals].sort((a, b) => compareDealsByPriorityThenUpdated(a, b, sort.direction));
+    }
+    return sortData(filteredDeals, sort, sortAccessors);
+  }, [deals, priorityFilter, sort]);
   const selection = useTableSelection(sortedDeals, sortedDeals);
   const handleDeleteSelected = async () => {
     await Promise.all([...selection.selectedIds].map((dealId) => deleteDeal.mutateAsync(dealId)));
@@ -939,7 +772,18 @@ function DealsListPage() {
             ]
           }
         ),
-        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deals" }) : !sortedDeals.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconTargetArrow, title: "No deals found" }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(
+          Tabs,
+          {
+            value: priorityFilter,
+            onChange: (value) => setPriorityFilter(value ?? "all"),
+            children: /* @__PURE__ */ jsxs(Tabs.List, { children: [
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "all", children: "All priorities" }),
+              DEAL_PRIORITY_OPTIONS.map((option) => /* @__PURE__ */ jsx(Tabs.Tab, { value: option.value, children: option.label }, option.value))
+            ] })
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deals" }) : !sortedDeals.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconTargetArrow, title: "No deals found" }) : /* @__PURE__ */ jsxs(Table, { style: { tableLayout: "fixed" }, children: [
           /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
             /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
               Checkbox,
@@ -952,333 +796,776 @@ function DealsListPage() {
             /* @__PURE__ */ jsx(SortableHeader, { column: "company", sort, onToggle: toggleSort, children: "Company" }),
             /* @__PURE__ */ jsx(SortableHeader, { column: "contact", sort, onToggle: toggleSort, children: "Contact" }),
             /* @__PURE__ */ jsx(SortableHeader, { column: "email", sort, onToggle: toggleSort, children: "Email" }),
-            /* @__PURE__ */ jsx(SortableHeader, { column: "stage", sort, onToggle: toggleSort, children: "Stage" }),
-            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
+            /* @__PURE__ */ jsx(SortableHeader, { column: "stage", sort, onToggle: toggleSort, w: 120, children: "Stage" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "state", sort, onToggle: toggleSort, w: 160, children: "State" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "ownership", sort, onToggle: toggleSort, w: 100, children: "Move" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "priority", sort, onToggle: toggleSort, w: 140, children: "Priority" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, w: 100, children: "Updated" })
           ] }) }),
           /* @__PURE__ */ jsx(Table.Tbody, { children: sortedDeals.map((deal) => {
             const discoveryData = deal.discovery_data;
             const companyName = deal.contact?.company?.name || discoveryData?.company || deal.contact_email?.split("@")[1] || "-";
             const contactName = [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
+            const ownershipBadge = deal.ownership ? DEAL_OWNERSHIP_BADGE_COPY[deal.ownership] : null;
             return /* @__PURE__ */ jsxs(
               Table.Tr,
               {
-                style: { cursor: "pointer" },
-                onClick: () => navigate({
-                  to: "/crm/deals/$dealId",
-                  params: { dealId: deal.id }
-                }),
-                children: [
-                  /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
-                    Checkbox,
+                style: { cursor: "pointer" },
+                onClick: () => {
+                  setDealReferrer("deals");
+                  navigate({
+                    to: "/crm/deals/$dealId",
+                    params: { dealId: deal.id }
+                  });
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked: selection.isSelected(deal.id),
+                      onChange: () => selection.toggle(deal.id)
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, lineClamp: 1, children: companyName }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", lineClamp: 1, children: contactName || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: deal.contact_email || "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.stage_key) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: deal.state_key ? "gray" : "dark",
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: formatDealStateLabel(deal.state_key) })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: ownershipBadge ? /* @__PURE__ */ jsx(Tooltip, { label: ownershipBadge.tooltip, withArrow: true, children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: ownershipBadge.color,
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: ownershipBadge.label })
+                    }
+                  ) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "-" }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Tooltip, { label: deal.priority.reason, withArrow: true, children: /* @__PURE__ */ jsx(
+                    Badge,
+                    {
+                      variant: "light",
+                      color: deal.priority.color,
+                      size: "sm",
+                      style: { maxWidth: "100%", textTransform: "none" },
+                      children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: deal.priority.label })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: formatTimeAgo(deal.updated_at) }) })
+                ]
+              },
+              deal.id
+            );
+          }) })
+        ] }),
+        total > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(total),
+            size: "sm"
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteDeal.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteDeal.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,
+              " Deals"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected deals?"
+          ] }),
+          /* @__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: deleteDeal.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteDeal.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function ActionButton({ action, dealId }) {
+  const executeAction = useExecuteAction({ dealId });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      loading: executeAction.isPending,
+      onClick: () => executeAction.mutate({ key: action.key }),
+      children: action.label
+    }
+  );
+}
+function getType(schema) {
+  const zodSchema = schema;
+  return zodSchema._def?.type ?? zodSchema._def?.typeName ?? "";
+}
+function unwrapField(schema) {
+  const type = getType(schema);
+  if (type === "optional" || type === "ZodOptional") {
+    const inner = schema._def?.innerType;
+    if (!inner) return { schema, required: false, nullable: false, defaultValue: void 0 };
+    return { ...unwrapField(inner), required: false };
+  }
+  if (type === "nullable" || type === "ZodNullable") {
+    const inner = schema._def?.innerType;
+    if (!inner) return { schema, required: true, nullable: true, defaultValue: null };
+    return { ...unwrapField(inner), nullable: true };
+  }
+  if (type === "default" || type === "ZodDefault") {
+    const def = schema._def;
+    const inner = def?.innerType;
+    const defaultValue = typeof def?.defaultValue === "function" ? def.defaultValue() : def?.defaultValue;
+    if (!inner) return { schema, required: false, nullable: false, defaultValue };
+    return { ...unwrapField(inner), required: false, defaultValue };
+  }
+  return { schema, required: true, nullable: false, defaultValue: void 0 };
+}
+function getObjectShape(schema) {
+  const zodSchema = schema;
+  const type = getType(schema);
+  if (type !== "object" && type !== "ZodObject") {
+    return null;
+  }
+  const shape = zodSchema.shape;
+  if (!shape || typeof shape !== "object" || Array.isArray(shape)) {
+    return null;
+  }
+  return shape;
+}
+function getEnumValues(schema) {
+  const zodSchema = schema;
+  const values = zodSchema.options ?? zodSchema._def?.values ?? Object.values(zodSchema._def?.entries ?? {});
+  if (!Array.isArray(values) || values.some((value) => typeof value !== "string")) {
+    return null;
+  }
+  return values;
+}
+function labelForField(name) {
+  return name.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (s) => s.toUpperCase());
+}
+function isLongTextField(name) {
+  return ["body", "message", "reply", "replyBody", "emailBody"].includes(name);
+}
+function initialValueFor(field, defaultValue) {
+  if (defaultValue !== void 0) {
+    if (field.kind === "date" && defaultValue instanceof Date) {
+      return defaultValue.toISOString().slice(0, 10);
+    }
+    return defaultValue;
+  }
+  switch (field.kind) {
+    case "boolean":
+      return false;
+    case "number":
+      return field.required ? 0 : "";
+    case "enum":
+      return field.required ? field.enumValues?.[0] ?? "" : "";
+    case "date":
+    case "dateString":
+    case "string":
+      return "";
+  }
+}
+function describeSchema(schema) {
+  if (!schema) {
+    return { supported: false, reason: "This action does not define a payload schema." };
+  }
+  const shape = getObjectShape(schema);
+  if (!shape) {
+    return { supported: false, reason: "This action requires a payload schema that is not a flat object." };
+  }
+  const fields = [];
+  const initialValues = {};
+  for (const [name, rawFieldSchema] of Object.entries(shape)) {
+    const { schema: fieldSchema, required, nullable, defaultValue } = unwrapField(rawFieldSchema);
+    const type = getType(fieldSchema);
+    const zodField = fieldSchema;
+    const stringFormat = zodField._def?.format;
+    let descriptor = null;
+    if (type === "string" || type === "ZodString") {
+      descriptor = {
+        name,
+        label: labelForField(name),
+        kind: stringFormat === "date" ? "dateString" : "string",
+        schema: rawFieldSchema,
+        required,
+        nullable
+      };
+    } else if (type === "number" || type === "ZodNumber") {
+      descriptor = { name, label: labelForField(name), kind: "number", schema: rawFieldSchema, required, nullable };
+    } else if (type === "boolean" || type === "ZodBoolean") {
+      descriptor = { name, label: labelForField(name), kind: "boolean", schema: rawFieldSchema, required, nullable };
+    } else if (type === "enum" || type === "ZodEnum") {
+      const enumValues = getEnumValues(fieldSchema);
+      if (!enumValues) {
+        return { supported: false, reason: `Field "${name}" uses an enum shape that is not supported by this form.` };
+      }
+      descriptor = {
+        name,
+        label: labelForField(name),
+        kind: "enum",
+        schema: rawFieldSchema,
+        required,
+        nullable,
+        enumValues
+      };
+    } else if (type === "date" || type === "ZodDate") {
+      descriptor = { name, label: labelForField(name), kind: "date", schema: rawFieldSchema, required, nullable };
+    }
+    if (!descriptor) {
+      return {
+        supported: false,
+        reason: `Field "${name}" is not supported. CRM action forms currently support only flat string, number, boolean, enum, and date fields.`
+      };
+    }
+    const field = { ...descriptor, defaultValue: initialValueFor(descriptor, defaultValue) };
+    fields.push(field);
+    initialValues[name] = field.defaultValue;
+  }
+  return { supported: true, fields, initialValues };
+}
+function normalizeValue(field, value) {
+  const isEmpty = value === "" || value === void 0 || value === null;
+  if (isEmpty) {
+    if (!field.required) return void 0;
+    if (field.nullable) return null;
+    return value;
+  }
+  if (field.kind === "date") {
+    const acceptsString = (field.schema._def?.coerce ?? false) === true;
+    return acceptsString ? value : new Date(String(value));
+  }
+  return value;
+}
+function buildPayload(fields, values) {
+  return fields.reduce((payload, field) => {
+    const value = normalizeValue(field, values[field.name]);
+    if (value !== void 0 || field.required) {
+      payload[field.name] = value;
+    }
+    return payload;
+  }, {});
+}
+function ActionFormButton({ action, isActive, onToggle }) {
+  return /* @__PURE__ */ jsx(Button, { variant: isActive ? "filled" : "light", size: "sm", onClick: onToggle, children: action.label });
+}
+function ActionForm({ action, dealId, onClose }) {
+  const executeAction = useExecuteAction({ dealId });
+  const schemaDescription = describeSchema(action.payloadSchema);
+  const form = useForm({
+    initialValues: schemaDescription.supported ? schemaDescription.initialValues : {}
+  });
+  const handleSubmit = form.onSubmit(async (values) => {
+    if (!schemaDescription.supported || !action.payloadSchema) return;
+    form.clearErrors();
+    const payload = buildPayload(schemaDescription.fields, values);
+    const parsed = action.payloadSchema.safeParse(payload);
+    if (!parsed.success) {
+      const formErrors = {};
+      for (const issue of parsed.error.issues) {
+        const fieldName = issue.path[0];
+        if (typeof fieldName === "string" && schemaDescription.fields.some((field) => field.name === fieldName)) {
+          formErrors[fieldName] = issue.message;
+        }
+      }
+      form.setErrors(formErrors);
+      return;
+    }
+    await executeAction.mutateAsync({ key: action.key, payload: parsed.data });
+    onClose();
+  });
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(Title, { order: 3, children: action.label }),
+    schemaDescription.supported ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      schemaDescription.fields.map((field) => {
+        if (field.kind === "number") {
+          return /* @__PURE__ */ jsx(
+            NumberInput,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        if (field.kind === "boolean") {
+          return /* @__PURE__ */ jsx(
+            Switch,
+            {
+              label: field.label,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name, { type: "checkbox" })
+            },
+            field.name
+          );
+        }
+        if (field.kind === "enum") {
+          return /* @__PURE__ */ jsx(
+            Select,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              data: field.enumValues ?? [],
+              error: form.errors[field.name],
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        if (field.kind === "string" && isLongTextField(field.name)) {
+          return /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: field.label,
+              required: field.required,
+              disabled: executeAction.isPending,
+              error: form.errors[field.name],
+              autosize: true,
+              minRows: 6,
+              ...form.getInputProps(field.name)
+            },
+            field.name
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: field.label,
+            type: field.kind === "date" || field.kind === "dateString" ? "date" : "text",
+            required: field.required,
+            disabled: executeAction.isPending,
+            error: form.errors[field.name],
+            ...form.getInputProps(field.name)
+          },
+          field.name
+        );
+      }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, disabled: executeAction.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", loading: executeAction.isPending, children: action.label })
+      ] })
+    ] }) }) : /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(Alert, { color: "yellow", variant: "light", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Unsupported action form", children: /* @__PURE__ */ jsx(Text, { size: "sm", children: schemaDescription.reason }) }),
+      /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onClose, disabled: executeAction.isPending, children: "Close" }) })
+    ] })
+  ] });
+}
+var THREAD_INDENT_STEP = 6;
+var THREAD_MAX_INDENT = 36;
+function formatSentAt(sentAt) {
+  if (!sentAt) return "Unknown time";
+  const date = new Date(sentAt);
+  if (Number.isNaN(date.getTime())) return sentAt;
+  return date.toLocaleString();
+}
+function getQuoteDepth(line) {
+  const match = line.match(/^\s*((?:>\s*)+)(.*)$/);
+  if (!match) return { depth: 0, text: line };
+  return {
+    depth: (match[1].match(/>/g) ?? []).length,
+    text: match[2]
+  };
+}
+function MessageBody({ body }) {
+  const resolvedBody = body || "Full message body unavailable from Instantly.";
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: resolvedBody.split(/\r?\n/).map((line, index) => {
+    const { depth, text } = getQuoteDepth(line);
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: `${depth * 12}px minmax(0, 1fr)`,
+          minHeight: "1.55em"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              "aria-hidden": "true",
+              style: {
+                display: "grid",
+                gridTemplateColumns: `repeat(${depth}, 12px)`
+              },
+              children: Array.from({ length: depth }).map((_, depthIndex) => /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    borderLeft: "1px solid var(--color-border)",
+                    marginLeft: 4
+                  }
+                },
+                depthIndex
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { size: "sm", lh: 1.55, style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: text || " " })
+        ]
+      },
+      `${index}-${line}`
+    );
+  }) });
+}
+function ConversationThread({ messages }) {
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconMessages, { size: 18 }), title: "Conversation", mb: "xs" }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No synced email thread is available. Check Activity for local CRM events." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconMessages, { size: 18 }), title: "Conversation", mb: 0 }),
+    [...messages].reverse().map((message, index) => {
+      const isOutbound = message.direction === "outbound";
+      const participant = isOutbound ? message.toEmail : message.fromEmail;
+      const olderMessageIndent = Math.min(index * THREAD_INDENT_STEP, THREAD_MAX_INDENT);
+      const olderMessageLevels = olderMessageIndent / THREAD_INDENT_STEP;
+      const directionLabel = isOutbound ? "Sent to" : "Received from";
+      const messageIcon = isOutbound ? /* @__PURE__ */ jsx(IconMailForward, { size: 16 }) : /* @__PURE__ */ jsx(IconInbox, { size: 16 });
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          style: {
+            display: "grid",
+            gridTemplateColumns: `${olderMessageIndent}px minmax(0, 1fr)`
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                "aria-hidden": "true",
+                style: {
+                  display: "grid",
+                  gridTemplateColumns: `repeat(${olderMessageLevels}, ${THREAD_INDENT_STEP}px)`
+                },
+                children: Array.from({ length: olderMessageLevels }).map((_, levelIndex) => /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    style: {
+                      borderLeft: "1px solid var(--color-border)"
+                    }
+                  },
+                  levelIndex
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                pl: "md",
+                py: "xs",
+                style: {
+                  borderLeft: `2px solid ${isOutbound ? "var(--mantine-color-blue-5)" : "var(--mantine-color-teal-5)"}`
+                },
+                children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+                  /* @__PURE__ */ jsx(
+                    CardHeader,
                     {
-                      checked: selection.isSelected(deal.id),
-                      onChange: () => selection.toggle(deal.id)
+                      icon: messageIcon,
+                      iconColor: isOutbound ? "blue" : "teal",
+                      title: `${directionLabel} ${participant || "unknown recipient"}`,
+                      subtitle: message.subject ?? void 0,
+                      titleOrder: 5,
+                      mb: 0,
+                      rightSection: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0, textAlign: "right" }, children: formatSentAt(message.sentAt) })
                     }
-                  ) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: companyName }) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", children: contactName || "-" }) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: deal.contact_email || "-" }) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", size: "sm", children: formatDealStageLabel(deal.stage_key) }) }),
-                  /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(deal.updated_at) }) })
-                ]
-              },
-              deal.id
-            );
-          }) })
-        ] }),
-        total > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
-          Pagination,
-          {
-            value: pagination.page,
-            onChange: pagination.setPage,
-            total: pagination.totalPages(total),
-            size: "sm"
-          }
-        ) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      CustomModal,
-      {
-        opened: showBatchDelete,
-        onClose: () => !deleteDeal.isPending && setShowBatchDelete(false),
-        size: "sm",
-        loading: deleteDeal.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,
-              " Deals"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-            "Are you sure you want to delete",
-            " ",
-            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
-            " ",
-            "selected deals?"
-          ] }),
-          /* @__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: deleteDeal.isPending, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteDeal.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
-          ] })
-        ] })
-      }
-    )
+                  ),
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(MessageBody, { body: message.body }) })
+                ] })
+              }
+            )
+          ]
+        },
+        message.id
+      );
+    })
   ] });
 }
-function BookingLinkPanel({ dealId, contactId }) {
+var CANONICAL_ACTION_KEYS = /* @__PURE__ */ new Set(["send_reply"]);
+var DEAL_OWNERSHIP_BADGE_COPY2 = {
+  us: {
+    color: "red",
+    label: "Our move"
+  },
+  them: {
+    color: "gray",
+    label: "Their move"
+  }
+};
+function getContactName(deal) {
+  return [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ");
+}
+function getCompanyName(deal) {
+  return deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "Unknown";
+}
+function toAction(actionDef) {
+  const { key, label, payloadSchema } = actionDef;
+  return { key, label, payloadSchema };
+}
+function getVisibleCanonicalDealActions(deal, crmActions) {
+  if (deal.nextAction && CANONICAL_ACTION_KEYS.has(deal.nextAction)) {
+    if (deal.nextAction === "send_reply" && deal.ownership === "them") return [];
+    const nextAction = crmActions.find((action) => action.key === deal.nextAction);
+    return nextAction ? [toAction(nextAction)] : [];
+  }
+  return deriveActions(deal, crmActions).filter((action) => {
+    if (!CANONICAL_ACTION_KEYS.has(action.key)) return false;
+    if (action.key === "send_reply" && deal.ownership === "them") return false;
+    return true;
+  });
+}
+function CopyBookingLinkButton({ dealId, contactId }) {
   const url = buildBookingUrl({ dealId, contactId });
-  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-    /* @__PURE__ */ jsx(Title, { order: 4, children: "Booking Link" }),
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "sm",
-          c: "var(--color-primary)",
-          style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-          children: url
-        }
-      ),
-      /* @__PURE__ */ jsx(CopyButton, { value: url, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", color: copied ? "teal" : void 0, onClick: copy, children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconCopy, { size: 16 }) }) }) })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx(CopyButton, { value: url, timeout: 1500, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "xs",
+      color: copied ? "teal" : void 0,
+      leftSection: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }),
+      onClick: copy,
+      children: copied ? "Copied" : "Copy Booking Link"
+    }
+  ) });
+}
+function DetailRow({ label, value }) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-start", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, style: { width: 120, flexShrink: 0 }, children: label }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", style: { minWidth: 0, wordBreak: "break-word", color: "var(--color-text-subtle)" }, children: value || "N/A" })
+  ] });
 }
 function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
   const navigate = useNavigate();
-  const deleteDeal = useDeleteDeal();
+  const [referrer] = useState(() => getDealReferrer());
+  const backTarget = referrer === "pipeline" ? { to: "/crm/pipeline", label: "Pipeline" } : { to: "/crm/deals", label: "Deals" };
   const { data: deal, isLoading, error } = useDealDetail(dealId);
-  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const crmActions = useCrmActions();
-  const actions = useMemo(() => deal ? deriveActions(deal, crmActions) : [], [deal, crmActions]);
+  const actions = useMemo(
+    () => deal ? getVisibleCanonicalDealActions(deal, crmActions) : [],
+    [deal, crmActions]
+  );
+  const [activeActionKey, setActiveActionKey] = useState(null);
+  const activeAction = activeActionKey ? actions.find((action) => action.key === activeActionKey) : null;
+  useEffect(() => {
+    if (activeActionKey && !actions.some((action) => action.key === activeActionKey)) {
+      setActiveActionKey(null);
+    }
+  }, [actions, activeActionKey]);
   useEffect(() => {
     if (deal) onDealLoaded?.(deal);
   }, [deal, onDealLoaded]);
-  const title = deal ? `${[deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") || "Unknown"} Deal` : "Deal Detail";
-  const contactName = useMemo(
-    () => deal ? [deal.contact?.first_name, deal.contact?.last_name].filter(Boolean).join(" ") : "",
-    [deal]
-  );
-  const companyName = useMemo(() => {
-    if (!deal) return null;
-    return deal.contact?.company?.name || deal.discovery_data?.company || deal.contact_email?.split("@")[1] || "Unknown";
-  }, [deal]);
-  const headerActions = deal ? /* @__PURE__ */ jsxs(Group, { children: [
+  const titleName = deal ? getContactName(deal) || getCompanyName(deal) : null;
+  const title = titleName ? `${titleName} Deal` : "Deal Detail";
+  const companyName = deal ? getCompanyName(deal) : "Unknown";
+  const ownershipBadge = deal?.ownership ? DEAL_OWNERSHIP_BADGE_COPY2[deal.ownership] : null;
+  const activityLog = (deal?.activity_log || []).filter(Boolean);
+  const hasDiscoveryData = deal?.discovery_data != null && (typeof deal.discovery_data !== "object" || Array.isArray(deal.discovery_data) || Object.keys(deal.discovery_data).length > 0);
+  const headerActions = /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
     /* @__PURE__ */ jsx(
       Button,
       {
         variant: "light",
         size: "sm",
         leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-        onClick: () => navigate({ to: "/crm/deals" }),
-        children: "Deals"
+        onClick: () => navigate({ to: backTarget.to }),
+        children: backTarget.label
       }
     ),
-    deal.proposal_pdf_url && /* @__PURE__ */ jsx(
+    deal?.proposal_pdf_url && /* @__PURE__ */ jsx(
       Button,
       {
         variant: "light",
+        size: "sm",
         leftSection: /* @__PURE__ */ jsx(IconFileText, { size: 16 }),
         onClick: () => window.open(deal.proposal_pdf_url, "_blank"),
         children: "View Proposal"
       }
     ),
-    actions.map(
-      (action) => action.payloadSchema ? /* @__PURE__ */ jsx(ActionFormButton, { action, dealId: deal.id }, action.key) : /* @__PURE__ */ jsx(ActionButton, { action, dealId: deal.id }, action.key)
-    ),
-    renderActions?.(deal),
-    /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "red", onClick: () => setDeleteModalOpen(true), children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
-  ] }) : /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "light",
-      size: "sm",
-      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-      onClick: () => navigate({ to: "/crm/deals" }),
-      children: "Deals"
-    }
-  );
+    deal && renderActions?.(deal)
+  ] });
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }) }),
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) });
+    ] }) }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Unable to load deal details", rightSection: headerActions }) }),
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Unable to load deal details", rightSection: headerActions }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load deal" }) })
-    ] }) });
+    ] }) }) });
   }
   if (!deal) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Deal not found", rightSection: headerActions }) }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(EmptyState, { icon: IconTrash, title: "Deal not found", description: "The selected deal no longer exists." }) })
-    ] }) });
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Deal not found", rightSection: headerActions }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "Deal not found", description: "The selected deal no longer exists." }) })
+    ] }) }) });
   }
-  const activityLog = deal.activity_log || [];
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
         title,
-        caption: `${companyName || "Unknown"} - ${formatDealStageLabel(deal.stage_key)}`,
+        caption: `${companyName} - ${formatDealStageLabel(deal.stage_key)}`,
         rightSection: headerActions
       }
-    ) }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "details", children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { children: [
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "discovery", children: "Discovery Data" }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
+    ),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            icon: /* @__PURE__ */ jsx(IconBriefcase, { size: 18 }),
+            title: "Deal",
+            mb: 0,
+            rightSection: /* @__PURE__ */ jsx(CopyBookingLinkButton, { dealId: deal.id, contactId: deal.contact?.id })
+          }
+        ),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Stage",
+              value: /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", children: formatDealStageLabel(deal.stage_key) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Priority",
+              value: /* @__PURE__ */ jsx(Tooltip, { label: deal.priority.reason, withArrow: true, children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "light",
+                  color: deal.priority.color,
+                  size: "sm",
+                  style: { maxWidth: "100%", textTransform: "none" },
+                  children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: deal.priority.label })
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Move",
+              value: ownershipBadge ? /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: "light",
+                  color: ownershipBadge.color,
+                  size: "sm",
+                  style: { maxWidth: "100%", textTransform: "none" },
+                  children: /* @__PURE__ */ jsx(Text, { span: true, size: "xs", truncate: "end", style: { maxWidth: "100%" }, children: ownershipBadge.label })
+                }
+              ) : "N/A"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailRow,
+            {
+              label: "Sent",
+              value: deal.proposal_sent_at ? new Date(deal.proposal_sent_at).toLocaleString() : "N/A"
+            }
+          ),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Envelope ID", value: deal.signature_envelope_id || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Contact Email", value: deal.contact?.email || deal.contact_email || "N/A" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 4, children: "Deal" }),
-          /* @__PURE__ */ jsxs(Group, { children: [
-            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Stage:" }),
-            /* @__PURE__ */ jsx(Badge, { color: DEAL_STAGE_COLORS[deal.stage_key || ""] || "gray", children: formatDealStageLabel(deal.stage_key) })
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { children: [
-            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Sent:" }),
-            /* @__PURE__ */ jsx(Text, { children: deal.proposal_sent_at ? new Date(deal.proposal_sent_at).toLocaleString() : "N/A" })
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { children: [
-            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Envelope ID:" }),
-            /* @__PURE__ */ jsx(Text, { children: deal.signature_envelope_id || "N/A" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 4, children: "Contact" }),
-          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
-              /* @__PURE__ */ jsx(Text, { children: contactName || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Email:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.email || deal.contact_email || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Title:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.title || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Pipeline Status:" }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", children: deal.contact?.pipeline_status ? Object.entries(deal.contact.pipeline_status).map(([key, val]) => {
-                const status = val?.status;
-                return status ? `${key}: ${status}` : null;
-              }).filter(Boolean).join(", ") || "N/A" : "N/A" })
-            ] }),
-            deal.contact?.headline && /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Headline:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact.headline })
-            ] }),
-            deal.contact?.linkedin_url && /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
-              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.linkedin_url, target: "_blank", c: "blue", children: "View Profile" })
-            ] })
-          ] })
-        ] }) }),
-        deal.contact_id && /* @__PURE__ */ jsx(BookingLinkPanel, { dealId: deal.id, contactId: deal.contact_id }),
-        /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 4, children: "Company" }),
-          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.name || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Domain:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.domain || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Segment:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.segment || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Category:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.category || "N/A" })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Employees:" }),
-              /* @__PURE__ */ jsx(Text, { children: deal.contact?.company?.num_employees || "N/A" })
-            ] }),
-            deal.contact?.company?.website && /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Website:" }),
-              /* @__PURE__ */ jsx(Text, { component: "a", href: deal.contact.company.website, target: "_blank", c: "blue", children: deal.contact.company.website })
-            ] })
-          ] })
-        ] }) }),
-        ["closing", "closed_won"].includes(deal.stage_key || "") && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Title, { order: 4, children: "Payment" }),
-          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Initial Fee:" }),
-              /* @__PURE__ */ jsxs(Text, { children: [
-                "$",
-                deal.initial_fee?.toLocaleString() || "Not set"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 500, children: "Monthly Fee:" }),
-              /* @__PURE__ */ jsxs(Text, { children: [
-                "$",
-                deal.monthly_fee?.toLocaleString() || "Not set",
-                "/mo"
-              ] })
-            ] })
-          ] }),
-          deal.stripe_payment_link && /* @__PURE__ */ jsxs(Group, { children: [
-            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Payment Link:" }),
-            /* @__PURE__ */ jsx(Text, { component: "a", href: deal.stripe_payment_link, target: "_blank", c: "blue", children: deal.stripe_payment_link })
-          ] })
+      /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconUser, { size: 18 }), title: "Contact", mb: 0 }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsx(DetailRow, { label: "Name", value: getContactName(deal) || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Title", value: deal.contact?.title || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Company", value: deal.contact?.company?.name || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Domain", value: deal.contact?.company?.domain || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Segment", value: deal.contact?.company?.segment || "N/A" }),
+          /* @__PURE__ */ jsx(DetailRow, { label: "Category", value: deal.contact?.company?.category || "N/A" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Tabs, { defaultValue: "conversation", keepMounted: false, children: [
+        /* @__PURE__ */ jsxs(Tabs.List, { children: [
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "conversation", leftSection: /* @__PURE__ */ jsx(IconMessages, { size: 16 }), children: "Conversation" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", leftSection: /* @__PURE__ */ jsx(IconHistory, { size: 16 }), children: "Activity" }),
+          /* @__PURE__ */ jsx(Tabs.Tab, { value: "discovery", leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }), children: "Discovery" })
+        ] }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "conversation", pt: "md", children: /* @__PURE__ */ jsx(ConversationThread, { messages: deal.conversation.messages }) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog }) }),
+        /* @__PURE__ */ jsx(Tabs.Panel, { value: "discovery", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(IconSearch, { size: 18 }),
+              title: "Discovery",
+              subtitle: "Structured intake answers and qualification context captured before proposal work.",
+              mb: 0
+            }
+          ),
+          hasDiscoveryData ? /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(deal.discovery_data, null, 2) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No discovery responses have been captured for this deal." })
         ] }) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "discovery", pt: "md", children: /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(deal.discovery_data, null, 2) }) }) }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ActivityTimeline, { activities: activityLog }) })
+      ] })
     ] }) }),
-    /* @__PURE__ */ jsx(CustomModal, { opened: deleteModalOpen, onClose: () => setDeleteModalOpen(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-        /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete deal" }),
-        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: () => setDeleteModalOpen(false), children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-        "Are you sure you want to delete the deal for ",
-        /* @__PURE__ */ jsx("strong", { children: contactName || deal.contact_email }),
-        "? This will cancel any active schedules and pending tasks for this contact."
-      ] }),
-      (deal.signature_envelope_id || deal.stripe_payment_link) && /* @__PURE__ */ jsxs(Alert, { color: "yellow", variant: "light", children: [
-        "This deal has ",
-        deal.signature_envelope_id ? "a signed contract" : "",
-        deal.signature_envelope_id && deal.stripe_payment_link ? " and " : "",
-        deal.stripe_payment_link ? "an active payment link" : "",
-        " that will not be automatically cleaned up."
-      ] }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteModalOpen(false), disabled: deleteDeal.isPending, children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button,
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconBolt, { size: 18 }), title: "Actions", titleOrder: 2, mb: 0 }),
+      actions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Group, { gap: "sm", children: actions.map(
+          (action) => action.payloadSchema ? /* @__PURE__ */ jsx(
+            ActionFormButton,
+            {
+              action,
+              isActive: activeActionKey === action.key,
+              onToggle: () => setActiveActionKey((current) => current === action.key ? null : action.key)
+            },
+            action.key
+          ) : /* @__PURE__ */ jsx(ActionButton, { action, dealId: deal.id }, action.key)
+        ) }),
+        activeAction?.payloadSchema && /* @__PURE__ */ jsx(
+          ActionForm,
           {
-            color: "red",
-            loading: deleteDeal.isPending,
-            onClick: () => deleteDeal.mutate(deal.id, {
-              onSuccess: () => {
-                setDeleteModalOpen(false);
-                void navigate({ to: "/crm/deals" });
-              }
-            }),
-            children: "Delete deal"
-          }
+            action: activeAction,
+            dealId: deal.id,
+            onClose: () => setActiveActionKey(null)
+          },
+          activeAction.key
         )
-      ] })
+      ] }) : /* @__PURE__ */ jsx(Alert, { color: "gray", variant: "light", children: "No reply actions are currently available for this deal." })
     ] }) })
-  ] }) });
+  ] }) }) });
 }
 function CompanyDetailPage({ companyId }) {
   const navigate = useNavigate();
@@ -1398,5 +1685,313 @@ function CompanyDetailPage({ companyId }) {
     ] }) })
   ] }) });
 }
+var crmPrioritySettingsKeys = {
+  all: ["crm-priority-settings"],
+  detail: (organizationId) => [...crmPrioritySettingsKeys.all, organizationId]
+};
+function useCrmPrioritySettings() {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: crmPrioritySettingsKeys.detail(organizationId),
+    queryFn: () => apiRequest("/crm/settings/priority"),
+    enabled: isReady
+  });
+}
+function useUpdateCrmPrioritySettings() {
+  const { apiRequest, organizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (override) => apiRequest("/crm/settings/priority", {
+      method: "PATCH",
+      body: JSON.stringify(override)
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(organizationId) });
+      queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: dealKeys.details() });
+      showSuccessNotification("CRM priority settings saved.");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useResetCrmPrioritySettings() {
+  const { apiRequest, organizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: () => apiRequest("/crm/settings/priority", {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(organizationId) });
+      queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: dealKeys.details() });
+      showSuccessNotification("CRM priority settings reset to Org-OS defaults.");
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+var BUCKET_KEYS = [
+  "needs_response",
+  "follow_up_due",
+  "waiting",
+  "stale",
+  "closed_low"
+];
+var COLOR_OPTIONS = ["red", "orange", "yellow", "blue", "gray", "dark", "green", "teal", "violet", "grape"].map(
+  (color) => ({ value: color, label: color })
+);
+var ORDER_OPTIONS = [
+  { value: "10", label: "First - most urgent" },
+  { value: "20", label: "Second - follow-up queue" },
+  { value: "30", label: "Middle - waiting" },
+  { value: "40", label: "Later - stale review" },
+  { value: "50", label: "Last - closed or low priority" }
+];
+var BUCKET_RULE_COPY = {
+  needs_response: {
+    applies: "Current state or latest activity indicates the lead replied or cancelled and needs a human response.",
+    example: "A lead replies to the discovery email; the deal moves to Needs Response immediately."
+  },
+  follow_up_due: {
+    applies: "The configured follow-up window for the current state has elapsed.",
+    example: "A discovery link was sent 5 days ago and the follow-up window is 3 days."
+  },
+  waiting: {
+    applies: "No response is needed yet, or the next action time is still in the future.",
+    example: "A discovery link was sent yesterday and the follow-up window has not elapsed."
+  },
+  stale: {
+    applies: "No meaningful activity has happened for the stale threshold and no stronger bucket applies.",
+    example: "A deal has had no activity for 14 days and is not waiting on a scheduled follow-up."
+  },
+  closed_low: {
+    applies: "The deal is in a closed stage, so it should stay out of the active follow-up queue.",
+    example: "A deal is marked Closed Won or Closed Lost."
+  }
+};
+function getOrderLabel(rank) {
+  if (rank <= 10) return "Shown first";
+  if (rank <= 20) return "After urgent replies";
+  if (rank <= 30) return "Middle";
+  if (rank <= 40) return "Later review";
+  return "Shown last";
+}
+function toResolvedConfig(config = DEFAULT_CRM_PRIORITY_RULE_CONFIG) {
+  return {
+    ...config,
+    enabled: "enabled" in config ? config.enabled : true,
+    buckets: [...config.buckets].sort((a, b) => a.rank - b.rank),
+    closedStageKeys: [...config.closedStageKeys],
+    followUpAfterDaysByStateKey: { ...config.followUpAfterDaysByStateKey }
+  };
+}
+function draftFromConfig(config) {
+  const defaultBuckets = new Map(CRM_PRIORITY_BUCKETS.map((bucket) => [bucket.bucketKey, bucket]));
+  const resolvedBuckets = new Map(config.buckets.map((bucket) => [bucket.bucketKey, bucket]));
+  return {
+    enabled: config.enabled,
+    staleAfterDays: config.staleAfterDays,
+    buckets: Object.fromEntries(
+      BUCKET_KEYS.map((bucketKey) => {
+        const bucket = resolvedBuckets.get(bucketKey) ?? defaultBuckets.get(bucketKey);
+        return [bucketKey, { label: bucket.label, color: bucket.color, rank: bucket.rank }];
+      })
+    )
+  };
+}
+function toOverride(draft) {
+  return {
+    enabled: draft.enabled,
+    staleAfterDays: draft.staleAfterDays,
+    buckets: Object.fromEntries(
+      BUCKET_KEYS.map((bucketKey) => [
+        bucketKey,
+        {
+          label: draft.buckets[bucketKey].label.trim(),
+          color: draft.buckets[bucketKey].color.trim(),
+          rank: draft.buckets[bucketKey].rank
+        }
+      ])
+    )
+  };
+}
+function CrmSettingsPage() {
+  const settingsQuery = useCrmPrioritySettings();
+  const updateSettings = useUpdateCrmPrioritySettings();
+  const resetSettings = useResetCrmPrioritySettings();
+  const resolvedConfig = useMemo(() => toResolvedConfig(settingsQuery.data?.resolved), [settingsQuery.data?.resolved]);
+  const defaultConfig = useMemo(() => toResolvedConfig(settingsQuery.data?.defaults), [settingsQuery.data?.defaults]);
+  const [draft, setDraft] = useState(() => draftFromConfig(resolvedConfig));
+  useEffect(() => {
+    if (settingsQuery.data) {
+      setDraft(draftFromConfig(toResolvedConfig(settingsQuery.data.resolved)));
+    }
+  }, [settingsQuery.data]);
+  const hasOverride = Boolean(settingsQuery.data?.override);
+  const isSaving = updateSettings.isPending || resetSettings.isPending;
+  const updateBucket = (bucketKey, field, value) => {
+    setDraft((current) => ({
+      ...current,
+      buckets: {
+        ...current.buckets,
+        [bucketKey]: {
+          ...current.buckets[bucketKey],
+          [field]: value
+        }
+      }
+    }));
+  };
+  const handleReset = async () => {
+    const response = await resetSettings.mutateAsync();
+    setDraft(draftFromConfig(toResolvedConfig(response.resolved)));
+  };
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "CRM Settings",
+        caption: "Scoped CRM controls for priority presentation and thresholds",
+        rightSection: !settingsQuery.isLoading && !settingsQuery.error ? /* @__PURE__ */ jsx(
+          Switch,
+          {
+            label: "Priority Enabled",
+            checked: draft.enabled,
+            onChange: (event) => setDraft((current) => ({ ...current, enabled: event.currentTarget.checked }))
+          }
+        ) : null
+      }
+    ),
+    settingsQuery.isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : settingsQuery.error ? /* @__PURE__ */ jsx(CenteredErrorState, { error: settingsQuery.error, title: "Failed to load CRM settings" }) : /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(IconSettings, { size: 18 }),
+            /* @__PURE__ */ jsx(Title, { order: 3, children: "Priority Rules" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: hasOverride ? "blue" : "gray", children: hasOverride ? "Custom" : "Org-OS defaults" })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "These settings are saved for CRM priority evaluation. Deals continue to receive priority from the backend response." })
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              leftSection: /* @__PURE__ */ jsx(IconRestore, { size: 16 }),
+              loading: resetSettings.isPending,
+              disabled: isSaving,
+              onClick: () => void handleReset(),
+              children: "Reset defaults"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              loading: updateSettings.isPending,
+              disabled: isSaving,
+              onClick: () => void updateSettings.mutateAsync(toOverride(draft)),
+              children: "Save changes"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          label: "Stale threshold",
+          description: "Deals with no meaningful activity after this many days can move to Stale.",
+          min: 1,
+          max: 365,
+          value: draft.staleAfterDays,
+          onChange: (value) => setDraft((current) => ({ ...current, staleAfterDays: Number(value) || current.staleAfterDays })),
+          suffix: " days",
+          maw: 320
+        }
+      ),
+      /* @__PURE__ */ jsxs(Table, { style: { tableLayout: "fixed" }, children: [
+        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Th, { w: 150, children: "Bucket" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 180, children: "Label" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 170, children: "Color" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 210, children: "Display order" }),
+          /* @__PURE__ */ jsx(Table.Th, { w: 80, children: "Logic" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Tbody, { children: BUCKET_KEYS.map((bucketKey) => {
+          const bucket = draft.buckets[bucketKey];
+          const defaultBucket = defaultConfig.buckets.find((candidate) => candidate.bucketKey === bucketKey);
+          return /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: bucketKey.replaceAll("_", " ") }),
+              /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  mt: 6,
+                  variant: "light",
+                  color: defaultBucket?.color ?? "gray",
+                  style: { textTransform: "none" },
+                  children: [
+                    "Default: ",
+                    defaultBucket ? getOrderLabel(defaultBucket.rank) : "Not set"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                size: "sm",
+                value: bucket.label,
+                onChange: (event) => updateBucket(bucketKey, "label", event.currentTarget.value)
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(ColorSwatch, { color: `var(--mantine-color-${bucket.color}-6)`, size: 18 }),
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  size: "sm",
+                  data: COLOR_OPTIONS,
+                  value: bucket.color,
+                  searchable: true,
+                  allowDeselect: false,
+                  onChange: (value) => updateBucket(bucketKey, "color", value ?? bucket.color)
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(Table.Td, { children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  size: "sm",
+                  data: ORDER_OPTIONS,
+                  value: String(bucket.rank),
+                  allowDeselect: false,
+                  onChange: (value) => updateBucket(bucketKey, "rank", Number(value) || bucket.rank)
+                }
+              ),
+              /* @__PURE__ */ jsx(Text, { mt: 4, size: "xs", c: "dimmed", children: "Lower order appears earlier in Pipeline and Deals." })
+            ] }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Popover, { width: 360, position: "left", withArrow: true, shadow: "md", children: [
+              /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "gray", "aria-label": `Show ${bucket.label} logic`, children: /* @__PURE__ */ jsx(IconInfoCircle, { size: 18 }) }) }),
+              /* @__PURE__ */ jsx(Popover.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, tt: "uppercase", c: "dimmed", children: "When it applies" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: BUCKET_RULE_COPY[bucketKey].applies })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", fw: 700, tt: "uppercase", c: "dimmed", children: "Example" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: BUCKET_RULE_COPY[bucketKey].example })
+                ] })
+              ] }) })
+            ] }) })
+          ] }, bucketKey);
+        }) })
+      ] })
+    ] }) })
+  ] }) }) });
+}
 
-export { ActionButton, ActionFormButton, ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };
+export { ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, ConversationThread, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, compareDealsByPriority, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, setDealReferrer, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };