Files
continue/gui/tailwind.config.cjs
Patrick Erichsen f573597b44 Fix parallel tool calls accept/reject issue and refactor selectors
- Fixed utility functions to find tool calls in correct assistant message instead of last history item
- Enhanced PendingToolCallToolbar to handle individual tool call actions properly
- Added comprehensive tests for multiple tool call scenarios
- Consolidated tool call selectors into single file with cleaner naming
- Added mock support for tools/call endpoint to enable proper testing
- Fixed streamResponseAfterToolCall to wait for all parallel tool calls before continuing

This resolves the issue where accepting/rejecting one tool call would cause other pending tool calls to disappear from the UI.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-10 11:25:59 -07:00

116 lines
3.9 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
const { varWithFallback, THEME_COLORS } = require("./src/styles/theme");
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"./src/*.{js,ts,jsx,tsx}",
],
theme: {
// Note that these breakpoints are primarily optimized for the input toolbar
screens: {
"2xs": "170px", // Smallest width for Primary Sidebar in VS Code
xs: "250px", // Avg default sidebar width in VS Code
sm: "330px",
int: "380px",
md: "460px",
lg: "590px",
xl: "720px",
"2xl": "860px",
"3xl": "1000px",
"4xl": "1180px",
},
extend: {
animation: {
"spin-slow": "spin 6s linear infinite",
},
borderRadius: {
default: "0.5rem",
},
fontSize: {
"2xs": "0.6875rem", // 11px
},
outlineOffset: {
0.5: "0.5px",
},
colors: {
background: varWithFallback("background"),
foreground: varWithFallback("foreground"),
editor: {
DEFAULT: varWithFallback("editor-background"),
foreground: varWithFallback("editor-foreground"),
},
primary: {
DEFAULT: varWithFallback("primary-background"),
foreground: varWithFallback("primary-foreground"),
hover: varWithFallback("primary-hover"),
},
secondary: {
DEFAULT: varWithFallback("secondary-background"),
foreground: varWithFallback("secondary-foreground"),
hover: varWithFallback("secondary-hover"),
},
border: {
DEFAULT: varWithFallback("border"),
focus: varWithFallback("border-focus"),
},
command: {
DEFAULT: varWithFallback("command-background"),
foreground: varWithFallback("command-foreground"),
border: {
DEFAULT: varWithFallback("command-border"),
focus: varWithFallback("command-border-focus"),
},
},
description: {
DEFAULT: varWithFallback("description"),
muted: varWithFallback("description-muted"),
},
input: {
DEFAULT: varWithFallback("input-background"),
foreground: varWithFallback("input-foreground"),
border: varWithFallback("input-border"),
placeholder: varWithFallback("input-placeholder"),
},
table: {
oddRow: varWithFallback("table-oddRow"),
},
badge: {
DEFAULT: varWithFallback("badge-background"),
foreground: varWithFallback("badge-foreground"),
},
success: varWithFallback("success"),
warning: varWithFallback("warning"),
error: varWithFallback("error"),
link: varWithFallback("link"),
accent: varWithFallback("accent"),
findMatch: {
DEFAULT: THEME_COLORS["find-match"].default,
selected: varWithFallback("find-match-selected"),
},
list: {
hover: varWithFallback("list-hover"),
active: {
DEFAULT: varWithFallback("list-active"),
foreground: varWithFallback("list-active-foreground"),
},
},
// DEPRECATED, slowly remove usages of these ide-named or explicit colors
lightgray: "#999998", // use border, description, or description-muted instead - AVOID
"vsc-input-background": varWithFallback("input-background"), // use "input-background" instead
"vsc-background": varWithFallback("background"), // use "background" instead
"vsc-foreground": varWithFallback("editor-foreground"), // use "foreground" instead
"vsc-editor-background": varWithFallback("editor-background"), // use "editor" instead
"vsc-input-border": varWithFallback("input-border"), // use "input-border" instead
},
},
},
plugins: [],
corePlugins: {
preflight: false,
},
};