|
1 | 1 | # Changelog |
2 | 2 |
|
| 3 | +## [1.11.0] — 2026-03-19 |
| 4 | + |
| 5 | +### Highlights |
| 6 | + |
| 7 | +**The Cross-Platform Release** — comprehensive UI/UX polish, production-grade release automation for macOS, Windows, and Linux, and iOS hardening for TestFlight readiness. |
| 8 | + |
| 9 | +### UI/UX Polish |
| 10 | + |
| 11 | +- **Theme flash fix** — Layout default now matches theme-context default (`claude`), eliminating the brief Supreme-to-Claude flash on first paint |
| 12 | +- **Design token consistency** — Replaced all hardcoded hex colors (`#ef4444`, `#22c55e`, `#8b5cf6`, `text-amber-400`) with semantic CSS variables (`var(--error)`, `var(--success)`, `var(--brand)`, `var(--warning)`) across chat-home, chat-header, settings-panel, and code-editor |
| 13 | +- **Missing `--text-muted` variable** — Added `--text-muted` as an alias for `--text-tertiary` in the base theme, fixing 5 components that referenced an undefined variable |
| 14 | +- **Real recent chats** — Replaced mock/placeholder recent chats on the home screen with actual thread history from localStorage, wired to navigate on click |
| 15 | +- **View router completeness** — Added missing `agents` entry to the view label registry |
| 16 | +- **Sidebar shortcut alignment** — Fixed collapsed/expanded shortcut mismatch (Kanban was `⌘7` collapsed vs `⌘8` expanded); renumbered entire nav to a consistent ⌘1-⌘9 sequence with Planner now included in expanded view |
| 17 | +- **Cross-platform shortcuts** — Diff viewer now uses `formatShortcut()` for platform-aware shortcut display (⌘ on Mac, Ctrl on Windows/Linux) |
| 18 | +- **Accessibility pass** — Added `aria-label` attributes to all icon-only buttons in sidebar, floating panel, chat header, and activity bar; added `focus-visible:ring` styles to interactive elements |
| 19 | +- **Floating panel polish** — Improved dock icon semantics (`panel-left` instead of ambiguous `pin`), increased resize handle to touch-friendly 28px, added focus-visible support for keyboard users |
| 20 | +- **Inline style cleanup** — Replaced inline `style={{ opacity }}` with Tailwind utility classes in sidebar dividers, converted `style={{ background, color }}` to CSS variable classes in mini avatar |
| 21 | + |
| 22 | +### Release Automation |
| 23 | + |
| 24 | +- **Release workflow hardened** — GitHub Actions workflow now checks out the exact tag/version, verifies version sync before building, generates SHA256 checksums, and publishes structured release notes with a platform download table |
| 25 | +- **macOS signing readiness** — CI workflow includes conditional signing/notarization step that activates when Apple credentials are configured as secrets |
| 26 | +- **Version provenance** — All three platform build jobs verify version contract before building |
| 27 | + |
| 28 | +### iOS Hardening |
| 29 | + |
| 30 | +- **Export compliance** — Added `ITSAppUsesNonExemptEncryption = false` to both `Info.ios.plist` and generated `app_iOS/Info.plist` (was documented in changelog but missing from actual plist files) |
| 31 | +- **Release distribution guide** — Added TestFlight/App Store checklist, build commands, and draft App Store metadata to IOS.md |
| 32 | + |
| 33 | +### Documentation |
| 34 | + |
| 35 | +- **DESKTOP.md rewritten** — Updated from macOS-only to cross-platform (macOS, Windows, Linux), with accurate architecture diagram, platform matrix, prerequisite table, and current command reference |
| 36 | +- **DESKTOP_WORKFLOW.md updated** — Added release workflow, version management, and iOS build path references |
| 37 | +- **README refreshed** — Updated platform line to include iOS, corrected theme count from 7 to 24 |
| 38 | + |
| 39 | +### By the Numbers |
| 40 | + |
| 41 | +- **13 files** modified |
| 42 | +- **0 TypeScript errors** |
| 43 | +- **Desktop + iOS versions aligned** at 1.11.0 |
| 44 | + |
3 | 45 | ## [1.10.0] — 2026-03-10 |
4 | 46 |
|
5 | 47 | ### ✨ Highlights |
6 | 48 |
|
7 | 49 | **The World-Class Polish Release** — every surface refined, every interaction considered, every pixel intentional. Kanban gets board + card templates, and every component receives micro-interaction polish for an award-worthy experience. |
8 | 50 |
|
9 | 51 | ### 📋 Kanban Templates |
| 52 | + |
10 | 53 | - **9 Board Templates** — Create boards instantly from: Empty, Sprint Planning, Bug Triage, Security Audit, Test Coverage, Release Checklist, Feature Development, DevOps Pipeline, Research & Spike |
11 | 54 | - **8 Card Templates** — Quick-add: Bug Report, Feature Request, Test Case, Security Issue, Refactor, Documentation, Code Review, Hotfix — each with priority, labels, and subtasks |
12 | 55 | - **Smart Recommendations** — Board health score, WIP warnings, hygiene checks, productivity tips |
13 | 56 | - **Template Picker** — Glass card grid with icons, descriptions, hover effects |
14 | 57 |
|
15 | 58 | ### 🏠 Chat Home Polish |
| 59 | + |
16 | 60 | - **Particle animation** — Subtle floating dots drifting in the background |
17 | 61 | - **Gradient hover borders** — Suggestion cards glow with gradient border on hover |
18 | 62 | - **Recent Chats** — Last 3 conversations shown below suggestions |
19 | 63 | - **Composer glow** — Clean brand-color box-shadow on focus |
20 | 64 |
|
21 | 65 | ### 💬 Agent Panel Refinements |
| 66 | + |
22 | 67 | - **Message hover** — Micro-scale interaction on user message bubbles |
23 | 68 | - **Code copy button** — Hover overlay on code blocks with clipboard copy + checkmark feedback |
24 | 69 | - **Scroll-to-bottom FAB** — Floating button appears when scrolled up |
25 | 70 | - **Date separators** — Centered day pills between messages from different days |
26 | 71 |
|
27 | 72 | ### 🧭 Sidebar Improvements |
| 73 | + |
28 | 74 | - **Group separators** — Subtle dividers between navigation sections |
29 | 75 | - **Active animation** — Smooth background fill on active item |
30 | 76 | - **User avatar** — Mini circle with initials at bottom of collapsed sidebar |
31 | 77 |
|
32 | 78 | ### ⏱️ Status Bar Upgrade |
| 79 | + |
33 | 80 | - **Line/column count** — Shows current cursor position |
34 | 81 | - **Live clock** — Real-time HH:MM display, updates every minute |
35 | 82 | - **Encoding indicator** — UTF-8 badge |
36 | 83 | - **Clickable segments** — Hover feedback on all status bar items |
37 | 84 |
|
38 | 85 | ### 🎨 Global CSS Enhancements |
| 86 | + |
39 | 87 | - **Custom scrollbars** — Thin, brand-colored, rounded |
40 | 88 | - **Selection color** — Brand accent at 25% opacity |
41 | 89 | - **Focus-visible rings** — Consistent 2px accent outline on keyboard focus |
|
44 | 92 | - **Universal feedback** — All buttons scale(0.98) on active |
45 | 93 |
|
46 | 94 | ### 🖥️ Terminal Polish |
| 95 | + |
47 | 96 | - **Connection indicator** — Green/red dot showing gateway status |
48 | 97 | - **Clear button** — One-click terminal clear in header |
49 | 98 |
|
50 | 99 | ### 🔔 Toast Upgrades |
| 100 | + |
51 | 101 | - **Variant colors** — Success (green), Error (red), Warning (amber), Info (blue) |
52 | 102 | - **Progress bar** — Auto-dismiss countdown visualization |
53 | 103 |
|
54 | 104 | ### 📊 Diff Viewer |
| 105 | + |
55 | 106 | - **Line hover highlights** — Each line highlights on hover |
56 | 107 | - **Tinted backgrounds** — Green for additions, red for removals at 10% opacity |
57 | 108 |
|
58 | 109 | ### 🔌 MCP Library Polish |
| 110 | + |
59 | 111 | - **Install counts** — Mock download badges on server cards |
60 | 112 | - **Category counts** — Badge numbers on filter pills |
61 | 113 | - **Featured carousel** — Top row highlighting popular servers |
62 | 114 | - **Empty search state** — Friendly "no results" with icon |
63 | 115 |
|
64 | 116 | ### ⚙️ Settings Panel |
| 117 | + |
65 | 118 | - **Collapsible sections** — Accordion animation for setting groups |
66 | 119 | - **Search filter** — Find settings quickly |
67 | 120 | - **Styled toggles** — Custom pill-style toggle switches |
68 | 121 |
|
69 | 122 | ### 💻 Code Editor |
| 123 | + |
70 | 124 | - **Skeleton loading** — Shimmer animation while Monaco initializes |
71 | 125 | - **Welcome state** — Centered empty state with keyboard shortcut hints |
72 | 126 |
|
73 | 127 | ### 🗺️ Breadcrumbs |
| 128 | + |
74 | 129 | - **File icon** — Code file icon on the active segment |
75 | 130 | - **Chevron separators** — Clean arrow separators replacing slashes |
76 | 131 | - **Bold active segment** — Last breadcrumb visually emphasized |
77 | 132 |
|
78 | 133 | ### 📊 By the Numbers |
| 134 | + |
79 | 135 | - **14 files polished** in a single pass |
80 | 136 | - **~750 lines** of refinements |
81 | 137 | - **Every component** received attention |
|
89 | 145 | **Knot Code 1.9 is the biggest single-release update in the editor's history** — 21 commits, ~9,000+ lines of new code, shipping a completely redesigned home screen, VS Code-style navigation, a full Kanban board, a transformed Agent Builder Workshop, 8 new tactical themes, and dozens of UX polish improvements. |
90 | 146 |
|
91 | 147 | ### 🏠 Redesigned Home Screen |
| 148 | + |
92 | 149 | - **Ambient gradient background** — Blue-purple radial glow on true black with animated grain texture |
93 | 150 | - **Dynamic greeting** — Time-aware greetings ("Good morning", "Night owl mode" at 3 AM) |
94 | 151 | - **Gradient tagline** — "What shall we build?" in blue→purple gradient text |
|
97 | 154 | - **Premium composer** — Focus glow ring, cycling placeholder animation |
98 | 155 |
|
99 | 156 | ### 🧭 VS Code-Style Navigation |
| 157 | + |
100 | 158 | - **Sidebar activity bar** — Collapsed icons with 2px brand-color active indicator |
101 | 159 | - **Expanded nav** — Labeled buttons with keyboard shortcuts on hover (⌘1-⌘9) |
102 | 160 | - **Top tab bar removed** — Zero wasted vertical space |
103 | 161 | - **View cycle toggle** — Mobile pill bar cycling Chat → Editor → Terminal |
104 | 162 | - **View transitions** — Subtle 150ms fade between views via AnimatePresence |
105 | 163 |
|
106 | 164 | ### 📋 Kanban Board (NEW) |
| 165 | + |
107 | 166 | - **4 default columns** — Backlog, In Progress, Review, Done |
108 | 167 | - **Rich cards** — Title, description, priority (P0-P3), labels, assignee, due dates, subtasks |
109 | 168 | - **Drag & drop** — HTML5 native with visual drop indicators |
|
114 | 173 | - **Persistence** — Full localStorage persistence across sessions |
115 | 174 |
|
116 | 175 | ### 🏗️ Agent Builder Workshop (TRANSFORMED) |
| 176 | + |
117 | 177 | - **Template Gallery** — 12 beautiful agent templates (Code Reviewer, PR Agent, DevOps Bot, etc.) |
118 | 178 | - **Step-by-step Wizard** — 7-stage guided flow with progress bar and validation |
119 | 179 | - **Live Preview** — Real-time system prompt + config JSON with token count |
|
125 | 185 | - **Evaluation integration** — "Run Evaluation" button from review step |
126 | 186 |
|
127 | 187 | ### 🎨 Themes |
| 188 | + |
128 | 189 | - **Claude theme** (NEW DEFAULT) — True black (#000), blue accent (#3b82f6), premium squircle borders |
129 | 190 | - **Field Manual collection** (8 NEW themes): |
130 | 191 | - 🌿 Field Manual — OD green, typewriter font, earth tones |
|
139 | 200 | - **Customizable editor background** — Grid, dots, gradient, or grid-logos patterns |
140 | 201 |
|
141 | 202 | ### 🔌 MCP Library (NEW) |
| 203 | + |
142 | 204 | - **Marketplace view** — Standalone view replacing Settings-embedded MCP tab (⌘5) |
143 | 205 | - **20 servers** — PostgreSQL, Filesystem, Brave Search, GitHub, Slack, Linear, SQLite, Memory, Puppeteer, Fetch, Redis, MongoDB, Notion, Google Drive, Docker, Sentry, Supabase, Vercel, Cloudflare, Stripe |
144 | 206 | - **Custom Server** — Add your own MCP server with custom command/URL |
145 | 207 | - **Category filtering** — All, Installed, Featured, Databases, APIs, Developer, Custom |
146 | 208 | - **Gateway RPC wiring** — Real mcp.list/add/remove/start/stop/sync calls |
147 | 209 |
|
148 | 210 | ### 💬 Chat Improvements |
| 211 | + |
149 | 212 | - **Inline pickers** — Type `/skill`, `/mcp`, or `/prompt` to see picker popup with search |
150 | 213 | - **Contextual help** — Empty picker states show setup instructions instead of "No items found" |
151 | 214 | - **Inline diff toolbar** — VS Code-style floating toolbar with per-hunk Undo/Keep (⌘Y/⌘N) |
|
154 | 217 | - **Removed ugly focus glow** — Replaced rotating conic-gradient border with clean transition |
155 | 218 |
|
156 | 219 | ### 🖥️ Editor Enhancements |
| 220 | + |
157 | 221 | - **Breadcrumbs** — File path navigation above editor with clickable segments |
158 | 222 | - **Monaco minimap** — Code overview enabled (maxColumn 80, renderCharacters false) |
159 | 223 | - **Empty state redesign** — "Open a project to start coding" with glass card action buttons |
160 | 224 | - **Grid pattern background** — Subtle 40px grid with faint KnotLogo watermark |
161 | 225 | - **Preview split panel** — Cursor-style preview + chat side-by-side with draggable divider |
162 | 226 |
|
163 | 227 | ### 🔧 Developer Experience |
| 228 | + |
164 | 229 | - **Terminal auto-cd** — Terminal automatically changes directory when project switches |
165 | 230 | - **Dev server detection** — Green indicator when localhost:3000 is reachable |
166 | 231 | - **Toast notification system** — Provider + useToast() hook, glass cards, bottom-right stack |
|
169 | 234 | - **Terminal event fix** — Added runId/idemKey fallbacks for gateway event matching |
170 | 235 |
|
171 | 236 | ### 🐛 Bug Fixes |
| 237 | + |
172 | 238 | - Fixed 12 unused imports/variables in agent-panel.tsx |
173 | 239 | - Fixed React hook dependency warnings |
174 | 240 | - Fixed YouTube status bar missing TrackInfo fields |
|
177 | 243 | - Removed empty shell-topbar wasted space |
178 | 244 |
|
179 | 245 | ### 📊 By the Numbers |
| 246 | + |
180 | 247 | - **21 commits** in a single session |
181 | 248 | - **~9,000+ lines** of new code |
182 | 249 | - **5 new views** — MCP Library, Kanban, Workshop, Preview Split, Template Gallery |
|
0 commit comments