@principal-ai/principal-view-react 0.16.53 → 0.16.54

package/dist/index.d.ts

@@ -66,4 +66,6 @@ export type { GraphLayoutCoverProps } from './subsystem/GraphLayoutCover';
 export type { SubsystemComponent, SubsystemComponentEdge, SubsystemGraphDocument, SubsystemComponentKind, SubsystemEdgeMechanism, } from './subsystem/model';
 export type { SubsystemDeclarationRef, SubsystemOpenFileOptions, DeclarationFreshness, } from './subsystem/declarationRef';
 export { parseSourceLocation, normalizeDeclarationLine, extractDeclarationLine, DECLARATION_HASH_ALGO, } from './subsystem/declarationRef';
+export { PierreFileView, PierreSnippetView, sliceSnippetWindow } from './pierre';
+export type { PierreFileViewProps, PierreSnippetViewProps, SnippetSlice, } from './pierre';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -44,4 +44,6 @@ export { purlRepoKey, purlOwnerName, buildTreePathMapping, buildRepoGroups, repo
 export { SubsystemFileTree } from './subsystem/SubsystemFileTree';
 export { GraphLayoutCover } from './subsystem/GraphLayoutCover';
 export { parseSourceLocation, normalizeDeclarationLine, extractDeclarationLine, DECLARATION_HASH_ALGO, } from './subsystem/declarationRef';
+// Pierre code views (@pierre/diffs wrappers)
+export { PierreFileView, PierreSnippetView, sliceSnippetWindow } from './pierre';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAS9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,8BAA8B;AAC9B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,mBAAmB;AACnB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGvG,4DAA4D;AAC5D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAsChC,6DAA6D;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAmCrE,sEAAsE;AACtE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAyCrC,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAWpB,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAO9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EACL,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAchE,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/pierre/PierreFileView.d.ts

@@ -0,0 +1,16 @@
+/**
+ * PierreFileView — host-injected full-file code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can render source without that panel package.
+ */
+export interface PierreFileViewProps {
+    filePath: string;
+    fileName: string;
+    /** Host-supplied file reader (closures bind any path-normalization). */
+    readFile: (path: string) => Promise<string>;
+    /** Override Pierre's container background. Any CSS color string. */
+    background?: string;
+}
+export declare function PierreFileView({ filePath, fileName, readFile, background, }: PierreFileViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PierreFileView.d.ts.map

package/dist/pierre/PierreFileView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PierreFileView.d.ts","sourceRoot":"","sources":["../../src/pierre/PierreFileView.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5C,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,EAAE,mBAAmB,2CAkDrB"}

package/dist/pierre/PierreFileView.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * PierreFileView — host-injected full-file code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can render source without that panel package.
+ */
+import { useEffect, useMemo, useState } from 'react';
+import { File } from '@pierre/diffs/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { buildPierreOptions, PIERRE_FILE_STYLE } from './pierreBackground';
+export function PierreFileView({ filePath, fileName, readFile, background, }) {
+    const { theme } = useTheme();
+    const [contents, setContents] = useState(null);
+    const [error, setError] = useState(null);
+    const fileObject = useMemo(() => (contents !== null ? { name: fileName, contents } : null), [fileName, contents]);
+    useEffect(() => {
+        let cancelled = false;
+        setContents(null);
+        setError(null);
+        void readFile(filePath)
+            .then((content) => {
+            if (!cancelled)
+                setContents(content);
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setError(err instanceof Error ? err.message : 'Failed to read file');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [filePath, readFile]);
+    if (error) {
+        return (_jsx("div", { style: { padding: 16, color: theme.colors.error ?? '#e5534b' }, children: error }));
+    }
+    if (fileObject === null) {
+        return (_jsx("div", { style: { padding: 16, color: theme.colors.textSecondary }, children: "Loading\u2026" }));
+    }
+    return (_jsx(File, { file: fileObject, options: buildPierreOptions(background), style: PIERRE_FILE_STYLE }));
+}
+//# sourceMappingURL=PierreFileView.js.map

package/dist/pierre/PierreFileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PierreFileView.js","sourceRoot":"","sources":["../../src/pierre/PierreFileView.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAW3E,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GACU;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/D,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,KAAK,QAAQ,CAAC,QAAQ,CAAC;aACpB,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YAChB,IAAI,CAAC,SAAS;gBAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,IAAI,CAAC,SAAS,EAAE;gBACd,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;aACtE;QACH,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,IAAI,KAAK,EAAE;QACT,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,EAAE,YAChE,KAAK,GACF,CACP,CAAC;KACH;IACD,IAAI,UAAU,KAAK,IAAI,EAAE;QACvB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,8BAExD,CACP,CAAC;KACH;IAED,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACvC,KAAK,EAAE,iBAAiB,GACxB,CACH,CAAC;AACJ,CAAC"}

package/dist/pierre/PierreSnippetView.d.ts

@@ -0,0 +1,27 @@
+/**
+ * PierreSnippetView — focused line-range code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can scroll to a declaration line without that panel package.
+ *
+ * `File.selectedLines` highlights the focus line but does not scroll; we call
+ * `scrollIntoView` on the rendered line after Pierre paints.
+ */
+export interface PierreSnippetViewProps {
+    filePath: string;
+    fileName: string;
+    /** First line of the snippet (1-based, inclusive). */
+    startLine: number;
+    /** Last line of the snippet (1-based, inclusive). */
+    endLine: number;
+    /** Line to call out as the focus point; defaults to `startLine`. */
+    focusLine?: number;
+    /** Lines of context above/below the snippet; defaults to 2. */
+    contextLines?: number;
+    /** Host-supplied file reader. */
+    readFile: (path: string) => Promise<string>;
+    /** Override Pierre's container background. Any CSS color string. */
+    background?: string;
+}
+export declare function PierreSnippetView({ filePath, fileName, startLine, endLine, focusLine, contextLines, readFile, background, }: PierreSnippetViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PierreSnippetView.d.ts.map

package/dist/pierre/PierreSnippetView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PierreSnippetView.d.ts","sourceRoot":"","sources":["../../src/pierre/PierreSnippetView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAsBH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5C,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAgB,EAChB,QAAQ,EACR,UAAU,GACX,EAAE,sBAAsB,2CAuHxB"}

package/dist/pierre/PierreSnippetView.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PierreSnippetView — focused line-range code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can scroll to a declaration line without that panel package.
+ *
+ * `File.selectedLines` highlights the focus line but does not scroll; we call
+ * `scrollIntoView` on the rendered line after Pierre paints.
+ */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { File } from '@pierre/diffs/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { buildPierreOptions, PIERRE_FILE_STYLE } from './pierreBackground';
+import { sliceSnippetWindow } from './sliceSnippet';
+import { scrollAnchorLine } from './scrollAnchor';
+function scrollFocusLineIntoView(fileContainer, focusOffset) {
+    const root = fileContainer.shadowRoot ?? fileContainer;
+    const anchorLine = scrollAnchorLine(focusOffset);
+    const lineEl = root.querySelector(`[data-line="${anchorLine}"]`);
+    lineEl?.scrollIntoView({ block: 'start', behavior: 'auto' });
+}
+export function PierreSnippetView({ filePath, fileName, startLine, endLine, focusLine, contextLines = 2, readFile, background, }) {
+    const { theme } = useTheme();
+    const [contents, setContents] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        setContents(null);
+        setError(null);
+        void readFile(filePath)
+            .then((content) => {
+            if (!cancelled)
+                setContents(content);
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setError(err instanceof Error ? err.message : 'Failed to read file');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [filePath, readFile]);
+    const slice = useMemo(() => {
+        if (contents == null)
+            return null;
+        return sliceSnippetWindow(contents, startLine, endLine, contextLines, focusLine ?? startLine);
+    }, [contents, startLine, endLine, contextLines, focusLine]);
+    const fileObject = useMemo(() => (slice ? { name: fileName, contents: slice.contents } : null), [fileName, slice]);
+    const lineNumberOffset = slice ? slice.sliceStart - 1 : 0;
+    const onPostRender = useCallback((fileContainer) => {
+        if (lineNumberOffset !== 0) {
+            const root = fileContainer.shadowRoot ?? fileContainer;
+            const items = root.querySelectorAll('[data-column-number][data-line-index]');
+            items.forEach((el) => {
+                const idxStr = el.dataset.lineIndex;
+                if (idxStr == null)
+                    return;
+                const idx = Number.parseInt(idxStr, 10);
+                if (Number.isNaN(idx))
+                    return;
+                const display = String(idx + 1 + lineNumberOffset);
+                const span = el.querySelector('[data-line-number-content]');
+                if (span && span.textContent !== display) {
+                    span.textContent = display;
+                }
+            });
+        }
+        if (slice?.focusOffset != null) {
+            scrollFocusLineIntoView(fileContainer, slice.focusOffset);
+        }
+    }, [lineNumberOffset, slice?.focusOffset]);
+    const options = useMemo(() => ({
+        ...buildPierreOptions(background),
+        onPostRender,
+    }), [background, onPostRender]);
+    if (error) {
+        return (_jsx("div", { style: { padding: 16, color: theme.colors.error ?? '#e5534b' }, children: error }));
+    }
+    if (!fileObject || !slice) {
+        return (_jsx("div", { style: { padding: 16, color: theme.colors.textSecondary }, children: "Loading\u2026" }));
+    }
+    const rangeLabel = slice.sliceStart === slice.sliceEnd
+        ? `Line ${slice.sliceStart}`
+        : `Lines ${slice.sliceStart}–${slice.sliceEnd}`;
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', minHeight: 0 }, children: [_jsx("div", { style: {
+                    padding: '4px 14px 6px',
+                    fontFamily: theme.fonts.monospace,
+                    fontSize: theme.fontSizes[0],
+                    color: theme.colors.textSecondary,
+                    letterSpacing: 0.4,
+                    textTransform: 'uppercase',
+                }, children: rangeLabel }), _jsx(File, { file: fileObject, options: options, selectedLines: slice.focusOffset != null
+                    ? { start: slice.focusOffset, end: slice.focusOffset }
+                    : undefined, style: PIERRE_FILE_STYLE })] }));
+}
+//# sourceMappingURL=PierreSnippetView.js.map

