@elevasis/ui 2.30.0 → 2.32.0

package/dist/features/crm/index.css

@@ -150,6 +150,14 @@
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }
+[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
+  --item-filled-color: var(--color-surface);
+  --item-border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
 .mantine-Menu-item:hover:not([data-disabled]) {
   background-color: var(--color-surface-hover);
 }
@@ -215,6 +223,36 @@
   background-color: var(--color-primary);
   border-color: var(--color-primary);
 }
+.mantine-Tree-node:focus-visible > [data-value] {
+  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+.mantine-Tree-label[data-hovered] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Tree-label[data-selected] {
+  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
+  color: var(--color-primary);
+}
+[data-knowledge-article] pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-width: 100%;
+  padding: var(--mantine-spacing-sm);
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--mantine-radius-sm);
+}
+[data-knowledge-article] pre code {
+  background: transparent;
+  border: none;
+  padding: 0;
+  white-space: inherit;
+  word-break: inherit;
+}
 .recharts-surface:focus {
   outline: none;
 }

package/dist/features/crm/index.d.ts

@@ -111,6 +111,7 @@ type Database = {
                     batch_id: string | null;
                     category: string | null;
                     category_pain: string | null;
+                    client_id: string | null;
                     created_at: string;
                     domain: string | null;
                     enrichment_data: Json | null;
@@ -137,6 +138,7 @@ type Database = {
                     batch_id?: string | null;
                     category?: string | null;
                     category_pain?: string | null;
+                    client_id?: string | null;
                     created_at?: string;
                     domain?: string | null;
                     enrichment_data?: Json | null;
@@ -163,6 +165,7 @@ type Database = {
                     batch_id?: string | null;
                     category?: string | null;
                     category_pain?: string | null;
+                    client_id?: string | null;
                     created_at?: string;
                     domain?: string | null;
                     enrichment_data?: Json | null;
@@ -186,6 +189,13 @@ type Database = {
                     website?: string | null;
                 };
                 Relationships: [
+                    {
+                        foreignKeyName: "acq_companies_client_id_fkey";
+                        columns: ["client_id"];
+                        isOneToOne: false;
+                        referencedRelation: "clients";
+                        referencedColumns: ["id"];
+                    },
                     {
                         foreignKeyName: "acq_companies_organization_id_fkey";
                         columns: ["organization_id"];
@@ -200,6 +210,7 @@ type Database = {
                     batch_id: string | null;
                     brochure_first_viewed_at: string | null;
                     brochure_view_count: number;
+                    client_id: string | null;
                     company_id: string | null;
                     created_at: string;
                     email: string;
@@ -228,6 +239,7 @@ type Database = {
                     batch_id?: string | null;
                     brochure_first_viewed_at?: string | null;
                     brochure_view_count?: number;
+                    client_id?: string | null;
                     company_id?: string | null;
                     created_at?: string;
                     email: string;
@@ -256,6 +268,7 @@ type Database = {
                     batch_id?: string | null;
                     brochure_first_viewed_at?: string | null;
                     brochure_view_count?: number;
+                    client_id?: string | null;
                     company_id?: string | null;
                     created_at?: string;
                     email?: string;
@@ -281,6 +294,13 @@ type Database = {
                     updated_at?: string;
                 };
                 Relationships: [
+                    {
+                        foreignKeyName: "acq_contacts_client_id_fkey";
+                        columns: ["client_id"];
+                        isOneToOne: false;
+                        referencedRelation: "clients";
+                        referencedColumns: ["id"];
+                    },
                     {
                         foreignKeyName: "acq_contacts_company_id_fkey";
                         columns: ["company_id"];
@@ -524,8 +544,10 @@ type Database = {
             acq_deals: {
                 Row: {
                     activity_log: Json;
+                    client_id: string | null;
                     closed_lost_at: string | null;
                     closed_lost_reason: string | null;
+                    company_id: string | null;
                     contact_email: string;
                     contact_id: string | null;
                     created_at: string;
@@ -561,8 +583,10 @@ type Database = {
                 };
                 Insert: {
                     activity_log?: Json;
+                    client_id?: string | null;
                     closed_lost_at?: string | null;
                     closed_lost_reason?: string | null;
+                    company_id?: string | null;
                     contact_email: string;
                     contact_id?: string | null;
                     created_at?: string;
@@ -598,8 +622,10 @@ type Database = {
                 };
                 Update: {
                     activity_log?: Json;
+                    client_id?: string | null;
                     closed_lost_at?: string | null;
                     closed_lost_reason?: string | null;
+                    company_id?: string | null;
                     contact_email?: string;
                     contact_id?: string | null;
                     created_at?: string;
@@ -634,6 +660,20 @@ type Database = {
                     updated_at?: string;
                 };
                 Relationships: [
+                    {
+                        foreignKeyName: "acq_deals_client_id_fkey";
+                        columns: ["client_id"];
+                        isOneToOne: false;
+                        referencedRelation: "clients";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "acq_deals_company_id_fkey";
+                        columns: ["company_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_companies";
+                        referencedColumns: ["id"];
+                    },
                     {
                         foreignKeyName: "acq_deals_contact_id_fkey";
                         columns: ["contact_id"];
@@ -1251,6 +1291,77 @@ type Database = {
                     }
                 ];
             };
+            clients: {
+                Row: {
+                    converted_at: string | null;
+                    created_at: string;
+                    id: string;
+                    metadata: Json;
+                    name: string;
+                    organization_id: string;
+                    primary_company_id: string | null;
+                    primary_contact_id: string | null;
+                    source_deal_id: string | null;
+                    status: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    converted_at?: string | null;
+                    created_at?: string;
+                    id?: string;
+                    metadata?: Json;
+                    name: string;
+                    organization_id: string;
+                    primary_company_id?: string | null;
+                    primary_contact_id?: string | null;
+                    source_deal_id?: string | null;
+                    status?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    converted_at?: string | null;
+                    created_at?: string;
+                    id?: string;
+                    metadata?: Json;
+                    name?: string;
+                    organization_id?: string;
+                    primary_company_id?: string | null;
+                    primary_contact_id?: string | null;
+                    source_deal_id?: string | null;
+                    status?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "clients_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "clients_primary_company_id_fkey";
+                        columns: ["primary_company_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_companies";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "clients_primary_contact_id_fkey";
+                        columns: ["primary_contact_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_contacts";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "clients_source_deal_id_fkey";
+                        columns: ["source_deal_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_deals";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
             command_queue: {
                 Row: {
                     action_payload: Json | null;
@@ -2220,6 +2331,7 @@ type Database = {
                 Row: {
                     actual_end_date: string | null;
                     client_company_id: string | null;
+                    client_id: string | null;
                     contract_value: number | null;
                     created_at: string;
                     deal_id: string | null;
@@ -2237,6 +2349,7 @@ type Database = {
                 Insert: {
                     actual_end_date?: string | null;
                     client_company_id?: string | null;
+                    client_id?: string | null;
                     contract_value?: number | null;
                     created_at?: string;
                     deal_id?: string | null;
@@ -2254,6 +2367,7 @@ type Database = {
                 Update: {
                     actual_end_date?: string | null;
                     client_company_id?: string | null;
+                    client_id?: string | null;
                     contract_value?: number | null;
                     created_at?: string;
                     deal_id?: string | null;
@@ -2290,6 +2404,13 @@ type Database = {
                         referencedRelation: "acq_companies";
                         referencedColumns: ["id"];
                     },
+                    {
+                        foreignKeyName: "prj_projects_client_id_fkey";
+                        columns: ["client_id"];
+                        isOneToOne: false;
+                        referencedRelation: "clients";
+                        referencedColumns: ["id"];
+                    },
                     {
                         foreignKeyName: "prj_projects_deal_id_fkey";
                         columns: ["deal_id"];
@@ -2694,6 +2815,66 @@ type Database = {
                     }
                 ];
             };
+            user_notes: {
+                Row: {
+                    content: string;
+                    created_at: string;
+                    created_by: string;
+                    id: string;
+                    metadata: Json;
+                    organization_id: string | null;
+                    pinned: boolean;
+                    priority: string;
+                    source: string | null;
+                    title: string | null;
+                    updated_at: string;
+                    user_id: string;
+                };
+                Insert: {
+                    content: string;
+                    created_at?: string;
+                    created_by?: string;
+                    id?: string;
+                    metadata?: Json;
+                    organization_id?: string | null;
+                    pinned?: boolean;
+                    priority?: string;
+                    source?: string | null;
+                    title?: string | null;
+                    updated_at?: string;
+                    user_id: string;
+                };
+                Update: {
+                    content?: string;
+                    created_at?: string;
+                    created_by?: string;
+                    id?: string;
+                    metadata?: Json;
+                    organization_id?: string | null;
+                    pinned?: boolean;
+                    priority?: string;
+                    source?: string | null;
+                    title?: string | null;
+                    updated_at?: string;
+                    user_id?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "user_notes_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "user_notes_user_id_fkey";
+                        columns: ["user_id"];
+                        isOneToOne: false;
+                        referencedRelation: "users";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
             users: {
                 Row: {
                     config: Json;
@@ -3009,6 +3190,7 @@ type ResolvedCrmPriorityRuleConfig = CrmPriorityRuleConfig & {
 declare const DealDetailResponseSchema: z.ZodObject<{
     id: z.ZodString;
     organization_id: z.ZodString;
+    client_id: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     contact_id: z.ZodNullable<z.ZodString>;
     contact_email: z.ZodString;
     pipeline_key: z.ZodString;
@@ -3093,6 +3275,25 @@ declare const DealDetailResponseSchema: z.ZodObject<{
             sentAt: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>>;
     }, z.core.$strip>;
+    lineage: z.ZodOptional<z.ZodObject<{
+        list: z.ZodNullable<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            status: z.ZodString;
+        }, z.core.$strip>>;
+        projects: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            kind: z.ZodString;
+            status: z.ZodString;
+            updatedAt: z.ZodString;
+        }, z.core.$strip>>;
+        client: z.ZodNullable<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            status: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
 }, z.core.$strip>;
 type DealDetailResponse = z.infer<typeof DealDetailResponseSchema>;
 
@@ -3288,35 +3489,37 @@ interface QuickCreateActionsProps {
 }
 declare function QuickCreateActions({ showSectionLabel }: QuickCreateActionsProps): react_jsx_runtime.JSX.Element;
 
-type FeatureSidebarComponent = ComponentType;
-type FeatureIconComponent = ComponentType<{
+type SystemSidebarComponent = ComponentType;
+type SystemIconComponent = ComponentType<{
     size?: number;
     stroke?: number;
 }>;
-type FeatureSidebarWidthResolver = number | ((context: {
+type SystemSidebarWidthResolver = number | ((context: {
     currentPath: string;
 }) => number);
-interface FeatureModule {
-    /** Unique stable identifier for this feature module. */
+interface SystemModule {
+    /** Unique stable identifier for this UI system module. */
     key: string;
-    /** Organization Model feature id this module presents. */
-    featureId: string;
-    /** Capability identifiers contributed by this feature module. */
+    /** Organization Model system id this module presents. Omit for navigation-only app surfaces. */
+    systemId?: string;
+    /** Route prefixes owned by navigation-only app surfaces. */
+    routePrefixes?: string[];
+    /** Capability identifiers contributed by this system module. */
     capabilityIds?: string[];
-    /** Icon used when this feature node appears in shell navigation. */
-    icon?: FeatureIconComponent;
-    /** Sidebar component rendered when this feature's subtree route is active. */
-    sidebar?: FeatureSidebarComponent;
+    /** Icon used when this system node appears in shell navigation. */
+    icon?: SystemIconComponent;
+    /** Sidebar component rendered when this system's subtree route is active. */
+    sidebar?: SystemSidebarComponent;
     /** Optional shell sidebar width override. Defaults to 250px. */
-    sidebarWidth?: FeatureSidebarWidthResolver;
-    /** Operations-only bridge connecting this feature to the organization graph node. */
-    organizationGraph?: OrganizationGraphFeatureBridge;
+    sidebarWidth?: SystemSidebarWidthResolver;
+    /** Operations-only bridge connecting this system to the organization graph node. */
+    organizationGraph?: OrganizationGraphSystemBridge;
 }
-interface OrganizationGraphFeatureBridge {
-    featureId: string;
+interface OrganizationGraphSystemBridge {
+    systemId?: string;
 }
 
-declare const crmManifest: FeatureModule;
+declare const crmManifest: SystemModule;
 
 declare const DEAL_STAGE_COLORS: Record<string, string>;
 declare const DEAL_STAGE_OPTIONS: {
@@ -3349,6 +3552,11 @@ declare function CompanyDetailPage({ companyId }: CompanyDetailPageProps): react
 
 declare function CrmSettingsPage(): react_jsx_runtime.JSX.Element;
 
+interface ContactDetailPageProps {
+    contactId: string;
+}
+declare function ContactDetailPage({ contactId }: ContactDetailPageProps): react_jsx_runtime.JSX.Element;
+
 interface CrmPrioritySettingsResponse {
     override: CrmPriorityOverride | null;
     resolved: ResolvedCrmPriorityRuleConfig;
@@ -3373,5 +3581,5 @@ declare function useUpdateCrmPrioritySettings(): _tanstack_react_query.UseMutati
 }, unknown>;
 declare function useResetCrmPrioritySettings(): _tanstack_react_query.UseMutationResult<CrmPrioritySettingsResponse, Error, void, unknown>;
 
-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, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };
-export type { ActivityFeedWidgetProps, CompanyDetailPageProps, RecentActivityEntry as CrmActivityEntry, CrmActivityKind, CrmOverviewProps, CrmPrioritySettingsResponse, CrmQuickMetrics, CrmSidebarMiddleProps, MyTasksPanelProps, PipelineFunnelWidgetProps, PipelineStageSummary, QuickCreateActionsProps, SavedViewPreset, SavedViewsPanelProps };
+export { ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, ContactDetailPage, 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, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings };
+export type { ActivityFeedWidgetProps, CompanyDetailPageProps, ContactDetailPageProps, RecentActivityEntry as CrmActivityEntry, CrmActivityKind, CrmOverviewProps, CrmPrioritySettingsResponse, CrmQuickMetrics, CrmSidebarMiddleProps, MyTasksPanelProps, PipelineFunnelWidgetProps, PipelineStageSummary, QuickCreateActionsProps, SavedViewPreset, SavedViewsPanelProps };

package/dist/features/crm/index.js

@@ -1,30 +1,33 @@
-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, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings } from '../../chunk-P5WYW2GI.js';
-import '../../chunk-BZZCNLT6.js';
-import '../../chunk-TUMSNGTX.js';
+export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, ConversationThread, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, crmManifest, crmPrioritySettingsKeys, formatDealStageLabel, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useRecentCrmActivity, useResetCrmPrioritySettings, useUpdateCrmPrioritySettings } from '../../chunk-ZQOKIGZP.js';
+export { CRM_ITEMS, CrmSidebarMiddle, MyTasksPanel, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel } from '../../chunk-MOY4VOHF.js';
+import '../../chunk-VNFR57DF.js';
 import '../../chunk-X4WBGKJQ.js';
 import '../../chunk-IIMU5YAJ.js';
+import '../../chunk-BZZCNLT6.js';
+import '../../chunk-TUMSNGTX.js';
 import '../../chunk-PDHTXPSF.js';
-import '../../chunk-KVJ3LFH2.js';
+import '../../chunk-R66W5UDG.js';
 import '../../chunk-7M2VOCYN.js';
-import '../../chunk-6EFVZV6X.js';
-import '../../chunk-6YT4IKJ7.js';
-import '../../chunk-T2PAD63Y.js';
+import '../../chunk-GCOQ3TBG.js';
+import '../../chunk-VNAZTCHA.js';
+import '../../chunk-XZGSCABI.js';
 import '../../chunk-BRXELOHC.js';
 import '../../chunk-3ZMAGTWF.js';
-import '../../chunk-OAVTMITG.js';
-import '../../chunk-SKXXT3E2.js';
-import '../../chunk-T5Z7G2J2.js';
-import '../../chunk-4VQ2PXMI.js';
+import '../../chunk-5FJJ72HU.js';
+import '../../chunk-RQTWIXJ5.js';
+import '../../chunk-RQA2EVN3.js';
+import '../../chunk-3FV6HBXS.js';
 import '../../chunk-WLOQ4IBG.js';
-import '../../chunk-4SY6BTVZ.js';
-import '../../chunk-6WXDE5LZ.js';
+import '../../chunk-6DWD423K.js';
+import '../../chunk-EPTHX4VZ.js';
 import '../../chunk-3KMDHCAR.js';
-import '../../chunk-AKOD52HS.js';
+import '../../chunk-YLQEVSOR.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-6IXOKUBC.js';
+import '../../chunk-QXCDKE2O.js';
 import '../../chunk-TKAYX2SP.js';
 import '../../chunk-NYBEU5TE.js';
-import '../../chunk-7E3FUTND.js';
+import '../../chunk-T35FWDAB.js';
+import '../../chunk-ND5TDV2J.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-Q7DJKLEN.js';
 import '../../chunk-JA5ECJJB.js';
@@ -33,7 +36,7 @@ import '../../chunk-E565XMTQ.js';
 import '../../chunk-JBWJ6WHZ.js';
 import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-HXZQWMKE.js';
+import '../../chunk-2RJMVWFJ.js';
 import '../../chunk-KRWALB24.js';
 import '../../chunk-VKIZUUPM.js';
 import '../../chunk-533DUEQY.js';

package/dist/features/dashboard/index.css

@@ -150,6 +150,14 @@
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
 }
+[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
+  --item-filled-color: var(--color-surface);
+  --item-border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
 .mantine-Menu-item:hover:not([data-disabled]) {
   background-color: var(--color-surface-hover);
 }
@@ -215,6 +223,36 @@
   background-color: var(--color-primary);
   border-color: var(--color-primary);
 }
+.mantine-Tree-node:focus-visible > [data-value] {
+  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+.mantine-Tree-label[data-hovered] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Tree-label[data-selected] {
+  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
+  color: var(--color-primary);
+}
+[data-knowledge-article] pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-width: 100%;
+  padding: var(--mantine-spacing-sm);
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--mantine-radius-sm);
+}
+[data-knowledge-article] pre code {
+  background: transparent;
+  border: none;
+  padding: 0;
+  white-space: inherit;
+  word-break: inherit;
+}
 .recharts-surface:focus {
   outline: none;
 }