@principal-ai/subsystems-react 0.55.1 → 0.55.3

package/src/subsystem/SymbolFocusedView.tsx

@@ -0,0 +1,80 @@
+/**
+ * SymbolFocusedView — one graphify symbol and its radius-1 neighborhood on the
+ * subsystem canvas.
+ *
+ * This is the public entry point for the "focused symbol" canvas: the host
+ * hands over the center node plus the neighbors and edges graphify already
+ * extracted, and the view projects them onto the shared component graph
+ * (`toSymbolFocusedView`). Edges keep their raw graphify verbs and draw from
+ * the graphify palette, so derived facts stay visually distinct from authored
+ * subsystem mechanisms.
+ *
+ * No trails, no drawers for a model: a symbol focus is read, not walked. Hover
+ * and select still work, and double-clicking a node opens its file like any
+ * other component node.
+ */
+
+import { useMemo } from 'react';
+import type {
+  SymbolFocusedViewInput,
+  SymbolFocusedViewOptions,
+} from '../graphify/symbolFocus';
+import { toSymbolFocusedView } from '../graphify/symbolFocus';
+import type { SubsystemComponentGraphProps } from './SubsystemComponentGraph';
+import { SubsystemComponentGraph } from './SubsystemComponentGraph';
+
+/**
+ * Canvas chrome that is meaningful for a derived, trail-less projection. The
+ * authored-model inputs (`components`, `trails`, `graphifyRelations`) and the
+ * trail deep-link/playback props are deliberately not forwarded: the view
+ * owns them.
+ */
+type SymbolFocusedViewChrome = Pick<
+  SubsystemComponentGraphProps,
+  | 'title'
+  | 'description'
+  | 'orderByLine'
+  | 'showEdgeLabels'
+  | 'showSingletonFrames'
+  | 'hideSidebar'
+  | 'hideDrawer'
+  | 'maxNodeWidth'
+  | 'persistKey'
+  | 'onSelect'
+  | 'onEdgeSelect'
+  | 'onFileSelect'
+  | 'componentVerification'
+  | 'onInspectSymbol'
+  | 'canvasOverlay'
+>;
+
+export interface SymbolFocusedViewProps
+  extends SymbolFocusedViewInput,
+    SymbolFocusedViewOptions,
+    SymbolFocusedViewChrome {}
+
+export function SymbolFocusedView({
+  center,
+  neighbors,
+  edges,
+  repoPurl,
+  centerConstruct,
+  ...chrome
+}: SymbolFocusedViewProps) {
+  const { components, graphifyRelations } = useMemo(
+    () =>
+      toSymbolFocusedView(
+        { center, neighbors, edges },
+        { repoPurl, ...(centerConstruct ? { centerConstruct } : {}) },
+      ),
+    [center, neighbors, edges, repoPurl, centerConstruct],
+  );
+
+  return (
+    <SubsystemComponentGraph
+      components={components}
+      graphifyRelations={graphifyRelations}
+      {...chrome}
+    />
+  );
+}

package/src/subsystem/TrailsPanel.tsx

@@ -13,7 +13,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import type { DragEvent as ReactDragEvent } from 'react';
 import { useTheme } from '@principal-ade/industry-theme';
