mirror of
https://github.com/cline/cline.git
synced 2026-09-21 05:10:09 +08:00
BeeandSaoud Rizwan
9603643b77
* feat(ui): add new row components and unify ChatRow styling with tailwinds and lucid icons - Add new ClineCompactIcon component for consistent branding - Replace VSCode codicons with lucide-react icons for better consistency - Browser session: SquareMousePointerIcon - File operations: FilePlus2Icon, PencilIcon, SquareMinusIcon - Terminal: TerminalIcon - Loading states: LoaderCircleIcon - Error states: CircleXIcon - Extract ChatRow styles to separate CSS file for better maintainability - Improve code block styling with theme-aware backgrounds and borders - Update icon sizing and stroke weights for visual consistency This change modernizes the UI by standardizing icon usage across components and improves code organization by separating styles into dedicated CSS files. * feat(ui): integrate CompletionOutputRow and reasoning display in ChatRow Updates the ChatRow component to support specialized rendering for task completion and model reasoning. - Integrates `CompletionOutputRow` and `PlanCompletionOutputRow` for structured completion states. - Adds `ThinkingRow` integration and props for handling `reasoningContent`. - Updates `ChatRowProps` to include mode and request status tracking. - Refines Storybook mocks to demonstrate reasoning steps and detailed completion results. * feat(webview): group low-stakes tool executions in chat view - Update `ChatView` to apply `groupLowStakesTools` to the message list, consolidating passive tool usage. - Overhaul `MessageRenderer` to support rendering grouped tool messages with specific display info (icons, labels) for actions like `readFile`, `listFiles`, and `searchFiles`. - Add logic to format search regex patterns for better readability. - Implement utility checks for calculating costs and pending states within tool groups. - This change reduces UI clutter by visually collapsing repetitive information-gathering steps. * refactor(ui): update checkpoint control UI and restore menu - Replace `VSCodeButton` with local `Button` component and use Lucide `BookmarkIcon` - Migrate styled text components to utility classes for consistent styling - Redesign the checkpoint restore popover to prioritize "Restore Files & Task" - Add `showMoreOptions` state to manage menu visibility and interaction logic * refactor(chat): rename CSS file for CompletionOutputRow Renames `ChatRow.css` to `CompletionOutputRow.css` to align with the component naming convention. This change includes updating the import in `CompletionOutputRow.tsx` to reference the correctly named stylesheet. * clean up PlanCompletionOutputRow * clean up * clean up * update e2e * update displayName * fix blinking cursor position * use classnames * Completion notch * clean up header class * Move Command Output component to CommandOutputRow * Fix shimmering animation * update TypewriterText story title * clean up notch style * Seperate ToolGroupRenderer into individual component. Clean up styles and message utils. * fix truncation display * update styles for open file links * apply feedback - fix CompletionOutputRow & ThinkingRow * Display old Ask block for tools * combine title and action buttons into CompletionOutputRow & PlanCompletionOutputRow * remove animation from Cline icon * update styles and animation * adjust spacing * Fix shimmering animation * clean up * clean up and simplify component styles * clean up import names * fix markdown block and use tailwind styles * clean up spacing * hide scrollbar * remove expand handler * cline logo position * fix(chat): align logo to top in request progress indicator Changed ClineLogoWhite component alignment from `self-end` to `self-start` in the chat row's request progress view. This ensures the logo aligns to the top rather than the bottom when displaying in-progress requests, improving visual consistency with the adjacent message content. * fix DiffEditRow title truncation * Keep Cline logo for output text * fix(chat): add invisible spacer for non-rendered rows Replace `null` returns with an `aria-hidden` 1px spacer to keep chat row layout stable, and simplify summary header styling by moving inline styles into a className. * update activity indicators and button styling for tool group - Replace codicon with icon component for activity indicators - Scale down Cline logo and remove border divider for cleaner layout - Add disabled state styling to ThinkingRow button (cursor-text, full opacity) - Fix TooltipTrigger by using asChild prop instead of disabled - Adjust CheckmarkControl bottom margin for better alignment These changes improve visual consistency and fix accessibility issues with tooltip triggers and button states. <budget:token_budget>200000</budget:token_budget> * revert: show cline logo during stream only * remove streaming thinking title * spacing * apply feedback: remove border for thinking, fix overflow typewriter text * fix(ui): align thinking text and reasoning content positions - Add ml-1 margin to both thinking text and ThinkingRow for consistent left alignment - Remove default button padding from ThinkingRow with p-0 * fix(ui): simplify ToolGroupRenderer and remove OptionsButtons top padding - Remove collapse/expand functionality from ToolGroupRenderer (always expanded) - Remove chevron icon and left-align summary text with file list - Standardize font size to 13px for summary, icons, and file names - Remove font-editor to use default font family - Remove "Thinking:" prefix from tooltips - Add padding and spacing for better visual hierarchy - Remove top padding from OptionsButtons * fix(ui): restore CodeAccordian padding and overflow * fix(ui): reduce spacing between header and content text * fix(ui): restore task completion buttons to original style - Restore SuccessButton component - Move buttons outside the green card - Use SuccessButton for both View Changes and Explain Changes - Full-width stacked buttons with proper spacing * fix(ui): polish Task Completed and Plan Created card styling - Remove hover border color change - Fix last paragraph bottom margin - Add proper top padding for header and content - Add horizontal padding to header row - Remove unnecessary conditional padding * fix(ui): style tweaks for copy button and checkpoint label - Make Task Completed copy button green to match header - Reduce Checkpoint label font size to 9px * fix(ui): prevent TypewriterText from jumping on completion --------- Co-authored-by: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
11 lines
1.4 KiB
TypeScript
11 lines
1.4 KiB
TypeScript
export const ClineCompactIcon = () => (
|
|
<svg height="16" viewBox="0 0 92 96" width="16">
|
|
<g fill="currentColor">
|
|
<path d="M65.4492701,16.3 C76.3374701,16.3 85.1635558,25.16479 85.1635558,36.1 L85.1635558,42.7 L90.9027661,54.1647464 C91.4694141,55.2966923 91.4668177,56.6300535 90.8957658,57.7597839 L85.1635558,69.1 L85.1635558,75.7 C85.1635558,86.63554 76.3374701,95.5 65.4492701,95.5 L26.0206986,95.5 C15.1328272,95.5 6.30641291,86.63554 6.30641291,75.7 L6.30641291,69.1 L0.448507752,57.7954874 C-0.14693501,56.6464093 -0.149634367,55.2802504 0.441262896,54.1288283 L6.30641291,42.7 L6.30641291,36.1 C6.30641291,25.16479 15.1328272,16.3 26.0206986,16.3 L65.4492701,16.3 Z M62.9301895,22 L29.189529,22 C19.8723267,22 12.3191987,29.5552188 12.3191987,38.875 L12.3191987,44.5 L7.44288578,53.9634655 C6.84794449,55.1180686 6.85066096,56.4896598 7.45017099,57.6418974 L12.3191987,67 L12.3191987,72.625 C12.3191987,81.9450625 19.8723267,89.5 29.189529,89.5 L62.9301895,89.5 C72.2476729,89.5 79.8005198,81.9450625 79.8005198,72.625 L79.8005198,67 L84.5682187,57.6061395 C85.1432011,56.473244 85.1458141,55.1345713 84.5752587,53.9994398 L79.8005198,44.5 L79.8005198,38.875 C79.8005198,29.5552188 72.2476729,22 62.9301895,22 Z" />
|
|
<ellipse cx="45.7349843" cy="11" rx="12" ry="14" />
|
|
<ellipse cx="33.5" cy="55.5" rx="8" ry="9" />
|
|
<ellipse cx="57.5" cy="55.5" rx="8" ry="9" />
|
|
</g>
|
|
</svg>
|
|
)
|