9678d790cd
- Introduced a new function to determine the current review state based on task history events, improving the accuracy of review status tracking. - Updated the requestReview, approveReview, and requestChanges functions to append corresponding review events to the task history, ensuring comprehensive tracking of review actions. - Refactored task management logic to utilize the new historyEvents structure, replacing the previous statusHistory implementation for better clarity and maintainability. - Enhanced tests to validate the new review event handling and ensure correct behavior across various task states.
75 lines
2 KiB
TypeScript
75 lines
2 KiB
TypeScript
import React from 'react';
|
|
|
|
import { Slash } from 'lucide-react';
|
|
|
|
import { MarkdownViewer } from '../viewers';
|
|
|
|
import { BaseItem } from './BaseItem';
|
|
|
|
import type { SlashItem as SlashItemType } from '@renderer/types/groups';
|
|
import type { TriggerColor } from '@shared/constants/triggerColors';
|
|
|
|
interface SlashItemProps {
|
|
slash: SlashItemType;
|
|
onClick: () => void;
|
|
isExpanded: boolean;
|
|
/** Timestamp for display */
|
|
timestamp?: Date;
|
|
/** Additional classes for highlighting (e.g., error deep linking) */
|
|
highlightClasses?: string;
|
|
/** Inline styles for highlighting (used by custom hex colors) */
|
|
highlightStyle?: React.CSSProperties;
|
|
/** Notification dot color for custom triggers */
|
|
notificationDotColor?: TriggerColor;
|
|
}
|
|
|
|
/**
|
|
* SlashItem displays a slash command invocation.
|
|
* This unified component handles all slash types:
|
|
* - Skills (e.g., /isolate-context)
|
|
* - Built-in commands (e.g., /model, /context)
|
|
* - Plugin commands
|
|
* - MCP commands
|
|
* - User-defined commands
|
|
*/
|
|
export const SlashItem: React.FC<SlashItemProps> = ({
|
|
slash,
|
|
onClick,
|
|
isExpanded,
|
|
timestamp,
|
|
highlightClasses,
|
|
highlightStyle,
|
|
notificationDotColor,
|
|
}) => {
|
|
const hasInstructions = !!slash.instructions;
|
|
|
|
// Display args or message as the description
|
|
const description = slash.args ?? slash.message;
|
|
|
|
return (
|
|
<BaseItem
|
|
icon={<Slash className="size-4" />}
|
|
label={`/${slash.name}`}
|
|
summary={description}
|
|
tokenCount={slash.instructionsTokenCount}
|
|
tokenLabel="tokens"
|
|
status={hasInstructions ? 'ok' : undefined}
|
|
timestamp={timestamp}
|
|
onClick={onClick}
|
|
isExpanded={isExpanded}
|
|
hasExpandableContent={hasInstructions}
|
|
highlightClasses={highlightClasses}
|
|
highlightStyle={highlightStyle}
|
|
notificationDotColor={notificationDotColor}
|
|
>
|
|
{hasInstructions && (
|
|
<MarkdownViewer
|
|
content={slash.instructions!}
|
|
label="Slash Output"
|
|
maxHeight="max-h-96"
|
|
copyable
|
|
/>
|
|
)}
|
|
</BaseItem>
|
|
);
|
|
};
|