- Adjusted text sizing in the ActionNode component to use smaller font sizes for better readability.
- Replaced the overflow handling for truncated content with a line clamp for a cleaner presentation.
- Ensured consistent styling for Markdown content within the component.
- Changed the font-family for sub-headlines from display to mono for consistency in styling.
- Improved the connection logic in the MonitorPage component to include retry functionality with a maximum retry limit, enhancing user experience during connection attempts.
- Updated the status indicator to reflect connection states more accurately, providing clearer feedback to users during connection attempts.
- Introduced social links for GitHub and personal profile, improving user engagement and contribution opportunities.
- Updated the title from "Clawdbot Companion Monitor" to "Open-Source Clawdbot Companion" for better clarity.
- Removed unused CrabSilhouette component to streamline the code and improve performance.
- Updated the SessionList component to conditionally apply margin and padding based on the collapsed state, enhancing layout responsiveness.
- Simplified button styles by removing unnecessary border properties for a cleaner appearance.
- Adjusted footer styles to ensure consistent spacing and visual appeal when collapsed.
- Added useEffect to preload all crab animation frames on component mount, improving performance during animations.
- Introduced a constant for all crab animation frame paths to streamline the preloading process.
- Simplified styles in the ActionGraph and ActionNode components by removing unnecessary border styles for a cleaner look.
- Updated ActionNode to improve text sizing for better readability and consistency.
- Enhanced SettingsPanel by streamlining button styles and removing redundant border properties, improving overall UI consistency.
- Adjusted layout properties in the SessionList component to enhance responsiveness and visual appeal.
- Added `react-markdown` as a dependency to enable Markdown rendering.
- Updated the `ActionNode` component to display full content using Markdown when expanded, enhancing content presentation.
- Adjusted styles for the Markdown content to ensure readability and visual consistency within the component.
- Modified the SessionList component to adjust layout and improve responsiveness based on the collapsed state.
- Updated footer icon links and hover styles for better visual consistency and interaction.
- Removed unused hover styles for the footer icon, streamlining the CSS.
- Introduced a new lobster icon in place of the animated crab, enhancing visual representation.
- Updated styles for the lobster icon to improve interactivity and appearance.
- Adjusted the Handle component's z-index for better layering in the UI.
- Introduced a new footer icon component with hover effects for improved user interaction.
- Updated SessionList component to include the new footer icon and refined styling for better visual consistency.
- Adjusted SettingsPanel header styles for improved typography and layout.
- Ensured consistent use of quotation marks and formatting across the codebase.
- Updated chaser crab state management to include new states: 'wandering' and 'jumping', enhancing movement dynamics.
- Simplified the animation loop for crab movement, implementing step-based updates for smoother animations.
- Improved target detection logic for the chaser crab, allowing it to chase newly added or moved nodes effectively.
- Enhanced click handling for the chaser crab, enabling jump animations and state transitions based on user interaction.
- Refined the ChaserCrabNode component to accommodate new states and improve click event handling.
- Removed font size and line height from .font-console in styles.css for cleaner typography.
- Updated version number from v3.0 to v1.0.1 in SettingsPanel and Home components for consistency.
- Added .tanstack/tmp/* to .gitignore to prevent tracking of temporary files in the TanStack directory.
- Introduced JetBrains Mono font files (Regular, Medium, SemiBold, Bold) to the project.
- Updated styles.css to include local font-face definitions for JetBrains Mono.
- Replaced 'Space Mono' with 'JetBrains Mono' in the font stack for improved typography consistency.
- Eliminated TanStackRouterDevtools and associated devtoolsPlugins from the RootDocument, streamlining the component.
- Simplified the structure of the RootDocument to enhance performance and maintainability.
- Introduced new action types: 'start', 'streaming', and 'complete' to improve event tracking and state management.
- Updated ActionGraph component to apply edge styling based on action type, enhancing visual representation of action flows.
- Modified ActionNode to display state labels and metadata for completed actions, improving user feedback.
- Refined addAction function to handle new action types and associated metadata, ensuring accurate session tracking.
- Enhanced chatEventToAction and agentEventToAction functions to map new action types and extract relevant metadata.
- Simplified the initialization of the chaser crab node by using a static position and default state on mount.
- Enhanced the animation loop to directly update the chaser crab's position and state, improving performance and clarity.
- Updated the node management to ensure the chaser crab is preserved during layout changes, maintaining its behavior and state.
- Cleaned up dependencies in useEffect hooks for better performance and readability.
- Added state management for chaser crab, including position, target, and behavior states (idle, running, attacking).
- Integrated chaser crab into the ActionGraph layout, allowing it to dynamically chase new nodes.
- Removed the ChaserCrab component, consolidating functionality directly within ActionGraph for improved performance and maintainability.
- Enhanced animation loop for chaser crab movement and attack logic, improving interaction dynamics.
- Introduced ActionGraphInner as a separate component to utilize ReactFlow hooks.
- Added ChaserCrab overlay to display additional node information.
- Wrapped ActionGraph in ReactFlowProvider for improved context management.
- Updated layout and styling for better visual consistency.
- Added 'documents/*' to .gitignore to prevent tracking of all files in the documents directory.
- Ensured 'src/routeTree.gen.ts' is explicitly listed for tracking, maintaining clarity in ignored files.
- Implemented log collection functionality in the SettingsPanel, allowing users to start/stop recording events and view the count of collected logs.
- Enhanced the TRPC router with procedures for managing log collection state, downloading collected logs, and clearing logs.
- Updated MonitorPage to handle log collection state and integrate new log management features, improving event tracking and user experience.
- Added support for lifecycle events in the agentEventToAction function, distinguishing between 'start' and 'end' phases.
- Updated sessionKey handling to prioritize the event's sessionKey over the stream.
- Implemented filtering to skip system events and assistant streams in parseEventFrame, focusing on lifecycle events for session management.
- Introduced session status updates based on event phases, improving session tracking.
- Deleted the Header component to simplify the application structure.
- Adjusted layout in the RootDocument and Home components to utilize full-screen height, enhancing the visual experience.
- Ensured consistent styling across components by updating height calculations.
- 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.
Luciano Castillo