feat: TurnEndDivider with prismarine floor, elevated FAB with bubbles

- Add TurnEndDivider component with pixel art ocean reef divider
- Parser merges stop_hook_summary + turn_duration into single turn_end
- Prismarine-inspired mosaic floor with SVG pattern and crystal highlights
- Animated duration badge with underwater glow effect
- Move transcript FAB to bottom-right, add elevated multi-layer shadow
- Add occasional bubble particles rising from FAB button
- Prevent long-touch selection on FAB (contextmenu + touch-callout)
- FAB stays fixed on mobile when terminal sheet opens
This commit is contained in:
2026-02-20 14:28:37 -06:00
parent abe6766a85
commit 18378adb77
8 changed files with 558 additions and 64 deletions

View File

@@ -8,6 +8,7 @@ export { default as ToolCallBlock } from './ToolCallBlock.vue'
export { default as ToolResultBlock } from './ToolResultBlock.vue'
export { default as ProgressEvent } from './ProgressEvent.vue'
export { default as SystemMessage } from './SystemMessage.vue'
export { default as TurnEndDivider } from './TurnEndDivider.vue'
export { default as UserInput } from './UserInput.vue'
export { default as PermissionApproval } from './PermissionApproval.vue'
export { default as PlanApproval } from './PlanApproval.vue'
@@ -15,4 +16,5 @@ export { default as CodeBlock } from './CodeBlock.vue'
export { default as AgentBadge } from './AgentBadge.vue'
export { default as ResumeTerminalButton } from './ResumeTerminalButton.vue'
export { default as VoiceMicButton } from './VoiceMicButton.vue'
export { default as NewSessionModal } from './NewSessionModal.vue'
export { AquaticBackground } from './aquaticBackground'