@principal-ai/subsystems-react 0.17.0

package/dist/nodes/otel/shared/NodeContent.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@principal-ade/industry-theme';
+import { resolveIcon } from '../../../utils/iconResolver';
+/**
+ * Helper to render text with word break opportunities after dots
+ */
+function renderWithDotBreaks(text) {
+    const parts = text.split('.');
+    return parts.map((part, i) => (_jsxs("span", { children: [part, i < parts.length - 1 && (_jsxs(_Fragment, { children: [".", _jsx("wbr", {})] }))] }, i)));
+}
+/**
+ * Workflow chips component for span convention nodes
+ */
+const WorkflowChips = ({ chips, onChipClick, selectedChipId }) => {
+    const { theme } = useTheme();
+    if (!chips || chips.length === 0)
+        return null;
+    // Show max 3 chips, then "+N more"
+    const maxVisible = 3;
+    const visibleChips = chips.slice(0, maxVisible);
+    const remainingCount = chips.length - maxVisible;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap: '3px',
+            marginTop: '4px',
+            justifyContent: 'center',
+            maxWidth: '100%',
+        }, children: [visibleChips.map((chip) => {
+                const isSelected = selectedChipId === chip.id;
+                const hasColor = !!chip.color;
+                return (_jsx("div", { onClick: (e) => {
+                        e.stopPropagation();
+                        onChipClick?.(chip.id);
+                    }, style: {
+                        fontSize: theme.fontSizes[0] * 0.65,
+                        padding: '1px 5px',
+                        borderRadius: '6px',
+                        backgroundColor: isSelected
+                            ? chip.color || '#3b82f6'
+                            : chip.color
+                                ? `${chip.color}33` // 20% opacity version
+                                : 'rgba(0,0,0,0.08)',
+                        color: isSelected
+                            ? '#fff'
+                            : hasColor
+                                ? chip.color
+                                : 'rgba(0,0,0,0.6)',
+                        whiteSpace: 'nowrap',
+                        maxWidth: '70px',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        cursor: onChipClick ? 'pointer' : 'default',
+                        fontWeight: isSelected ? theme.fontWeights.bold : theme.fontWeights.medium,
+                        transition: 'all 0.15s ease',
+                        border: isSelected ? 'none' : `1px solid ${hasColor ? `${chip.color}66` : 'rgba(0,0,0,0.1)'}`,
+                    }, title: chip.label, children: chip.label }, chip.id));
+            }), remainingCount > 0 && (_jsxs("div", { style: {
+                    fontSize: theme.fontSizes[0] * 0.65,
+                    padding: '1px 5px',
+                    borderRadius: '6px',
+                    backgroundColor: 'rgba(0,0,0,0.05)',
+                    color: 'rgba(0,0,0,0.5)',
+                    whiteSpace: 'nowrap',
+                }, title: `${remainingCount} more workflow${remainingCount > 1 ? 's' : ''}`, children: ["+", remainingCount] }))] }));
+};
+/**
+ * Node content component - renders the inner content of a node
+ */
+export const NodeContent = ({ displayName, identifier, icon, state, stateDefinitions, hasViolations, centered = true, workflowChips, onWorkflowChipClick, selectedWorkflowId, }) => {
+    const { theme } = useTheme();
+    // Show identifier if it differs from display name
+    const showIdentifier = identifier && identifier !== displayName;
+    // Get state label from definitions
+    const stateLabel = state && stateDefinitions?.[state]?.label;
+    return (_jsxs(_Fragment, { children: [icon && (_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: resolveIcon(icon, 20) })), _jsxs("div", { style: { textAlign: centered ? 'center' : 'left', wordBreak: 'break-word' }, children: [_jsx("div", { children: displayName }), showIdentifier && (_jsx("div", { style: {
+                            fontSize: theme.fontSizes[0] * 0.75,
+                            color: 'rgba(0, 0, 0, 0.5)',
+                            marginTop: '2px',
+                            fontFamily: theme.fonts.monospace,
+                        }, children: renderWithDotBreaks(identifier) }))] }), workflowChips && workflowChips.length > 0 && (_jsx(WorkflowChips, { chips: workflowChips, onChipClick: onWorkflowChipClick, selectedChipId: selectedWorkflowId })), state && (_jsx("div", { style: {
+                    fontSize: theme.fontSizes[0],
+                    fontFamily: theme.fonts.body,
+                    backgroundColor: '#888',
+                    color: 'white',
+                    padding: '2px 6px',
+                    borderRadius: '4px',
+                    textAlign: 'center',
+                }, children: stateLabel || state })), hasViolations && (_jsx("div", { style: {
+                    fontSize: theme.fontSizes[0],
+                    fontFamily: theme.fonts.body,
+                    color: '#D0021B',
+                    fontWeight: theme.fontWeights.bold,
+                }, children: "\u26A0\uFE0F" }))] }));
+};
+//# sourceMappingURL=NodeContent.js.map

