@stigmer/react 3.1.2 → 3.1.4

package/internal/MermaidDiagram.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useIsCodeFenceIncomplete } from "streamdown";
+import { useColorMode } from "../color-mode.js";
+import { loadMermaid } from "./mermaid-loader.js";
+import { MERMAID_THEME_CSS } from "./mermaid-theme-css.js";
+/**
+ * `mermaid.render` requires a DOM id for its scratch element. Ids must be
+ * unique per render call — theme switches and streaming updates can overlap
+ * renders within one component — so a module counter is the simplest
+ * collision-free source.
+ */
+let renderSequence = 0;
+/**
+ * Renders a fenced ```mermaid block as an inline SVG diagram.
+ *
+ * Mounted by the shared `pre` override in
+ * {@link file://./markdown-components.tsx} whenever a fenced block carries the
+ * explicit `mermaid` info string — which means every SDK markdown surface
+ * (chat via Streamdown, artifacts/skills via react-markdown) renders diagrams
+ * identically. Detection is deliberately limited to the explicit language tag;
+ * guessing diagram intent from fence bodies (e.g. a bare fence starting with
+ * `flowchart`) is the kind of fuzzy heuristic this codebase avoids.
+ *
+ * Every failure mode degrades to the exact code block the fence rendered as
+ * before this component existed:
+ *
+ * - **Streaming** — while the fence is still open (`useIsCodeFenceIncomplete`,
+ *   a safe no-op under react-markdown where the context defaults to `false`),
+ *   the source renders as a code block; the diagram appears once the fence
+ *   closes. No half-parsed error flashing mid-stream.
+ * - **Library unavailable** — `mermaid` is an optional peer dependency; if the
+ *   dynamic import fails the source stays a code block.
+ * - **Parse error** — invalid diagram source falls back to the code block plus
+ *   a screen-reader-announced note, so the agent's output is never hidden.
+ *
+ * Security: agent output is untrusted and this SDK renders inside host
+ * applications, so mermaid runs with `securityLevel: "strict"` (sanitized
+ * labels, no `click` interactivity) — deliberately stricter than the
+ * docs-site renderer, which only ever shows first-party content.
+ *
+ * Theming: the container chrome is fully `--stgm-*` token-driven, and so is
+ * the SVG interior. The built-in `default`/`dark` theme (selected via
+ * {@link useColorMode}) is the base; on top of it we inject
+ * {@link MERMAID_THEME_CSS}, a token-driven stylesheet whose `var(--stgm-*)`
+ * references the browser resolves against the `.stgm` scope. Interiors
+ * therefore track the active preset *and* color mode live — no color is read
+ * in JS, and a preset switch needs no re-render. Feeding tokens through
+ * mermaid's `themeVariables` is not possible: they are authored in `oklch()`,
+ * which mermaid's color engine (khroma) cannot parse. Any element or diagram
+ * type the CSS does not target falls back to the built-in theme, so a diagram
+ * is never blank or mis-colored.
+ */
+export function MermaidDiagram({ chart }) {
+    const isIncomplete = useIsCodeFenceIncomplete();
+    const colorMode = useColorMode();
+    const [state, setState] = useState({ status: "pending" });
+    // Markdown parsers hand the fence body over with its trailing newline;
+    // mermaid treats leading/trailing blank lines as part of the diagram.
+    const source = chart.trim();
+    useEffect(() => {
+        if (isIncomplete || source.length === 0)
+            return;
+        let cancelled = false;
+        void (async () => {
+            const renderId = `stgm-mermaid-${++renderSequence}`;
+            try {
+                const mermaid = await loadMermaid();
+                // initialize() mutates a global singleton, so it runs before every
+                // render call — all diagrams under one provider share a color mode,
+                // and re-initializing keeps a theme switch from bleeding stale config
+                // into the next render.
+                mermaid.initialize({
+                    startOnLoad: false,
+                    securityLevel: "strict",
+                    theme: colorMode === "dark" ? "dark" : "default",
+                    themeCSS: MERMAID_THEME_CSS,
+                    fontFamily: "inherit",
+                });
+                const { svg } = await mermaid.render(renderId, source);
+                if (!cancelled)
+                    setState({ status: "rendered", svg });
+            }
+            catch (error) {
+                // Mermaid has historically leaked its scratch element into the
+                // document on parse failure; removing it defensively costs nothing.
+                document.getElementById(renderId)?.remove();
+                if (!cancelled) {
+                    setState({
+                        status: "failed",
+                        message: error instanceof Error ? error.message : String(error),
+                    });
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+        // A previously rendered diagram stays visible while a re-render (theme
+        // switch) is in flight — swapping to a blank pending state would flash.
+    }, [source, colorMode, isIncomplete]);
+    if (state.status === "rendered") {
+        return (_jsx("div", { role: "img", "aria-label": "Mermaid diagram", className: "mb-3 last:mb-0 flex justify-center overflow-x-auto rounded-md border border-border bg-card p-3 [&_svg]:max-w-full", dangerouslySetInnerHTML: { __html: state.svg } }));
+    }
+    return (_jsx(MermaidSourceFallback, { chart: chart, failureMessage: state.status === "failed" ? state.message : null }));
+}
+/**
+ * The pre-diagram presentation of a mermaid fence: the same styled code block
+ * the shared `pre`/`code` overrides in `markdown-components.tsx` would have
+ * produced (classes mirrored from there — importing them would create a
+ * module cycle, since that file mounts this component). Shown while the fence
+ * streams, while mermaid loads, and permanently when rendering fails.
+ */
+function MermaidSourceFallback({ chart, failureMessage, }) {
+    return (_jsxs("div", { className: "mb-3 last:mb-0", children: [_jsx("pre", { className: "overflow-x-auto rounded-md bg-muted p-3", children: _jsx("code", { className: "font-mono text-xs text-foreground", children: chart }) }), failureMessage !== null && (_jsxs("p", { role: "status", className: "mt-1 text-xs text-muted-foreground", children: ["Mermaid diagram failed to render; showing source. (", failureMessage, ")"] }))] }));
+}
+//# sourceMappingURL=MermaidDiagram.js.map

package/internal/MermaidDiagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidDiagram.js","sourceRoot":"","sources":["../../src/internal/MermaidDiagram.tsx"],"names":[],"mappings":"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"}

package/internal/file-tree/FileTreeNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileTreeNode.d.ts","sourceRoot":"","sources":["../../../src/internal/file-tree/FileTreeNode.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,aAAa,mCAAmC,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,eAAe,GAChB,EAAE,iBAAiB,2CAuFnB"}
+{"version":3,"file":"FileTreeNode.d.ts","sourceRoot":"","sources":["../../../src/internal/file-tree/FileTreeNode.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,aAAa,mCAAmC,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,eAAe,GAChB,EAAE,iBAAiB,2CAkGnB"}

package/internal/file-tree/FileTreeNode.js

@@ -40,10 +40,10 @@ export function FileTreeNode({ node, selectedPath, onSelect, onActivate, depth,
         e.dataTransfer.setData(FILE_REF_MIME, JSON.stringify({ path: node.path }));
         e.dataTransfer.effectAllowed = "link";
     }, [node.path]);
-    return (_jsxs("li", { role: "treeitem", "aria-expanded": isFolder ? expanded : undefined, children: [_jsxs("button", { type: "button", onClick: handleClick, onDoubleClick: onActivate ? handleDoubleClick : undefined, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: cn("flex w-full items-center gap-1.5 py-1 text-left text-xs transition-colors", "hover:bg-muted", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", isSelected && !isFolder && "bg-muted text-foreground font-medium", !isSelected && "text-muted-foreground", isDraggable && "cursor-grab active:cursor-grabbing"), 
+    return (_jsxs("li", { role: "treeitem", "aria-level": depth + 1, "aria-expanded": isFolder ? expanded : undefined, children: [_jsxs("button", { type: "button", onClick: handleClick, onDoubleClick: onActivate ? handleDoubleClick : undefined, draggable: isDraggable, onDragStart: isDraggable ? handleDragStart : undefined, className: cn("flex w-full items-center gap-1.5 py-1 text-left text-xs transition-colors", "hover:bg-muted", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", isSelected && !isFolder && "bg-muted text-foreground font-medium", !isSelected && "text-muted-foreground", isDraggable && "cursor-grab active:cursor-grabbing"), 
                 // Indent-guide mode indents via the nested group's margin, so rows need
                 // only a small constant inset; padding mode keeps the per-depth inset.
-                style: { paddingLeft: indentGuides ? "8px" : `${12 + depth * 12}px`, paddingRight: "8px" }, "aria-current": isSelected ? "true" : undefined, children: [isFolder && (_jsx("span", { className: "text-[10px] text-muted-foreground-subtle", children: expanded ? "▼" : "▶" })), showIcons &&
+                style: { paddingLeft: indentGuides ? "8px" : `${12 + depth * 12}px`, paddingRight: "8px" }, "aria-current": isSelected ? "true" : undefined, children: [isFolder && (_jsx("span", { "aria-hidden": "true", className: "text-[10px] text-muted-foreground-subtle", children: expanded ? "▼" : "▶" })), showIcons &&
                         (isFolder ? (_jsx(FolderTypeIcon, { open: expanded })) : (_jsx(FileTypeIcon, { fileName: node.name }))), _jsx("span", { className: cn("truncate", isFolder && "font-medium text-foreground"), children: node.name })] }), isFolder && expanded && node.children && (_jsx("ul", { role: "group", className: cn(indentGuides && "ml-3 border-l border-border"), children: node.children.map((child) => (_jsx(FileTreeNode, { node: child, selectedPath: selectedPath, onSelect: onSelect, onActivate: onActivate, depth: depth + 1, enableDrag: enableDrag, showIcons: showIcons, indentGuides: indentGuides, maxInitialDepth: maxInitialDepth }, child.path))) }))] }));
 }
 //# sourceMappingURL=FileTreeNode.js.map

package/internal/file-tree/FileTreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTreeNode.js","sourceRoot":"","sources":["../../../src/internal/file-tree/FileTreeNode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileTreeNode.js","sourceRoot":"","sources":["../../../src/internal/file-tree/FileTreeNode.tsx"],"names":[],"mappings":"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"}

package/internal/markdown-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-components.d.ts","sourceRoot":"","sources":["../../src/internal/markdown-components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC;;;GAGG;AACH,eAAO,MAAM,cAAc,sBAAc,CAAC;AAI1C;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,MAAM,EACf,cAAc,UAAQ,GACrB,MAAM,CASR;AASD;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAKA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,UA4LjC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iCAAiC,EAAE,UAqC/C,CAAC"}
+{"version":3,"file":"markdown-components.d.ts","sourceRoot":"","sources":["../../src/internal/markdown-components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC;;;GAGG;AACH,eAAO,MAAM,cAAc,sBAAc,CAAC;AAI1C;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,MAAM,EACf,cAAc,UAAQ,GACrB,MAAM,CASR;AASD;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAKA;AA0BD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,UAqMjC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iCAAiC,EAAE,UAqC/C,CAAC"}

package/internal/markdown-components.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { isValidElement } from "react";
 import remarkGfm from "remark-gfm";
 import { cn } from "@stigmer/theme";
 import { highlightToReact } from "./code-highlight.js";
+import { MermaidDiagram } from "./MermaidDiagram.js";
 const LANGUAGE_CLASS_PREFIX = "language-";
+const MERMAID_LANGUAGE_CLASS = "language-mermaid";
 /**
  * Remark plugins applied to all SDK markdown surfaces.
  * Includes GFM (tables, strikethrough, autolinks, task lists).
@@ -102,6 +105,29 @@ export function extractLeadingH1(markdown) {
         return { title: null, body: markdown };
     return { title: match[1], body: trimmed.slice(match[0].length) };
 }
+/**
+ * Returns the mermaid source when a `pre` element's children are a single
+ * fenced code block explicitly tagged `mermaid`, or `null` otherwise.
+ *
+ * Both renderers (Streamdown for chat, react-markdown for artifacts/skills)
+ * hand `pre` exactly one `<code>` child whose `className` carries the fence's
+ * info string as `language-*` and whose children are the raw source text.
+ * Anything that deviates from that shape — a different language, a missing
+ * tag, non-string children — is not a mermaid fence and keeps the ordinary
+ * code-block rendering. Only the explicit `mermaid` tag qualifies:
+ * inspecting fence bodies to guess diagram intent is the kind of fuzzy
+ * heuristic this codebase avoids.
+ */
+function extractMermaidSource(children) {
+    if (!isValidElement(children))
+        return null;
+    const { className, children: code } = children.props;
+    if (typeof className !== "string")
+        return null;
+    if (!className.split(/\s+/).includes(MERMAID_LANGUAGE_CLASS))
+        return null;
+    return typeof code === "string" ? code : null;
+}
 /**
  * Styled react-markdown component overrides for SDK markdown surfaces.
  *
@@ -140,6 +166,14 @@ export const MARKDOWN_COMPONENTS = {
         return (_jsx("li", { className: "leading-relaxed break-words", ...props, children: children }));
     },
     pre({ children, ...props }) {
+        // A ```mermaid fence renders as a diagram, not a code block. The check
+        // lives here (not in the `code` override) because the diagram must
+        // replace the <pre> wrapper too — a block-level diagram container inside
+        // <pre> is invalid HTML and would inherit code-block chrome.
+        const mermaidSource = extractMermaidSource(children);
+        if (mermaidSource !== null) {
+            return _jsx(MermaidDiagram, { chart: mermaidSource });
+        }
         return (_jsx("pre", { className: "mb-3 last:mb-0 overflow-x-auto rounded-md bg-muted p-3", ...props, children: children }));
     },
     code({ children, className: codeClassName, ...props }) {

package/internal/markdown-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-components.js","sourceRoot":"","sources":["../../src/internal/markdown-components.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdown-components.js","sourceRoot":"","sources":["../../src/internal/markdown-components.tsx"],"names":[],"mappings":"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"}

package/internal/mermaid-loader.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Lazy loader for the `mermaid` library, isolated in its own module — the
+ * same seam pattern as `workflow/layout/elk-layout-engine.ts` — so
+ * {@link file://./MermaidDiagram.tsx} stays a pure presentation component and
+ * tests can mock the load outcome (resolve, reject) without touching module
+ * registries.
+ *
+ * `mermaid` is an optional peer dependency (DD-013): it is large, so it must
+ * never sit on the synchronous bundle path, and a host that has not installed
+ * it must degrade gracefully (the caller falls back to a code block).
+ */
+/**
+ * The mermaid API surface the SDK consumes, typed from the package itself so
+ * it stays in lockstep with the installed version.
+ */
+export type MermaidModule = typeof import("mermaid").default;
+/**
+ * Dynamically imports `mermaid`, sharing one in-flight import across callers.
+ *
+ * @returns The mermaid default export.
+ * @throws If `mermaid` cannot be imported (not installed, or the async chunk
+ *   failed to load). Callers treat this as "diagrams unavailable" and render
+ *   the fenced source as a plain code block.
+ */
+export declare function loadMermaid(): Promise<MermaidModule>;
+//# sourceMappingURL=mermaid-loader.d.ts.map

package/internal/mermaid-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-loader.d.ts","sourceRoot":"","sources":["../../src/internal/mermaid-loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,cAAc,SAAS,EAAE,OAAO,CAAC;AAU7D;;;;;;;GAOG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAAC,aAAa,CAAC,CASpD"}

package/internal/mermaid-loader.js

@@ -0,0 +1,34 @@
+/**
+ * Lazy loader for the `mermaid` library, isolated in its own module — the
+ * same seam pattern as `workflow/layout/elk-layout-engine.ts` — so
+ * {@link file://./MermaidDiagram.tsx} stays a pure presentation component and
+ * tests can mock the load outcome (resolve, reject) without touching module
+ * registries.
+ *
+ * `mermaid` is an optional peer dependency (DD-013): it is large, so it must
+ * never sit on the synchronous bundle path, and a host that has not installed
+ * it must degrade gracefully (the caller falls back to a code block).
+ */
+/**
+ * Holds the in-flight import promise so concurrent diagrams share one load.
+ * A failed import clears the cache: rejections are often transient (a
+ * chunk-load hiccup mid-deploy), and caching one would break every diagram
+ * for the rest of the session.
+ */
+let mermaidImport = null;
+/**
+ * Dynamically imports `mermaid`, sharing one in-flight import across callers.
+ *
+ * @returns The mermaid default export.
+ * @throws If `mermaid` cannot be imported (not installed, or the async chunk
+ *   failed to load). Callers treat this as "diagrams unavailable" and render
+ *   the fenced source as a plain code block.
+ */
+export function loadMermaid() {
+    mermaidImport ??= import("mermaid").then((module) => module.default, (error) => {
+        mermaidImport = null;
+        throw error;
+    });
+    return mermaidImport;
+}
+//# sourceMappingURL=mermaid-loader.js.map

package/internal/mermaid-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-loader.js","sourceRoot":"","sources":["../../src/internal/mermaid-loader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAQH;;;;;GAKG;AACH,IAAI,aAAa,GAAkC,IAAI,CAAC;AAExD;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW;IACzB,aAAa,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CACtC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAC1B,CAAC,KAAc,EAAE,EAAE;QACjB,aAAa,GAAG,IAAI,CAAC;QACrB,MAAM,KAAK,CAAC;IACd,CAAC,CACF,CAAC;IACF,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/internal/mermaid-theme-css.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Token-driven `themeCSS` for Mermaid diagram interiors.
+ *
+ * Mermaid's built-in `default`/`dark` themes color a diagram's SVG interior
+ * with a fixed palette that ignores the host's `--stgm-*` preset (Corporate,
+ * Fintech, ...). The obvious fix — feeding resolved tokens into Mermaid's
+ * `themeVariables` — is blocked: our tokens are authored in `oklch()`, and
+ * Mermaid's color engine (`khroma`) parses only hex/rgb/hsl/keyword, so it
+ * throws or NaNs on `oklch(...)`. (Mermaid also gates every `themeVariables`
+ * value through the allowlist `^[\d "#%(),.;A-Za-z]+$`, which excludes `-` and
+ * would blank any `var(--...)`.)
+ *
+ * Instead we hand Mermaid this CSS via `initialize({ themeCSS })`. Mermaid
+ * injects it into the diagram's own `<style>` block, scoped under the render
+ * id (`#stgm-mermaid-N`), *after* the theme palette it computes. Because every
+ * selector in that block is id-prefixed, our rules and the palette's rules sit
+ * at equal specificity, so ours win by source order — and `!important` makes
+ * that bulletproof against the few palette rules that are themselves important
+ * or inlined. Crucially, `themeCSS` never passes through khroma, so the
+ * `oklch()`-backed `var(--stgm-*)` references flow straight to the browser,
+ * which resolves them against the `.stgm` scope the SVG lives in. That is why
+ * interiors track the active preset *and* color mode live, with no JS color
+ * reading and no re-render on theme change.
+ *
+ * `initialize({ theme })` still selects the built-in `default`/`dark` theme as
+ * the base, so any element or diagram type we do not target here degrades to
+ * Mermaid's stock palette — never a blank or mis-colored diagram.
+ *
+ * Palette intent (subtle surfaces + brand accents — legibility over brand
+ * saturation): node/actor bodies sit on a muted surface with quiet
+ * token-colored borders and edges; labels use the standard foreground; the
+ * brand `--stgm-primary` is reserved for structural headers (subgraph/cluster
+ * titles, sequence loop/section titles, the sequence-number badge).
+ *
+ * Coverage is the two families agents emit overwhelmingly — flowchart and
+ * sequence — plus the shared marker/edge-label chrome. Both label render paths
+ * are handled: SVG `text`/`tspan` (via `fill`) and HTML labels inside
+ * `foreignObject` (via `color`).
+ */
+export declare const MERMAID_THEME_CSS = "\n  /* Shared: edge arrowheads / markers */\n  .marker {\n    fill: var(--stgm-border) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .marker.cross {\n    stroke: var(--stgm-border) !important;\n  }\n\n  /* Flowchart: node bodies */\n  .node rect,\n  .node circle,\n  .node ellipse,\n  .node polygon,\n  .node path {\n    fill: var(--stgm-muted) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .node .neo-node {\n    stroke: var(--stgm-border) !important;\n  }\n  .node .katex path {\n    fill: var(--stgm-foreground) !important;\n    stroke: var(--stgm-foreground) !important;\n  }\n\n  /* Flowchart: node labels (SVG text and HTML spans) */\n  .label {\n    color: var(--stgm-foreground) !important;\n  }\n  .label text,\n  .label span {\n    fill: var(--stgm-foreground) !important;\n    color: var(--stgm-foreground) !important;\n  }\n\n  /* Flowchart: edges */\n  .edgePath .path,\n  .flowchart-link {\n    stroke: var(--stgm-border) !important;\n  }\n  .arrowheadPath,\n  .root .anchor path {\n    fill: var(--stgm-border) !important;\n    stroke: var(--stgm-border) !important;\n  }\n\n  /* Flowchart: edge labels sit on the diagram surface for legibility */\n  .edgeLabel,\n  .edgeLabel p,\n  .edgeLabel rect,\n  .labelBkg {\n    background-color: var(--stgm-card) !important;\n    fill: var(--stgm-card) !important;\n  }\n\n  /* Flowchart: subgraph clusters \u2014 muted surface, brand-accent title */\n  .cluster rect {\n    fill: var(--stgm-muted-subtle) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .cluster-label text,\n  .cluster text {\n    fill: var(--stgm-primary) !important;\n  }\n  .cluster-label span,\n  .cluster span {\n    color: var(--stgm-primary) !important;\n  }\n\n  /* Sequence: actors and lifelines */\n  .actor {\n    fill: var(--stgm-muted) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  text.actor > tspan {\n    fill: var(--stgm-foreground) !important;\n  }\n  .actor-line {\n    stroke: var(--stgm-border) !important;\n  }\n\n  /* Sequence: messages */\n  .messageLine0,\n  .messageLine1 {\n    stroke: var(--stgm-border) !important;\n  }\n  [id$=\"-arrowhead\"] path,\n  [id$=\"-crosshead\"] path {\n    fill: var(--stgm-border) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .messageText {\n    fill: var(--stgm-foreground) !important;\n  }\n\n  /* Sequence: number badge \u2014 brand accent with its paired foreground */\n  [id$=\"-sequencenumber\"] {\n    fill: var(--stgm-primary) !important;\n  }\n  .sequenceNumber {\n    fill: var(--stgm-primary-foreground) !important;\n  }\n\n  /* Sequence: alt/opt/loop boxes and labels */\n  .labelBox {\n    fill: var(--stgm-muted-subtle) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .labelText,\n  .labelText > tspan {\n    fill: var(--stgm-foreground) !important;\n  }\n  .loopText,\n  .loopText > tspan,\n  .sectionTitle,\n  .sectionTitle > tspan {\n    fill: var(--stgm-primary) !important;\n  }\n  .loopLine {\n    stroke: var(--stgm-border) !important;\n  }\n\n  /* Sequence: notes and activations */\n  .note {\n    fill: var(--stgm-muted-subtle) !important;\n    stroke: var(--stgm-border) !important;\n  }\n  .noteText,\n  .noteText > tspan {\n    fill: var(--stgm-foreground) !important;\n  }\n  .activation0,\n  .activation1 {\n    fill: var(--stgm-muted) !important;\n    stroke: var(--stgm-border) !important;\n  }\n";
+//# sourceMappingURL=mermaid-theme-css.d.ts.map

package/internal/mermaid-theme-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-theme-css.d.ts","sourceRoot":"","sources":["../../src/internal/mermaid-theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,iBAAiB,61GA0I7B,CAAC"}

package/internal/mermaid-theme-css.js

@@ -0,0 +1,179 @@
+/**
+ * Token-driven `themeCSS` for Mermaid diagram interiors.
+ *
+ * Mermaid's built-in `default`/`dark` themes color a diagram's SVG interior
+ * with a fixed palette that ignores the host's `--stgm-*` preset (Corporate,
+ * Fintech, ...). The obvious fix — feeding resolved tokens into Mermaid's
+ * `themeVariables` — is blocked: our tokens are authored in `oklch()`, and
+ * Mermaid's color engine (`khroma`) parses only hex/rgb/hsl/keyword, so it
+ * throws or NaNs on `oklch(...)`. (Mermaid also gates every `themeVariables`
+ * value through the allowlist `^[\d "#%(),.;A-Za-z]+$`, which excludes `-` and
+ * would blank any `var(--...)`.)
+ *
+ * Instead we hand Mermaid this CSS via `initialize({ themeCSS })`. Mermaid
+ * injects it into the diagram's own `<style>` block, scoped under the render
+ * id (`#stgm-mermaid-N`), *after* the theme palette it computes. Because every
+ * selector in that block is id-prefixed, our rules and the palette's rules sit
+ * at equal specificity, so ours win by source order — and `!important` makes
+ * that bulletproof against the few palette rules that are themselves important
+ * or inlined. Crucially, `themeCSS` never passes through khroma, so the
+ * `oklch()`-backed `var(--stgm-*)` references flow straight to the browser,
+ * which resolves them against the `.stgm` scope the SVG lives in. That is why
+ * interiors track the active preset *and* color mode live, with no JS color
+ * reading and no re-render on theme change.
+ *
+ * `initialize({ theme })` still selects the built-in `default`/`dark` theme as
+ * the base, so any element or diagram type we do not target here degrades to
+ * Mermaid's stock palette — never a blank or mis-colored diagram.
+ *
+ * Palette intent (subtle surfaces + brand accents — legibility over brand
+ * saturation): node/actor bodies sit on a muted surface with quiet
+ * token-colored borders and edges; labels use the standard foreground; the
+ * brand `--stgm-primary` is reserved for structural headers (subgraph/cluster
+ * titles, sequence loop/section titles, the sequence-number badge).
+ *
+ * Coverage is the two families agents emit overwhelmingly — flowchart and
+ * sequence — plus the shared marker/edge-label chrome. Both label render paths
+ * are handled: SVG `text`/`tspan` (via `fill`) and HTML labels inside
+ * `foreignObject` (via `color`).
+ */
+export const MERMAID_THEME_CSS = `
+  /* Shared: edge arrowheads / markers */
+  .marker {
+    fill: var(--stgm-border) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .marker.cross {
+    stroke: var(--stgm-border) !important;
+  }
+
+  /* Flowchart: node bodies */
+  .node rect,
+  .node circle,
+  .node ellipse,
+  .node polygon,
+  .node path {
+    fill: var(--stgm-muted) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .node .neo-node {
+    stroke: var(--stgm-border) !important;
+  }
+  .node .katex path {
+    fill: var(--stgm-foreground) !important;
+    stroke: var(--stgm-foreground) !important;
+  }
+
+  /* Flowchart: node labels (SVG text and HTML spans) */
+  .label {
+    color: var(--stgm-foreground) !important;
+  }
+  .label text,
+  .label span {
+    fill: var(--stgm-foreground) !important;
+    color: var(--stgm-foreground) !important;
+  }
+
+  /* Flowchart: edges */
+  .edgePath .path,
+  .flowchart-link {
+    stroke: var(--stgm-border) !important;
+  }
+  .arrowheadPath,
+  .root .anchor path {
+    fill: var(--stgm-border) !important;
+    stroke: var(--stgm-border) !important;
+  }
+
+  /* Flowchart: edge labels sit on the diagram surface for legibility */
+  .edgeLabel,
+  .edgeLabel p,
+  .edgeLabel rect,
+  .labelBkg {
+    background-color: var(--stgm-card) !important;
+    fill: var(--stgm-card) !important;
+  }
+
+  /* Flowchart: subgraph clusters — muted surface, brand-accent title */
+  .cluster rect {
+    fill: var(--stgm-muted-subtle) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .cluster-label text,
+  .cluster text {
+    fill: var(--stgm-primary) !important;
+  }
+  .cluster-label span,
+  .cluster span {
+    color: var(--stgm-primary) !important;
+  }
+
+  /* Sequence: actors and lifelines */
+  .actor {
+    fill: var(--stgm-muted) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  text.actor > tspan {
+    fill: var(--stgm-foreground) !important;
+  }
+  .actor-line {
+    stroke: var(--stgm-border) !important;
+  }
+
+  /* Sequence: messages */
+  .messageLine0,
+  .messageLine1 {
+    stroke: var(--stgm-border) !important;
+  }
+  [id$="-arrowhead"] path,
+  [id$="-crosshead"] path {
+    fill: var(--stgm-border) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .messageText {
+    fill: var(--stgm-foreground) !important;
+  }
+
+  /* Sequence: number badge — brand accent with its paired foreground */
+  [id$="-sequencenumber"] {
+    fill: var(--stgm-primary) !important;
+  }
+  .sequenceNumber {
+    fill: var(--stgm-primary-foreground) !important;
+  }
+
+  /* Sequence: alt/opt/loop boxes and labels */
+  .labelBox {
+    fill: var(--stgm-muted-subtle) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .labelText,
+  .labelText > tspan {
+    fill: var(--stgm-foreground) !important;
+  }
+  .loopText,
+  .loopText > tspan,
+  .sectionTitle,
+  .sectionTitle > tspan {
+    fill: var(--stgm-primary) !important;
+  }
+  .loopLine {
+    stroke: var(--stgm-border) !important;
+  }
+
+  /* Sequence: notes and activations */
+  .note {
+    fill: var(--stgm-muted-subtle) !important;
+    stroke: var(--stgm-border) !important;
+  }
+  .noteText,
+  .noteText > tspan {
+    fill: var(--stgm-foreground) !important;
+  }
+  .activation0,
+  .activation1 {
+    fill: var(--stgm-muted) !important;
+    stroke: var(--stgm-border) !important;
+  }
+`;
+//# sourceMappingURL=mermaid-theme-css.js.map

package/internal/mermaid-theme-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-theme-css.js","sourceRoot":"","sources":["../../src/internal/mermaid-theme-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IhC,CAAC"}

package/internal/slug.d.ts

@@ -7,17 +7,21 @@
  *
  * Rules (applied in order):
  * 1. Convert to lowercase
- * 2. Replace spaces with hyphens
+ * 2. Replace spaces and dots (namespace separators) with hyphens
  * 3. Strip everything except `a-z`, `0-9`, and `-`
  * 4. Collapse consecutive hyphens into one
  * 5. Trim leading / trailing hyphens
  *
+ * Dots are treated as namespace separators (e.g. `platform.sara` → `platform-sara`),
+ * matching the backend generators, so namespace-scoped names stay readable.
+ *
  * @example
  * ```ts
- * generateSlug("My Cool Agent")  // "my-cool-agent"
- * generateSlug("Acme Corp!")     // "acme-corp"
- * generateSlug("  --hello-- ")   // "hello"
- * generateSlug("")               // ""
+ * generateSlug("My Cool Agent")             // "my-cool-agent"
+ * generateSlug("Acme Corp!")                // "acme-corp"
+ * generateSlug("  --hello-- ")              // "hello"
+ * generateSlug("platform.planton-arch")     // "platform-planton-arch"
+ * generateSlug("")                          // ""
  * ```
  */
 export declare function generateSlug(name: string): string;

package/internal/slug.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slug.d.ts","sourceRoot":"","sources":["../../src/internal/slug.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOjD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C"}
+{"version":3,"file":"slug.d.ts","sourceRoot":"","sources":["../../src/internal/slug.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOjD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C"}

package/internal/slug.js

@@ -7,23 +7,27 @@
  *
  * Rules (applied in order):
  * 1. Convert to lowercase
- * 2. Replace spaces with hyphens
+ * 2. Replace spaces and dots (namespace separators) with hyphens
  * 3. Strip everything except `a-z`, `0-9`, and `-`
  * 4. Collapse consecutive hyphens into one
  * 5. Trim leading / trailing hyphens
  *
+ * Dots are treated as namespace separators (e.g. `platform.sara` → `platform-sara`),
+ * matching the backend generators, so namespace-scoped names stay readable.
+ *
  * @example
  * ```ts
- * generateSlug("My Cool Agent")  // "my-cool-agent"
- * generateSlug("Acme Corp!")     // "acme-corp"
- * generateSlug("  --hello-- ")   // "hello"
- * generateSlug("")               // ""
+ * generateSlug("My Cool Agent")             // "my-cool-agent"
+ * generateSlug("Acme Corp!")                // "acme-corp"
+ * generateSlug("  --hello-- ")              // "hello"
+ * generateSlug("platform.planton-arch")     // "platform-planton-arch"
+ * generateSlug("")                          // ""
  * ```
  */
 export function generateSlug(name) {
     return name
         .toLowerCase()
-        .replace(/ /g, "-")
+        .replace(/[ .]/g, "-")
         .replace(/[^a-z0-9-]/g, "")
         .replace(/-{2,}/g, "-")
         .replace(/^-+|-+$/g, "");

package/internal/slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"slug.js","sourceRoot":"","sources":["../../src/internal/slug.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,OAAO,IAAI;SACR,WAAW,EAAE;SACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;SAC1B,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;SACtB,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"slug.js","sourceRoot":"","sources":["../../src/internal/slug.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,OAAO,IAAI;SACR,WAAW,EAAE;SACb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC;SACrB,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;SAC1B,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;SACtB,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,CAAC"}