- Introduced a debug mode toggle in the SettingsPanel, allowing users to enable or disable debug logging.
- Updated the TRPC router to manage server-side debug mode state, including procedures to set and get the debug mode status.
- Enhanced event logging to output raw events and parsed actions when debug mode is enabled, improving troubleshooting capabilities.
- Added support for a collapsible sidebar in the SessionList component, allowing users to toggle the sidebar's visibility.
- Integrated responsive behavior to automatically collapse the sidebar on mobile devices.
- Updated the layout and styling to accommodate the new collapsed state, ensuring a seamless user experience.
- Refactored the component to include new props for managing the collapsed state and toggle functionality.
- Increased font size from 9px to 11px in ActionNode and SessionNode components to enhance text visibility.
- Adjusted font size in SessionList for group indicator to maintain consistency across components.
- Added state management for crab animations, allowing the crab to transition between idle, jumping, and attacking states based on user interactions.
- Enhanced the crab display with mouse event handlers for hover and click actions, improving interactivity.
- Updated the rendering logic to conditionally display the appropriate animation based on the current state.
- Deleted the dbDevtools plugin from the integration, streamlining the application structure.
- Removed associated imports and references to enhance code clarity and maintainability.
- Replaced static crab logo and silhouette SVGs with `CrabIdleAnimation` in the Header, CrabNode, NotFound, Home, and Monitor components for enhanced visual appeal.
- Updated styling to maintain consistency with the new animated assets.
- Removed unused SVG components to streamline the codebase.
- Introduced new PNG assets for crab attack, idle, and jump animations.
- Created `FrameAnimation` component for handling frame-based animations.
- Implemented `CrabAttackAnimation`, `CrabIdleAnimation`, and `CrabJumpAnimation` components to utilize the new assets.
- Updated index file to export the new animation components for easy access.
- Introduced a comprehensive retro-futuristic design system in styles.css, including custom theme colors, fonts, and glow effects.
- Updated Header component to feature a crab logo and arcade-style text, enhancing visual appeal.
- Refined ActionGraph and ActionNode components with improved color schemes and styling for better clarity and aesthetics.
- Enhanced SessionList and SettingsPanel with retro-themed elements and improved layout for a cohesive user experience.
- Implemented animations and transitions using Framer Motion for smoother interactions and visual feedback.
- Updated various components to utilize new design tokens and styles, ensuring consistency across the application.
- Updated Header component to replace the logo with a text-based link and an icon, enhancing visual appeal.
- Removed demo routes for TanStack DB, Query, and tRPC, streamlining the application structure and reducing unnecessary complexity.
- Replaced runId grouping with sessionKey grouping for actions, improving clarity in session management.
- Enhanced edge creation logic to connect actions in a chain per session, ensuring proper sequencing based on timestamps.
- Removed lifecycle event checks to streamline action processing and improve performance.
- Introduced a runSessionMap to track runId to sessionKey mappings learned from chat events.
- Updated addAction function to utilize the mapped sessionKey for actions with lifecycle or invalid keys.
- Removed lifecycle event checks in the parser to streamline event handling.
- Eliminated debug logging for session not found cases in ActionGraph to reduce console noise.
- Updated Clawdbot parser to skip lifecycle/internal events that do not belong to a session, improving event handling efficiency.
- Introduced a check to ensure session nodes exist before creating edges in the ActionGraph.
- Added logging for cases where a session node is not found, improving debugging and traceability of session connections.
- Simplified session status updates by introducing `updateSessionStatus` function.
- Removed unnecessary checks and session creation logic for existing sessions, enhancing performance and clarity.
- Improved event handling for session updates in response to incoming data.
- Added support for new event types in ActionNode, including 'agent' and 'system', with corresponding icons and labels.
- Introduced a formatTime function for consistent timestamp formatting in the UI.
- Updated content truncation logic to handle longer messages more effectively.
- Enhanced session management in MonitorPage to ensure sessions are created for actions and updated based on status changes.
- Removed unnecessary debug logging and streamlined the extraction of text content from various message formats.
- Enhanced handling of tool calls and results within content blocks, improving action type assignment.
- Updated session key parsing in protocol to accommodate new message format variations and clarify recipient identification.
- Updated ActionNode to safely handle various content types and improved truncation logic for better display.
- Enhanced chatEventToAction function in Clawdbot parser to extract content from different message formats and added debugging logs for event structure.
- Improved logging in TRPC router to include session keys for better traceability during event handling.
- Updated `addAction` function to aggregate delta actions into a single streaming action per runId.
- Improved logging to filter out delta events in TRPC router, reducing console noise.
- Removed unnecessary console logs in MonitorPage during event subscription lifecycle.
- Introduced `updateSession` helper function to facilitate partial updates of session data.
- Updated TRPC client to use `splitLink` for handling subscriptions, improving real-time event management.
- Enhanced logging in TRPC router for better visibility during event subscriptions.
- Integrated real-time event subscription in MonitorPage to handle session updates and actions effectively.
- Introduced CrabNode to represent a central point in the ActionGraph.
- Updated nodeTypes to include CrabNode and modified rawNodes to always include it.
- Established connections from CrabNode to visible session nodes for better clarity.
- Adjusted layout logic to ensure proper positioning of nodes, especially when only the CrabNode is present.
- Updated MiniMap to visually distinguish CrabNode with a unique color.
luccast