package/dist/nodes/otel/shared/NodeContent.js.map

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

package/dist/nodes/otel/shared/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared components for OTEL node types
+ */
+export * from './types';
+export * from './useNodeBehavior';
+export { NodeBadges } from './NodeBadges';
+export { NodeContent } from './NodeContent';
+//# sourceMappingURL=index.d.ts.map

package/dist/nodes/otel/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/nodes/otel/shared/index.js

@@ -0,0 +1,8 @@
+/**
+ * Shared components for OTEL node types
+ */
+export * from './types';
+export * from './useNodeBehavior';
+export { NodeBadges } from './NodeBadges';
+export { NodeContent } from './NodeContent';
+//# sourceMappingURL=index.js.map

package/dist/nodes/otel/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/nodes/otel/shared/types.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Shared types for OTEL node components
+ */
+/**
+ * Workflow chip displayed on span convention nodes
+ */
+export interface WorkflowChip {
+    /** Workflow ID for selection/filtering */
+    id: string;
+    /** Display label (may be truncated) */
+    label: string;
+    /** Optional color for the chip */
+    color?: string;
+}
+/**
+ * Common node data properties shared across all OTEL node types
+ */
+export interface OtelNodeDataBase {
+    /** Node color (hex string or preset number) */
+    color?: string;
+    /** Scope color for border (from library.yaml owned-scopes) */
+    scopeColor?: string;
+    /** Span color for fill (from .spans.canvas) */
+    spanColor?: string;
+    /** Explicit stroke color override */
+    stroke?: string;
+    /** Icon identifier (Lucide icons) */
+    icon?: string;
+    /** Implementation status */
+    status?: 'draft' | 'approved' | 'implemented';
+    /** Description for tooltip */
+    description?: string;
+    /** Source files where event is instrumented */
+    sources?: string[];
+    /** External references/documentation */
+    references?: string[];
+    /** Node-level state definitions */
+    states?: Record<string, {
+        color?: string;
+        label?: string;
+        icon?: string;
+    }>;
+    /** Canvas type (e.g., 'group') */
+    canvasType?: string;
+    /** Node type identifier */
+    nodeType?: string;
+}
+/**
+ * OTEL extension data
+ */
+export interface OtelExtensionData {
+    /** Span pattern for span convention nodes */
+    spanPattern?: string;
+    /** Scope name for scope nodes */
+    scope?: string;
+    /** Resource match for resource nodes */
+    resourceMatch?: Record<string, string | string[]>;
+    /** Files where this is instrumented */
+    files?: string[];
+}
+/**
+ * Event data for event nodes
+ */
+export interface EventData {
+    /** Event name */
+    name?: string;
+    /** Event description */
+    description?: string;
+    /** Event attributes schema */
+    attributes?: Record<string, unknown>;
+}
+/**
+ * Boundary data for boundary nodes
+ */
+export interface BoundaryData {
+    /** Direction of boundary interaction */
+    direction?: 'outbound' | 'inbound';
+    /** Node query for external system */
+    node?: Record<string, string>;
+}
+/**
+ * Props for shared node content component
+ */
+export interface NodeContentProps {
+    /** Display name for the node */
+    displayName: string;
+    /** Identifier shown below the name (e.g., span pattern, event name) */
+    identifier?: string;
+    /** Icon identifier */
+    icon?: string;
+    /** Current state */
+    state?: string;
+    /** State definitions for label lookup */
+    stateDefinitions?: Record<string, {
+        label?: string;
+    }>;
+    /** Whether node has violations */
+    hasViolations?: boolean;
+    /** Whether to center text (default true) */
+    centered?: boolean;
+    /** Workflow chips for span convention nodes */
+    workflowChips?: WorkflowChip[];
+    /** Callback when a workflow chip is clicked */
+    onWorkflowChipClick?: (chipId: string) => void;
+    /** Currently selected workflow ID */
+    selectedWorkflowId?: string;
+}
+/**
+ * Badge position types
+ */
+export type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right' | 'top' | 'bottom';
+/**
+ * Props for node badges component
+ */
+export interface NodeBadgesProps {
+    /** Node shape for position calculations */
+    shape: 'rectangle' | 'circle' | 'hexagon' | 'diamond';
+    /** Implementation status */
+    status?: 'draft' | 'approved' | 'implemented';
+    /** Source files */
+    sourceFiles?: string[];
+    /** References */
+    references?: string[];
+    /** Boundary data (for boundary nodes) */
+    boundary?: BoundaryData;
+    /** Node opacity for badge visibility */
+    opacity?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/nodes/otel/shared/types.d.ts.map

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

package/dist/nodes/otel/shared/types.js

@@ -0,0 +1,5 @@
+/**
+ * Shared types for OTEL node components
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/nodes/otel/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/nodes/otel/shared/useNodeBehavior.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Hook for shared node behavior (resize, hide, hover, tooltip)
+ */
+/// <reference types="react" />
+export interface UseNodeBehaviorOptions {
+    /** Whether the node is in edit mode */
+    editable?: boolean;
+    /** Whether tooltips are enabled */
+    tooltipsEnabled?: boolean;
+    /** Whether shift key is pressed */
+    shiftKeyPressed?: boolean;
+    /** Whether the node is selected */
+    selected?: boolean;
+    /** Whether the node is being dragged */
+    dragging?: boolean;
+}
+export interface UseNodeBehaviorReturn {
+    /** Ref for the node element */
+    nodeRef: React.RefObject<HTMLDivElement>;
+    /** Node ID from xyflow */
+    nodeId: string | null;
+    /** Whether the node is currently hovered */
+    isHovered: boolean;
+    /** Whether to show the tooltip */
+    showTooltip: boolean;
+    /** Mouse down handler for Cmd/Ctrl+click behavior */
+    handleMouseDown: (event: React.MouseEvent) => void;
+    /** Mouse enter handler */
+    handleMouseEnter: () => void;
+    /** Mouse leave handler */
+    handleMouseLeave: () => void;
+    /** Resize end handler */
+    handleResizeEnd: (event: unknown, params: {
+        width: number;
+        height: number;
+    }) => void;
+}
+/**
+ * Hook that provides common node behavior for resize, hide, hover, and tooltip interactions
+ */
+export declare function useNodeBehavior(options: UseNodeBehaviorOptions): UseNodeBehaviorReturn;
+//# sourceMappingURL=useNodeBehavior.d.ts.map

package/dist/nodes/otel/shared/useNodeBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeBehavior.d.ts","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/useNodeBehavior.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAMH,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4CAA4C;IAC5C,SAAS,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACnD,0BAA0B;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,yBAAyB;IACzB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtF;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAsEtF"}

package/dist/nodes/otel/shared/useNodeBehavior.js

@@ -0,0 +1,61 @@
+/**
+ * Hook for shared node behavior (resize, hide, hover, tooltip)
+ */
+import { useState, useRef, useCallback } from 'react';
+import { useNodeId } from '@xyflow/react';
+import { useGraphEdit } from '../../../contexts/GraphEditContext';
+/**
+ * Hook that provides common node behavior for resize, hide, hover, and tooltip interactions
+ */
+export function useNodeBehavior(options) {
+    const { editable = false, tooltipsEnabled = true, shiftKeyPressed = false, selected = false, dragging = false, } = options;
+    const nodeRef = useRef(null);
+    const nodeId = useNodeId();
+    const [isHovered, setIsHovered] = useState(false);
+    const { onNodeResizeEnd, onToggleNodeHidden, onHideUnconnectedNodes } = useGraphEdit();
+    // Handle resize end - notify parent to track the dimension change
+    const handleResizeEnd = useCallback((_event, params) => {
+        if (nodeId && onNodeResizeEnd && params.width && params.height) {
+            onNodeResizeEnd(nodeId, {
+                width: Math.round(params.width),
+                height: Math.round(params.height),
+            });
+        }
+    }, [nodeId, onNodeResizeEnd]);
+    // Handle Cmd/Ctrl+mousedown to toggle hidden state
+    // We use mousedown instead of click because in edit mode with draggable nodes,
+    // ReactFlow's drag system intercepts Cmd+click before it becomes a click event
+    // - Cmd/Ctrl+Shift+click: hide all nodes not directly connected to this node
+    // - Cmd/Ctrl+click: toggle this single node's hidden state
+    const handleMouseDown = useCallback((event) => {
+        if ((event.metaKey || event.ctrlKey) && nodeId) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (event.shiftKey && onHideUnconnectedNodes) {
+                // Cmd/Ctrl+Shift+click: hide unconnected nodes
+                onHideUnconnectedNodes(nodeId);
+            }
+            else if (onToggleNodeHidden) {
+                // Cmd/Ctrl+click: toggle single node
+                onToggleNodeHidden(nodeId);
+            }
+        }
+    }, [nodeId, onToggleNodeHidden, onHideUnconnectedNodes]);
+    const handleMouseEnter = useCallback(() => setIsHovered(true), []);
+    const handleMouseLeave = useCallback(() => setIsHovered(false), []);
+    // Show tooltip when:
+    // 1. Hovering + not dragging + shift key pressed (always works), OR
+    // 2. Node is selected AND not in edit mode (read-only selection shows tooltip)
+    const showTooltip = tooltipsEnabled && ((isHovered && !dragging && shiftKeyPressed) || (!editable && !!selected));
+    return {
+        nodeRef,
+        nodeId,
+        isHovered,
+        showTooltip,
+        handleMouseDown,
+        handleMouseEnter,
+        handleMouseLeave,
+        handleResizeEnd,
+    };
+}
+//# sourceMappingURL=useNodeBehavior.js.map