package/dist/pierre/PierreSnippetView.js.map

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

package/dist/pierre/index.d.ts

@@ -0,0 +1,7 @@
+export { PierreFileView } from './PierreFileView';
+export type { PierreFileViewProps } from './PierreFileView';
+export { PierreSnippetView } from './PierreSnippetView';
+export type { PierreSnippetViewProps } from './PierreSnippetView';
+export { sliceSnippetWindow } from './sliceSnippet';
+export type { SnippetSlice } from './sliceSnippet';
+//# sourceMappingURL=index.d.ts.map

package/dist/pierre/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pierre/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/pierre/index.js

@@ -0,0 +1,4 @@
+export { PierreFileView } from './PierreFileView';
+export { PierreSnippetView } from './PierreSnippetView';
+export { sliceSnippetWindow } from './sliceSnippet';
+//# sourceMappingURL=index.js.map

package/dist/pierre/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pierre/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/pierre/pierreBackground.d.ts

@@ -0,0 +1,15 @@
+/** Shared Pierre / @pierre/diffs option helpers for file + snippet views. */
+export declare const PIERRE_FILE_STYLE: {
+    readonly display: "block";
+};
+export declare const PIERRE_BASE_OPTIONS: {
+    readonly disableFileHeader: true;
+};
+export declare function buildBackgroundCSS(background: string): string;
+export declare function buildPierreOptions(background?: string): {
+    readonly disableFileHeader: true;
+} | {
+    unsafeCSS: string;
+    disableFileHeader: true;
+};
+//# sourceMappingURL=pierreBackground.d.ts.map

