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>
diff --git a/webui/vite.config.mts b/webui/vite.config.mts
index 74508a5..2d99b63 100644
--- a/webui/vite.config.mts
+++ b/webui/vite.config.mts
@@ -11,5 +11,29 @@
include: ["./src/**/*.ts"],
presets: [presets.lit],
}),
+ // Custom plugin for handling the root path redirect
+ {
+ name: "configure-server",
+ configureServer(server) {
+ server.middlewares.use((req, res, next) => {
+ if (req.url === "/") {
+ res.writeHead(302, {
+ Location: "/src/web-components/demo/index.html",
+ });
+ res.end();
+ return;
+ }
+ next();
+ });
+ },
+ },
],
+ server: {
+ // Define a middleware to handle the root path redirects
+ middlewareMode: false,
+ fs: {
+ // Allow serving files from these directories
+ allow: ["/app/webui"],
+ },
+ },
});