658ef86944
Theme & styling:
- Add custom "inspector" color palette with dark navy primary
- Change primaryShade to { light: 7, dark: 8 }
- Add Input theme override to apply --inspector-input-background globally
- Add --inspector-input-background token (white in light, dark-9 in dark)
- Override --mantine-color-body in dark mode via cssVariablesResolver
in both main.tsx and Storybook preview.tsx
- Add dark-mode CSS overrides for Select dropdown and option hover
- Add dark-mode CSS override for Accordion control hover
- Rename CSS variable --inspector-status-failed → --inspector-status-error
Component changes:
- CopyButton: increase icon font size to 24px, use --inspector-text-primary
for high-contrast color (black/white per theme)
- TaskControls: remove onClearHistory (moved to TaskListPanel), fix Select
clear button not disappearing by passing null instead of undefined
- TaskListPanel: add onClearCompleted callback, render "Clear" button
next to Completed section header
- HistoryListPanel: move "Clear" button from toolbar to History section
header, rename from "Clear All"
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
31 lines
630 B
TypeScript
31 lines
630 B
TypeScript
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
import { fn } from "storybook/test";
|
|
import { TaskControls } from "./TaskControls";
|
|
|
|
const meta: Meta<typeof TaskControls> = {
|
|
title: "Groups/TaskControls",
|
|
component: TaskControls,
|
|
args: {
|
|
searchText: "",
|
|
onSearchChange: fn(),
|
|
onStatusFilterChange: fn(),
|
|
onRefresh: fn(),
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof TaskControls>;
|
|
|
|
export const Default: Story = {};
|
|
|
|
export const WithSearch: Story = {
|
|
args: {
|
|
searchText: "generate",
|
|
},
|
|
};
|
|
|
|
export const WithFilter: Story = {
|
|
args: {
|
|
statusFilter: "working",
|
|
},
|
|
};
|