mirror of https://github.com/tiennm99/ccs.git synced 2026-07-16 10:16:49 +00:00

Files

T

Tam Nhu Tran ba4fbcf75f docs(ui): add HeroBar and rail-anchored demos to styleguide

The v1.1 design contract names three identity-strip patterns but the
styleguide previously only demoed PageHeader. Future contributors
visiting /_styleguide had no live preview of HeroBar or rail-anchored
identity, leaving the contract under-documented.

Add:
- 1a. HeroBar demo (canonical: home pattern) -- single-row dense hero
  with logo + title + version badge + 4 inline stat tiles, dotted
  background pattern, anonymized data
- 1b. Rail-anchored identity demo (canonical: cliproxy pattern) -- a
  Config 3-pane layout where the left rail carries brand + Quick Setup
  CTA + provider list + footer status, with NO top chrome
- 1c. PageHeader demo (existing, retitled with health pattern reference)

All demos use anonymized data (Provider A/B/C, Demo Dashboard, fake
metrics) so screenshots are safe to publish without Privacy mode.

2026-04-25 14:08:42 -04:00

docs

docs(ui): drop redundant home/cliproxy screenshots from phase2 report

2026-04-25 14:02:07 -04:00

public

fix(ui): align cliproxy provider assets

2026-04-15 15:45:13 -04:00

src

docs(ui): add HeroBar and rail-anchored demos to styleguide

2026-04-25 14:08:42 -04:00

tests

feat: add gpt-5.5 to codex model catalogs

2026-04-24 10:30:59 -04:00

.gitignore

fix(ci): track dashboard logs components

2026-04-08 15:57:15 -04:00

.prettierrc

feat(ui): add comprehensive quality gates and fix linting issues

2025-12-07 14:51:29 -05:00

bun.lock

feat(settings): refine browser automation tab

2026-04-16 18:49:24 -04:00

components.json

feat(web-dashboard): add express server and react ui scaffolding

2025-12-07 11:37:28 -05:00

eslint.config.js

feat(ui): add comprehensive quality gates and fix linting issues

2025-12-07 14:51:29 -05:00

index.html

feat(ui): add modular health dashboard components

2025-12-08 15:18:02 -05:00

package.json

feat(settings): refine browser automation tab

2026-04-16 18:49:24 -04:00

README.md

fix: align dashboard host warnings with effective bind

2026-03-17 09:58:11 -04:00

tsconfig.app.json

fix(cliproxy): align gemini flash pricing and dashboard imports

2026-03-28 09:54:26 -04:00

tsconfig.json

feat(web-dashboard): add express server and react ui scaffolding

2025-12-07 11:37:28 -05:00

tsconfig.node.json

feat(web-dashboard): add express server and react ui scaffolding

2025-12-07 11:37:28 -05:00

vite.config.ts

fix(cliproxy): align gemini flash pricing and dashboard imports

2026-03-28 09:54:26 -04:00

vitest.config.ts

fix(cliproxy): align gemini flash pricing and dashboard imports

2026-03-28 09:54:26 -04:00

README.md

CCS Dashboard UI

React + TypeScript + Vite frontend for the CCS local dashboard.

This UI is served by the CCS web server and is accessed via:

ccs config

Development

From project root:

bun run dev

This starts the CCS server, opens a local browser URL, and prints bind/network details for the dashboard. If the runtime bind is reachable beyond loopback, CCS also prints an auth reminder.

For remote device access during development, run:

bun run dev -- --host 0.0.0.0

For local-only development, run:

bun run dev -- --host 127.0.0.1

From ui/ only (frontend dev server):

cd ui
bun run dev

Quality Commands

cd ui
bun run typecheck
bun run lint
bun run validate
bun run test:run

i18n

Dashboard localization uses react-i18next.

Main setup: ui/src/lib/i18n.ts
Locale helpers: ui/src/lib/locales.ts
Language switcher: ui/src/components/layout/language-switcher.tsx

For full architecture, conventions, and locale onboarding, see:

../docs/i18n-dashboard.md

Notes

UI locale persistence uses browser localStorage key ccs-ui-locale.
Current supported locales are managed in ui/src/lib/locales.ts.
Current locales: en, zh-CN, vi.
Fallback locale is English (en).