package/dist/pierre/pierreBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pierreBackground.d.ts","sourceRoot":"","sources":["../../src/pierre/pierreBackground.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAE7E,eAAO,MAAM,iBAAiB;;CAAgC,CAAC;AAE/D,eAAO,MAAM,mBAAmB;;CAEtB,CAAC;AAEX,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAgB7D;AAED,wBAAgB,kBAAkB,CAAC,UAAU,CAAC,EAAE,MAAM;;;;;EAMrD"}

package/dist/pierre/pierreBackground.js

@@ -0,0 +1,31 @@
+/** Shared Pierre / @pierre/diffs option helpers for file + snippet views. */
+export const PIERRE_FILE_STYLE = { display: 'block' };
+export const PIERRE_BASE_OPTIONS = {
+    disableFileHeader: true,
+};
+export function buildBackgroundCSS(background) {
+    return `
+  :host {
+    background: ${background} !important;
+  }
+  pre, code,
+  [data-gutter], [data-content],
+  [data-line], [data-column-number],
+  [data-gutter-buffer], [data-line-annotation], [data-no-newline],
+  [data-separator], [data-separator-wrapper] {
+    background: ${background} !important;
+  }
+  [data-line] span {
+    background: ${background} !important;
+  }
+`;
+}
+export function buildPierreOptions(background) {
+    if (!background)
+        return PIERRE_BASE_OPTIONS;
+    return {
+        ...PIERRE_BASE_OPTIONS,
+        unsafeCSS: buildBackgroundCSS(background),
+    };
+}
+//# sourceMappingURL=pierreBackground.js.map

