Skip to content

feat: add configurable network interface binding#7

Open
zdenek-stursa wants to merge 4 commits intodisler:mainfrom
zdenek-stursa:main
Open

feat: add configurable network interface binding#7
zdenek-stursa wants to merge 4 commits intodisler:mainfrom
zdenek-stursa:main

Conversation

@zdenek-stursa
Copy link
Copy Markdown

Summary

  • Added configurable network interface binding for the observability server
  • Server can now bind to localhost, 0.0.0.0, or specific IP addresses via
    environment variables
  • Client automatically connects to the configured server address
  • Enhanced start script with intelligent network configuration handling

Features Added

  • SERVER_HOST environment variable - Configure which interface the server
    binds to
  • SERVER_PORT environment variable - Configure server port (default: 4000)
  • CORS_ORIGIN environment variable - Configure CORS policy (default: *)
  • VITE_SERVER_HOST and VITE_SERVER_PORT - Configure client connection
  • Centralized configuration module at apps/client/src/config.ts
  • Enhanced start script that handles network configuration intelligently

Use Cases

  • Development: localhost (default, secure)
  • Team collaboration: 0.0.0.0 (network-wide access)
  • Production: Custom IP addresses for specific deployment needs

Test Plan

  • Test default localhost configuration (backward compatibility maintained)
  • Test 0.0.0.0 binding for network-wide access
  • Test client WebSocket connections across configurations
  • Verify TypeScript compilation passes
  • Test with multiple concurrent agents sending events

🤖 Generated with Claude Code

zdenek-stursa and others added 4 commits July 20, 2025 09:37
- Add SERVER_HOST and SERVER_PORT environment variables for flexible server binding
- Support binding to specific interfaces (localhost, 0.0.0.0, custom IPs)
- Add client configuration via VITE_SERVER_HOST and VITE_SERVER_PORT
- Create centralized configuration module for client
- Update all API and WebSocket connections to use dynamic configuration
- Enhance start script to handle network configuration intelligently
- Add comprehensive documentation and examples
- Maintain backward compatibility with existing setups
- Fix minor TypeScript warnings

Enables deployment in various network configurations:
- Development: localhost (default, secure)
- Team collaboration: 0.0.0.0 (network-wide access)
- Production: custom IP addresses

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Reduce header height by 40% and minimize padding throughout UI
- Remove "Connected" text, show only status dot with tooltip
- Minimize "Agent Event Stream" heading to small "Event Stream" label
- Optimize EventTimeline, EventRow, FilterPanel, and LivePulseChart spacing
- Hide events counter on mobile for cleaner layout
- Replace bright blue header with subdued gray gradient for dark theme
- Improve mobile layout with optimized button placement and alignment
- Maintain all functionality while maximizing content display space

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
wolfiesch added a commit to wolfiesch/claude-code-hooks-multi-agent-observability that referenced this pull request Dec 9, 2025
…d timestamps

Add comprehensive payload UI improvements:

Error Field Highlighting (disler#7):
- Visual red border and warning icon (⚠️) for error fields
- Smart detection of error keywords (error, failure, failed, exception, fault)
- Highlights fields with error values or failure indicators
- Added tool_result.error to PostToolUse priority fields

Timestamps with Relative Time (disler#8):
- Display relative time ("2m ago", "5h ago") for quick scanning
- Show absolute time in PST/PDT with timezone abbreviation
- Format: "15s ago (Dec 8, 2025, 03:15:42 AM PST)"
- Uses America/Los_Angeles timezone throughout

Also includes from previous work:
- Visual diff display for repeated tool outputs (disler#3)
- Persistent collapsed state via localStorage (disler#6)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant