@elevasis/ui 2.29.0 → 2.30.0

package/dist/{chunk-FFDAE2QI.js → chunk-NITGGYH2.js}

@@ -1,20 +1,49 @@
-import { DisplayMetadataSchema, ModelIdSchema, DescriptionSchema, LEAD_GEN_STAGE_CATALOG } from './chunk-OWESKPTJ.js';
+import { DisplayMetadataSchema, ModelIdSchema, DescriptionSchema, LEAD_GEN_STAGE_CATALOG } from './chunk-AKOD52HS.js';
 import { z } from 'zod';
 
 var ProspectingLifecycleStageSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
-  order: z.number().int().min(0)
+  order: z.number().min(0)
+});
+var RecordColumnConfigSchema = z.object({
+  key: ModelIdSchema,
+  label: z.string().trim().min(1).max(120),
+  path: z.string().trim().min(1).max(500),
+  width: z.union([z.number().positive(), z.string().trim().min(1).max(100)]).optional(),
+  renderType: z.enum(["text", "badge", "datetime", "count", "json"]).optional(),
+  badgeColor: z.string().trim().min(1).max(40).optional()
+});
+var RecordColumnsConfigSchema = z.object({
+  company: z.array(RecordColumnConfigSchema).optional(),
+  contact: z.array(RecordColumnConfigSchema).optional()
+}).refine((columns) => Boolean(columns.company?.length || columns.contact?.length), {
+  message: "recordColumns must include at least one entity column set"
+});
+var CredentialRequirementSchema = z.object({
+  key: ModelIdSchema,
+  provider: ModelIdSchema,
+  credentialType: z.enum(["api-key", "api-key-secret", "oauth", "webhook-secret"]),
+  label: z.string().trim().min(1).max(120),
+  required: z.boolean(),
+  selectionMode: z.enum(["single", "multiple"]).optional(),
+  inputPath: z.string().trim().min(1).max(500),
+  verifyOnRun: z.boolean().optional()
 });
 var ProspectingBuildTemplateStepSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
   primaryEntity: z.enum(["company", "contact"]),
   outputs: z.array(z.enum(["company", "contact", "export"])).min(1),
   stageKey: ModelIdSchema,
+  recordEntity: z.enum(["company", "contact"]).optional(),
+  recordsStageKey: ModelIdSchema.optional(),
+  recordSourceStageKey: ModelIdSchema.optional(),
   dependsOn: z.array(ModelIdSchema).optional(),
   dependencyMode: z.literal("per-record-eligibility"),
   capabilityKey: ModelIdSchema,
   defaultBatchSize: z.number().int().positive(),
-  maxBatchSize: z.number().int().positive()
+  maxBatchSize: z.number().int().positive(),
+  recordColumns: RecordColumnsConfigSchema.optional(),
+  credentialRequirements: z.array(CredentialRequirementSchema).optional()
 }).refine((step) => step.defaultBatchSize <= step.maxBatchSize, {
   message: "defaultBatchSize must be less than or equal to maxBatchSize",
   path: ["defaultBatchSize"]
@@ -23,6 +52,62 @@ var ProspectingBuildTemplateSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
   steps: z.array(ProspectingBuildTemplateStepSchema).min(1)
 });
+var DTC_RECORD_COLUMNS = {
+  populated: {
+    company: [
+      { key: "name", label: "Company", path: "company.name" },
+      { key: "domain", label: "Domain", path: "company.domain" },
+      { key: "employee-count", label: "Employees", path: "company.numEmployees", renderType: "count" },
+      { key: "apollo-industry", label: "Apollo industry", path: "company.category" },
+      { key: "location", label: "Location", path: "company.locationState" }
+    ]
+  },
+  crawled: {
+    company: [
+      { key: "name", label: "Company", path: "company.name" },
+      { key: "domain", label: "Domain", path: "company.domain" },
+      { key: "page-count", label: "Pages", path: "company.enrichmentData.websiteCrawl.pageCount", renderType: "count" },
+      { key: "crawl-status", label: "Crawl status", path: "processingState.crawled.status", renderType: "badge" }
+    ]
+  },
+  extracted: {
+    company: [
+      { key: "name", label: "Company", path: "company.name" },
+      { key: "domain", label: "Domain", path: "company.domain" },
+      { key: "description", label: "Description", path: "company.enrichmentData.websiteCrawl.companyDescription" },
+      { key: "services", label: "Services", path: "company.enrichmentData.websiteCrawl.services", renderType: "json" },
+      { key: "automation-gaps", label: "Automation gaps", path: "company.enrichmentData.websiteCrawl.automationGaps", renderType: "json" },
+      { key: "contact-count", label: "Contacts", path: "company.enrichmentData.websiteCrawl.emailCount", renderType: "count" }
+    ]
+  },
+  qualified: {
+    company: [
+      { key: "name", label: "Company", path: "company.name" },
+      { key: "domain", label: "Domain", path: "company.domain" },
+      { key: "score", label: "Score", path: "company.qualificationScore", renderType: "badge", badgeColor: "green" },
+      { key: "signals", label: "Signals", path: "company.qualificationSignals", renderType: "json" },
+      { key: "disqualified-reason", label: "Disqualified reason", path: "processingState.qualified.data.disqualifiedReason" }
+    ]
+  },
+  decisionMakers: {
+    contact: [
+      { key: "name", label: "Name", path: "contact.name" },
+      { key: "title", label: "Title", path: "contact.title" },
+      { key: "email", label: "Email", path: "contact.email" },
+      { key: "linkedin", label: "LinkedIn", path: "contact.linkedinUrl" },
+      { key: "priority-score", label: "Priority", path: "contact.enrichmentData.apollo.priorityScore", renderType: "badge" }
+    ]
+  },
+  uploaded: {
+    company: [
+      { key: "name", label: "Company", path: "company.name" },
+      { key: "domain", label: "Domain", path: "company.domain" },
+      { key: "contacts", label: "Contacts", path: "company.enrichmentData.approvedLeadListExport.contacts", renderType: "json" },
+      { key: "score", label: "Score", path: "company.qualificationScore", renderType: "badge", badgeColor: "green" },
+      { key: "approval", label: "Approval", path: "company.enrichmentData.approvedLeadListExport.approvalStatus", renderType: "badge" }
+    ]
+  }
+};
 z.object({
   id: ModelIdSchema,
   label: z.string(),
@@ -54,6 +139,12 @@ var CAPABILITY_REGISTRY = [
     description: "Check email deliverability before outreach.",
     resourceId: "lgn-05-email-verification-workflow"
   },
+  {
+    id: "lead-gen.company.apify-crawl",
+    label: "Crawl websites",
+    description: "Crawl company websites via Apify and store raw page markdown in enrichmentData.websiteCrawl.pages for downstream LLM analysis.",
+    resourceId: "lgn-02a-apify-website-crawl-workflow"
+  },
   {
     id: "lead-gen.company.website-extract",
     label: "Extract website signals",
@@ -200,7 +291,45 @@ var PROSPECTING_STEPS = {
       dependencyMode: "per-record-eligibility",
       capabilityKey: "lead-gen.company.apollo-import",
       defaultBatchSize: 250,
-      maxBatchSize: 1e3
+      maxBatchSize: 1e3,
+      recordColumns: DTC_RECORD_COLUMNS.populated,
+      credentialRequirements: [
+        {
+          key: "apollo",
+          provider: "apollo",
+          credentialType: "api-key-secret",
+          label: "Apollo API key",
+          required: true,
+          selectionMode: "single",
+          inputPath: "credential"
+        }
+      ]
+    },
+    apifyCrawl: {
+      id: "apify-crawl",
+      label: "Websites crawled",
+      description: "Crawl company websites via Apify and store raw page markdown in enrichmentData.websiteCrawl.pages for downstream LLM analysis. Overwrites the synthetic seed Apollo Import wrote with real page content.",
+      primaryEntity: "company",
+      outputs: ["company"],
+      stageKey: "crawled",
+      dependsOn: ["import-apollo-search"],
+      dependencyMode: "per-record-eligibility",
+      capabilityKey: "lead-gen.company.apify-crawl",
+      defaultBatchSize: 50,
+      maxBatchSize: 100,
+      recordColumns: DTC_RECORD_COLUMNS.crawled,
+      credentialRequirements: [
+        {
+          key: "apify",
+          provider: "apify",
+          credentialType: "api-key-secret",
+          label: "Apify API token",
+          required: true,
+          selectionMode: "single",
+          inputPath: "credential",
+          verifyOnRun: true
+        }
+      ]
     },
     analyzeWebsites: {
       id: "analyze-websites",
@@ -209,11 +338,12 @@ var PROSPECTING_STEPS = {
       primaryEntity: "company",
       outputs: ["company"],
       stageKey: "extracted",
-      dependsOn: ["import-apollo-search"],
+      dependsOn: ["apify-crawl"],
       dependencyMode: "per-record-eligibility",
       capabilityKey: "lead-gen.company.website-extract",
       defaultBatchSize: 50,
-      maxBatchSize: 100
+      maxBatchSize: 100,
+      recordColumns: DTC_RECORD_COLUMNS.extracted
     },
     scoreDtcFit: {
       id: "score-dtc-fit",
@@ -226,7 +356,8 @@ var PROSPECTING_STEPS = {
       dependencyMode: "per-record-eligibility",
       capabilityKey: "lead-gen.company.dtc-subscription-qualify",
       defaultBatchSize: 100,
-      maxBatchSize: 250
+      maxBatchSize: 250,
+      recordColumns: DTC_RECORD_COLUMNS.qualified
     },
     enrichDecisionMakers: {
       id: "enrich-decision-makers",
@@ -235,37 +366,52 @@ var PROSPECTING_STEPS = {
       primaryEntity: "company",
       outputs: ["contact"],
       stageKey: "decision-makers-enriched",
+      recordEntity: "contact",
       dependsOn: ["score-dtc-fit"],
       dependencyMode: "per-record-eligibility",
       capabilityKey: "lead-gen.contact.apollo-decision-maker-enrich",
       defaultBatchSize: 100,
-      maxBatchSize: 250
-    },
-    verifyEmails: {
-      id: "verify-emails",
-      label: "Emails verified",
-      description: "Verify deliverability before the QC and handoff step.",
-      primaryEntity: "contact",
-      outputs: ["contact"],
-      stageKey: "verified",
-      dependsOn: ["enrich-decision-makers"],
-      dependencyMode: "per-record-eligibility",
-      capabilityKey: "lead-gen.contact.verify-email",
-      defaultBatchSize: 250,
-      maxBatchSize: 500
+      maxBatchSize: 250,
+      recordColumns: DTC_RECORD_COLUMNS.decisionMakers,
+      credentialRequirements: [
+        {
+          key: "apollo",
+          provider: "apollo",
+          credentialType: "api-key-secret",
+          label: "Apollo API key",
+          required: true,
+          selectionMode: "single",
+          inputPath: "credential"
+        }
+      ]
     },
     reviewAndExport: {
       id: "review-and-export",
       label: "Reviewed and exported",
-      description: "Operator QC approves or rejects leads, then approved records are exported as a lead list.",
+      description: "Operator QC approves or rejects qualified companies, then approved records are exported as a lead list with unverified emails.",
       primaryEntity: "company",
       outputs: ["export"],
       stageKey: "uploaded",
-      dependsOn: ["verify-emails"],
+      recordsStageKey: "uploaded",
+      recordSourceStageKey: "qualified",
+      dependsOn: ["enrich-decision-makers"],
       dependencyMode: "per-record-eligibility",
       capabilityKey: "lead-gen.export.list",
       defaultBatchSize: 100,
-      maxBatchSize: 250
+      maxBatchSize: 250,
+      recordColumns: DTC_RECORD_COLUMNS.uploaded,
+      credentialRequirements: [
+        {
+          key: "clickup",
+          provider: "clickup",
+          credentialType: "api-key-secret",
+          label: "ClickUp API token",
+          required: true,
+          selectionMode: "single",
+          inputPath: "clickupCredential",
+          verifyOnRun: true
+        }
+      ]
     }
   }
 };
@@ -287,7 +433,7 @@ function toProspectingLifecycleStage(stage) {
   };
 }
 function leadGenStagesForEntity(entity) {
-  return Object.values(LEAD_GEN_STAGE_CATALOG).filter((stage) => stage.entity === entity).sort((a, b) => a.order - b.order).map(toProspectingLifecycleStage);
+  return Object.values(LEAD_GEN_STAGE_CATALOG).filter((stage) => stage.entity === entity || stage.additionalEntities?.includes(entity)).sort((a, b) => a.order - b.order).map(toProspectingLifecycleStage);
 }
 var DEFAULT_ORGANIZATION_MODEL_PROSPECTING = {
   listEntityId: "leadgen.list",
@@ -317,10 +463,10 @@ var DEFAULT_ORGANIZATION_MODEL_PROSPECTING = {
       description: "Prospecting pipeline for DTC subscription or subscription-ready brands where Apollo is the source and contact-enrichment layer, Elevasis handles company research and fit scoring, and approved leads export as an approved lead list.",
       steps: [
         PROSPECTING_STEPS.dtcApolloClickup.importApolloSearch,
+        PROSPECTING_STEPS.dtcApolloClickup.apifyCrawl,
         PROSPECTING_STEPS.dtcApolloClickup.analyzeWebsites,
         PROSPECTING_STEPS.dtcApolloClickup.scoreDtcFit,
         PROSPECTING_STEPS.dtcApolloClickup.enrichDecisionMakers,
-        PROSPECTING_STEPS.dtcApolloClickup.verifyEmails,
         PROSPECTING_STEPS.dtcApolloClickup.reviewAndExport
       ]
     }

package/dist/{chunk-VMJVQAFZ.js → chunk-OAVTMITG.js}

@@ -1,4 +1,4 @@
-import { ElevasisFeaturesProvider } from './chunk-V3HUIZJX.js';
+import { ElevasisFeaturesProvider } from './chunk-6IXOKUBC.js';
 import { jsx } from 'react/jsx-runtime';
 
 function createTestFeaturesProvider({

package/dist/{chunk-6NHCE7JM.js → chunk-P5WYW2GI.js}

@@ -4,14 +4,14 @@ 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 { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany, dealKeys, useExecuteAction } from './chunk-HNFQCOD2.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-CEHUFNAL.js';
+import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany, dealKeys, useExecuteAction } from './chunk-6EFVZV6X.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-T2PAD63Y.js';
 import { CenteredErrorState, CardHeader, StatCard, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-6WXDE5LZ.js';
-import { CRM_PIPELINE_DEFINITION, useCrmActions, DEFAULT_CRM_PRIORITY_RULE_CONFIG, deriveActions, CRM_PRIORITY_BUCKETS } from './chunk-OWESKPTJ.js';
+import { CRM_PIPELINE_DEFINITION, useCrmActions, DEFAULT_CRM_PRIORITY_RULE_CONFIG, deriveActions, CRM_PRIORITY_BUCKETS } from './chunk-AKOD52HS.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-HXZQWMKE.js';
-import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { useElevasisServices } from './chunk-KJ3QUBNU.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';
@@ -478,10 +478,10 @@ function useCrmQuickMetrics() {
   return { data, isLoading, error };
 }
 function useRecentCrmActivity(opts) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   const limit = opts?.limit ?? 20;
   const query = useQuery({
-    queryKey: ["recent-crm-activity", organizationId, limit],
+    queryKey: ["recent-crm-activity", workOSOrganizationId, limit],
     queryFn: () => apiRequest(`/crm/recent-activity?limit=${limit}`),
     enabled: isReady
   });
@@ -1711,15 +1711,15 @@ var crmPrioritySettingsKeys = {
   detail: (organizationId) => [...crmPrioritySettingsKeys.all, organizationId]
 };
 function useCrmPrioritySettings() {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: crmPrioritySettingsKeys.detail(organizationId),
+    queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId),
     queryFn: () => apiRequest("/crm/settings/priority"),
     enabled: isReady
   });
 }
 function useUpdateCrmPrioritySettings() {
-  const { apiRequest, organizationId } = useElevasisServices();
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
   const queryClient = useQueryClient();
   return useMutation({
     mutationFn: (override) => apiRequest("/crm/settings/priority", {
@@ -1727,7 +1727,7 @@ function useUpdateCrmPrioritySettings() {
       body: JSON.stringify(override)
     }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(organizationId) });
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId) });
       queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
       queryClient.invalidateQueries({ queryKey: dealKeys.details() });
       showSuccessNotification("CRM priority settings saved.");
@@ -1738,14 +1738,14 @@ function useUpdateCrmPrioritySettings() {
   });
 }
 function useResetCrmPrioritySettings() {
-  const { apiRequest, organizationId } = useElevasisServices();
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
   const queryClient = useQueryClient();
   return useMutation({
     mutationFn: () => apiRequest("/crm/settings/priority", {
       method: "DELETE"
     }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(organizationId) });
+      queryClient.invalidateQueries({ queryKey: crmPrioritySettingsKeys.detail(workOSOrganizationId) });
       queryClient.invalidateQueries({ queryKey: dealKeys.lists() });
       queryClient.invalidateQueries({ queryKey: dealKeys.details() });
       showSuccessNotification("CRM priority settings reset to Org-OS defaults.");

package/dist/{chunk-5CW2HXQA.js → chunk-SBCIB5TZ.js}

@@ -1,16 +1,16 @@
-import { CostTrendChart, ActivityTrendChart } from './chunk-SZWXQHKO.js';
+import { CostTrendChart, ActivityTrendChart } from './chunk-2DIYILF7.js';
 import { CyberAreaChart } from './chunk-CW3UNAF2.js';
 import { AppShellLoader } from './chunk-RYTEQBAO.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
 import { formatDuration } from './chunk-E4WQGJNS.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-HNFQCOD2.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead } from './chunk-6EFVZV6X.js';
 import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-6WXDE5LZ.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-HXZQWMKE.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Table, Text, Badge, Tooltip, Card, Group, Select, SegmentedControl, Button, TextInput, Stack, Paper, Center, Loader, ActionIcon, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton, Title, Divider, Code, CopyButton, Accordion } from '@mantine/core';
-import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconPlus, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';
+import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { formatDistanceToNow } from 'date-fns';
 
@@ -1760,33 +1760,12 @@ function NotificationCenter({ pageSize = 20 }) {
   const { data, isLoading } = useNotifications({ limit: pageSize, offset });
   const notifications = data?.notifications ?? [];
   const markAllAsRead = useMarkAllAsRead();
-  const testNotification = useTestNotification();
   const hasUnread = notifications.some((n) => !n.read);
   const handleMarkAllAsRead = async () => {
     await markAllAsRead.mutateAsync();
   };
-  const handleCreateTest = async () => {
-    await testNotification.mutateAsync();
-  };
-  const isDevelopment = process.env.NODE_ENV === "development";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsx(Title, { order: 1, children: "Notifications" }),
-      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-        isDevelopment && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "light",
-            size: "sm",
-            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
-            onClick: handleCreateTest,
-            loading: testNotification.isPending,
-            children: "Create Test Notification"
-          }
-        ),
-        hasUnread && /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", onClick: handleMarkAllAsRead, loading: markAllAsRead.isPending, children: "Mark all as read" })
-      ] })
-    ] }),
+    hasUnread && /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", onClick: handleMarkAllAsRead, loading: markAllAsRead.isPending, children: "Mark all as read" }) }),
     /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsx(NotificationList, { notifications, isLoading }) }),
     totalPages(data?.total ?? 0) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(Pagination, { value: page, onChange: setPage, total: totalPages(data?.total ?? 0), size: "sm", boundaries: 1 }) })
   ] });

