Diagram Gallery
FLOW Diagrams
Diagram Syntax Error
flowchart TD;
classDef eventNode fill:#e8f5e9,stroke:#4caf50,color:#1b5e20;
classDef errorNode fill:#ffebee,stroke:#ef5350,color:#b71c1c;
classDef policyNode fill:#f3f0ff,stroke:#7c3aed,color:#4c1d95,stroke-dasharray:4 4;
initial["User selects Conflict Resolution format. (user)"];
s2["start-session (user)"];
initial --> s2;
click s2 href "/domains/conversation#start-session" _self;
b2{"session-ready?"};
s2 --> b2;
p2_0["Session begins and recording starts."];
b2 -- "success" --> p2_0;
emit2_0(["⚡ session-started"])
p2_0 -- emit --> emit2_0;
class emit2_0 eventNode;
click emit2_0 href "/domains/conversation#session-started" _self;
pol2_0_0["⟳ start-recording"]
emit2_0 -.-> pol2_0_0;
class pol2_0_0 policyNode;
s3["Explains (user)"];
emit2_0 --> s3;
s4["User triggers transition (manual or via (user)"];
s3 --> s4;
s5["Each partner reflects back what they hea (user)"];
s4 --> s5;
s6["User triggers transition. (user)"];
s5 --> s6;
s7["Both identify needs. (user)"];
s6 --> s7;
s8["User triggers transition. (user)"];
s7 --> s8;
s9["Misunderstandings are clarified. (user)"];
s8 --> s9;
s10["Conversation moves toward resolution. (user)"];
s9 --> s10;
s11["end-session (user)"];
s10 --> s11;
click s11 href "/domains/conversation#end-session" _self;
b11{"session-active?"};
s11 --> b11;
p11_0["Session still active"];
b11 -- "active" --> p11_0;
emit11_0(["⚡ session-ended"])
p11_0 -- emit --> emit11_0;
class emit11_0 eventNode;
click emit11_0 href "/domains/conversation#session-ended" _self;
pol11_0_0["⟳ request-transcription"]
emit11_0 -.-> pol11_0_0;
class pol11_0_0 policyNode;
p11_0 -- "active" --> initial;
s12["Show counter (user)"];
emit11_0 --> s12;
p11_1["Session ended and recording finalised."];
b11 -- "ended" --> p11_1;
emit11_1(["⚡ session-ended"])
p11_1 -- emit --> emit11_1;
class emit11_1 eventNode;
click emit11_1 href "/domains/conversation#session-ended" _self;
pol11_1_0["⟳ request-transcription"]
emit11_1 -.-> pol11_1_0;
class pol11_1_0 policyNode;
p11_1 -- "ended" --> initial; Diagram Syntax Error
flowchart TD;
classDef eventNode fill:#e8f5e9,stroke:#4caf50,color:#1b5e20;
classDef errorNode fill:#ffebee,stroke:#ef5350,color:#b71c1c;
classDef policyNode fill:#f3f0ff,stroke:#7c3aed,color:#4c1d95,stroke-dasharray:4 4;
s1["mark-moment (user)"];
click s1 href "/domains/conversation#mark-moment" _self;
b1{"session-active?"};
s1 --> b1;
p1_0["Moment flagged with timestamp."];
b1 -- "success" --> p1_0;
emit1_0(["⚡ moment-marked"])
p1_0 -- emit --> emit1_0;
class emit1_0 eventNode;
click emit1_0 href "/domains/conversation#moment-marked" _self;
s2["Session ends and is transcribed. (user)"];
emit1_0 --> s2;
s3["User navigates to the relationship memor (user)"];
s2 --> s3;
s4["add-note (user)"];
s3 --> s4;
click s4 href "/domains/memory-reflection#add-note" _self;
b4{"note-valid?"};
s4 --> b4;
p4_0["Note saved with selected visibility."];
b4 -- "success" --> p4_0;
emit4_0(["⚡ privacy-updated"])
p4_0 -- emit --> emit4_0;
class emit4_0 eventNode;
click emit4_0 href "/domains/memory-reflection#privacy-updated" _self; Diagram Syntax Error
flowchart TD;
classDef eventNode fill:#e8f5e9,stroke:#4caf50,color:#1b5e20;
classDef errorNode fill:#ffebee,stroke:#ef5350,color:#b71c1c;
classDef policyNode fill:#f3f0ff,stroke:#7c3aed,color:#4c1d95,stroke-dasharray:4 4;
subgraph setup ["Setup"]
s1["User selects Open Sharing format. (user)"];
s2["start-session (user)"];
s1 --> s2;
click s2 href "/domains/conversation#start-session" _self;
b2{"session-ready?"};
s2 --> b2;
p2_0["Session begins and recording starts."];
b2 -- "success" --> p2_0;
emit2_0(["⚡ session-started"])
p2_0 -- emit --> emit2_0;
class emit2_0 eventNode;
click emit2_0 href "/domains/conversation#session-started" _self;
pol2_0_0["⟳ start-recording"]
emit2_0 -.-> pol2_0_0;
class pol2_0_0 policyNode;
end
style setup fill:#e3f2fd,stroke:#1e88e5
subgraph partner-a ["Partner A's Turn"]
s3["Partner A speaks; Partner B listens. (user)"];
emit2_0 --> s3;
s4["Timer completes (audio/visual cue), but (user)"];
s3 --> s4;
s5["Partner A taps to finish their turn. (user)"];
s4 --> s5;
end
style partner-a fill:#f8f9fa,stroke:#dee2e6
subgraph partner-b ["Partner B's Turn"]
s6["App switches turn. 5-minute timer starts (user)"];
s5 --> s6;
s7["Partner B speaks; Partner A listens. (user)"];
s6 --> s7;
s8["Timer completes, Partner B manually acce (user)"];
s7 --> s8;
end
style partner-b fill:#f8f9fa,stroke:#dee2e6
subgraph wrap-up ["Wrap-Up"]
s9["end-session (user)"];
s8 --> s9;
click s9 href "/domains/conversation#end-session" _self;
b9{"session-active?"};
s9 --> b9;
p9_0["Session ended and audio recording finalised."];
b9 -- "success" --> p9_0;
emit9_0(["⚡ session-ended"])
p9_0 -- emit --> emit9_0;
class emit9_0 eventNode;
click emit9_0 href "/domains/conversation#session-ended" _self;
pol9_0_0["⟳ stop-recording"]
emit9_0 -.-> pol9_0_0;
class pol9_0_0 policyNode;
pol9_0_1["⟳ request-transcription"]
emit9_0 -.-> pol9_0_1;
class pol9_0_1 policyNode;
end
style wrap-up fill:#e8f5e9,stroke:#4caf50