package/dist/pierre/pierreBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pierreBackground.js","sourceRoot":"","sources":["../../src/pierre/pierreBackground.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,OAAO,EAAE,OAAO,EAAW,CAAC;AAE/D,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,iBAAiB,EAAE,IAAI;CACf,CAAC;AAEX,MAAM,UAAU,kBAAkB,CAAC,UAAkB;IACnD,OAAO;;kBAES,UAAU;;;;;;;kBAOV,UAAU;;;kBAGV,UAAU;;CAE3B,CAAC;AACF,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAmB;IACpD,IAAI,CAAC,UAAU;QAAE,OAAO,mBAAmB,CAAC;IAC5C,OAAO;QACL,GAAG,mBAAmB;QACtB,SAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC;KAC1C,CAAC;AACJ,CAAC"}

package/dist/pierre/scrollAnchor.d.ts

@@ -0,0 +1,5 @@
+/** Lines to keep visible above the focus line when scrolling. */
+export declare const SCROLL_LEADING_LINES = 4;
+/** 1-based line in the sliced snippet to align near the top of the viewport. */
+export declare function scrollAnchorLine(focusOffset: number, leadingLines?: number): number;
+//# sourceMappingURL=scrollAnchor.d.ts.map

package/dist/pierre/scrollAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollAnchor.d.ts","sourceRoot":"","sources":["../../src/pierre/scrollAnchor.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,YAAY,SAAuB,GAClC,MAAM,CAGR"}

package/dist/pierre/scrollAnchor.js

@@ -0,0 +1,9 @@
+/** Lines to keep visible above the focus line when scrolling. */
+export const SCROLL_LEADING_LINES = 4;
+/** 1-based line in the sliced snippet to align near the top of the viewport. */
+export function scrollAnchorLine(focusOffset, leadingLines = SCROLL_LEADING_LINES) {
+    if (focusOffset <= 1)
+        return 1;
+    return Math.max(1, focusOffset - leadingLines);
+}
+//# sourceMappingURL=scrollAnchor.js.map

package/dist/pierre/scrollAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollAnchor.js","sourceRoot":"","sources":["../../src/pierre/scrollAnchor.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAEtC,gFAAgF;AAChF,MAAM,UAAU,gBAAgB,CAC9B,WAAmB,EACnB,YAAY,GAAG,oBAAoB;IAEnC,IAAI,WAAW,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,CAAC;AACjD,CAAC"}

package/dist/pierre/sliceSnippet.d.ts

@@ -0,0 +1,10 @@
+/** Slice a file's line range with surrounding context for snippet rendering. */
+export interface SnippetSlice {
+    contents: string;
+    sliceStart: number;
+    sliceEnd: number;
+    /** 1-based line index within `contents` to highlight, or null. */
+    focusOffset: number | null;
+}
+export declare function sliceSnippetWindow(contents: string, startLine: number, endLine: number, contextLines: number, focusLine?: number | null): SnippetSlice;
+//# sourceMappingURL=sliceSnippet.d.ts.map

package/dist/pierre/sliceSnippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliceSnippet.d.ts","sourceRoot":"","sources":["../../src/pierre/sliceSnippet.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAEhF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,EACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GACxB,YAAY,CAcd"}

package/dist/pierre/sliceSnippet.js

@@ -0,0 +1,16 @@
+/** Slice a file's line range with surrounding context for snippet rendering. */
+export function sliceSnippetWindow(contents, startLine, endLine, contextLines, focusLine) {
+    const allLines = contents.split('\n');
+    const total = allLines.length;
+    const safeStart = Math.max(1, Math.min(startLine, total));
+    const safeEnd = Math.max(safeStart, Math.min(endLine, total));
+    const sliceStart = Math.max(1, safeStart - contextLines);
+    const sliceEnd = Math.min(total, safeEnd + contextLines);
+    return {
+        contents: allLines.slice(sliceStart - 1, sliceEnd).join('\n'),
+        sliceStart,
+        sliceEnd,
+        focusOffset: focusLine == null ? null : Math.max(1, focusLine - sliceStart + 1),
+    };
+}
+//# sourceMappingURL=sliceSnippet.js.map