package/dist/nodes/otel/shared/useNodeBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNodeBehavior.js","sourceRoot":"","sources":["../../../../src/nodes/otel/shared/useNodeBehavior.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAkClE;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,OAA+B;IAC7D,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACjB,GAAG,OAAO,CAAC;IAEZ,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvF,kEAAkE;IAClE,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAe,EAAE,MAAyC,EAAE,EAAE;QAC7D,IAAI,MAAM,IAAI,eAAe,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE;YAC9D,eAAe,CAAC,MAAM,EAAE;gBACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC/B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;aAClC,CAAC,CAAC;SACJ;IACH,CAAC,EACD,CAAC,MAAM,EAAE,eAAe,CAAC,CAC1B,CAAC;IAEF,mDAAmD;IACnD,+EAA+E;IAC/E,+EAA+E;IAC/E,6EAA6E;IAC7E,2DAA2D;IAC3D,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,KAAK,CAAC,QAAQ,IAAI,sBAAsB,EAAE;gBAC5C,+CAA+C;gBAC/C,sBAAsB,CAAC,MAAM,CAAC,CAAC;aAChC;iBAAM,IAAI,kBAAkB,EAAE;gBAC7B,qCAAqC;gBACrC,kBAAkB,CAAC,MAAM,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,EACD,CAAC,MAAM,EAAE,kBAAkB,EAAE,sBAAsB,CAAC,CACrD,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,qBAAqB;IACrB,oEAAoE;IACpE,+EAA+E;IAC/E,MAAM,WAAW,GACf,eAAe,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhG,OAAO;QACL,OAAO;QACP,MAAM;QACN,SAAS;QACT,WAAW;QACX,eAAe;QACf,gBAAgB;QAChB,gBAAgB;QAChB,eAAe;KAChB,CAAC;AACJ,CAAC"}