-import { Check, ChevronDown, Copy, GripVertical, Pause, Play } from 'lucide-react';
+import { Check, ChevronDown, Copy, Focus, GripVertical, Minimize2, Pause, Play } from 'lucide-react';
 import {
   PROPOSED_COLOR,
   reorderTargetIndex,
@@ -27,6 +27,15 @@ import { buildStepBrief } from './trailBrief';
 /** Pause (ms) between steps when a trail autoplays. */
 export const TRAIL_PLAY_PAUSE_MS = 2500;
 
+/**
+ * Dwell time (ms) before a hover preview reaches the canvas.
+ *
+ * The row's own highlight stays immediate; the canvas preview (dimming +
+ * camera frame) waits this long, so sweeping the pointer across steps does not
+ * fire a reframe per step. Leaving hover clears immediately.
+ */
+export const TRAIL_HOVER_PREVIEW_MS = 150;
+
 /** How long a step's copy button flashes its "copied" checkmark (ms). */
 export const STEP_COPY_FEEDBACK_MS = 2000;
 
@@ -61,6 +70,8 @@ function TrailFlow({
   dragActive,
   isHoverSuppressed,
   proposedAliases,
+  layoutFocused,
+  onToggleLayoutFocus,
 }: {
   trail: SubsystemTrail;
   collapsed: boolean;
@@ -86,6 +97,10 @@ function TrailFlow({
    * (darkgoldenrod, same as the proposed node treatment).
    */
   proposedAliases?: ReadonlySet<string>;
+  /** This flow's components are the only ones laid out right now. */
+  layoutFocused?: boolean;
+  /** Solo this flow's components in the layout, or restore the full model. */
+  onToggleLayoutFocus?: (tl: SubsystemTrail) => void;
 }) {
   const { theme } = useTheme();
   const muted = theme.colors.textMuted ?? theme.colors.textSecondary;
@@ -102,8 +117,30 @@ function TrailFlow({
   const [headerHover, setHeaderHover] = useState(false);
   const [collapseHover, setCollapseHover] = useState(false);
   const [playHover, setPlayHover] = useState(false);
+  const [focusHover, setFocusHover] = useState(false);
   const [gripHover, setGripHover] = useState(false);
   const [hoveredStep, setHoveredStep] = useState<number | null>(null);
+  // Dwell timer for the canvas preview. The row highlight is immediate; only
+  // the `onHover*` callbacks (dim + camera) are delayed.
+  const hoverPreviewTimerRef = useRef<number | null>(null);
+  const cancelHoverPreview = useCallback(() => {
+    if (hoverPreviewTimerRef.current != null) {
+      window.clearTimeout(hoverPreviewTimerRef.current);
+      hoverPreviewTimerRef.current = null;
+    }
+  }, []);
+  const scheduleHoverPreview = useCallback(
+    (run: () => void) => {
+      cancelHoverPreview();
+      hoverPreviewTimerRef.current = window.setTimeout(() => {
+        hoverPreviewTimerRef.current = null;
+        run();
+      }, TRAIL_HOVER_PREVIEW_MS);
+    },
+    [cancelHoverPreview],
+  );
+  // A pending preview must not fire after the row unmounts or collapses.
+  useEffect(() => () => cancelHoverPreview(), [cancelHoverPreview]);
   const stepButtonRefs = useRef<(HTMLButtonElement | null)[]>([]);
   // Per-step copy affordance: revealed while a row is hovered or holds focus.
   // `focusedStep` tracks focus-within (button or its copy control) so the icon
@@ -171,6 +208,12 @@ function TrailFlow({
     setHoveredStep(null);
   }, [dragActive]);
 
+  // Expanding / collapsing swaps which preview applies (header flow vs step
+  // list). Drop any pending preview so it cannot fire against the new shape.
+  useEffect(() => {
+    cancelHoverPreview();
+  }, [collapsed, cancelHoverPreview]);
+
   const startPlaying = useCallback(() => {
     if (collapsed) onToggleCollapsed(trail.id);
     if (active === null || active.stepIndex !== null) onFocusFlow(trail);
@@ -213,11 +256,14 @@ function TrailFlow({
         onMouseEnter={() => {
           if (isHoverSuppressed?.()) return;
           setHeaderHover(true);
-          if (collapsed) onHoverFlow(trail);
+          if (collapsed) scheduleHoverPreview(() => onHoverFlow(trail));
         }}
         onMouseLeave={() => {
           setHeaderHover(false);
-          if (collapsed) onLeaveStep();
+          if (collapsed) {
+            cancelHoverPreview();
+            onLeaveStep();
+          }
         }}
         style={{
           display: 'flex',
@@ -278,6 +324,49 @@ function TrailFlow({
         </button>
         {!collapsed && (
           <>
+          {onToggleLayoutFocus && trail.steps.length > 0 && (
+            <button
+              type="button"
+              aria-label={
+                layoutFocused
+                  ? `Exit focus layout for ${trail.title}`
+                  : `Focus layout on ${trail.title}`
+              }
+              aria-pressed={!!layoutFocused}
+              title={
+                layoutFocused
+                  ? 'Show the full model again'
+                  : 'Lay out only this flow’s components'
+              }
+              onMouseEnter={() => setFocusHover(true)}
+              onMouseLeave={() => setFocusHover(false)}
+              onClick={(e) => {
+                e.stopPropagation();
+                onToggleLayoutFocus(trail);
+              }}
+              style={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                flexShrink: 0,
+                alignSelf: 'stretch',
+                width: TRAIL_CONTROL_SIZE,
+                padding: 0,
+                border: 'none',
+                borderRadius: 0,
+                background: layoutFocused || focusHover ? theme.colors.border : 'transparent',
+                color: layoutFocused || focusHover ? theme.colors.text : muted,
+                cursor: 'pointer',
+                transition: 'background 120ms ease, color 120ms ease',
+              }}
+            >
+              {layoutFocused ? (
+                <Minimize2 size={12} strokeWidth={2} />
+              ) : (
+                <Focus size={13} strokeWidth={2} />
+              )}
+            </button>
+          )}
           <button
             type="button"
             aria-label={playing ? `Pause ${trail.title} autoplay` : `Play ${trail.title}`}
@@ -370,6 +459,7 @@ function TrailFlow({
         <div
           style={{ display: 'flex', flexDirection: 'column' }}
           onMouseLeave={() => {
+            cancelHoverPreview();
             setHoveredStep(null);
             onLeaveStep();
           }}
@@ -400,7 +490,7 @@ function TrailFlow({
                   title={proposed ? 'Step touches a proposed component' : undefined}
                   onMouseEnter={() => {
                     setHoveredStep(i);
-                    onHoverStep(trail, i);
+                    scheduleHoverPreview(() => onHoverStep(trail, i));
                   }}
                   onClick={() => onFocusStep(trail, i)}
                   style={{
@@ -530,6 +620,13 @@ export interface TrailsPanelProps {
    * (darkgoldenrod, same as the proposed node treatment).
    */
   proposedAliases?: ReadonlySet<string>;
+  /** Trail whose components are the only ones laid out on the canvas, if any. */
+  layoutFocusedTrailId?: string | null;
+  /**
+   * Toggle the solo layout for a flow: relayout the canvas with just that
+   * flow's components and edges. Omit to hide the per-row focus control.
+   */
+  onFocusLayout?: (trailId: string) => void;
 }
 
 /**
@@ -552,6 +649,8 @@ export function TrailsPanel({
   onLeaveStep,
   onReorder,
   proposedAliases,
+  layoutFocusedTrailId,
+  onFocusLayout,
 }: TrailsPanelProps) {
   const { theme } = useTheme();
   // Reordering is offered only while every row is collapsed: the compact list
@@ -732,6 +831,10 @@ export function TrailsPanel({
               dragActive={dragIndex != null}
               isHoverSuppressed={isHoverSuppressed}
               proposedAliases={proposedAliases}
+              layoutFocused={layoutFocusedTrailId === tl.id}
+              onToggleLayoutFocus={
+                onFocusLayout ? (t) => onFocusLayout(t.id) : undefined
+              }
             />
           </div>
         );

package/src/subsystem/graphChrome.tsx

@@ -43,7 +43,28 @@ export const GRAPH_NAV_PROPS = {
  */
 export const GRAPH_CANVAS_CLASS = 'subsystem-graph-canvas';
 
-export const GRAPH_LAYER_CSS = `.${GRAPH_CANVAS_CLASS} .react-flow__nodes { z-index: 1; }`;
+/**
+ * Applied to the canvas box while a layout-direction flip is in progress.
+ *
+ * The flip is sequenced in three beats: edges fade out (`LAYOUT_FLIP_EDGE_MS`),
+ * the graph re-lays out with nodes sliding to their new slots
+ * (`LAYOUT_FLIP_NODE_MS`), then edges fade back in. Hiding the edges first
+ * keeps the old routes from cutting across the new layout mid-flight.
+ */
+export const LAYOUT_FLIP_CLASS = 'subsystem-layout-flipping';
+
+/** Edge fade-out/in duration around a layout flip, ms. */
+export const LAYOUT_FLIP_EDGE_MS = 180;
+
+/** Node slide duration to the new layout, ms. */
+export const LAYOUT_FLIP_NODE_MS = 320;
+
+export const GRAPH_LAYER_CSS = `
+.${GRAPH_CANVAS_CLASS} .react-flow__nodes { z-index: 1; }
+.${GRAPH_CANVAS_CLASS} .react-flow__edges { transition: opacity ${LAYOUT_FLIP_EDGE_MS}ms ease; }
+.${LAYOUT_FLIP_CLASS} .react-flow__edges { opacity: 0; }
+.${LAYOUT_FLIP_CLASS} .react-flow__node { transition: transform ${LAYOUT_FLIP_NODE_MS}ms cubic-bezier(0.4, 0, 0.2, 1); }
+`;
 
 /** Scoped style tag for `GRAPH_LAYER_CSS`; render once beside `<ReactFlow>`. */
 export function GraphLayerStyle() {

package/src/subsystem/layoutDirection.test.ts

@@ -0,0 +1,26 @@
+/**
+ * Direction wiring for the layered layout.
+ *
+ * ELK itself can't run under bun's test runner (elkjs wants a Web Worker, so
+ * `computeElkLayout` falls back to manual positions), which makes the rendered
+ * geometry identical in every direction. What is testable — and what actually
+ * decides the axis — is the mapping from the canvas option onto
+ * `elk.direction`, so that is what these tests pin.
+ */
+import { describe, expect, test } from 'bun:test';
+import { elkDirectionFor } from './model';
+
+describe('elkDirectionFor', () => {
+  test('horizontal flow lays layers left-to-right', () => {
+    expect(elkDirectionFor('horizontal', true)).toBe('RIGHT');
+  });
+
+  test('vertical flow lays layers top-to-bottom', () => {
+    expect(elkDirectionFor('vertical', true)).toBe('DOWN');
+  });
+
+  test('edge-less containment keeps its DOWN + grid treatment either way', () => {
+    expect(elkDirectionFor('horizontal', false)).toBe('DOWN');
+    expect(elkDirectionFor('vertical', false)).toBe('DOWN');
+  });
+});

package/src/subsystem/model.test.ts

@@ -26,6 +26,7 @@ import {
   buildBoundaryLayoutGroups,
   buildBoundaryLayoutGroupsByPath,
   buildSubsystemGraph,
+  unroutedEdgeIds,
   componentPackageKey,
   deriveNameFromSymbol,
   isConstructsOnlyModel,
@@ -1227,3 +1228,19 @@ describe('graphify-native edges', () => {
     expect((g?.data as { mechanism?: string })?.mechanism).toBe('imports');
   });
 });
+
+describe('unroutedEdgeIds', () => {
+  test('lists shown edges with no elkPath', () => {
+    const ids = unroutedEdgeIds([
+      { id: 'routed', data: { elkPath: 'M 0 0 L 10 0' } },
+      { id: 'no-path', data: { mechanism: 'calls' } },
+      { id: 'no-data' },
+      { id: 'empty-path', data: { elkPath: '' } },
+    ]);
+    expect(ids).toEqual(['no-path', 'no-data', 'empty-path']);
+  });
+
+  test('skips hidden edges', () => {
+    expect(unroutedEdgeIds([{ id: 'hidden', hidden: true, data: {} }])).toEqual([]);
+  });
+});

package/src/subsystem/model.ts

@@ -136,6 +136,17 @@ export interface SubsystemComponent extends CoreSubsystemComponent {
  */
 export type SubsystemEdgeView = 'graphify' | 'trails';
 
+/**
+ * Flow direction of the layered layout.
+ *
+ * - `horizontal`: layers run left-to-right (ELK `RIGHT`)
+ * - `vertical`: layers run top-to-bottom (ELK `DOWN`)
+ *
+ * Edge-less containment graphs (pure module/process frames) keep their
+ * existing DOWN + grid treatment in either mode — there is no flow to orient.
+ */
+export type SubsystemLayoutDirection = 'horizontal' | 'vertical';
+
 /**
  * Where a display edge came from.
  *
@@ -167,8 +178,8 @@ export interface SubsystemGraphifyRelation {
   refs?: string[];
   /**
    * 1-based source line of the relation site. Optional — available on
-   * `calls`/`references`-style edges; used to order an ego graph's callees by
-   * call site when a host opts into line-ordered layering.
+   * `calls`/`references`-style edges; used to order a symbol-focused view's
+   * callees by call site when a host opts into line-ordered layering.
    */
   line?: number;
   /** graphify's provenance tag (`EXTRACTED` / `INFERRED` / `AMBIGUOUS`). */
@@ -1866,6 +1877,22 @@ export function subsystemGraphLayoutKey(
   return `${components}|${edgeKey}`;
 }
 
+/**
+ * ELK `elk.direction` for a requested flow direction.
+ *
+ * Edge-less containment graphs have no flow to orient: a RIGHT layout stacks
+ * disconnected top-level frames in one long vertical column, while DOWN places
+ * those sibling frames along the horizontal axis and stacks each frame's
+ * members vertically. That containment treatment wins in both modes.
+ */
+export function elkDirectionFor(
+  layoutDirection: SubsystemLayoutDirection,
+  hasEdges: boolean,
+): 'RIGHT' | 'DOWN' {
+  if (!hasEdges) return 'DOWN';
+  return layoutDirection === 'vertical' ? 'DOWN' : 'RIGHT';
+}
+
 /**
  * Build the full React Flow graph (nodes + edges) using **ELK auto-layout** to
  * position every node (including external stub targets), so the graph is
@@ -1885,11 +1912,18 @@ export async function buildSubsystemGraph(
      * Order same-layer nodes by `component.line` (ascending) instead of ELK's
      * crossing-minimizer. Only meaningful when components carry a `line` — and
      * callers are expected to stamp `line` with the RELEVANT site for their
-     * graph (e.g. an ego graph stamps each callee with the center's call-site
-     * line, not the callee's declaration line).
+     * graph (e.g. a symbol-focused view stamps each callee with the center's
+     * call-site line, not the callee's declaration line).
      * @default false
      */
     orderByLine?: boolean;
+    /**
+     * Flow direction of the layered layout. `horizontal` (default) lays layers
+     * left-to-right, `vertical` top-to-bottom. Edge-less containment graphs
+     * keep their DOWN + grid treatment either way.
+     * @default 'horizontal'
+     */
+    layoutDirection?: SubsystemLayoutDirection;
   } & BoundaryFrameOptions = {},
 ): Promise<{
   nodes: SubsystemGraphNode[];
@@ -1912,6 +1946,7 @@ export async function buildSubsystemGraph(
     moduleNesting,
     graphifyRelations,
     orderByLine = false,
+    layoutDirection = 'horizontal',
     codeProcessKeys,
   } = opts;
   const frameOpts: BoundaryFrameOptions = {
@@ -2020,12 +2055,14 @@ export async function buildSubsystemGraph(
     try {
       const result = await computeElkLayout(nodes, edges, {
         routingStyle: 'orthogonal',
-        // Edge-driven graphs flow left-to-right. With no edges (pure
-        // containment, e.g. the static-topology layer) a RIGHT layout stacks
-        // disconnected top-level frames in one vertical column; DOWN makes the
-        // layered pass place those sibling frames along the horizontal axis
-        // while each frame's members stack vertically.
-        direction: edges.length > 0 ? 'RIGHT' : 'DOWN',
+        // Edge-driven graphs flow left-to-right (or top-to-bottom when the
+        // host asks for a vertical layout). With no edges (pure containment,
+        // e.g. the static-topology layer) a RIGHT layout stacks disconnected
+        // top-level frames in one vertical column; DOWN makes the layered pass
+        // place those sibling frames along the horizontal axis while each
+        // frame's members stack vertically. There is no flow to orient there,
+        // so the containment treatment wins in both modes.
+        direction: elkDirectionFor(layoutDirection, edges.length > 0),
         // Edge-less containment: fold the root frames into a column-major grid
         // so the shape reads closer to square than one long strip.
         reflowGrid: edges.length === 0,
@@ -2157,5 +2194,28 @@ export async function buildSubsystemGraph(
     }
   }
 
+  // ELK can return an edge with no sections without throwing, which nothing
+  // else reports.
+  const unrouted = unroutedEdgeIds(edges);
+  if (unrouted.length > 0) {
+    console.warn(
+      `[subsystem-graph] ${unrouted.length}/${edges.length} edge(s) have no ELK path and will not render:`,
+      unrouted,
+    );
+  }
+
   return { nodes: placedNodes, edges, regions, absoluteRects };
 }
+
+/**
+ * Ids of shown edges that ELK left without a path. `SubsystemEdge` draws
+ * `elkPath` with no fallback, so these edges are invisible on the canvas.
+ * Hidden edges are skipped: they would not render either way.
+ */
+export function unroutedEdgeIds(
+  edges: readonly { id: string; hidden?: boolean; data?: unknown }[],
+): string[] {
+  return edges
+    .filter((e) => !e.hidden && !(e.data as SubsystemGraphEdgeData | undefined)?.elkPath)
+    .map((e) => e.id);
+}

package/dist/stories/Subsystem/AggregateGraph/aggregateViewFixture.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aggregateViewFixture.d.ts","sourceRoot":"","sources":["../../../../src/stories/Subsystem/AggregateGraph/aggregateViewFixture.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAEvH,eAAO,MAAM,eAAe,EAAE,kBAAkB,EAA8n/C,CAAC;AAE/q/C,eAAO,MAAM,cAAc,EAAE,kBAAkB,EAAo88B,CAAC;AAEp/8B,eAAO,MAAM,aAAa,EAAE,YAAY,EAAutD,CAAC"}

package/dist/stories/Subsystem/AggregateGraph/aggregateViewFixture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aggregateViewFixture.js","sourceRoot":"","sources":["../../../../src/stories/Subsystem/AggregateGraph/aggregateViewFixture.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAyB,IAAI,CAAC,KAAK,CAAC,6m/CAA6m/C,CAAC,CAAC;AAE/q/C,MAAM,CAAC,MAAM,cAAc,GAAyB,IAAI,CAAC,KAAK,CAAC,m78BAAm78B,CAAC,CAAC;AAEp/8B,MAAM,CAAC,MAAM,aAAa,GAAmB,IAAI,CAAC,KAAK,CAAC,ssDAAssD,CAAC,CAAC"}

package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/stories/Subsystem/ComponentGraph/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EACtB,cAAc,EACd,uBAAuB,EACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAKjE,wBAAgB,UAAU,CACxB,IAAI,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,uBAAuB,CAAC,CAAC,GAC3L,kBAAkB,EAAE,CAWtB;AAED,sEAAsE;AACtE,wBAAgB,cAAc,CAC5B,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GACxH,cAAc,CAchB;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GACtF;IAAE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAA;CAAE,CAe/B;AAED,eAAO,MAAM,YAAY,EAAE,uBAY1B,CAAC;AAMF,eAAO,MAAM,yBAAyB,EAAE,kBAAkB,EAqDzD,CAAC;AASF,eAAO,MAAM,qBAAqB,8BAAyB,CAAC"}

package/dist/stories/Subsystem/ComponentGraph/fixtures.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../../src/stories/Subsystem/ComponentGraph/fixtures.ts"],"names":[],"mappings":"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"}