package/dist/pierre/sliceSnippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliceSnippet.js","sourceRoot":"","sources":["../../src/pierre/sliceSnippet.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAUhF,MAAM,UAAU,kBAAkB,CAChC,QAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,YAAoB,EACpB,SAAyB;IAEzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC;IACzD,OAAO;QACL,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7D,UAAU;QACV,QAAQ;QACR,WAAW,EACT,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;KACrE,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ai/principal-view-react",
-  "version": "0.16.53",
+  "version": "0.16.54",
   "description": "React components for graph-based principal view framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,12 +33,14 @@
     "zustand": "4.5.0"
   },
   "peerDependencies": {
+    "@pierre/diffs": ">=1.1.20",
     "@principal-ade/industry-theme": "^0.1.7",
     "@principal-ai/principal-view-core": ">=0.27.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@pierre/diffs": "^1.3.0",
     "@principal-ade/industry-theme": "0.1.7",
     "@principal-ai/agent-monitoring": "^0.3.38",
     "@principal-ai/principal-view-core": "0.27.1",

package/src/index.ts

@@ -316,3 +316,11 @@ export {
   extractDeclarationLine,
   DECLARATION_HASH_ALGO,
 } from './subsystem/declarationRef';
+
+// Pierre code views (@pierre/diffs wrappers)
+export { PierreFileView, PierreSnippetView, sliceSnippetWindow } from './pierre';
+export type {
+  PierreFileViewProps,
+  PierreSnippetViewProps,
+  SnippetSlice,
+} from './pierre';

package/src/pierre/PierreFileView.tsx

@@ -0,0 +1,77 @@
+/**
+ * PierreFileView — host-injected full-file code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can render source without that panel package.
+ */
+
+import { useEffect, useMemo, useState } from 'react';
+import { File } from '@pierre/diffs/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { buildPierreOptions, PIERRE_FILE_STYLE } from './pierreBackground';
+
+export interface PierreFileViewProps {
+  filePath: string;
+  fileName: string;
+  /** Host-supplied file reader (closures bind any path-normalization). */
+  readFile: (path: string) => Promise<string>;
+  /** Override Pierre's container background. Any CSS color string. */
+  background?: string;
+}
+
+export function PierreFileView({
+  filePath,
+  fileName,
+  readFile,
+  background,
+}: PierreFileViewProps) {
+  const { theme } = useTheme();
+  const [contents, setContents] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  const fileObject = useMemo(
+    () => (contents !== null ? { name: fileName, contents } : null),
+    [fileName, contents],
+  );
+
+  useEffect(() => {
+    let cancelled = false;
+    setContents(null);
+    setError(null);
+    void readFile(filePath)
+      .then((content) => {
+        if (!cancelled) setContents(content);
+      })
+      .catch((err) => {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : 'Failed to read file');
+        }
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [filePath, readFile]);
+
+  if (error) {
+    return (
+      <div style={{ padding: 16, color: theme.colors.error ?? '#e5534b' }}>
+        {error}
+      </div>
+    );
+  }
+  if (fileObject === null) {
+    return (
+      <div style={{ padding: 16, color: theme.colors.textSecondary }}>
+        Loading…
+      </div>
+    );
+  }
+
+  return (
+    <File
+      file={fileObject}
+      options={buildPierreOptions(background)}
+      style={PIERRE_FILE_STYLE}
+    />
+  );
+}

package/src/pierre/PierreSnippetView.tsx

@@ -0,0 +1,176 @@
+/**
+ * PierreSnippetView — focused line-range code view via `@pierre/diffs`.
+ *
+ * Ported from `@industry-theme/file-city-panel` so subsystem graphs and
+ * Storybook can scroll to a declaration line without that panel package.
+ *
+ * `File.selectedLines` highlights the focus line but does not scroll; we call
+ * `scrollIntoView` on the rendered line after Pierre paints.
+ */
+
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { File } from '@pierre/diffs/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { buildPierreOptions, PIERRE_FILE_STYLE } from './pierreBackground';
+import { sliceSnippetWindow } from './sliceSnippet';
+
+import { scrollAnchorLine } from './scrollAnchor';
+
+function scrollFocusLineIntoView(
+  fileContainer: HTMLElement,
+  focusOffset: number,
+): void {
+  const root = fileContainer.shadowRoot ?? fileContainer;
+  const anchorLine = scrollAnchorLine(focusOffset);
+  const lineEl = root.querySelector(
+    `[data-line="${anchorLine}"]`,
+  ) as HTMLElement | null;
+  lineEl?.scrollIntoView({ block: 'start', behavior: 'auto' });
+}
+
+export interface PierreSnippetViewProps {
+  filePath: string;
+  fileName: string;
+  /** First line of the snippet (1-based, inclusive). */
+  startLine: number;
+  /** Last line of the snippet (1-based, inclusive). */
+  endLine: number;
+  /** Line to call out as the focus point; defaults to `startLine`. */
+  focusLine?: number;
+  /** Lines of context above/below the snippet; defaults to 2. */
+  contextLines?: number;
+  /** Host-supplied file reader. */
+  readFile: (path: string) => Promise<string>;
+  /** Override Pierre's container background. Any CSS color string. */
+  background?: string;
+}
+
+export function PierreSnippetView({
+  filePath,
+  fileName,
+  startLine,
+  endLine,
+  focusLine,
+  contextLines = 2,
+  readFile,
+  background,
+}: PierreSnippetViewProps) {
+  const { theme } = useTheme();
+  const [contents, setContents] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    setContents(null);
+    setError(null);
+    void readFile(filePath)
+      .then((content) => {
+        if (!cancelled) setContents(content);
+      })
+      .catch((err) => {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : 'Failed to read file');
+        }
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [filePath, readFile]);
+
+  const slice = useMemo(() => {
+    if (contents == null) return null;
+    return sliceSnippetWindow(
+      contents,
+      startLine,
+      endLine,
+      contextLines,
+      focusLine ?? startLine,
+    );
+  }, [contents, startLine, endLine, contextLines, focusLine]);
+
+  const fileObject = useMemo(
+    () => (slice ? { name: fileName, contents: slice.contents } : null),
+    [fileName, slice],
+  );
+
+  const lineNumberOffset = slice ? slice.sliceStart - 1 : 0;
+
+  const onPostRender = useCallback(
+    (fileContainer: HTMLElement) => {
+      if (lineNumberOffset !== 0) {
+        const root = fileContainer.shadowRoot ?? fileContainer;
+        const items = root.querySelectorAll('[data-column-number][data-line-index]');
+        items.forEach((el) => {
+          const idxStr = (el as HTMLElement).dataset.lineIndex;
+          if (idxStr == null) return;
+          const idx = Number.parseInt(idxStr, 10);
+          if (Number.isNaN(idx)) return;
+          const display = String(idx + 1 + lineNumberOffset);
+          const span = el.querySelector('[data-line-number-content]');
+          if (span && span.textContent !== display) {
+            span.textContent = display;
+          }
+        });
+      }
+      if (slice?.focusOffset != null) {
+        scrollFocusLineIntoView(fileContainer, slice.focusOffset);
+      }
+    },
+    [lineNumberOffset, slice?.focusOffset],
+  );
+
+  const options = useMemo(
+    () => ({
+      ...buildPierreOptions(background),
+      onPostRender,
+    }),
+    [background, onPostRender],
+  );
+
+  if (error) {
+    return (
+      <div style={{ padding: 16, color: theme.colors.error ?? '#e5534b' }}>
+        {error}
+      </div>
+    );
+  }
+  if (!fileObject || !slice) {
+    return (
+      <div style={{ padding: 16, color: theme.colors.textSecondary }}>
+        Loading…
+      </div>
+    );
+  }
+
+  const rangeLabel =
+    slice.sliceStart === slice.sliceEnd
+      ? `Line ${slice.sliceStart}`
+      : `Lines ${slice.sliceStart}–${slice.sliceEnd}`;
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', minHeight: 0 }}>
+      <div
+        style={{
+          padding: '4px 14px 6px',
+          fontFamily: theme.fonts.monospace,
+          fontSize: theme.fontSizes[0],
+          color: theme.colors.textSecondary,
+          letterSpacing: 0.4,
+          textTransform: 'uppercase',
+        }}
+      >
+        {rangeLabel}
+      </div>
+      <File
+        file={fileObject}
+        options={options}
+        selectedLines={
+          slice.focusOffset != null
+            ? { start: slice.focusOffset, end: slice.focusOffset }
+            : undefined
+        }
+        style={PIERRE_FILE_STYLE}
+      />
+    </div>
+  );
+}

