agent-orchestrator/ui-electrobun
Hibryda 1cd4558740 fix(electrobun): address all 22 Codex review #2 findings
CRITICAL:
- DocsTab XSS: DOMPurify sanitization on all {@html} output
- File RPC path traversal: guardPath() validates against project CWDs

HIGH:
- SSH injection: spawn /usr/bin/ssh via PTY args, no shell string
- Search XSS: strip HTML, highlight matches client-side with <mark>
- Terminal listener leak: cleanup functions stored + called in onDestroy
- FileBrowser race: request token, discard stale responses
- SearchOverlay race: same request token pattern
- App startup ordering: groups.list chains into active_group restore
- PtyClient timeout: 5-second auth timeout on connect()
- Rule 55: 6 {#if} patterns converted to style:display toggle

MEDIUM:
- Agent persistence: only persist NEW messages (lastPersistedIndex)
- Search errors: typed error response, "Invalid query" UI
- Health store wired: agent events call recordActivity/setProjectStatus
- index.ts SRP: split into 8 domain handler modules (298 lines)
- App.svelte: extracted workspace-store.svelte.ts
- rpc.ts: typed AppRpcHandle, removed `any`

LOW:
- CommandPalette listener wired in App.svelte
- Dead code removed (removeGroup, onDragStart, plugin loaded)
2026-03-22 02:30:09 +01:00
..
build/dev-linux-x64/AgentOrchestrator-dev fix(electrobun): WebKitGTK click-lock — use display toggle instead of DOM add/remove 2026-03-20 07:36:26 +01:00
src fix(electrobun): address all 22 Codex review #2 findings 2026-03-22 02:30:09 +01:00
tests/e2e feat(electrobun): auto-updater + E2E tests + splash screen — ALL GAPS CLOSED 2026-03-22 01:49:30 +01:00
bun.lock feat(electrobun): add xterm.js terminal with image addon (Sixel/iTerm2) 2026-03-20 01:40:24 +01:00
electrobun.config.ts feat: Electrobun Svelte+WGPU prototype (Dawn GPU confirmed on Linux) 2026-03-20 01:25:41 +01:00
llms.txt feat: Electrobun Svelte+WGPU prototype (Dawn GPU confirmed on Linux) 2026-03-20 01:25:41 +01:00
package-lock.json fix(electrobun): address all 22 Codex review #2 findings 2026-03-22 02:30:09 +01:00
package.json fix(electrobun): address all 22 Codex review #2 findings 2026-03-22 02:30:09 +01:00
README.md feat: Electrobun Svelte+WGPU prototype (Dawn GPU confirmed on Linux) 2026-03-20 01:25:41 +01:00
svelte.config.js feat: Electrobun Svelte+WGPU prototype (Dawn GPU confirmed on Linux) 2026-03-20 01:25:41 +01:00
tsconfig.json feat(electrobun): wire EVERYTHING — all settings persist, theme editor, marketplace 2026-03-20 05:45:10 +01:00
vite.config.ts feat: Electrobun Svelte+WGPU prototype (Dawn GPU confirmed on Linux) 2026-03-20 01:25:41 +01:00

Svelte Electrobun Template

A fast Electrobun desktop app template with Svelte 5 and Vite for hot module replacement (HMR).

Getting Started

# Install dependencies
bun install

# Development without HMR (uses bundled assets)
bun run dev

# Development with HMR (recommended)
bun run dev:hmr

# Build for production
bun run build

# Build for production release
bun run build:prod

How HMR Works

When you run bun run dev:hmr:

  1. Vite dev server starts on http://localhost:5173 with HMR enabled
  2. Electrobun starts and detects the running Vite server
  3. The app loads from the Vite dev server instead of bundled assets
  4. Changes to Svelte components update instantly without full page reload

When you run bun run dev (without HMR):

  1. Electrobun starts and loads from views://mainview/index.html
  2. You need to rebuild (bun run build) to see changes

Project Structure

├── src/
│   ├── bun/
│   │   └── index.ts        # Main process (Electrobun/Bun)
│   └── mainview/
│       ├── App.svelte      # Svelte app component
│       ├── main.ts         # Svelte entry point
│       ├── index.html      # HTML template
│       └── app.css         # Global styles
├── electrobun.config.ts    # Electrobun configuration
├── vite.config.ts          # Vite configuration
├── svelte.config.js        # Svelte configuration
└── package.json

Svelte 5 Features

This template uses Svelte 5 with the new runes syntax:

  • $state() - reactive state
  • $derived() - computed values
  • $effect() - side effects

Customizing

  • Svelte components: Edit files in src/mainview/
  • Global styles: Edit src/mainview/app.css
  • Vite settings: Edit vite.config.ts
  • Window settings: Edit src/bun/index.ts
  • App metadata: Edit electrobun.config.ts