feat(web): migrate launcher to modular web frontend/backend and improve management UX (#1275)
* refactor: remove the legacy picoclaw-launcher
* feat: create initial web frontend and backend structure
* feat(packaging): add desktop entry for PicoClaw Launcher (#1062)
- Add .desktop file with Terminal=true, named "PicoClaw Launcher"
- Install to /usr/share/applications/ for app menu visibility
- Add 512x512 PNG icon to /usr/share/icons/hicolor/
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
* `make dev`: If you haven't built it before, you need to run `build` first.
* feat(web): comprehensive web UI and backend refactoring
This commit introduces a major overhaul of both the frontend web UI and the Go backend API, transitioning to a highly modular architecture and integrating new core features.
Backend:
- Refactored monolithic API endpoints into domain-specific modules (config, gateway, log, models, pico, session).
- Cleaned up obsolete files (`server.go`, `status.go`, WebSocket handlers) and outdated tests.
- Implemented Gateway process lifecycle management (start/stop/restart) and real-time log streaming.
Frontend:
- Integrated Shadcn UI components to establish a modern, consistent design system.
- Introduced a new application layout featuring a responsive sidebar (`app-sidebar`) and header.
- Implemented internationalization (i18n) with initial support for English and Chinese.
- Restructured API clients, hooks, and Zustand stores into logical domains.
- Added new management pages for Settings, Logs, Models, Providers, and Credentials.
- Upgraded the Pico chat interface with session history management and dynamic model selection.
Build & Config:
- Updated frontend dependencies, Vite configuration, and lockfiles.
- Refined routing setup and overarching application stylesheets.
* feat(web): enhance model management, sorting, and deletion logic
- Implement model sorting in UI (default > configured > unconfigured)
- Prevent deletion of default models in the frontend
- Update backend to clear default settings when a model is deleted
- Add existence validation when setting a default model via API
- Group models in chat UI by type (API Key, OAuth, Local)
- Conditionally display model selector in chat based on configuration status
* refactor(web): refactor chat page into modular components/hooks and update i18n
- split chat route into dedicated chat components (page, composer, empty state, messages, history, model selector)
- extract model/session logic into use-chat-models and use-session-history hooks
- update chat locale keys in en/zh and add empty-state/history-related translations
* refactor(models): refactor models page into modular components and improve UX
- split /models route into dedicated components (page, provider section, card, add/edit sheets, delete dialog)
- add provider grouping/sorting, provider labels/icons, and a no-default hint in the models page
- add "Set as default model" toggle to add/edit flows with safer defaults
- introduce shared form helpers and new UI primitives (field, label, switch)
- update i18n strings (en/zh) for models and gateway header text usage
- apply minor UI polish (models nav icon, separator client directive)
* fix(web): add SPA index fallback for embedded frontend routes
Serve existing static assets as-is, keep /api/* and missing asset paths returning 404, and add tests for SPA fallback behavior on refresh.
* fix(frontend/chat): normalize message timestamp units to prevent invalid far-future dates
* chore: delete TestSPARouteFallsBackToIndex
* feat: update build for web-based launcher (#1186)
- Makefile: add build-launcher target (builds frontend + Go backend)
- GoReleaser: point picoclaw-launcher build to web/backend, add frontend
build hook, restore winres hook with updated paths
- Restore icon.ico and winres config from main for Windows builds
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
* feat(credentials): add multi-provider OAuth credential management
- add backend `/api/oauth/*` endpoints for provider status, browser/device-code/token login, flow query/polling, and logout
- extend API handler with OAuth flow/state tracking and route registration, plus OAuth unit tests
- implement frontend credentials page/components for OpenAI, Anthropic, and Google Antigravity login/logout
- add OAuth API client and `useCredentialsPage` hook, with new EN/ZH i18n strings
* chore: remove placeholder index.html from dist (#1188)
The .gitkeep is sufficient for go:embed to find the dist directory.
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
* fix(frontend): polish model and credential UX; remove Providers nav
- remove the Providers item from sidebar navigation and locale keys
- simplify chat composer by dropping attach/voice action buttons
- support ReactNode titles in credential cards and add provider brand icons
- refine sheet header/footer styling and device-code footer button hierarchy
- disable “Set default” when a model is unconfigured or already default
* feat(web): Update config page (#1173)
* feat(web): Update config page
* fix(web): useEffect resets editorValue whenever config changes
* fix(web): react-hooks/set-state-in-effect error & pnpm lint #1173
* feat(web): add channel management page for web console (#1190)
* feat(web): add channel management page for web console
Add a complete channel management UI that allows users to configure
messaging channels (Telegram, Discord, Slack, Feishu, etc.) directly
from the web console instead of manually editing config.json.
Backend: GET/PUT/PATCH API endpoints for listing, updating, and
toggling channels with secret field masking.
Frontend: Channel cards grid with enable/disable toggles, per-channel
configuration sheets with dedicated forms for major platforms and a
generic fallback for others.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
* fix(web/channels): move channels to own sidebar group and fix sheet padding
- Channels now has its own navigation group instead of being under Services
- Fix edit sheet form content padding (px-1 -> px-4) to match header/footer
- Fix naked return lint error in extractChannelInfo
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---------
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
* fix(web): harden channel config updates and resolve frontend lint issues
- validate channel PUT/PATCH updates before saving and return structured validation errors
- require `enabled` in toggle requests to avoid silent false defaults
- support editing `allow_origins` in the generic channel form and parse string/array inputs on backend
- replace channel form `any` usage with `ChannelConfig` (`Record<string, unknown>`) and add safe value helpers
- add i18n strings for allow-origins fields and apply related frontend formatting cleanups
* fix(frontend): prevent false "Invalid JSON" errors in config editor
* feat: add startup readiness checks and propagate start availability to UI
- add gateway precondition validation for default model and credentials
- auto-start gateway on backend boot when conditions are met
- include gateway_start_allowed and gateway_start_reason in status updates
- prevent frontend start actions when gateway cannot be started
* feat(web): revamp channel config UX with catalog-based routing
- replace legacy channel management endpoints with a backend channel catalog API
- switch frontend channel updates to PATCH /api/config and per-channel config pages
- add dynamic channel items in the sidebar with support for expand/collapse
- migrate /channels to nested routes (/channels/$name) and remove old card/sheet flow
- improve channel forms with clearer hints, required/error states, and reusable switch cards
- fix Discord mention-only toggle to read/write group_trigger.mention_only
* refactor(frontend): move shared-form to components and unify default-model switch with SwitchCardField
* fix(frontend): improve model form validation and unify secret placeholder handling
- block duplicate model aliases when adding a model (with localized error messages)
- share masked secret placeholder logic across model and channel forms
- refresh gateway state after setting the default model
- apply minor UI cleanup to provider icon rendering
* feat(web): add visual system config and launcher/autostart controls
- add launcher config model and persistence (`launcher-config.json`) for port/public/CIDR settings
- add system APIs for launch-at-login and launcher parameters
- apply CIDR-based access-control middleware to backend HTTP routes
- split config routing into visual config and raw JSON config pages
- add frontend system API client and visual config sections for runtime/devices/launcher
- expand i18n strings (en/zh) for new config UI
- improve sidebar active matching and session ID generation fallback
* refactor(frontend): remove i18n fallback strings and drop providers route
- Replace `t(key, defaultValue)` calls with key-only translations across UI pages
- Clean up locale files by pruning unused keys and adding missing shared keys
- Remove the obsolete `/providers` page and update generated route tree
* fix(backend): correct gateway status detection on Windows
* fix(repo): keep web backend dist placeholder tracked
---------
Co-authored-by: Guoguo <16666742+imguoguo@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Dihubopen <dihubcn@gmail.com>
Co-authored-by: Dihubopen <130813726+Dihubopen@users.noreply.github.com>
2026-03-09 11:42:03 +00:00
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500" viewBox="0 0 500 500"><image width="500" height="500" xlink:href="data:image/png;base64,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
|
