@elevasis/ui 2.25.4 → 2.25.6

package/dist/knowledge/index.js

@@ -0,0 +1,496 @@
+import { governs, governedBy } from '../chunk-HAEJ4M54.js';
+export { KnowledgeTree } from '../chunk-HAEJ4M54.js';
+import { SubshellNavItem } from '../chunk-X4WBGKJQ.js';
+import { SubshellSidebarSection } from '../chunk-IIMU5YAJ.js';
+import '../chunk-2IFYDILW.js';
+import { useRouterContext } from '../chunk-Q7DJKLEN.js';
+import '../chunk-DT3QYZVU.js';
+import '../chunk-I2KLQ2HA.js';
+import { createContext, Children, isValidElement, cloneElement, useMemo, useContext, useState, useRef, useEffect } from 'react';
+import { Stack, Text, UnstyledButton, Group, Badge, Card, SimpleGrid, Alert, Tabs, Title, Divider, Box, TextInput } from '@mantine/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { IconBook, IconX, IconSearch, IconCircleX, IconAlertTriangle, IconInfoCircle } from '@tabler/icons-react';
+
+var KIND_COLORS = {
+  playbook: "blue",
+  strategy: "violet",
+  reference: "gray"
+};
+function KnowledgeNodeList({ nodes, onSelect, selectedNodeId, label }) {
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsxs(Stack, { gap: "xs", style: { padding: "var(--mantine-spacing-md)" }, children: [
+      label && /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, tt: "uppercase", c: "dimmed", style: { letterSpacing: "0.05em" }, children: label }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No knowledge nodes found." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { padding: "var(--mantine-spacing-sm)" }, children: [
+    label && /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        fw: 600,
+        tt: "uppercase",
+        c: "dimmed",
+        style: { letterSpacing: "0.05em", paddingBottom: "var(--mantine-spacing-xs)" },
+        children: label
+      }
+    ),
+    nodes.map((node) => {
+      const isActive = node.id === selectedNodeId;
+      return /* @__PURE__ */ jsx(
+        UnstyledButton,
+        {
+          onClick: () => onSelect(node),
+          style: {
+            padding: "var(--mantine-spacing-sm)",
+            borderRadius: "var(--mantine-radius-default)",
+            backgroundColor: isActive ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "transparent",
+            border: isActive ? "1px solid color-mix(in srgb, var(--color-primary) 25%, transparent)" : "1px solid transparent",
+            transition: `all var(--duration-fast) var(--easing)`,
+            cursor: "pointer",
+            width: "100%",
+            textAlign: "left"
+          },
+          onMouseEnter: (e) => {
+            if (!isActive) {
+              e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+            }
+          },
+          onMouseLeave: (e) => {
+            if (!isActive) {
+              e.currentTarget.style.backgroundColor = "transparent";
+            }
+          },
+          children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+            /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "sm",
+                  fw: isActive ? 600 : 400,
+                  style: {
+                    flex: 1,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    color: isActive ? "var(--color-primary)" : "var(--color-text)"
+                  },
+                  children: node.title
+                }
+              ),
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: KIND_COLORS[node.kind], style: { flexShrink: 0 }, children: node.kind })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "xs",
+                c: "dimmed",
+                style: {
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical",
+                  textOverflow: "ellipsis"
+                },
+                children: node.summary
+              }
+            )
+          ] })
+        },
+        node.id
+      );
+    })
+  ] });
+}
+function makeKnowledgeComponent(fnBody) {
+  const factory = new Function(fnBody);
+  return function KnowledgeBody(props) {
+    const runtime = { Fragment, jsx: jsx, jsxs: jsxs, ...props };
+    const mod = factory(runtime);
+    const Content = mod.default;
+    return Content ? jsx(Content, {}) : null;
+  };
+}
+var KNOWLEDGE_BODIES = {
+  "knowledge.outreach-playbook": makeKnowledgeComponent('"use strict";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    h2: "h2",\n    li: "li",\n    ol: "ol",\n    p: "p",\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: "Overview"\n    }), "\\n", _jsx(_components.p, {\n      children: "This playbook covers the end-to-end process for launching a cold outreach campaign using the Elevasis lead-gen pipeline."\n    }), "\\n", _jsx(_components.h2, {\n      children: "Steps"\n    }), "\\n", _jsxs(_components.ol, {\n      children: ["\\n", _jsx(_components.li, {\n        children: "Source prospects via the Lead Gen feature."\n      }), "\\n", _jsx(_components.li, {\n        children: "Review and approve copy in the CRM campaign editor."\n      }), "\\n", _jsx(_components.li, {\n        children: "Schedule sends using the Task Scheduler."\n      }), "\\n", _jsx(_components.li, {\n        children: "Monitor replies in the CRM inbox and route to the appropriate deal stage."\n      }), "\\n"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\n'),
+  "knowledge.lead-gen-strategy": makeKnowledgeComponent('"use strict";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    h2: "h2",\n    li: "li",\n    p: "p",\n    ul: "ul",\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: "Strategy"\n    }), "\\n", _jsx(_components.p, {\n      children: "The lead-gen pipeline targets SMBs with 10-200 employees in recession-resistant verticals (manufacturing, logistics, professional services). Firmographic filters: revenue >$1M, HQ in US/CA/AU, tech stack includes at least one SaaS CRM."\n    }), "\\n", _jsx(_components.h2, {\n      children: "Scoring Thresholds"\n    }), "\\n", _jsxs(_components.ul, {\n      children: ["\\n", _jsx(_components.li, {\n        children: "High priority: ICP score >= 80"\n      }), "\\n", _jsx(_components.li, {\n        children: "Medium priority: ICP score 60-79"\n      }), "\\n", _jsx(_components.li, {\n        children: "Low priority: < 60 (excluded from active outreach)"\n      }), "\\n"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\n'),
+  "knowledge.org-model-reference": makeKnowledgeComponent('"use strict";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    code: "code",\n    h2: "h2",\n    li: "li",\n    p: "p",\n    ul: "ul",\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: "Schema"\n    }), "\\n", _jsxs(_components.p, {\n      children: ["The ", _jsx(_components.code, {\n        children: "OrganizationModel"\n      }), " schema is defined in ", _jsx(_components.code, {\n        children: "packages/core/src/organization-model/schema.ts"\n      }), ". It is versioned at ", _jsx(_components.code, {\n        children: "version: 1"\n      }), " and composed from domain sub-schemas."]\n    }), "\\n", _jsx(_components.h2, {\n      children: "Domains"\n    }), "\\n", _jsxs(_components.ul, {\n      children: ["\\n", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: "features"\n        }), " \u2014 flat array of FeatureSchema nodes (nav tree)"]\n      }), "\\n", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: "knowledge"\n        }), " \u2014 flat array of KnowledgeNodeSchema nodes"]\n      }), "\\n", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: "sales"\n        }), ", ", _jsx(_components.code, {\n          children: "prospecting"\n        }), ", ", _jsx(_components.code, {\n          children: "projects"\n        }), " \u2014 sales and GTM domains"]\n      }), "\\n", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: "operations"\n        }), ", ", _jsx(_components.code, {\n          children: "statuses"\n        }), " \u2014 runtime entity domains"]\n      }), "\\n", _jsxs(_components.li, {\n        children: [_jsx(_components.code, {\n          children: "customers"\n        }), ", ", _jsx(_components.code, {\n          children: "offerings"\n        }), ", ", _jsx(_components.code, {\n          children: "roles"\n        }), ", ", _jsx(_components.code, {\n          children: "goals"\n        }), " \u2014 business context domains"]\n      }), "\\n"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\n'),
+  "knowledge.seo-lead-gen-playbook": makeKnowledgeComponent('"use strict";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n  const _components = {\n    h2: "h2",\n    li: "li",\n    ol: "ol",\n    p: "p",\n    ...props.components\n  };\n  return _jsxs(_Fragment, {\n    children: [_jsx(_components.h2, {\n      children: "Overview"\n    }), "\\n", _jsx(_components.p, {\n      children: "This playbook governs the handoff from SEO-sourced traffic to the lead-gen pipeline."\n    }), "\\n", _jsx(_components.h2, {\n      children: "Steps"\n    }), "\\n", _jsxs(_components.ol, {\n      children: ["\\n", _jsx(_components.li, {\n        children: "SEO feature captures visitor signal (form fill or intent data)."\n      }), "\\n", _jsx(_components.li, {\n        children: "Score the lead using the standard ICP scoring thresholds."\n      }), "\\n", _jsx(_components.li, {\n        children: "If score >= 60, inject into the lead-gen prospect list."\n      }), "\\n", _jsx(_components.li, {\n        children: "Assign to the appropriate outreach campaign in the CRM."\n      }), "\\n"]\n    })]\n  });\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = props.components || ({});\n  return MDXLayout ? _jsx(MDXLayout, {\n    ...props,\n    children: _jsx(_createMdxContent, {\n      ...props\n    })\n  }) : _createMdxContent(props);\n}\nreturn {\n  default: MDXContent\n};\n')
+};
+function KnowledgeCard({ title, children }) {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      withBorder: true,
+      padding: "md",
+      radius: "md",
+      style: {
+        backgroundColor: "var(--color-surface)",
+        borderColor: "var(--color-border)",
+        marginBottom: "var(--mantine-spacing-sm)"
+      },
+      children: [
+        title && /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", mb: "xs", style: { color: "var(--color-text)" }, children: title }),
+        children
+      ]
+    }
+  );
+}
+function KnowledgeCards({ cols = 2, children }) {
+  return /* @__PURE__ */ jsx(SimpleGrid, { cols, spacing: "sm", style: { marginBottom: "var(--mantine-spacing-sm)" }, children });
+}
+function KnowledgeStep({ step, title, children }) {
+  return /* @__PURE__ */ jsxs(Group, { align: "flex-start", gap: "sm", wrap: "nowrap", style: { marginBottom: "var(--mantine-spacing-sm)" }, children: [
+    step !== void 0 && /* @__PURE__ */ jsx(
+      Text,
+      {
+        fw: 700,
+        size: "sm",
+        style: {
+          minWidth: 24,
+          height: 24,
+          lineHeight: "24px",
+          textAlign: "center",
+          borderRadius: "50%",
+          backgroundColor: "var(--color-primary)",
+          color: "#fff",
+          flexShrink: 0
+        },
+        children: step
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1 }, children: [
+      title && /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { color: "var(--color-text)" }, children: title }),
+      children
+    ] })
+  ] });
+}
+function KnowledgeSteps({ children }) {
+  let counter = 0;
+  const numberedChildren = Children.map(children, (child) => {
+    if (!isValidElement(child)) return child;
+    counter += 1;
+    const props = child.props;
+    if (props.step === void 0) {
+      return cloneElement(child, { step: counter });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { marginBottom: "var(--mantine-spacing-sm)" }, children: numberedChildren });
+}
+var VARIANT_COLOR = {
+  info: "blue",
+  warn: "yellow",
+  error: "red"
+};
+var VARIANT_ICON = {
+  info: /* @__PURE__ */ jsx(IconInfoCircle, { size: 16 }),
+  warn: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16 }),
+  error: /* @__PURE__ */ jsx(IconCircleX, { size: 16 })
+};
+function KnowledgeCallout({ variant = "info", title, children }) {
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "light",
+      color: VARIANT_COLOR[variant],
+      icon: VARIANT_ICON[variant],
+      title,
+      style: { marginBottom: "var(--mantine-spacing-sm)" },
+      children
+    }
+  );
+}
+function KnowledgeTab({ label, value, children }) {
+  const key = value ?? label;
+  return /* @__PURE__ */ jsx(Tabs.Panel, { value: key, children });
+}
+function KnowledgeTabs({ defaultValue, children }) {
+  const tabs = [];
+  Children.forEach(children, (child) => {
+    if (!isValidElement(child)) return;
+    const props = child.props;
+    if (props.label) {
+      tabs.push({ label: props.label, value: props.value ?? props.label });
+    }
+  });
+  const first = defaultValue ?? tabs[0]?.value;
+  return /* @__PURE__ */ jsxs(Tabs, { defaultValue: first, style: { marginBottom: "var(--mantine-spacing-sm)" }, children: [
+    /* @__PURE__ */ jsx(Tabs.List, { children: tabs.map(({ label, value }) => /* @__PURE__ */ jsx(Tabs.Tab, { value, children: label }, value)) }),
+    children
+  ] });
+}
+
+// src/knowledge/components/allowlist.ts
+var KNOWLEDGE_ALLOWLIST = {
+  Card: KnowledgeCard,
+  Cards: KnowledgeCards,
+  Step: KnowledgeStep,
+  Steps: KnowledgeSteps,
+  Callout: KnowledgeCallout,
+  Tab: KnowledgeTab,
+  Tabs: KnowledgeTabs
+};
+var KnowledgeAllowlistContext = createContext(null);
+function KnowledgeMDXProvider({ extraComponents, children }) {
+  const merged = useMemo(
+    () => ({ ...KNOWLEDGE_ALLOWLIST, ...extraComponents }),
+    [extraComponents]
+  );
+  return /* @__PURE__ */ jsx(KnowledgeAllowlistContext.Provider, { value: merged, children });
+}
+function useKnowledgeAllowlist() {
+  const ctx = useContext(KnowledgeAllowlistContext);
+  if (ctx === null) {
+    throw new Error(
+      "useKnowledgeAllowlist must be called inside a KnowledgeMDXProvider. Wrap the relevant subtree with <KnowledgeMDXProvider>."
+    );
+  }
+  return ctx;
+}
+var KIND_COLORS2 = {
+  playbook: "blue",
+  strategy: "violet",
+  reference: "gray"
+};
+function KnowledgeBodyRenderer({ nodeId }) {
+  const components = useKnowledgeAllowlist();
+  const Body = KNOWLEDGE_BODIES[nodeId];
+  if (!Body) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No body content available for this node." });
+  }
+  return /* @__PURE__ */ jsx(Body, { components });
+}
+function EdgeSidecar({ graph, nodeId, onNavigateToNode }) {
+  const outgoing = governs(graph, nodeId);
+  const incoming = governedBy(graph, nodeId);
+  if (outgoing.length === 0 && incoming.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, tt: "uppercase", c: "dimmed", style: { letterSpacing: "0.05em" }, children: "Graph Edges" }),
+    outgoing.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", fw: 500, children: [
+        "Governs (",
+        outgoing.length,
+        ")"
+      ] }),
+      outgoing.map((targetId) => /* @__PURE__ */ jsx(
+        EdgeChip,
+        {
+          id: targetId,
+          onClick: onNavigateToNode ? () => onNavigateToNode(targetId) : void 0
+        },
+        targetId
+      ))
+    ] }),
+    incoming.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", fw: 500, children: [
+        "Governed by (",
+        incoming.length,
+        ")"
+      ] }),
+      incoming.map((sourceId) => /* @__PURE__ */ jsx(
+        EdgeChip,
+        {
+          id: sourceId,
+          onClick: onNavigateToNode ? () => onNavigateToNode(sourceId) : void 0
+        },
+        sourceId
+      ))
+    ] })
+  ] });
+}
+function EdgeChip({ id, onClick }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: onClick ? "button" : "div",
+      onClick,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "2px 8px",
+        borderRadius: "var(--mantine-radius-sm)",
+        backgroundColor: "var(--color-surface)",
+        border: "1px solid var(--color-border)",
+        fontSize: "var(--mantine-font-size-xs)",
+        color: onClick ? "var(--color-primary)" : "var(--color-text-subtle)",
+        cursor: onClick ? "pointer" : "default",
+        fontFamily: "var(--mantine-font-family-monospace)",
+        width: "fit-content",
+        background: "none"
+      },
+      children: id
+    }
+  );
+}
+function KnowledgeNodeView({ node, graph, onNavigateToNode, extraComponents }) {
+  return /* @__PURE__ */ jsx(KnowledgeMDXProvider, { extraComponents, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", style: { padding: "var(--mantine-spacing-md)", maxWidth: "760px" }, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "flex-start", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, style: { flex: 1, color: "var(--color-text)" }, children: node.title }),
+        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: KIND_COLORS2[node.kind], style: { flexShrink: 0, marginTop: 4 }, children: node.kind })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { lineHeight: 1.5 }, children: node.summary }),
+      /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { opacity: 0.7 }, children: [
+        "Updated ",
+        node.updatedAt
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        style: {
+          fontSize: "var(--mantine-font-size-sm)",
+          lineHeight: 1.7,
+          color: "var(--color-text)"
+        },
+        children: /* @__PURE__ */ jsx(KnowledgeBodyRenderer, { nodeId: node.id })
+      }
+    ),
+    /* @__PURE__ */ jsx(EdgeSidecar, { graph, nodeId: node.id, onNavigateToNode })
+  ] }) });
+}
+
+// src/knowledge/_generated/knowledge-search-index.json
+var knowledge_search_index_default = [
+  {
+    id: "knowledge.outreach-playbook",
+    title: "Outreach Sequence Playbook",
+    summary: "Step-by-step runbook for launching a cold outreach campaign: prospect sourcing, copy review, sending schedule, and reply handling.",
+    bodyText: "Overview\n\nThis playbook covers the end-to-end process for launching a cold outreach campaign using the Elevasis lead-gen pipeline.\n\nSteps\n\n1. Source prospects via the Lead Gen feature.\n2. Review and approve copy in the CRM campaign editor.\n3. Schedule sends using the Task Scheduler.\n4. Monitor replies in the CRM inbox and route to the appropriate deal stage."
+  },
+  {
+    id: "knowledge.lead-gen-strategy",
+    title: "Lead Gen Targeting Strategy",
+    summary: "Defines ICP signal prioritization, firmographic filters, and scoring thresholds used by the lead-gen pipeline.",
+    bodyText: "Strategy\n\nThe lead-gen pipeline targets SMBs with 10-200 employees in recession-resistant verticals (manufacturing, logistics, professional services). Firmographic filters: revenue \\>$1M, HQ in US/CA/AU, tech stack includes at least one SaaS CRM.\n\nScoring Thresholds\n\n- High priority: ICP score \\>= 80\n- Medium priority: ICP score 60-79\n- Low priority: \\< 60 (excluded from active outreach)"
+  },
+  {
+    id: "knowledge.org-model-reference",
+    title: "Organization Model Schema Reference",
+    summary: "Technical reference for the OrganizationModel Zod schema: all domains, field contracts, and versioning rules.",
+    bodyText: "Schema\n\nThe OrganizationModel schema is defined in packages/core/src/organization-model/schema.ts. It is versioned at version: 1 and composed from domain sub-schemas.\n\nDomains\n\n- features \u2014 flat array of FeatureSchema nodes (nav tree)\n- knowledge \u2014 flat array of KnowledgeNodeSchema nodes\n- sales, prospecting, projects \u2014 sales and GTM domains\n- operations, statuses \u2014 runtime entity domains\n- customers, offerings, roles, goals \u2014 business context domains"
+  },
+  {
+    id: "knowledge.seo-lead-gen-playbook",
+    title: "SEO-to-Lead-Gen Handoff Playbook",
+    summary: "Runbook for promoting SEO-qualified prospects into the active lead-gen pipeline: signal capture, scoring override, and campaign assignment.",
+    bodyText: "Overview\n\nThis playbook governs the handoff from SEO-sourced traffic to the lead-gen pipeline.\n\nSteps\n\n1. SEO feature captures visitor signal (form fill or intent data).\n2. Score the lead using the standard ICP scoring thresholds.\n3. If score >= 60, inject into the lead-gen prospect list.\n4. Assign to the appropriate outreach campaign in the CRM."
+  }
+];
+function buildSearchIndex(entries) {
+  return {
+    search(query) {
+      if (!query.trim()) return [];
+      const q = query.trim().toLowerCase();
+      const scored = [];
+      for (const entry of entries) {
+        let score = 0;
+        if (entry.title.toLowerCase().includes(q)) score += 3;
+        if (entry.summary.toLowerCase().includes(q)) score += 2;
+        if (entry.bodyText.toLowerCase().includes(q)) score += 1;
+        if (score > 0) scored.push({ id: entry.id, score });
+      }
+      return scored.sort((a, b) => b.score - a.score).map((s) => s.id);
+    }
+  };
+}
+function KnowledgeSearchBar({
+  knowledgeNodes,
+  onResults,
+  placeholder = "Search knowledge\u2026"
+}) {
+  const [query, setQuery] = useState("");
+  const indexRef = useRef(null);
+  useEffect(() => {
+    indexRef.current = buildSearchIndex(knowledge_search_index_default);
+  }, []);
+  const nodeMapRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const node of knowledgeNodes) map.set(node.id, node);
+    nodeMapRef.current = map;
+  }, [knowledgeNodes]);
+  const handleChange = (value) => {
+    setQuery(value);
+    if (!value.trim()) {
+      onResults(null);
+      return;
+    }
+    const ids = indexRef.current?.search(value) ?? [];
+    const hits = ids.flatMap((id) => {
+      const node = nodeMapRef.current.get(id);
+      return node ? [node] : [];
+    });
+    onResults(hits);
+  };
+  const handleClear = () => {
+    setQuery("");
+    onResults(null);
+  };
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      value: query,
+      onChange: (e) => handleChange(e.currentTarget.value),
+      placeholder,
+      leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+      rightSection: query ? /* @__PURE__ */ jsx(IconX, { size: 14, style: { cursor: "pointer", color: "var(--color-text-subtle)" }, onClick: handleClear }) : null,
+      styles: {
+        input: {
+          backgroundColor: "var(--color-surface)",
+          borderColor: "var(--color-border)",
+          color: "var(--color-text)"
+        }
+      }
+    }
+  );
+}
+function KnowledgeBrowser({ graph, knowledgeNodes, initialNodeId, onNavigateToNode }) {
+  const { navigate } = useRouterContext();
+  const selectedNode = useMemo(
+    () => initialNodeId ? knowledgeNodes.find((n) => n.id === initialNodeId) ?? null : null,
+    [initialNodeId, knowledgeNodes]
+  );
+  const [searchResults, setSearchResults] = useState(null);
+  const handleSelectNode = (node) => {
+    navigate(`/knowledge/${node.id}`);
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", style: { flex: 1, minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx(KnowledgeSearchBar, { knowledgeNodes, onResults: setSearchResults }),
+    /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: searchResults ? /* @__PURE__ */ jsx(
+      KnowledgeNodeList,
+      {
+        nodes: searchResults,
+        onSelect: handleSelectNode,
+        selectedNodeId: selectedNode?.id,
+        label: `${searchResults.length} result${searchResults.length === 1 ? "" : "s"}`
+      }
+    ) : selectedNode ? /* @__PURE__ */ jsx(KnowledgeNodeView, { node: selectedNode, graph, onNavigateToNode }) : /* @__PURE__ */ jsx(Box, { style: { padding: "var(--mantine-spacing-xl)" }, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Select a knowledge node from the tree to view its details." }) }) })
+  ] });
+}
+var KNOWLEDGE_ITEMS = [{ label: "Knowledge", to: "/knowledge", icon: IconBook, exact: true }];
+var KnowledgeSidebarMiddle = ({ items = KNOWLEDGE_ITEMS } = {}) => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconBook, label: "Knowledge", withTopBorder: false }),
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
+      const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+      return /* @__PURE__ */ jsx(
+        SubshellNavItem,
+        {
+          icon: item.icon,
+          label: item.label,
+          isActive,
+          href: item.to,
+          onClick: () => navigate(item.to)
+        },
+        item.to
+      );
+    }) })
+  ] });
+};
+
+export { KNOWLEDGE_ALLOWLIST, KNOWLEDGE_BODIES, KNOWLEDGE_ITEMS, KnowledgeBrowser, KnowledgeMDXProvider, KnowledgeNodeList, KnowledgeNodeView, KnowledgeSearchBar, KnowledgeSidebarMiddle, useKnowledgeAllowlist };

