Skip to content
Transcript View
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

Transcript View

Scrollable transcript with speaker labels, marked moments, and action buttons for export and notes.

Transcript View
feature/transcription
View DSL Source
section
stack(gap="lg")
row(justify="between" align="center")
heading(level="1") Open Sharing β€” Apr 27
row(gap="sm")
button(id="export-btn" variant="ghost")
icon(name="download" size="sm")
button(variant="ghost")
icon(name="edit" size="sm")
stack(gap="md")
card
stack(gap="xs")
badge(variant="neutral") Alex
text(color="muted") "I've been feeling really disconnected lately, like we're just going through the motions…"
card
stack(gap="xs")
badge(variant="primary") Sam
text(color="muted") "I hear that. I think I've been stressed about work and not really been present."
badge(variant="warning") Marked Moment
card
stack(gap="xs")
badge(variant="neutral") Alex
text(color="muted") "It feels like every time I bring up something important it gets pushed aside."
badge(variant="danger") Insight: defensiveness pattern
divider
row(justify="between")
button(variant="secondary")
icon(name="play" size="sm")
text Play Recording
button(id="add-note-btn" variant="primary") Add Reflection Note