salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
be4f3836021a1083b11dd82394d592665f47b054
CodeNomad/packages/ui
History
Pascal André a795869064 fix(ui): stabilize timeline follow scroll from bottom (#327) 
## Summary
- fix the sticky-bottom state where dragging the scrollbar to the bottom
makes `PageUp` jump to the previous timeline block and then snap
immediately back down
- keep the change scoped to `virtual-follow-list.tsx`, where follow
mode, scroll intent, and bottom pinning are coordinated

## Root Cause
The list only disabled follow mode when it saw an explicit local "user
intent" signal. After reaching the bottom through the native scrollbar,
`PageUp` could move the viewport without tripping that path, so the next
render notification re-enabled the bottom snap immediately.

## Validation
- `npx tsc --noEmit --project packages/ui/tsconfig.json`
- `npm run build --prefix packages/ui`
- manual desktop test: `PageUp` works again from the bottom sticky state
2026-04-17 06:36:00 +01:00
..
scripts
refactor(build): share Monaco public asset copy helper
2026-02-10 10:49:05 +00:00
src
fix(ui): stabilize timeline follow scroll from bottom (#327)
2026-04-17 06:36:00 +01:00
.gitignore
feat(ui): add Monaco changes/files right drawer viewers
2026-02-09 21:00:40 +00:00
package.json
Bump version to 0.14.0
2026-04-16 08:42:33 +01:00
postcss.config.js
Split workspace into electron and ui packages
2025-11-17 12:06:58 +00:00
README.md
Expose UI logger controls globally
2025-12-06 12:17:33 +00:00
tailwind.config.js
Split workspace into electron and ui packages
2025-11-17 12:06:58 +00:00
tsconfig.json
Split workspace into electron and ui packages
2025-11-17 12:06:58 +00:00
vite.config.ts
perf(ui): lazy-load markdown and defer diff rendering (#215)
2026-03-22 11:54:05 +00:00

README.md

CodeNomad UI

This package contains the frontend user interface for CodeNomad, built with SolidJS and Tailwind CSS.

Overview

The UI is designed to be a high-performance, low-latency cockpit for managing OpenCode sessions. It connects to the CodeNomad server (either running locally via CLI or embedded in the Electron app).

Features

  • SolidJS: Fine-grained reactivity for high performance.
  • Tailwind CSS: Utility-first styling for rapid development.
  • Vite: Fast build tool and dev server.

Development

To run the UI in standalone mode (connected to a running server):

npm run dev

This starts the Vite dev server at http://localhost:3000.

Building

To build the production assets:

npm run build

The output will be generated in the dist directory, which is then consumed by the Server or Electron app.

Debug Logging

The UI now routes all logging through a lightweight wrapper around debug. The logger exposes four namespaces that can be toggled at runtime:

  • sse – Server-sent event transport and handlers
  • api – HTTP/API calls and workspace lifecycle
  • session – Session/model state, prompt handling, tool calls
  • actions – User-driven interactions in UI components

You can enable or disable namespaces from DevTools (in dev or production builds) via the global window.codenomadLogger helpers:

window.codenomadLogger?.listLoggerNamespaces() // => [{ name: "sse", enabled: false }, ...]
window.codenomadLogger?.enableLogger("sse") // turn on SSE logs
window.codenomadLogger?.disableLogger("sse") // turn them off again
window.codenomadLogger?.enableAllLoggers() // optional helper

Enabled namespaces are persisted in localStorage under opencode:logger:namespaces, so your preference survives reloads.