package/dist/organization/index.css

@@ -159,12 +159,8 @@
 [data-mantine-color-scheme=dark] .mantine-Tabs-root {
   --tab-border-color: var(--color-border);
 }
-[data-mantine-color-scheme] .mantine-Tabs-tab:not([data-active]):hover {
-  background-color: color-mix(in srgb, var(--color-surface-hover) 70%, transparent);
-}
-[data-mantine-color-scheme] .mantine-Tabs-tab[data-active],
-[data-mantine-color-scheme] .mantine-Tabs-tab[data-active]:hover {
-  background-color: transparent;
+.mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
 }
 .mantine-Pagination-control:not([data-active]) {
   background: var(--color-surface);

package/dist/provider/index.css

@@ -543,12 +543,8 @@
 [data-mantine-color-scheme=dark] .mantine-Tabs-root {
   --tab-border-color: var(--color-border);
 }
-[data-mantine-color-scheme] .mantine-Tabs-tab:not([data-active]):hover {
-  background-color: color-mix(in srgb, var(--color-surface-hover) 70%, transparent);
-}
-[data-mantine-color-scheme] .mantine-Tabs-tab[data-active],
-[data-mantine-color-scheme] .mantine-Tabs-tab[data-active]:hover {
-  background-color: transparent;
+.mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
 }
 .mantine-Pagination-control:not([data-active]) {
   background: var(--color-surface);