package/dist/{chunk-OIMPGKDB.js → chunk-SKXXT3E2.js}

@@ -1,7 +1,7 @@
-import { mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-LH4GPYDX.js';
-import { PRESETS, getPreset, generateShades } from './chunk-HLFFKKT3.js';
+import { mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-T5Z7G2J2.js';
+import { PRESETS, getPreset, generateShades } from './chunk-4VQ2PXMI.js';
 import { AppBackground } from './chunk-WLOQ4IBG.js';
-import { ElevasisCoreProvider } from './chunk-OWESKPTJ.js';
+import { ElevasisCoreProvider } from './chunk-AKOD52HS.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { AppearanceProvider } from './chunk-E565XMTQ.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-HXZQWMKE.js';

package/dist/{chunk-CEHUFNAL.js → chunk-T2PAD63Y.js}

@@ -1,5 +1,5 @@
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-HXZQWMKE.js';
-import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { useElevasisServices } from './chunk-KJ3QUBNU.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { notifications } from '@mantine/notifications';
 
@@ -60,9 +60,9 @@ var milestoneKeys = {
   detail: (id) => [...milestoneKeys.all, "detail", id]
 };
 function useMilestones(filters = {}) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: milestoneKeys.list(organizationId, filters),
+    queryKey: milestoneKeys.list(workOSOrganizationId, filters),
     queryFn: async () => {
       const res = await apiRequest(`/projects/${filters.projectId}/milestones`);
       return res.milestones;
@@ -141,9 +141,9 @@ var taskKeys = {
   detail: (id) => [...taskKeys.all, "detail", id]
 };
 function useTasks(filters = {}) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: taskKeys.list(organizationId, filters),
+    queryKey: taskKeys.list(workOSOrganizationId, filters),
     queryFn: async () => {
       const params = new URLSearchParams();
       if (filters.status) params.set("status", filters.status);
@@ -226,9 +226,9 @@ var noteKeys = {
   detail: (id) => [...noteKeys.all, "detail", id]
 };
 function useProjectNotes(filters = {}) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: noteKeys.list(organizationId, filters),
+    queryKey: noteKeys.list(workOSOrganizationId, filters),
     queryFn: async () => {
       const res = await apiRequest(`/projects/${filters.projectId}/notes`);
       return res.notes;
@@ -269,9 +269,9 @@ var projectKeys = {
   tasks: (id) => [...projectKeys.all, id, "tasks"]
 };
 function useProjects(filters = {}) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: projectKeys.list(organizationId, filters),
+    queryKey: projectKeys.list(workOSOrganizationId, filters),
     queryFn: async () => {
       const params = new URLSearchParams();
       if (filters.kind) params.set("kind", filters.kind);
@@ -284,9 +284,9 @@ function useProjects(filters = {}) {
   });
 }
 function useProject(id) {
-  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
-    queryKey: [...projectKeys.detail(id), organizationId],
+    queryKey: [...projectKeys.detail(id), workOSOrganizationId],
     queryFn: async () => {
       try {
         const res = await apiRequest(`/projects/${id}`);

package/dist/{chunk-LH4GPYDX.js → chunk-T5Z7G2J2.js}

@@ -1,4 +1,4 @@
-import { PRESETS, getPreset, generateShades } from './chunk-HLFFKKT3.js';
+import { PRESETS, getPreset, generateShades } from './chunk-4VQ2PXMI.js';
 import { Tooltip, Tree, Text, TagsInput, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, MultiSelect, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
 import { createContext, useContext } from 'react';
 
@@ -54,6 +54,10 @@ var FRAMEWORK_BRIDGE = {
   "--input-value-background": "var(--surface-primary-strong)",
   "--input-value-border": "1px solid var(--border-primary-muted)"
 };
+var RIGHT_PANEL_BACKGROUND = {
+  light: "color-mix(in srgb, var(--color-elevated) 88%, var(--color-background))",
+  dark: "color-mix(in srgb, color-mix(in srgb, var(--color-elevated) 82%, var(--glass-background)) 78%, rgba(8, 9, 11, 0.96))"
+};
 function shadesToVars(shades) {
   const vars = {};
   for (let i = 0; i < shades.length; i++) {
@@ -91,8 +95,20 @@ function createCssVariablesResolver(tokens, preset, presetsMap) {
   const darkShades = shadesToVars(generateShades(darkPrimary));
   return () => ({
     variables: { ...FRAMEWORK_BRIDGE },
-    light: { ...lightShades, ...lightDefaults, ...flat, ...light },
-    dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
+    light: {
+      ...lightShades,
+      ...lightDefaults,
+      ...flat,
+      ...light,
+      "--right-panel-background": RIGHT_PANEL_BACKGROUND.light
+    },
+    dark: {
+      ...darkShades,
+      ...darkDefaults,
+      ...flat,
+      ...dark,
+      "--right-panel-background": RIGHT_PANEL_BACKGROUND.dark
+    }
   });
 }
 var DEFAULT_SIZE = "sm";

package/dist/{chunk-WFTNY755.js → chunk-VKIZUUPM.js}

@@ -1,4 +1,4 @@
-import { useInitialization } from './chunk-WKJ47GIW.js';
+import { useInitialization } from './chunk-533DUEQY.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/{chunk-S66IQSSR.js → chunk-WF227UBV.js}

@@ -1,4 +1,4 @@
-import { useOptionalElevasisFeatures } from './chunk-V3HUIZJX.js';
+import { useOptionalElevasisFeatures } from './chunk-6IXOKUBC.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useMemo } from 'react';
 

package/dist/components/chat/index.d.ts

@@ -173,13 +173,14 @@ interface ChatInterfaceProps {
     emptyStateText?: string;
     emptyStateSubtext?: string;
     placeholder?: string;
+    messageAreaVariant?: 'grid' | 'plain';
 }
 /**
  * Shared chat interface component
  * Used across ai studio sessions and production agent chat
  * Handles message display, auto-scroll, and input area
  */
-declare function ChatInterface({ messages, input, onInputChange, onSendMessage, isProcessing, isConnected, error, onClearError, emptyStateText, emptyStateSubtext, placeholder }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+declare function ChatInterface({ messages, input, onInputChange, onSendMessage, isProcessing, isConnected, error, onClearError, emptyStateText, emptyStateSubtext, placeholder, messageAreaVariant }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
 
 interface MessageBubbleProps {
     message: ChatMessage;

package/dist/components/chat/index.js

@@ -1,3 +1,3 @@
-export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator } from '../../chunk-ROSMICXG.js';
+export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator } from '../../chunk-CXY7FMUM.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-I2KLQ2HA.js';