Skip to content

Commit 397a5f7

Browse files
praxstackImgBotApp
authored andcommitted
chore(desktop): update dev environment icons and add docs
Update development icons for desktop app in various sizes and formats. Add Claude configuration directory and UI redesign specification docs.
1 parent deab543 commit 397a5f7

7 files changed

Lines changed: 37 additions & 0 deletions

File tree

docs/09-temp/ui-redesign-spec.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# UI Redesign Spec
2+
3+
## Reference Design
4+
See HTML mockup provided by user. Key elements:
5+
6+
### Sidebar
7+
- "New Session" button with icon, primary color border
8+
- "RECENT CHATS" section header (uppercase, tracking-wider)
9+
- Chat items with icon + title + timestamp
10+
- "CONTEXT" section with file list
11+
- Bottom: plan usage bar
12+
13+
### Message Timeline
14+
- Assistant: Robot icon (32x32 rounded square) + "OPENCODE AI" label (uppercase, primary color, bold)
15+
- User: Timestamp + "You" label (accent-cyan color, bold)
16+
- User message: Glass panel, rounded-2xl with rounded-tr-none
17+
18+
### Thinking Block
19+
- Collapsible `<details>` with:
20+
- Cyan pulsing dot + "Thinking process..." text
21+
- Expand/collapse arrow
22+
- Mono font content with `>` prefix
23+
- Border-top separator
24+
25+
### Prompt Input
26+
- Glass panel with backdrop-blur
27+
- Model selector pills ("GPT-4o", "Web Search")
28+
- Textarea
29+
- Send button with primary color + glow shadow
30+
- Bottom bar: keyboard shortcuts + sync status
31+
32+
### Right Activity Bar
33+
- Vertical icon strip: Extensions, Source Control, History
34+
- Bottom: Settings + user avatar
35+
36+
### Settings (from screenshot)
37+
- Already looks reasonable, minor polish needed
-13.3 KB
Loading
-52.2 KB
Loading
-1.4 KB
Loading
-4.01 KB
Loading
-1.02 MB
Binary file not shown.
-229 KB
Loading

0 commit comments

Comments
 (0)