@xxrandr/conecta-diagram 0.0.0-stage → 0.1.4

package/dist/photon.css

@@ -0,0 +1,339 @@
+/* src/svg/photon.css */
+:root {
+  color-scheme: light;
+  --font-sans:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Inter,
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  --font-mono:
+    ui-monospace,
+    "SF Mono",
+    "Fira Code",
+    Menlo,
+    Consolas,
+    monospace;
+  --app-bg: #ededf0;
+  --canvas-bg: #f9f9fa;
+  --dot: #d7d7db;
+  --surface: #ffffff;
+  --border: #d7d7db;
+  --border-strong: #b1b1b3;
+  --text: #0c0c0d;
+  --text-secondary: #4a4a4f;
+  --text-muted: #737373;
+  --icon-bg: #ededf0;
+  --chip-bg: #ededf0;
+  --accent: #0060df;
+  --selection-glow: rgba(0, 96, 223, 0.16);
+  --shadow-card: 0 1px 2px rgba(12, 12, 13, 0.06);
+  --shadow-card-hover: 0 2px 8px rgba(12, 12, 13, 0.1);
+}
+html[data-theme=dark] {
+  color-scheme: dark;
+  --app-bg: #0c0c0d;
+  --canvas-bg: #141414;
+  --dot: #2a2a2e;
+  --surface: #1c1c1f;
+  --border: #35353a;
+  --border-strong: #4a4a4f;
+  --text: #f9f9fa;
+  --text-secondary: #d7d7db;
+  --text-muted: #9a9aa2;
+  --icon-bg: #2a2a2e;
+  --chip-bg: #2a2a2e;
+  --accent: #0a84ff;
+  --selection-glow: rgba(10, 132, 255, 0.24);
+  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-card-hover: 0 2px 10px rgba(0, 0, 0, 0.5);
+}
+.flow-node {
+  position: relative;
+  width: 300px;
+  padding: 14px 16px 12px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--surface);
+  box-shadow: var(--shadow-card);
+  cursor: pointer;
+  transition:
+    border-color 0.12s ease,
+    box-shadow 0.12s ease,
+    background-color 0.12s ease;
+  color: var(--text);
+  font-family: var(--font-sans);
+  box-sizing: border-box;
+}
+.flow-node::before {
+  content: "";
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 3px;
+  background: var(--node-accent);
+  opacity: 0.9;
+}
+.flow-node:hover {
+  border-color: var(--border-strong);
+  box-shadow: var(--shadow-card-hover);
+}
+.flow-node.selected {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--selection-glow), var(--shadow-card-hover);
+}
+.flow-node:focus-visible,
+[data-node-id]:focus-visible .flow-node {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.flow-node[data-kind=process] {
+  --node-accent: #0060df;
+  --node-accent-soft: rgba(0, 96, 223, 0.1);
+}
+.flow-node[data-kind=service] {
+  --node-accent: #008eaa;
+  --node-accent-soft: rgba(0, 142, 170, 0.12);
+}
+html[data-theme=dark] .flow-node[data-kind=process] {
+  --node-accent: #0a84ff;
+  --node-accent-soft: rgba(10, 132, 255, 0.16);
+}
+html[data-theme=dark] .flow-node[data-kind=service] {
+  --node-accent: #00c2d1;
+  --node-accent-soft: rgba(0, 194, 209, 0.16);
+}
+.flow-node:is([data-kind=task], [data-kind=decision], [data-kind=wait], [data-kind=fork], [data-kind=join], [data-kind=start], [data-kind=end], [data-kind=generic], [data-kind=cancel]) {
+  --node-accent: var(--accent);
+  --node-accent-soft: var(--selection-glow);
+}
+.flow-node:is([data-kind=api], [data-kind=database], [data-kind=file], [data-kind=ssh], [data-kind=sftp], [data-kind=mail], [data-kind=messaging], [data-kind=event]) {
+  --node-accent: #008eaa;
+  --node-accent-soft: rgba(0, 142, 170, 0.12);
+}
+html[data-theme=dark] .flow-node:is([data-kind=api], [data-kind=database], [data-kind=file], [data-kind=ssh], [data-kind=sftp], [data-kind=mail], [data-kind=messaging], [data-kind=event]) {
+  --node-accent: #00c2d1;
+  --node-accent-soft: rgba(0, 194, 209, 0.16);
+}
+.node-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.node-icon {
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  flex: 0 0 32px;
+  border-radius: 6px;
+  background: var(--icon-bg);
+  color: var(--node-accent);
+  transition: background-color 0.12s ease;
+}
+.flow-node.selected .node-icon {
+  background: var(--node-accent-soft);
+}
+.node-icon svg {
+  width: 18px;
+  height: 18px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.7;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.node-title {
+  font-size: 13.5px;
+  font-weight: 600;
+  line-height: 18px;
+  letter-spacing: -0.01em;
+}
+.node-subtitle {
+  margin-top: 1px;
+  font-size: 11px;
+  line-height: 15px;
+  color: var(--text-muted);
+}
+.signals {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 12px 0 10px;
+}
+.signal {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 8px 2px 6px;
+  border-radius: 20px;
+  background: var(--chip-bg);
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+.signal svg {
+  width: 12px;
+  height: 12px;
+  flex: 0 0 12px;
+  fill: none;
+  stroke: var(--text-muted);
+  stroke-width: 1.7;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.action-preview {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 12px;
+}
+.preview-label {
+  font-size: 9.5px;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+.preview-value {
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: var(--chip-bg);
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  line-height: 16px;
+}
+.node-divider {
+  height: 1px;
+  margin: 0 0 9px;
+  background: var(--border);
+}
+.node-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+.execution {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+.status-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--text-muted);
+  flex-shrink: 0;
+}
+.action-type {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--text-muted);
+}
+.theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 10px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--surface);
+  color: var(--text-secondary);
+  font: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  cursor: pointer;
+  transition:
+    background-color 0.12s ease,
+    border-color 0.12s ease,
+    color 0.12s ease;
+}
+.theme-toggle:hover {
+  background: var(--chip-bg);
+  border-color: var(--border-strong);
+  color: var(--text);
+}
+.theme-toggle:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.flow-node--embedded {
+  height: calc(100% - 8px);
+  margin: 4px;
+  display: flex;
+  flex-direction: column;
+}
+.node-header > div:last-child {
+  min-width: 0;
+}
+.flow-node--embedded .node-title,
+.flow-node--embedded .node-subtitle,
+.flow-node--embedded .preview-value,
+.flow-node--embedded .action-type {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.flow-node--embedded .signals {
+  min-height: 20px;
+  max-height: 46px;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.flow-node--embedded .signal {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+}
+.flow-node--embedded .node-divider {
+  margin-top: auto;
+  flex-shrink: 0;
+}
+.flow-node--embedded .execution {
+  min-width: 0;
+  max-width: 160px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.flow-node--embedded .action-type {
+  max-width: 125px;
+}
+.signal[data-observed=true] svg,
+.flow-node:is([data-state=active], [data-state=running], [data-state=streaming], [data-state=succeeded], [data-state=completed]) .status-dot {
+  color: var(--accent);
+  stroke: var(--accent);
+  background: var(--accent);
+}
+.flow-node:is([data-state=failed], [data-state=timed_out], [data-state=rejected], [data-state=cancelled]) .status-dot {
+  border-radius: 0;
+  background: var(--text-secondary);
+}
+.flow-node--embedded .execution-detail {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+[data-node-id]:focus-visible {
+  outline: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .flow-node,
+  .theme-toggle {
+    transition: none;
+  }
+}

package/dist/runner-display-BkBJpBY-.d.ts

@@ -0,0 +1,151 @@
+import { F as FlowDocument, d as Context } from './store-CtOInpPu.js';
+
+interface ForkFrame {
+    group: string;
+    fork: string;
+    join: string;
+    branch: string;
+    expected: number;
+}
+interface SimulationToken {
+    id: string;
+    nodeId: string;
+    status: "ready" | "async" | "signal" | "joining";
+    frames: ForkFrame[];
+}
+interface SimulationEvent {
+    sequence: number;
+    type: "entered" | "completed" | "traversed" | "waiting" | "failed" | "cancelled";
+    nodeId?: string;
+    tokenId?: string;
+    edgeId?: string;
+    message?: string;
+}
+interface SimulationSnapshot {
+    status: "running" | "waiting" | "completed" | "failed" | "cancelled";
+    context: Context;
+    tokens: SimulationToken[];
+    completedNodes: string[];
+    traversedEdges: string[];
+    events: SimulationEvent[];
+    steps: number;
+    error?: string;
+}
+interface SimulationOptions {
+    traceLimit?: number;
+    maxTokens?: number;
+}
+interface RunResult {
+    reason: SimulationSnapshot["status"] | "step-limit";
+    snapshot: SimulationSnapshot;
+}
+/** Deterministic token simulation. Never invokes handlers, evaluates code or creates timers. */
+declare class FlowSimulator {
+    private readonly document;
+    private state;
+    private nextId;
+    private sequence;
+    private readonly traceLimit;
+    private readonly maxTokens;
+    constructor(document: FlowDocument, context?: Context, options?: SimulationOptions);
+    getSnapshot(): SimulationSnapshot;
+    /** Process one ready token, using stable FIFO order. */
+    step(): SimulationSnapshot;
+    run(maxSteps?: number): RunResult;
+    /** Complete one async activation, not every activation of the same node. */
+    complete(tokenId: string, patch?: Context): SimulationSnapshot;
+    /** External applications collect user input and explicitly deliver it here. */
+    signal(tokenId: string, signal: string, patch?: Context): SimulationSnapshot;
+    fail(tokenId: string, message: string): SimulationSnapshot;
+    cancel(): SimulationSnapshot;
+    private resume;
+    private findWaiting;
+    private advance;
+    private traverse;
+    private completed;
+    private failToken;
+    private remove;
+    private id;
+    private terminal;
+    private refresh;
+    private event;
+    private checkContext;
+}
+
+type RunnerStatus = "ACCEPTED" | "RUNNING" | "STREAMING" | "SUCCEEDED" | "FAILED" | "CANCELLED" | "TIMED_OUT" | "REJECTED";
+type DisplayStatus = "idle" | "active" | "waiting" | "accepted" | "running" | "streaming" | "completed" | "succeeded" | "failed" | "cancelled" | "timed_out" | "rejected";
+interface DisplayProgress {
+    current: string;
+    total?: string;
+    unit: "bytes" | "rows" | "items";
+}
+interface TransferObservation {
+    id: string;
+    offset: string;
+    chunkSequence: string;
+    size: string;
+    totalSize?: string;
+    final: boolean;
+}
+interface NodeExecution {
+    status: DisplayStatus;
+    detail?: string;
+    commandId?: string;
+    sequence?: string;
+    final?: boolean;
+    progress?: DisplayProgress;
+    transfer?: TransferObservation;
+}
+interface SignalObservation {
+    id: string;
+    nodeId: string;
+    name: string;
+    direction: "in" | "out";
+    summary?: string;
+}
+interface DecisionObservation {
+    id: string;
+    nodeId: string;
+    edgeId: string;
+    reason: string;
+}
+interface ExecutionOverlay {
+    nodes: Record<string, NodeExecution>;
+    edges?: Record<string, "taken" | "skipped">;
+    decisions?: Record<string, DecisionObservation>;
+    signals?: SignalObservation[];
+}
+/** A redacted presentation DTO, not a generated protobuf codec or executor. */
+interface RunnerResultPreview {
+    commandId: string;
+    status: RunnerStatus | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    sequence: string;
+    success: boolean;
+    final: boolean;
+    summary?: string;
+    error?: string;
+    progress?: DisplayProgress;
+    transfer?: TransferObservation;
+}
+declare function simulationOverlay(snapshot: SimulationSnapshot): ExecutionOverlay;
+/** Correlates observed runner results with plan nodes. Does not send or run commands. */
+declare class RunnerDisplay {
+    private readonly observationLimit;
+    private readonly document;
+    private readonly commands;
+    private readonly latest;
+    private readonly decisions;
+    private readonly signals;
+    private readonly seen;
+    constructor(document: FlowDocument, observationLimit?: number);
+    /** Register correlation only. This does not dispatch, accept or execute a command. */
+    track(commandId: string, nodeId: string): void;
+    applyResult(input: RunnerResultPreview): boolean;
+    observeSignal(observation: SignalObservation): void;
+    observeDecision(observation: DecisionObservation): void;
+    getOverlay(): ExecutionOverlay;
+    private remember;
+}
+
+export { FlowSimulator as F, RunnerDisplay as d, simulationOverlay as s };
+export type { DecisionObservation as D, ExecutionOverlay as E, NodeExecution as N, RunResult as R, SignalObservation as S, TransferObservation as T, DisplayProgress as a, DisplayStatus as b, ForkFrame as c, RunnerResultPreview as e, RunnerStatus as f, SimulationEvent as g, SimulationOptions as h, SimulationSnapshot as i, SimulationToken as j };

package/dist/runner-display-DHHtavSX.d.cts

@@ -0,0 +1,151 @@
+import { F as FlowDocument, d as Context } from './store-CtOInpPu.cjs';
+
+interface ForkFrame {
+    group: string;
+    fork: string;
+    join: string;
+    branch: string;
+    expected: number;
+}
+interface SimulationToken {
+    id: string;
+    nodeId: string;
+    status: "ready" | "async" | "signal" | "joining";
+    frames: ForkFrame[];
+}
+interface SimulationEvent {
+    sequence: number;
+    type: "entered" | "completed" | "traversed" | "waiting" | "failed" | "cancelled";
+    nodeId?: string;
+    tokenId?: string;
+    edgeId?: string;
+    message?: string;
+}
+interface SimulationSnapshot {
+    status: "running" | "waiting" | "completed" | "failed" | "cancelled";
+    context: Context;
+    tokens: SimulationToken[];
+    completedNodes: string[];
+    traversedEdges: string[];
+    events: SimulationEvent[];
+    steps: number;
+    error?: string;
+}
+interface SimulationOptions {
+    traceLimit?: number;
+    maxTokens?: number;
+}
+interface RunResult {
+    reason: SimulationSnapshot["status"] | "step-limit";
+    snapshot: SimulationSnapshot;
+}
+/** Deterministic token simulation. Never invokes handlers, evaluates code or creates timers. */
+declare class FlowSimulator {
+    private readonly document;
+    private state;
+    private nextId;
+    private sequence;
+    private readonly traceLimit;
+    private readonly maxTokens;
+    constructor(document: FlowDocument, context?: Context, options?: SimulationOptions);
+    getSnapshot(): SimulationSnapshot;
+    /** Process one ready token, using stable FIFO order. */
+    step(): SimulationSnapshot;
+    run(maxSteps?: number): RunResult;
+    /** Complete one async activation, not every activation of the same node. */
+    complete(tokenId: string, patch?: Context): SimulationSnapshot;
+    /** External applications collect user input and explicitly deliver it here. */
+    signal(tokenId: string, signal: string, patch?: Context): SimulationSnapshot;
+    fail(tokenId: string, message: string): SimulationSnapshot;
+    cancel(): SimulationSnapshot;
+    private resume;
+    private findWaiting;
+    private advance;
+    private traverse;
+    private completed;
+    private failToken;
+    private remove;
+    private id;
+    private terminal;
+    private refresh;
+    private event;
+    private checkContext;
+}
+
+type RunnerStatus = "ACCEPTED" | "RUNNING" | "STREAMING" | "SUCCEEDED" | "FAILED" | "CANCELLED" | "TIMED_OUT" | "REJECTED";
+type DisplayStatus = "idle" | "active" | "waiting" | "accepted" | "running" | "streaming" | "completed" | "succeeded" | "failed" | "cancelled" | "timed_out" | "rejected";
+interface DisplayProgress {
+    current: string;
+    total?: string;
+    unit: "bytes" | "rows" | "items";
+}
+interface TransferObservation {
+    id: string;
+    offset: string;
+    chunkSequence: string;
+    size: string;
+    totalSize?: string;
+    final: boolean;
+}
+interface NodeExecution {
+    status: DisplayStatus;
+    detail?: string;
+    commandId?: string;
+    sequence?: string;
+    final?: boolean;
+    progress?: DisplayProgress;
+    transfer?: TransferObservation;
+}
+interface SignalObservation {
+    id: string;
+    nodeId: string;
+    name: string;
+    direction: "in" | "out";
+    summary?: string;
+}
+interface DecisionObservation {
+    id: string;
+    nodeId: string;
+    edgeId: string;
+    reason: string;
+}
+interface ExecutionOverlay {
+    nodes: Record<string, NodeExecution>;
+    edges?: Record<string, "taken" | "skipped">;
+    decisions?: Record<string, DecisionObservation>;
+    signals?: SignalObservation[];
+}
+/** A redacted presentation DTO, not a generated protobuf codec or executor. */
+interface RunnerResultPreview {
+    commandId: string;
+    status: RunnerStatus | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    sequence: string;
+    success: boolean;
+    final: boolean;
+    summary?: string;
+    error?: string;
+    progress?: DisplayProgress;
+    transfer?: TransferObservation;
+}
+declare function simulationOverlay(snapshot: SimulationSnapshot): ExecutionOverlay;
+/** Correlates observed runner results with plan nodes. Does not send or run commands. */
+declare class RunnerDisplay {
+    private readonly observationLimit;
+    private readonly document;
+    private readonly commands;
+    private readonly latest;
+    private readonly decisions;
+    private readonly signals;
+    private readonly seen;
+    constructor(document: FlowDocument, observationLimit?: number);
+    /** Register correlation only. This does not dispatch, accept or execute a command. */
+    track(commandId: string, nodeId: string): void;
+    applyResult(input: RunnerResultPreview): boolean;
+    observeSignal(observation: SignalObservation): void;
+    observeDecision(observation: DecisionObservation): void;
+    getOverlay(): ExecutionOverlay;
+    private remember;
+}
+
+export { FlowSimulator as F, RunnerDisplay as d, simulationOverlay as s };
+export type { DecisionObservation as D, ExecutionOverlay as E, NodeExecution as N, RunResult as R, SignalObservation as S, TransferObservation as T, DisplayProgress as a, DisplayStatus as b, ForkFrame as c, RunnerResultPreview as e, RunnerStatus as f, SimulationEvent as g, SimulationOptions as h, SimulationSnapshot as i, SimulationToken as j };