@principal-ai/subsystems-react 0.50.0 → 0.51.1

package/dist/stories/Subsystem/C4Graph/c4ProposedElements.fixture.js

@@ -0,0 +1,329 @@
+const author = 'c4-proposer';
+export const c4ProposedElements = [
+    // --- deployable units ----------------------------------------------------
+    {
+        id: 'container:studio-host',
+        kind: 'container',
+        label: 'Subsystem Studio — host',
+        derivedFrom: ['subsystems-studio/host'],
+        // Only the aliases with no component of their own. The store I/O and the
+        // audit runner name their own members below, and `buildC4Model` rolls
+        // those up into this container rather than counting them twice.
+        members: [
+            'resolve-root', 'http-put', 'http-propose', 'tab-registry',
+            'live-feed-store', 'maintain-probe-registry', 'run-store',
+            'graphify-store', 'proposal-create', 'proposal-accept',
+            'maintain-orchestrator', 'run-maintain-agent', 'ensure-graphify',
+            'close-tab', 'open-tab',
+        ],
+        containerKind: 'application',
+        technology: 'Bun + Electrobun host',
+        description: 'Owns the model store on disk, runs graphify-backed verification, and serves the renderer over RPC.',
+        state: 'proposed',
+        rationale: 'The Electron main process, holding 113 components in the live corpus.',
+        author,
+    },
+    {
+        id: 'container:legacy-host',
+        kind: 'container',
+        label: 'Principal Studio — host',
+        // The other half of the merge question. `subsystems-studio/host` (113
+        // components) and `principal-studio/host` (1) are either one process or
+        // two, and no amount of reading the keys decides it — `mergeElements`
+        // exists for exactly this, and the story shows the button.
+        derivedFrom: ['principal-studio/host'],
+        members: ['register-roots'],
+        containerKind: 'application',
+        technology: 'Electrobun host',
+        description: "The same Electron main process under the app's former name.",
+        state: 'proposed',
+        rationale: 'One member, and the same process as container:studio-host. Merged or kept separate, one deployable unit under two app names or two units?',
+        author,
+    },
+    {
+        id: 'container:studio-renderer',
+        kind: 'container',
+        label: 'Subsystem Studio — renderer',
+        // `file-panel` is not repeated here: component:file-viewer owns it, and
+        // the build rolls it up. An alias belongs to exactly one element.
+        derivedFrom: ['subsystems-studio/renderer'],
+        members: [
+            'subsystems-view', 'model-view', 'regular-audit-view', 'list-view',
+            'rpc-bridge', 'reload-subs', 'regular-audit-subscribers',
+            'tab-strip', 'graph-view', 'detail-graph', 'is-model-viewed',
+            'preloadHighlighter', 'SharedHighlighter', 'CodeView',
+        ],
+        containerKind: 'application',
+        technology: 'React 19 in an Electron renderer',
+        description: 'Renders subsystem models and talks to the host over the Electrobun RPC bridge.',
+        state: 'proposed',
+        rationale: 'The Electron renderer process, holding 41 components in the live corpus.',
+        author,
+    },
+    {
+        id: 'container:legacy-renderer',
+        kind: 'container',
+        label: 'Principal Studio — renderer',
+        // The other half of the renderer merge question, mirroring legacy-host.
+        derivedFrom: ['principal-studio/renderer'],
+        members: ['app-shell'],
+        containerKind: 'application',
+        technology: 'React 19',
+        description: "The same React bundle under the app's former name.",
+        state: 'proposed',
+        rationale: 'One member, and the same process as container:studio-renderer. One deployable unit under two app names or two units?',
+        author,
+    },
+    {
+        id: 'container:cli',
+        kind: 'container',
+        label: 'Subsystem Modeling CLI',
+        derivedFrom: ['principal-studio-cli'],
+        members: ['cli-create'],
+        containerKind: 'application',
+        technology: 'Node',
+        description: 'Creates and updates models from the terminal.',
+        state: 'proposed',
+        rationale: 'A standalone binary is a deployable unit even with one command.',
+        author,
+    },
+    // --- the shape questions -------------------------------------------------
+    {
+        id: 'container:shared-ui',
+        kind: 'container',
+        label: 'subsystems-react (proposed container?)',
+        members: ['measured-dims'],
+        containerKind: 'application',
+        technology: 'React',
+        description: 'Shared graph UI, published as an npm package.',
+        state: 'proposed',
+        // Proposed as a container so the question is visible. There is no `library`
+        // kind to fall back on: c4model says a JAR/assembly/module "typically" is
+        // not an element at all, so a published package has to earn its box or be
+        // demoted into the containers that import it.
+        rationale: 'MEMBER OF THE COMPANION LIBRARY, not a runtime unit — no process of its own, imported by both renderers. Expected to be rejected or demoted.',
+        author,
+    },
+    {
+        id: 'container:model-store',
+        kind: 'container',
+        label: 'Subsystem model store',
+        members: ['model-disk-store', 'proposals-store'],
+        containerKind: 'data-store',
+        technology: 'JSON files under ~/.principal',
+        description: 'Every stored model and the correction queue, on local disk.',
+        state: 'proposed',
+        // The open Q2 decision: is this one C4 data-store container, or internals
+        // of the host that owns them?
+        rationale: 'Disk-backed and shared across the host and the CLI, which reads it. Whether C4 wants one data-store container or internals of the host is unresolved.',
+        author,
+    },
+    {
+        id: 'container:in-memory-state',
+        kind: 'container',
+        label: 'In-memory renderer state (proposed container?)',
+        // Two aliases nothing else claims. Rejecting this element is what makes
+        // them reappear in `unmapped` — which is the point: rejecting an element
+        // orphans whatever was in it, and the build says so out loud.
+        members: ['renderer-probe-cache', 'tab-order-cache'],
+        containerKind: 'application',
+        // Required by the type on every container, and empty on purpose: this is
+        // the shape the C4 notation forbids (process-lifetime state has no
+        // technology), and `summarizeElements` reports exactly this gap.
+        technology: '',
+        description: 'Module-level Sets and Maps that do not outlive the process.',
+        state: 'proposed',
+        rationale: 'Process-lifetime state, not durable storage. Belongs inside the renderer container as components, not beside it as its own container. Expected to be rejected.',
+        author,
+    },
+    // --- outside the boundary ----------------------------------------------
+    {
+        id: 'external:opencode2',
+        kind: 'external-system',
+        label: 'OpenCode v2 service',
+        members: ['opencode-v2-service'],
+        technology: 'HTTP',
+        description: 'Runs the maintain agent sessions this model is edited by.',
+        state: 'proposed',
+        rationale: 'Another system we call out to — a C4 software system, not one of our containers.',
+        author,
+    },
+    {
+        id: 'external:gists',
+        kind: 'external-system',
+        label: 'GitHub Gists API',
+        members: ['github-gists-api'],
+        technology: 'REST',
+        description: 'Publishes the portable model JSON as a gist.',
+        state: 'proposed',
+        author,
+    },
+    {
+        id: 'external:opencode-db',
+        kind: 'external-system',
+        label: 'opencode.db',
+        members: ['session-v2', 'event', 'session-message'],
+        // No technology field at all: C4 makes technology optional for an
+        // external system, and for a SQLite file the honest answer is "on disk".
+        description: 'Agent session transcripts, read by the host to build the timeline.',
+        state: 'proposed',
+        // Two models disagree about this: one claims these tables inside our
+        // system, another marks them external. Flagged rather than resolved.
+        rationale: 'CONFLICT — one stored model claims these tables inside the system, another marks the same tables external. Needs the user.',
+        author,
+    },
+    {
+        id: 'person:maintainer',
+        kind: 'person',
+        label: 'Maintain operator',
+        members: ['maintain-agent'],
+        description: 'Reviews and accepts the correction proposals this subsystem model accumulates.',
+        state: 'proposed',
+        rationale: 'C4 Person — no technology, by the notation. The only actor in the corpus; entityKind was never set on the underlying custom_entity.',
+        author,
+    },
+    // --- component level ----------------------------------------------------
+    {
+        id: 'component:boundary-layout',
+        kind: 'component',
+        label: 'Boundary layout builder',
+        members: ['build-boundary-layout', 'nest-groups'],
+        // Naming `container:shared-ui` as the parent is itself part of the open
+        // question: if that container is rejected, this component has no home and
+        // `buildC4Model` reports `unknown_container`.
+        container: 'container:shared-ui',
+        technology: 'React + ELK',
+        description: 'Turns module and process claims into nested compound frames.',
+        state: 'proposed',
+        author,
+    },
+    {
+        id: 'component:file-viewer',
+        kind: 'component',
+        label: 'Pierre file viewer',
+        members: ['file-panel'],
+        container: 'container:studio-renderer',
+        technology: 'React',
+        description: 'Opens the source slice a trail step points at.',
+        state: 'proposed',
+        author,
+    },
+    {
+        id: 'component:model-store-io',
+        kind: 'component',
+        label: 'Model store I/O',
+        members: ['store-create', 'store-list', 'read-file', 'store-file'],
+        container: 'container:studio-host',
+        technology: 'Bun fs',
+        description: 'Reads and writes model JSON under ~/.principal.',
+        state: 'proposed',
+        author,
+    },
+    {
+        id: 'component:audit-runner',
+        kind: 'component',
+        label: 'Audit runner',
+        members: ['audit-model', 'verify-files'],
+        // Deliberately dangling: points at a container that is not in this set, so
+        // the story shows what `unknown_container` looks like.
+        container: 'container:verifier',
+        technology: 'Bun',
+        description: 'Verifies every component claim in a model.',
+        state: 'proposed',
+        rationale: 'Named a container that does not exist yet — shows the build problem report.',
+        author,
+    },
+];
+/**
+ * A small document the elements above can be drawn against: the member aliases
+ * resolved, plus one trail so there is a line to draw.
+ *
+ * Only members named by an element appear. A component nobody claimed is
+ * deliberately absent — `buildC4Model` reports those as `unmapped` instead of
+ * inventing a home for them.
+ */
+export const c4FixtureDocument = {
+    components: [
+        { alias: 'store-create', name: 'createSubsystemModel', construct: 'function', file: 'packages/subsystems-studio/src/bun/subsystem-model-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-store.ts' },
+        { alias: 'store-list', name: 'listSubsystemModels', construct: 'function', file: 'packages/subsystems-studio/src/bun/subsystem-model-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-store.ts' },
+        { alias: 'verify-files', name: 'verifyModelFiles', construct: 'function', file: 'packages/subsystems-studio/src/bun/subsystem-model-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-store.ts' },
+        { alias: 'resolve-root', name: 'resolveRepoRootForComponent', construct: 'function', file: 'packages/subsystems-studio/src/bun/subsystem-model-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-store.ts' },
+        { alias: 'audit-model', name: 'auditSubsystemModel', construct: 'function', file: 'packages/subsystems-studio/src/bun/verify-subsystem-component.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/verify-subsystem-component.ts' },
+        { alias: 'http-put', name: 'handleSubsystemModelRequest', construct: 'function', file: 'packages/subsystems-studio/src/bun/http-server.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/http-server.ts' },
+        { alias: 'http-propose', name: 'postSubsystemModelProposal', construct: 'function', file: 'packages/subsystems-studio/src/bun/proposal-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/proposal-store.ts' },
+        { alias: 'register-roots', name: 'registerRepoRoots', construct: 'function', file: 'packages/subsystems-studio/src/bun/alexandria.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/alexandria.ts' },
+        { alias: 'tab-registry', name: 'tabs', construct: 'store', file: 'packages/subsystems-studio/src/bun/index.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/index.ts', declaration: { kind: 'store', storage: 'memory', properties: [] } },
+        { alias: 'live-feed-store', name: 'OpencodeLiveFeedState', construct: 'store', file: 'packages/subsystems-studio/src/bun/opencode-v2-live.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/opencode-v2-live.ts', declaration: { kind: 'store', storage: 'memory', properties: [] } },
+        { alias: 'maintain-probe-registry', name: 'MaintainerProbeRegistry', construct: 'store', file: 'packages/subsystems-studio/src/bun/maintainer-probe.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintainer-probe.ts', declaration: { kind: 'store', storage: 'memory', properties: [] } },
+        { alias: 'run-store', name: 'SubsystemModelRunStore', construct: 'store', file: 'packages/subsystems-studio/src/bun/subsystem-model-runs.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-runs.ts', declaration: { kind: 'store', storage: 'disk', properties: [] } },
+        { alias: 'graphify-store', name: 'ensureCaches', construct: 'function', file: 'packages/subsystems-studio/src/bun/graphify-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/graphify-store.ts' },
+        { alias: 'proposal-create', name: 'createSubsystemModelProposal', construct: 'function', file: 'packages/subsystems-studio/src/bun/proposal-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/proposal-store.ts' },
+        { alias: 'proposal-accept', name: 'acceptSubsystemModelProposal', construct: 'function', file: 'packages/subsystems-studio/src/bun/proposal-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/proposal-store.ts' },
+        { alias: 'maintain-orchestrator', name: 'maintainSubsystemModel', construct: 'function', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintain-model.ts' },
+        { alias: 'run-maintain-agent', name: 'runMaintainAgent', construct: 'function', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintain-model.ts' },
+        { alias: 'ensure-graphify', name: 'ensureCaches', construct: 'function', file: 'packages/subsystems-studio/src/bun/graphify-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/graphify-store.ts' },
+        { alias: 'store-file', name: 'writeFile', construct: 'function', file: 'packages/subsystems-studio/src/bun/subsystem-model-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/subsystem-model-store.ts' },
+        { alias: 'read-file', name: 'readSubsystemFile', construct: 'function', file: 'packages/subsystems-studio/src/bun/index.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/index.ts' },
+        { alias: 'close-tab', name: 'closeTabById', construct: 'function', file: 'packages/subsystems-studio/src/bun/index.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/index.ts' },
+        { alias: 'open-tab', name: 'openSubsystemModelTab', construct: 'function', file: 'packages/subsystems-studio/src/bun/index.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/index.ts' },
+        { alias: 'subsystems-view', name: 'SubsystemsModelsView', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx' },
+        { alias: 'model-view', name: 'SubsystemModelView', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx' },
+        { alias: 'regular-audit-view', name: 'RegularAuditView', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx' },
+        { alias: 'list-view', name: 'listView', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx' },
+        { alias: 'file-panel', name: 'FilePanel', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx' },
+        { alias: 'rpc-bridge', name: 'electrobun', construct: 'store', file: 'packages/subsystems-studio/src/mainview/rpc.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/rpc.ts', declaration: { kind: 'store', properties: [] } },
+        { alias: 'reload-subs', name: 'reloadSubscribers', construct: 'store', file: 'packages/subsystems-studio/src/mainview/rpc.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/rpc.ts', declaration: { kind: 'store', properties: [] } },
+        { alias: 'regular-audit-subscribers', name: 'regularAuditChangeSubscribers', construct: 'store', file: 'packages/subsystems-studio/src/mainview/rpc.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/rpc.ts', declaration: { kind: 'store', properties: [] } },
+        { alias: 'app-shell', name: 'App', construct: 'function', file: 'packages/subsystems-studio/src/mainview/App.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/App.tsx' },
+        { alias: 'tab-strip', name: 'TabStrip', construct: 'function', file: 'packages/subsystems-studio/src/mainview/components/TabStrip.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/components/TabStrip.tsx' },
+        { alias: 'graph-view', name: 'SubsystemComponentGraph', construct: 'function', file: 'packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx' },
+        { alias: 'detail-graph', name: 'DetailGraph', construct: 'function', file: 'packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx' },
+        { alias: 'is-model-viewed', name: 'isModelViewed', construct: 'function', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx' },
+        { alias: 'preloadHighlighter', name: 'preloadHighlighter', construct: 'external', file: '', purl: 'pkg:npm/@pierre/diffs' },
+        { alias: 'SharedHighlighter', name: 'SharedHighlighter', construct: 'external', file: '', purl: 'pkg:npm/@pierre/diffs' },
+        { alias: 'CodeView', name: 'CodeView', construct: 'external', file: '', purl: 'pkg:npm/@pierre/diffs' },
+        { alias: 'cli-create', name: 'create', construct: 'function', file: 'packages/principal-studio-cli/src/commands/subsystem-model.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/principal-studio-cli/src/commands/subsystem-model.ts' },
+        { alias: 'nest-groups', name: 'nestCompoundGroups', construct: 'function', file: 'packages/subsystems-react/src/utils/elkLayout.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-react/src/utils/elkLayout.ts' },
+        { alias: 'build-boundary-layout', name: 'buildBoundaryLayoutGroups', construct: 'function', file: 'packages/subsystems-react/src/subsystem/model.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-react/src/subsystem/model.ts' },
+        { alias: 'measured-dims', name: 'measuredDimsRef', construct: 'store', file: 'packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-react/src/subsystem/SubsystemComponentGraph.tsx', declaration: { kind: 'store', properties: [] } },
+        { alias: 'model-disk-store', name: '~/.principal/subsystem-models', construct: 'store', file: '', purl: 'external:file:~/.principal/subsystem-models', declaration: { kind: 'store', storage: 'disk', properties: [] } },
+        { alias: 'proposals-store', name: 'SubsystemModelProposalStore', construct: 'store', file: 'packages/subsystems-studio/src/bun/proposal-store.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/proposal-store.ts', declaration: { kind: 'store', storage: 'disk', properties: [] } },
+        { alias: 'opencode-v2-service', name: 'OpenCode v2 service', construct: 'external', file: '', purl: 'external:opencode/v2-service' },
+        { alias: 'github-gists-api', name: 'GitHub Gists API', construct: 'external', file: '', purl: 'external:api.github.com/gists' },
+        { alias: 'session-v2', name: 'session_v2', construct: 'external', file: '', purl: 'external:opencode.db/session-v2' },
+        { alias: 'event', name: 'event', construct: 'external', file: '', purl: 'external:opencode.db/event' },
+        { alias: 'session-message', name: 'session_message', construct: 'external', file: '', purl: 'external:opencode.db/session-message' },
+        { alias: 'renderer-probe-cache', name: 'rendererProbeCache', construct: 'store', file: 'packages/subsystems-studio/src/mainview/rpc.ts', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/rpc.ts', declaration: { kind: 'store', storage: 'memory', properties: [] } },
+        { alias: 'tab-order-cache', name: 'tabOrderCache', construct: 'store', file: 'packages/subsystems-studio/src/mainview/components/TabStrip.tsx', purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/components/TabStrip.tsx', declaration: { kind: 'store', storage: 'memory', properties: [] } },
+        { alias: 'maintain-agent', name: 'Maintenance agent (OpenCode) session', construct: 'custom_entity', file: '', purl: 'external' },
+    ],
+    trails: [
+        {
+            id: 'tl-audit',
+            title: 'Run a dry-run audit from the Audit button',
+            steps: [
+                { from: 'model-view', to: 'audit-model', mechanism: 'calls', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx', line: 443, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelView.tsx', symbol: 'SubsystemModelView' },
+                { from: 'audit-model', to: 'model-disk-store', mechanism: 'writes', file: 'packages/subsystems-studio/src/bun/verify-subsystem-component.ts', line: 950, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/verify-subsystem-component.ts', symbol: 'auditSubsystemModel' },
+                { from: 'subsystems-view', to: 'model-view', mechanism: 'feeds', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', line: 1152, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', symbol: 'openSubsystemModel' },
+                { from: 'subsystems-view', to: 'file-panel', mechanism: 'uses', file: 'packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', line: 958, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/mainview/views/SubsystemModelsView.tsx', symbol: 'onShowAuditReport' },
+            ],
+        },
+        {
+            id: 'tl-maintain',
+            title: 'Maintain run posts a correction proposal',
+            steps: [
+                { from: 'maintain-orchestrator', to: 'run-maintain-agent', mechanism: 'calls', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', line: 854, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintain-model.ts', symbol: 'maintainSubsystemModel' },
+                { from: 'run-maintain-agent', to: 'opencode-v2-service', mechanism: 'calls', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', line: 651, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintain-model.ts', symbol: 'runMaintainAgent' },
+                { from: 'opencode-v2-service', to: 'maintain-agent', mechanism: 'feeds', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', line: 650, purl: 'external:opencode/v2-service#packages/subsystems-studio/src/bun/maintain-model.ts', symbol: 'runMaintainAgent' },
+                { from: 'http-propose', to: 'proposal-create', mechanism: 'calls', file: 'packages/subsystems-studio/src/bun/http-server.ts', line: 404, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/http-server.ts', symbol: 'handleSubsystemModelRequest' },
+                { from: 'proposal-create', to: 'proposals-store', mechanism: 'writes', file: 'packages/subsystems-studio/src/bun/proposal-store.ts', line: 554, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/proposal-store.ts', symbol: 'createSubsystemModelProposal' },
+                { from: 'maintain-orchestrator', to: 'run-store', mechanism: 'writes', file: 'packages/subsystems-studio/src/bun/maintain-model.ts', line: 892, purl: 'pkg:github/acme/subsystem-modeling#packages/subsystems-studio/src/bun/maintain-model.ts', symbol: 'noteSubsystemModelRunStart' },
+            ],
+        },
+    ],
+};
+/** Elements the author is asking a question about, surfaced in the story. */
+export const c4OpenQuestions = c4ProposedElements
+    .filter((a) => a.rationale && /(CONFLICT|not a|Expected to be|whether|Needs|one deployable unit)/.test(a.rationale))
+    .map((a) => ({ id: a.id, label: a.label, rationale: a.rationale }));
+//# sourceMappingURL=c4ProposedElements.fixture.js.map

package/dist/stories/Subsystem/C4Graph/c4ProposedElements.fixture.js.map

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

package/dist/subsystem/C4Graph.d.ts

@@ -1,7 +1,7 @@
 /**
  * C4Graph — a C4 projection of a (composed) subsystem model on React Flow.
  *
- * Prototype test case: feed it a `C4Model` from `toC4()` and it draws the
+ * Feed it a `C4Model` from `buildC4Model()` and it draws the
  * system as a compound frame, its containers (or components) as boxes, and
  * externals/actors outside the system. `trail` steps render as flow
  * edges. Click a box to list the source components it rolled up.
@@ -11,7 +11,7 @@
  * drawers, no trail playback.
  */
 /// <reference types="react" />
-import type { C4Model } from './toC4';
+import type { C4Model } from './c4';
 export interface C4GraphProps {
     model: C4Model;
     title?: string;

package/dist/subsystem/C4Graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"C4Graph.d.ts","sourceRoot":"","sources":["../../src/subsystem/C4Graph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;AAkBH,OAAO,KAAK,EAAE,OAAO,EAAU,MAAM,QAAQ,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AAsaD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAM1C"}
+{"version":3,"file":"C4Graph.d.ts","sourceRoot":"","sources":["../../src/subsystem/C4Graph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;AAmBH,OAAO,KAAK,EAAE,OAAO,EAAU,MAAM,MAAM,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AA2YD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAM1C"}

package/dist/subsystem/C4Graph.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * C4Graph — a C4 projection of a (composed) subsystem model on React Flow.
  *
- * Prototype test case: feed it a `C4Model` from `toC4()` and it draws the
+ * Feed it a `C4Model` from `buildC4Model()` and it draws the
  * system as a compound frame, its containers (or components) as boxes, and
  * externals/actors outside the system. `trail` steps render as flow
  * edges. Click a box to list the source components it rolled up.
@@ -15,71 +15,17 @@ import { useEffect, useMemo, useState } from 'react';
 import { Handle, MarkerType, Position, ReactFlow, ReactFlowProvider, useReactFlow, } from '@xyflow/react';
 import { useTheme } from '@principal-ade/industry-theme';
 import { computeElkLayout } from '../utils/elkLayout';
-import { describeConstructBreakdown, MECHANISM_COLOR } from './model';
+import { MECHANISM_COLOR } from './model';
+import { C4NodeCard, NODE_H, NODE_W, nodeSize, nodeStyle } from './C4NodeCard';
 import { GRAPH_CANVAS_CLASS, GRAPH_NAV_PROPS, GraphChrome, GraphLayerStyle } from './graphChrome';
-const NODE_W = 230;
-const NODE_H = 80;
-function baseName(path) {
-    const parts = path.split('/').filter(Boolean);
-    return parts[parts.length - 1] ?? path;
-}
 function edgeColor(mechanism, fallback) {
     if (!mechanism)
         return fallback;
     return MECHANISM_COLOR[mechanism] ?? fallback;
 }
 function C4NodeView(props) {
-    const { theme } = useTheme();
     const { node, selected } = props.data;
-    const muted = theme.colors.textMuted ?? theme.colors.textSecondary;
-    const kindColor = node.kind === 'external'
-        ? (theme.colors.warning ?? theme.colors.accent ?? theme.colors.info)
-        : node.kind === 'actor'
-            ? (theme.colors.accent ?? theme.colors.info)
-            : (theme.colors.border ?? '#333');
-    const tag = node.kind === 'container' ? 'container' : node.kind === 'external' ? 'external system' : node.kind === 'actor' ? 'actor' : 'component';
-    const subtitle = node.kind === 'component'
-        ? `${node.component?.construct ?? 'code'}${node.component?.file ? ` · ${baseName(node.component.file)}` : ''}`
-        : `${describeConstructBreakdown(node.constructs)}${node.members.length > 0 ? ` · ${node.members.length} component${node.members.length === 1 ? '' : 's'}` : ''}`;
-    return (_jsxs("div", { style: {
-            width: NODE_W,
-            height: NODE_H,
-            boxSizing: 'border-box',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            gap: 2,
-            padding: '8px 12px',
-            borderRadius: node.kind === 'actor' ? 20 : 8,
-            background: theme.colors.backgroundSecondary ?? theme.colors.background,
-            border: `2px ${node.kind === 'component' ? 'solid' : node.kind === 'container' ? 'solid' : 'dashed'} ${selected ? theme.colors.primary : kindColor}`,
-            boxShadow: '0 1px 4px rgba(0,0,0,0.25)',
-            cursor: 'pointer',
-            fontFamily: theme.fonts.body,
-        }, children: [_jsx("span", { style: {
-                    fontFamily: theme.fonts.monospace,
-                    fontSize: theme.fontSizes[0],
-                    letterSpacing: 0.5,
-                    textTransform: 'uppercase',
-                    color: kindColor,
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                }, children: tag }), _jsx("span", { style: {
-                    fontWeight: 600,
-                    fontSize: theme.fontSizes[2],
-                    color: theme.colors.text,
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                }, title: node.label, children: node.label }), _jsx("span", { style: {
-                    fontFamily: theme.fonts.monospace,
-                    fontSize: theme.fontSizes[0],
-                    color: muted,
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                }, title: node.members.join(', '), children: subtitle }), _jsx(Handle, { type: "target", position: Position.Left, style: { opacity: 0 } }), _jsx(Handle, { type: "source", position: Position.Right, style: { opacity: 0 } })] }));
+    return (_jsx(C4NodeCard, { node: node, selected: selected, handles: _jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Left, style: { opacity: 0 } }), _jsx(Handle, { type: "source", position: Position.Right, style: { opacity: 0 } })] }) }));
 }
 function C4GroupView(props) {
     const { theme } = useTheme();
@@ -135,23 +81,32 @@ function Inner({ model, title, onSelectNode }) {
         let alive = true;
         setReady(false);
         setSelectedId(null);
-        const rfNodes = model.nodes.map((n, i) => ({
-            id: n.id,
-            type: 'c4-node',
-            position: { x: (i % 4) * (NODE_W + 60), y: Math.floor(i / 4) * (NODE_H + 40) },
-            width: NODE_W,
-            height: NODE_H,
-            ...(n.parentId ? { parentId: n.parentId } : {}),
-            data: { node: n, selected: false },
-        }));
+        // Per-node size, so a square component is laid out as a square. Feeding the
+        // container dimensions for everything would make ELK reserve 210x138 of
+        // space around a 132x132 box and space the component view twice as far
+        // apart as it needs.
+        const rfNodes = model.nodes.map((n, i) => {
+            const size = nodeSize(n);
+            return {
+                id: n.id,
+                type: 'c4-node',
+                // Fallback grid pitch uses the container box — the largest, so the
+                // pre-layout positions never overlap. ELK replaces them on success.
+                position: { x: (i % 5) * (NODE_W + 44), y: Math.floor(i / 5) * (NODE_H + 44) },
+                width: size.width,
+                height: size.height,
+                ...(n.parentId ? { parentId: n.parentId } : {}),
+                data: { node: n, selected: false },
+            };
+        });
         const groups = model.groups.map((g) => ({
             id: g.id,
             memberIds: g.memberIds,
             ...(g.parentId ? { parentId: g.parentId } : {}),
         }));
         const rfEdges = model.edges.map((e) => {
-            const flow = e.kind === 'flow';
-            const color = flow ? edgeColor(e.mechanisms[0], muted) : (theme.colors.border ?? '#666');
+            // Every edge here came from a trail step, so the mechanism colours apply.
+            const color = edgeColor(e.mechanisms[0], muted);
             return {
                 id: e.id,
                 source: e.source,
@@ -162,7 +117,7 @@ function Inner({ model, title, onSelectNode }) {
                 style: {
                     stroke: color,
                     strokeWidth: 1 + Math.min(e.count, 6) * 0.4,
-                    ...(flow ? { strokeDasharray: '6 4' } : {}),
+                    strokeDasharray: '6 4',
                 },
                 markerEnd: { type: MarkerType.ArrowClosed, color, width: 18, height: 18 },
                 data: { edge: e },
@@ -244,7 +199,7 @@ function Inner({ model, title, onSelectNode }) {
         ? { ...n, data: { ...n.data, selected: n.id === selectedId } }
         : n), [nodes, selectedId]);
     const runtime = model.nodes.filter((n) => n.kind === 'container' || n.kind === 'component').length;
-    const outside = model.nodes.filter((n) => n.kind === 'external' || n.kind === 'actor').length;
+    const outside = model.nodes.filter((n) => n.kind === 'external-system' || n.kind === 'person').length;
     return (_jsxs("div", { style: { position: 'relative', width: '100%', height: '100%', background: theme.colors.background }, children: [_jsx(GraphLayerStyle, {}), _jsx(ReactFlow, { nodes: displayNodes, edges: rfEdges, nodeTypes: nodeTypes, className: GRAPH_CANVAS_CLASS, ...GRAPH_NAV_PROPS, onNodeClick: (_e, node) => {
                     if (node.type !== 'c4-node')
                         return;
@@ -289,7 +244,17 @@ function Inner({ model, title, onSelectNode }) {
                 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontWeight: 600, color: theme.colors.text, flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: selected.label }), _jsx("button", { type: "button", onClick: () => {
                                     setSelectedId(null);
                                     onSelectNode?.(null);
-                                }, "aria-label": "Clear selection", style: { border: 'none', background: 'transparent', color: muted, cursor: 'pointer', fontSize: theme.fontSizes[2], lineHeight: 1 }, children: "\u00D7" })] }), _jsxs("div", { style: { fontFamily: theme.fonts.monospace, fontSize: theme.fontSizes[0], color: muted, margin: '4px 0 8px' }, children: [selected.kind, " \u00B7 ", selected.members.length, " component", selected.members.length === 1 ? '' : 's', selected.models && selected.models.length > 0 ? ` · ${selected.models.length} model${selected.models.length === 1 ? '' : 's'}` : ''] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 2 }, children: selected.members.map((alias) => (_jsx("span", { title: alias, style: {
+                                }, "aria-label": "Clear selection", style: { border: 'none', background: 'transparent', color: muted, cursor: 'pointer', fontSize: theme.fontSizes[2], lineHeight: 1 }, children: "\u00D7" })] }), _jsxs("div", { style: { fontFamily: theme.fonts.monospace, fontSize: theme.fontSizes[0], color: muted, margin: '4px 0 8px' }, children: [selected.kind, " \u00B7 ", selected.members.length, " component", selected.members.length === 1 ? '' : 's', selected.models && selected.models.length > 0 ? ` · ${selected.models.length} model${selected.models.length === 1 ? '' : 's'}` : ''] }), selected.kind === 'container' && (_jsxs("div", { style: {
+                            fontFamily: theme.fonts.monospace,
+                            fontSize: theme.fontSizes[0],
+                            color: muted,
+                            borderTop: `1px solid ${theme.colors.border ?? '#333'}`,
+                            paddingTop: 6,
+                            marginBottom: 8,
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 3,
+                        }, children: [_jsxs("span", { style: { color: nodeStyle(selected, theme).color }, children: [selected.state, selected.containerKind ? ` · ${selected.containerKind}` : ` · ${selected.kind}`] }), selected.technology ? (_jsxs("span", { children: ["technology: ", selected.technology] })) : (_jsx("span", { style: { color: theme.colors.warning ?? '#e8a33a' }, children: "technology: not stated" })), selected.description ? (_jsx("span", { style: { whiteSpace: 'normal', lineHeight: 1.4 }, children: selected.description })) : (_jsx("span", { style: { color: theme.colors.warning ?? '#e8a33a' }, children: "description: not stated" })), selected.derivedFrom && selected.derivedFrom.length > 1 && (_jsxs("span", { style: { whiteSpace: 'normal', lineHeight: 1.4 }, children: ["consolidated from: ", selected.derivedFrom.join(', ')] }))] })), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 2 }, children: selected.members.map((alias) => (_jsx("span", { title: alias, style: {
                                 fontFamily: theme.fonts.monospace,
                                 fontSize: theme.fontSizes[0],
                                 color: theme.colors.text,