package/src/pierre/index.ts

@@ -0,0 +1,6 @@
+export { PierreFileView } from './PierreFileView';
+export type { PierreFileViewProps } from './PierreFileView';
+export { PierreSnippetView } from './PierreSnippetView';
+export type { PierreSnippetViewProps } from './PierreSnippetView';
+export { sliceSnippetWindow } from './sliceSnippet';
+export type { SnippetSlice } from './sliceSnippet';

package/src/pierre/pierreBackground.ts

@@ -0,0 +1,33 @@
+/** Shared Pierre / @pierre/diffs option helpers for file + snippet views. */
+
+export const PIERRE_FILE_STYLE = { display: 'block' } as const;
+
+export const PIERRE_BASE_OPTIONS = {
+  disableFileHeader: true,
+} as const;
+
+export function buildBackgroundCSS(background: string): string {
+  return `
+  :host {
+    background: ${background} !important;
+  }
+  pre, code,
+  [data-gutter], [data-content],
+  [data-line], [data-column-number],
+  [data-gutter-buffer], [data-line-annotation], [data-no-newline],
+  [data-separator], [data-separator-wrapper] {
+    background: ${background} !important;
+  }
+  [data-line] span {
+    background: ${background} !important;
+  }
+`;
+}
+
+export function buildPierreOptions(background?: string) {
+  if (!background) return PIERRE_BASE_OPTIONS;
+  return {
+    ...PIERRE_BASE_OPTIONS,
+    unsafeCSS: buildBackgroundCSS(background),
+  };
+}

