| commit | 16fa8b48f6c9f54f579bbc5bb22223443422f2e1 | [log] [tgz] |
|---|---|---|
| author | Philip Zeyliger <philip@bold.dev> | Fri May 02 04:28:16 2025 +0000 |
| committer | Philip Zeyliger <philip@bold.dev> | Fri May 02 20:32:06 2025 -0700 |
| tree | 8ac9a487881b49baa423465c19fc1be72534aa78 | |
| parent | 66439b0d8001d4685270681804900e81a5e68c6d [diff] |
Overhaul UI with chat-like interface Major UI improvements: - Revamp timeline messages with chat-like interface - User messages now on right with white text on blue background - Agent/tool messages on left with black text on grey background - Chat bubbles extend up to 80% of screen width - Maintain left-aligned text for code readability - Move metadata to outer gutters - Show turn duration for end-of-turn messages - Integrate tool calls within agent message bubbles - Add thinking indicator with animated dots when LLM is processing - Replace buttons with intuitive icons (copy, info, etc.) - Improve tool call presentation - Simplify to single row design with all essential info - Add clear status indicators for success/pending/error - Fix horizontal scrolling for long commands and outputs - Prevent tool name truncation - Improve spacing and alignment throughout - Enhance header and status displays - Move Last Commit to dedicated third column in header grid - Add proper labeling with two-row structure - Provide consistent styling across all status elements - Other UI refinements - Add root URL redirection to demo page - Fix spacing throughout the interface - Optimize CSS for better performance - Ensure consistent styling across components - Improve command output display and wrapping Co-Authored-By: sketch <hello@sketch.dev>
- webui/package.json[diff]
- webui/src/web-components/demo/index.html[diff]
- webui/src/web-components/demo/sketch-timeline.demo.html[diff]
- webui/src/web-components/sketch-app-shell.ts[diff]
- webui/src/web-components/sketch-container-status.ts[diff]
- webui/src/web-components/sketch-timeline-message.test.ts[diff]
- webui/src/web-components/sketch-timeline-message.ts[diff]
- webui/src/web-components/sketch-timeline.ts[diff]
- webui/src/web-components/sketch-tool-calls.ts[diff]
- webui/src/web-components/sketch-tool-card.ts[diff]
- webui/vite.config.mts[diff]
- .github/
- .vscode/
- bin/
- browser/
- claudetool/
- cmd/
- dockerimg/
- httprr/
- llm/
- loop/
- skabandclient/
- skribe/
- termui/
- webui/
- .clabot
- .gitignore
- CONTRIBUTING.md
- go.mod
- go.sum
- LICENSE
- README.md
Sketch
Sketch is an agentic coding tool focused on the Go programming language. Sketch runs in your terminal, has a web UI, understands your code, and helps you get work done. To keep your environment pristine, sketch starts a docker container and outputs its work onto a branch in your host git repository.
To get started:
go install sketch.dev/cmd/sketch@latest sketch
Requirements
Currently sketch runs on macOS and linux. It uses docker/colima for containers.
macOS: brew install colima linux: apt install docker.io (or equivalent for your distro)
The sketch.dev service is used to provide access to an LLM service and give you a way to access the web UI from anywhere.
Feedback/discussion
We have a discord server to discuss sketch.
Join if you want! https://discord.gg/R82YagTASx
Development
See CONTRIBUTING.md
Open Source
Sketch is open source. It is right here in this repository! Have a look around and mod away.
If you want to run sketch entirely without the sketch.dev service, you can set the flag -skaband-addr="" and then provide an ANTHROPIC_API_KEY environment variable. (More LLM services coming soon!)