package/dist/pierre/PierreFileView.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+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.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;;AAQH,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,+BAqDrB"}

package/dist/pierre/PierreFileView.js

@@ -0,0 +1,46 @@
+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';
+import { pierreLangForPath } from './pierreFileLang';
+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, lang: pierreLangForPath(filePath) }
+        : null, [fileName, filePath, 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;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,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,CACH,QAAQ,KAAK,IAAI;QACf,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAAE;QACjE,CAAC,CAAC,IAAI,EACV,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC/B,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,28 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+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.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;;AAuBH,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,+BA8HxB"}

package/dist/pierre/PierreSnippetView.js

@@ -0,0 +1,105 @@
+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 { pierreLangForPath } from './pierreFileLang';
+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,
+            lang: pierreLangForPath(filePath),
+        }
+        : null, [fileName, filePath, 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/PierreThroughlineCodeView.d.ts

@@ -0,0 +1,22 @@
+/**
+ * PierreThroughlineCodeView — multi-file step snippets via `@pierre/diffs` CodeView.
+ *
+ * Renders one sliced window per throughline step in a single virtualized
+ * scroll; when `stepIndex` changes, scrolls that step's site line into view
+ * and highlights it via CodeView `selectedLines` (same mechanism as
+ * `PierreSnippetView`).
+ */
+/// <reference types="react" />
+import type { SubsystemThroughline } from '../subsystem/model';
+export interface PierreThroughlineCodeViewProps {
+    throughline: SubsystemThroughline;
+    /** Focused step; `null` shows all snippets without scrolling to a step. */
+    stepIndex: number | null;
+    readFile: (path: string) => Promise<string>;
+    /** Context lines above/below each step site; defaults to 8. */
+    contextLines?: number;
+    /** Override Pierre's container background. */
+    background?: string;
+}
+export declare function PierreThroughlineCodeView({ throughline, stepIndex, readFile, contextLines, background, }: PierreThroughlineCodeViewProps): import("react").JSX.Element;
+//# sourceMappingURL=PierreThroughlineCodeView.d.ts.map