package/src/pierre/scrollAnchor.test.ts

@@ -0,0 +1,13 @@
+import { describe, expect, test } from 'bun:test';
+import { scrollAnchorLine } from './scrollAnchor';
+
+describe('scrollAnchorLine', () => {
+  test('first line stays at top', () => {
+    expect(scrollAnchorLine(1)).toBe(1);
+  });
+
+  test('focus line keeps a few lines of leading context', () => {
+    expect(scrollAnchorLine(10, 4)).toBe(6);
+    expect(scrollAnchorLine(3, 4)).toBe(1);
+  });
+});

package/src/pierre/scrollAnchor.ts

@@ -0,0 +1,11 @@
+/** Lines to keep visible above the focus line when scrolling. */
+export const SCROLL_LEADING_LINES = 4;
+
+/** 1-based line in the sliced snippet to align near the top of the viewport. */
+export function scrollAnchorLine(
+  focusOffset: number,
+  leadingLines = SCROLL_LEADING_LINES,
+): number {
+  if (focusOffset <= 1) return 1;
+  return Math.max(1, focusOffset - leadingLines);
+}

package/src/pierre/sliceSnippet.test.ts

@@ -0,0 +1,21 @@
+import { describe, expect, test } from 'bun:test';
+import { sliceSnippetWindow } from './sliceSnippet';
+
+describe('sliceSnippetWindow', () => {
+  const content = ['line1', 'line2', 'line3', 'line4', 'line5'].join('\n');
+
+  test('slices with context and focus offset', () => {
+    const s = sliceSnippetWindow(content, 3, 3, 1, 3);
+    expect(s.sliceStart).toBe(2);
+    expect(s.sliceEnd).toBe(4);
+    expect(s.contents).toBe(['line2', 'line3', 'line4'].join('\n'));
+    expect(s.focusOffset).toBe(2);
+  });
+
+  test('clamps out-of-range lines', () => {
+    const s = sliceSnippetWindow(content, 99, 99, 0, 99);
+    expect(s.sliceStart).toBe(5);
+    expect(s.sliceEnd).toBe(5);
+    expect(s.focusOffset).toBe(95);
+  });
+});

package/src/pierre/sliceSnippet.ts

@@ -0,0 +1,31 @@
+/** Slice a file's line range with surrounding context for snippet rendering. */
+
+export interface SnippetSlice {
+  contents: string;
+  sliceStart: number;
+  sliceEnd: number;
+  /** 1-based line index within `contents` to highlight, or null. */
+  focusOffset: number | null;
+}
+
+export function sliceSnippetWindow(
+  contents: string,
+  startLine: number,
+  endLine: number,
+  contextLines: number,
+  focusLine?: number | null,
+): SnippetSlice {
+  const allLines = contents.split('\n');
+  const total = allLines.length;
+  const safeStart = Math.max(1, Math.min(startLine, total));
+  const safeEnd = Math.max(safeStart, Math.min(endLine, total));
+  const sliceStart = Math.max(1, safeStart - contextLines);
+  const sliceEnd = Math.min(total, safeEnd + contextLines);
+  return {
+    contents: allLines.slice(sliceStart - 1, sliceEnd).join('\n'),
+    sliceStart,
+    sliceEnd,
+    focusOffset:
+      focusLine == null ? null : Math.max(1, focusLine - sliceStart + 1),
+  };
+}

