mirror of
https://github.com/cline/cline.git
synced 2026-09-19 02:05:44 +08:00
BeeandJose R. Perez
b3aee3857c
* Update TaskHeader UI - Create new FocusChainContainer component for todo list management - Add onSendMessage prop to TaskHeader and TaskSection components - Refactor TaskHeader to use new FocusChainContainer - Update tooltip styling and Tailwind configuration - Improve task progress visualization and interaction handling * use tailwind * Remove edit thread btn * Add interactive auto-compact marker to context window bar - Add state management for auto-compact marker position (default 75%) - Make context window bar clickable to reposition marker - Wrap entire bar in tooltip instead of just marker - Add click handler to calculate percentage from mouse position - Fix cost display conditional and remove redundant CSS property * Prevent event bubbling in task header button clicks Add preventDefault and stopPropagation to all task header button click handlers to prevent unintended parent element interactions. Also standardize styling by replacing inline styles with Tailwind classes and update text color class for consistency. * Clean up * Add CheckpointError component and clean up task header UI - Add new CheckpointError component for error handling - Remove commented code from FocusChainContainer - Add rounded corners to focus chain container - Refactor formatLargeNumber function with default parameter handling - Clean up token display formatting in TaskHeader * Add configurable auto-condense threshold for context window management - Add autoCondenseThreshold setting to control when context window compaction occurs - Update ContextManager to accept threshold percentage parameter (0-100%) - Add ContextWindowDetails component to display context usage in task header - Extend protobuf schema and state management for new threshold setting - Default threshold set to 75% when auto-condense is enabled * v2 style * Dynamic marker & remove HeroTooltip * Update styles * feat: enhance task header UX with expanded progress bar hitbox smart boundary detection timeline block hover dimming effects optimized spacing and standard confirmation dialog styling * Extract TaskHeader styles to CSS module Move inline styles from TaskHeader component to external CSS module file for better maintainability and separation of concerns. * migrate to tailwind * migrate inline styes to tailwind for FocusChain * fix(ui): fix useEffect cleanup and add key prop to InfoRow - Return cleanup function from useEffect instead of nested setTimeout - Add key prop to InfoRow component to ensure proper re-rendering - Improves component lifecycle management and prevents memory leaks * price tag and warning positioning * clean up & persist expand state * debounce * add keyboard navigation for auto condense threshold slider Add arrow key controls to adjust auto condense threshold with 5% steps (10% with Shift). Include focus management, accessibility attributes, and click-outside handling for improved UX. * feat: small vertical positioning adjustment * add changeset * Update Task Action Button Text * clean up * Update storybook * Apply styling feedback * clean up * feat: accordian style metadata for context window bar tooltip * fix: notch slide fix * fix: add cleanup for animation frames and timeouts in AutoCondenseMarker Add proper cleanup functions to useEffect hooks to prevent memory leaks by canceling animation frames and clearing timeouts when component unmounts or dependencies change. * Fix animation on mount * remove handleBlur * fix: change the order of the instructional text * fix: remove the color from the tooltip percentage value * clean up * simplify * useAutoCondense * remove highlights * set maxAllowedSize * Auto Compact * remove fork button * feat: add configurable auto-condense threshold setting Add auto_condense_threshold parameter to control when context window compaction occurs. The threshold is configurable as a percentage (0-1 range) of the total context window size, allowing users to customize when automatic condensing triggers instead of using a fixed maximum size. Changes: - Add autoCondenseThreshold field to protobuf UpdateSettingsRequest - Update ApiProviderInfo interface to include autoCondenseThreshold - Modify shouldCompactContextWindow to accept threshold percentage parameter - Add threshold validation and state management in updateSettings - Include autoCondenseThreshold in controller state and UI data flow * autoCondenseThreshold * fix package --------- Co-authored-by: Jose R. Perez <trupix@gmail.com>
118 lines
3.3 KiB
JavaScript
118 lines
3.3 KiB
JavaScript
import { heroui } from "@heroui/react"
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
export default {
|
|
content: {
|
|
relative: true,
|
|
files: ["./src/**/*.{jsx,tsx,mdx}", "./node_modules/@heroui/theme/dist/**/*.{ts,tsx}"],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
"azeret-mono": ['"Azeret Mono"', "monospace"],
|
|
},
|
|
colors: {
|
|
background: "var(--vscode-editor-background)",
|
|
border: {
|
|
DEFAULT: "var(--vscode-focusBorder)",
|
|
panel: "var(--vscode-panel-border)",
|
|
},
|
|
foreground: "var(--vscode-foreground)",
|
|
shadow: "var(--vscode-widget-shadow)",
|
|
code: {
|
|
background: "var(--vscode-editor-background)",
|
|
foreground: "var(--vscode-editor-foreground)",
|
|
border: "var(--vscode-editor-border)",
|
|
},
|
|
sidebar: {
|
|
background: "var(--vscode-sideBar-background)",
|
|
foreground: "var(--vscode-sideBar-foreground)",
|
|
},
|
|
input: {
|
|
foreground: "var(--vscode-input-foreground)",
|
|
background: "var(--vscode-input-background)",
|
|
border: "var(--vscode-input-border)",
|
|
placeholder: "var(--vscode-input-placeholderForeground)",
|
|
},
|
|
selection: {
|
|
DEFAULT: "var(--vscode-list-activeSelectionBackground)",
|
|
foreground: "var(--vscode-list-activeSelectionForeground)",
|
|
},
|
|
button: {
|
|
background: {
|
|
DEFAULT: "var(--vscode-button-background)",
|
|
hover: "var(--vscode-button-hoverBackground)",
|
|
},
|
|
foreground: "var(--vscode-button-foreground)",
|
|
separator: "var(--vscode-button-separator)",
|
|
secondary: {
|
|
background: {
|
|
DEFAULT: "var(--vscode-button-secondaryBackground)",
|
|
hover: "var(--vscode-button-secondaryHoverBackground)",
|
|
},
|
|
foreground: "var(--vscode-button-secondaryForeground)",
|
|
},
|
|
},
|
|
muted: {
|
|
DEFAULT: "var(--vscode-editor-foldBackground)",
|
|
foreground: "var(--vscode-editor-foldPlaceholderForeground)",
|
|
},
|
|
menu: {
|
|
DEFAULT: "var(--vscode-menu-background)",
|
|
foreground: "var(--vscode-menu-foreground)",
|
|
border: "var(--vscode-menu-border)",
|
|
shadow: "var(--vscode-menu-shadow)",
|
|
},
|
|
link: {
|
|
DEFAULT: "var(--vscode-textLink-foreground)",
|
|
hover: "var(--vscode-textLink-activeForeground)",
|
|
},
|
|
list: {
|
|
background: {
|
|
hover: "var(--vscode-list-hoverBackground)",
|
|
},
|
|
},
|
|
badge: {
|
|
foreground: "var(--vscode-badge-foreground)",
|
|
background: "var(--vscode-badge-background)",
|
|
},
|
|
banner: {
|
|
background: "var(--vscode-banner-background)",
|
|
foreground: "var(--vscode-banner-foreground)",
|
|
icon: "var(--vscode-banner-iconForeground)",
|
|
},
|
|
toolbar: {
|
|
DEFAULT: "var(--vscode-toolbar-background)",
|
|
hover: "var(--vscode-toolbar-hoverBackground)",
|
|
},
|
|
error: "var(--vscode-errorForeground)",
|
|
description: "var(--vscode-descriptionForeground)",
|
|
success: "var(--vscode-charts-green)",
|
|
warning: "var(--vscode-charts-yellow)",
|
|
},
|
|
fontSize: {
|
|
xl: "calc(2 * var(--vscode-font-size))",
|
|
lg: "calc(1.5 * var(--vscode-font-size))",
|
|
md: "calc(1.25 * var(--vscode-font-size))",
|
|
sm: "var(--vscode-font-size)",
|
|
xs: "calc(0.85 * var(--vscode-font-size))",
|
|
xxs: "calc(0.75 * var(--vscode-font-size))",
|
|
},
|
|
},
|
|
},
|
|
darkMode: "class",
|
|
plugins: [
|
|
heroui({
|
|
defaultTheme: "vscode",
|
|
themes: {
|
|
vscode: {
|
|
colors: {
|
|
background: "",
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
}
|