)]}' { "log": [ { "commit": "e31d2a95da49b58cabe4675335c2de80039007ec", "tree": "efc2dbe13a82cf2042979386bc39d159422dde71", "parents": [ "04e778cbe6955cccf56a4e52c163a1c2220ff84a" ], "author": { "name": "Philip Zeyliger", "email": "philip@bold.dev", "time": "Sun May 11 15:22:35 2025 -0700" }, "committer": { "name": "Philip Zeyliger", "email": "philip@bold.dev", "time": "Sun May 11 15:22:35 2025 -0700" }, "message": "webui: Fix message bubbles and tool calls overflow issues in timeline\n\nOn the bright side, Sketch fixed this with repeated \"hey, look at that\nscreenshot; there\u0027s horizontal truncation.\" On the downside, it got\nreally confused by shadow dom, and the solution doesn\u0027t look clean to\nme, with lots of inline CSS.\n\n~~~~~\n\nFixed various overflow issues in timeline component, particularly with\nhandling long bash commands in shadow DOM contexts:\n\n1. Message Bubbles:\n - Added overflow constraints to message-bubble-container\n - Changed max-width from 80% to 100% for better containment\n - Added text-overflow: ellipsis for clean truncation\n\n2. Tool Cards:\n - Implemented manual string truncation for bash commands\n - Limited display to 80 chars with ellipsis for overflowing text\n - Added CSS to constrain width in all contexts\n\n3. Shadow DOM Challenges:\n - Standard CSS inheritance doesn\u0027t penetrate shadow DOM boundaries\n - Component-specific styles required direct modification in render methods\n - Parallel CSS and JS truncation needed for reliable overflow handling\n - Multiple nested web components required coordinated width constraints\n\n4. Global Improvements:\n - Added overflow-x: hidden to parent containers\n - Used box-sizing: border-box for accurate sizing\n - Fixed scroll container to prevent horizontal scrolling\n\nThe primary insight was that shadow DOM isolation prevented CSS-only\nsolutions from working reliably. Explicit string truncation in the\ncomponent code was needed alongside careful container width management.\nThis pattern may need to be applied to other web components that\ndisplay potentially lengthy content.\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\nChange-ID: sc937c08ac1b7766fk\n" }, { "commit": "c575fd79d923bbbe395dcae1d04681e8ead19818", "tree": "33273e0f496940ca7d25a9c6e6bccd915f2b29d7", "parents": [ "b6d6d384a2cdbabd2d6abc94bd6b2c6c937d5e22" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Tue May 06 15:46:38 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Wed May 07 13:34:11 2025 +0100" }, "message": "webui: Fix demo page\n\n- Change asset root for vite\n- Update mock handlers to support SSE by replacing long polling implementation with Server-Sent Events (SSE) in webui mock handlers.\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\n" }, { "commit": "16fa8b48f6c9f54f579bbc5bb22223443422f2e1", "tree": "8ac9a487881b49baa423465c19fc1be72534aa78", "parents": [ "66439b0d8001d4685270681804900e81a5e68c6d" ], "author": { "name": "Philip Zeyliger", "email": "philip@bold.dev", "time": "Fri May 02 04:28:16 2025 +0000" }, "committer": { "name": "Philip Zeyliger", "email": "philip@bold.dev", "time": "Fri May 02 20:32:06 2025 -0700" }, "message": "Overhaul UI with chat-like interface\n\nMajor UI improvements:\n- Revamp timeline messages with chat-like interface\n - User messages now on right with white text on blue background\n - Agent/tool messages on left with black text on grey background\n - Chat bubbles extend up to 80% of screen width\n - Maintain left-aligned text for code readability\n - Move metadata to outer gutters\n - Show turn duration for end-of-turn messages\n - Integrate tool calls within agent message bubbles\n - Add thinking indicator with animated dots when LLM is processing\n - Replace buttons with intuitive icons (copy, info, etc.)\n\n- Improve tool call presentation\n - Simplify to single row design with all essential info\n - Add clear status indicators for success/pending/error\n - Fix horizontal scrolling for long commands and outputs\n - Prevent tool name truncation\n - Improve spacing and alignment throughout\n\n- Enhance header and status displays\n - Move Last Commit to dedicated third column in header grid\n - Add proper labeling with two-row structure\n - Provide consistent styling across all status elements\n\n- Other UI refinements\n - Add root URL redirection to demo page\n - Fix spacing throughout the interface\n - Optimize CSS for better performance\n - Ensure consistent styling across components\n - Improve command output display and wrapping\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\n" }, { "commit": "2d4c48f10948cf07634dc743c3af30806f59bdd2", "tree": "91372ee95d0a81d6d1a9545fc7e190f708d921af", "parents": [ "88a6efc5c37b09fafafdef69466d81540e33d9b5" ], "author": { "name": "Philip Zeyliger", "email": "philip@bold.dev", "time": "Fri May 02 23:35:03 2025 +0000" }, "committer": { "name": "Autoformatter", "email": "bot@sketch.dev", "time": "Fri May 02 23:37:16 2025 +0000" }, "message": "Remove Charts tab and related Vega components from Sketch\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\n\n- Removed Charts tab from navigation\n- Removed sketch-charts component and vega-embed component\n- Removed vega, vega-lite, and vega-embed dependencies from package.json\n- Removed all associated code and UI elements\n" }, { "commit": "fa40c418792b77f186a03a056fbb81853e83d84d", "tree": "d4f3d4409e93ba61d0171d4757b81339852e2fee", "parents": [ "ea3fc200402ef92fb2d35c9b56ab77e77a983338" ], "author": { "name": "Sean McCullough", "email": "banksean@gmail.com", "time": "Mon Apr 28 20:10:04 2025 +0000" }, "committer": { "name": "Sean McCullough", "email": "banksean@gmail.com", "time": "Mon Apr 28 13:53:46 2025 -0700" }, "message": "webui: +sketch-tool-card-multiple-choice\n\nThis is just the frontend part of the multiple-choice tool.\nSince the actual tool call isn\u0027t implemented yet, the only\nway to exercise this code is via the demo page.\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\n" }, { "commit": "dded2d6cbe676afc144899f23fc76bf72908a00d", "tree": "68c2d11390164a80dd1fc4b304486ab5211841f7", "parents": [ "8d93e3679e088af8086fd1c9f4d33de2e85608c2" ], "author": { "name": "Autoformatter", "email": "bot@sketch.dev", "time": "Mon Apr 28 00:27:21 2025 +0000" }, "committer": { "name": "Autoformatter", "email": "bot@sketch.dev", "time": "Mon Apr 28 00:27:21 2025 +0000" }, "message": "all: fix formatting\n" }, { "commit": "8d93e3679e088af8086fd1c9f4d33de2e85608c2", "tree": "fe40a5fc3fdf341da5eb4f40954b7a941df284be", "parents": [ "d8adbbaf6970b8d9c40cdf9795476d2850096b18" ], "author": { "name": "Sean McCullough", "email": "banksean@gmail.com", "time": "Sun Apr 27 23:32:18 2025 +0000" }, "committer": { "name": "Sean McCullough", "email": "banksean@gmail.com", "time": "Sun Apr 27 17:25:09 2025 -0700" }, "message": "webui: Add Mermaid diagram support to markdown\n\n* Installed mermaid library\n* Extended markdown renderer to support mermaid code blocks\n* Added CSS styling for mermaid diagrams\n* Added a demo page for testing mermaid diagrams\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\n" }, { "commit": "d8adbbaf6970b8d9c40cdf9795476d2850096b18", "tree": "1cbff1be11256ec99f4e953d0d0bee78cfb2e30d", "parents": [ "5bff650e0d5603dc77efccb4b4610648aa83cbf6" ], "author": { "name": "Autoformatter", "email": "bot@sketch.dev", "time": "Sun Apr 27 19:33:42 2025 +0000" }, "committer": { "name": "Autoformatter", "email": "bot@sketch.dev", "time": "Sun Apr 27 19:33:42 2025 +0000" }, "message": "all: fix formatting\n" }, { "commit": "5bff650e0d5603dc77efccb4b4610648aa83cbf6", "tree": "5475e933d40bb3577c01952772d0f49301d37b60", "parents": [ "1112949adc2bb120a001a925c0c4e9e18def0ee6" ], "author": { "name": "David Crawshaw", "email": "david@zentus.com", "time": "Sat Apr 26 09:11:40 2025 -0700" }, "committer": { "name": "David Crawshaw", "email": "david@zentus.com", "time": "Sat Apr 26 09:11:40 2025 -0700" }, "message": "fix oddball formatter complaints\n" }, { "commit": "e7c9a4429c54a6d6431f825ee81858785e0c5d8e", "tree": "b079963b79cf945955be40a033f52e49c2f7efa4", "parents": [ "46fff9766f75fed8e9956dd126c9d0585057ed37" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Fri Apr 25 20:02:22 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Fri Apr 25 20:32:28 2025 +0100" }, "message": "webui: Add test for sketch-app-shell component\n\nCreated a basic test for the top-level Sketch App Shell component with API mocking. Reorganized mock data to be shared between tests and demo.\n\nCo-Authored-By: sketch\n" }, { "commit": "e923bb38613f15e458eb1c696e15057bbaa46a59", "tree": "bbd2b8d05b649db33451367635de2de80d204fdc", "parents": [ "4097e5357b93d80297177ee1c7ebf736e33a623d" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 18:48:01 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 19:06:40 2025 +0100" }, "message": "webui: Add empty conversation demo\n" }, { "commit": "563d6b35a841a9dbafcaa57bf247fe9f9bf5e841", "tree": "c5da1c5f5561f36f0f008958077cc33f0094d4a9", "parents": [ "c6aabfa12da0726206cc753850dd7d723113af90" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 16:17:40 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 19:06:40 2025 +0100" }, "message": "webui: Tweak mock\n" }, { "commit": "26daff7287b50f79a2f54563de83fa175ab35616", "tree": "f9f6ac873231b1e87be654137410fd02abcadc3d", "parents": [ "7b43662d9959e1f5c7dd2b390474192b442d5801" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 14:25:55 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 19:06:40 2025 +0100" }, "message": "webui: Fix demo css\n" }, { "commit": "8cac59aedb3ae4f45464ce3cd4eed36d6834dc7b", "tree": "2ffecc10a275f859c354c234d08e9b763376a4ff", "parents": [ "bbca240367c3df26870ffe0fcc41c0c004679736" ], "author": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 12:21:19 2025 +0100" }, "committer": { "name": "Pokey Rule", "email": "755842+pokey@users.noreply.github.com", "time": "Thu Apr 24 12:21:19 2025 +0100" }, "message": "feat: integrate Mock Service Worker (MSW) for API mocking and testing\n\nCurrently just used for demo page\n\n- Added MSW as a dependency in package.json.\n- Configured MSW in the demo HTML to start the worker and handle API requests.\n- Created mockServiceWorker.js to manage service worker lifecycle and request handling.\n- Implemented browser.ts to set up the MSW worker with defined request handlers.\n- Developed handlers.ts to simulate API responses and manage application state for testing.\n" }, { "commit": "2032b1c1971ceb85ca14b20273a3783729fba3e3", "tree": "0486e9222643ffcbbd34286148f4a7913a169668", "parents": [ "4f50a68ac73677c0022b2b3da8b4667cee01c11b" ], "author": { "name": "Philip Zeyliger", "email": "philip.zeyliger@gmail.com", "time": "Wed Apr 23 19:40:42 2025 -0700" }, "committer": { "name": "Philip Zeyliger", "email": "philip.zeyliger@gmail.com", "time": "Wed Apr 23 19:40:42 2025 -0700" }, "message": "Move webui from /loop/webui to /webui\n\nThanks, perl (and git mv):\n\n\tperl -pi -e s,loop/webui,webui,g $(git grep -l loop/webui)\n" } ] }