package/src/stories/SubsystemComponentGraph.stories.tsx

@@ -3,8 +3,12 @@ import '@xyflow/react/dist/style.css';
 import type { Meta, StoryObj } from '@storybook/react';
 import { ThemeProvider, defaultTheme, defaultEditorTheme } from '@principal-ade/industry-theme';
 import { SubsystemComponentGraph } from '../subsystem/SubsystemComponentGraph';
+import { PierreFileView, PierreSnippetView } from '../pierre';
 import type { SubsystemComponent, SubsystemComponentEdge } from '../subsystem/model';
+import type { SubsystemOpenFileOptions } from '../subsystem/declarationRef';
 import type { GraphifyComponentDetail } from '../graphify';
+import componentDeclarationSource from '../subsystem/ComponentDeclaration.tsx?raw';
+import resolveSource from '../graphify/resolve.ts?raw';
 const meta = {
   title: 'Subsystem/Component Graph',
   component: SubsystemComponentGraph,
@@ -1127,3 +1131,95 @@ function MultiRepoDemo() {
 export const MultiRepoTrees: Story = {
   render: () => <MultiRepoDemo />,
 };
+
+// ---------------------------------------------------------------------------
+// Declaration line open — Pierre snippet/file views + declarationRef.
+// Click the ComponentDeclaration node → toggle file → click path or L251.
+// ---------------------------------------------------------------------------
+const storyFileContents: Record<string, string> = {
+  'packages/react/src/subsystem/ComponentDeclaration.tsx': componentDeclarationSource,
+  'packages/react/src/graphify/resolve.ts': resolveSource,
+};
+
+const declarationOpenComponents: SubsystemComponent[] = [
+  {
+    id: 'detail',
+    name: 'ComponentDeclaration',
+    kind: 'module',
+    file: 'packages/react/src/subsystem/ComponentDeclaration.tsx',
+    purl: 'pkg:github/principal-ai/principal-view-core-library',
+    purpose: 'declaration panel — click file or L251 to open the drawer at the export line',
+    symbol: 'ComponentDeclaration',
+    declarationRef: {
+      file: 'packages/react/src/subsystem/ComponentDeclaration.tsx',
+      startLine: 251,
+      lineHash: 'storybook-placeholder',
+      capturedAt: new Date(0).toISOString(),
+    },
+  },
+  {
+    id: 'resolver',
+    name: 'resolve.ts',
+    kind: 'module',
+    file: 'packages/react/src/graphify/resolve.ts',
+    purl: 'pkg:github/principal-ai/principal-view-core-library',
+    purpose: 'graphify type-ref resolver (second file for tree navigation)',
+    symbol: 'resolveGraphifyTypeRef',
+    declarationRef: {
+      file: 'packages/react/src/graphify/resolve.ts',
+      startLine: 1,
+      lineHash: 'storybook-placeholder',
+      capturedAt: new Date(0).toISOString(),
+    },
+  },
+];
+
+function readStoryFile(path: string): Promise<string> {
+  const content = storyFileContents[path];
+  if (content == null) {
+    return Promise.reject(new Error(`No story fixture for ${path}`));
+  }
+  return Promise.resolve(content);
+}
+
+function DeclarationLineOpenDemo() {
+  const renderFileViewer = (file: string, opts?: SubsystemOpenFileOptions) => {
+    const startLine = opts?.startLine;
+    if (startLine != null) {
+      return (
+        <PierreSnippetView
+          filePath={file}
+          fileName={file.split('/').pop() ?? file}
+          startLine={startLine}
+          endLine={startLine}
+          focusLine={startLine}
+          contextLines={40}
+          readFile={readStoryFile}
+        />
+      );
+    }
+    return (
+      <PierreFileView
+        filePath={file}
+        fileName={file.split('/').pop() ?? file}
+        readFile={readStoryFile}
+      />
+    );
+  };
+
+  return (
+    <div style={{ width: '100%', height: '100vh', display: 'flex', flexDirection: 'column' }}>
+      <SubsystemComponentGraph
+        title="Declaration line open (Storybook)"
+        description="Uses bundled ?raw fixtures + PierreSnippetView from this package. Select ComponentDeclaration, toggle file, click the path or L251."
+        components={declarationOpenComponents}
+        edges={[]}
+        renderFileViewer={renderFileViewer}
+      />
+    </div>
+  );
+}
+
+export const DeclarationLineOpen: Story = {
+  render: () => <DeclarationLineOpenDemo />,
+};