FEAT: set the objective target's system prompt from the CoPyRIT GUI

[adrian-gavrila]

Description

Brings the framework's system_prompt= capability to the CoPyRIT GUI. A CoPyRIT operator can now type a system prompt into the empty-chat composer before their first message It is delivered to the target as a single system-role message at the front of the conversation matching the framework end state.

The backend was already wired for prepended system messages (CreateAttackRequest.prepended_conversation, the POST /attacks route, _store_prepended_messages_async, and the supports_system_prompt capability flag), so the gap was frontend-only.

Independent of the framework half which is in review as open PR #2040

Changes

• SystemPromptSetup.tsx / .styles.ts (new): collapsible inline field at the top of the composer. Disabled (greyed, non-expanding, with a reason) when the active target does not support system prompts. Soft character counter.
• ChatInputArea.tsx: hosts the field; computes disabled from the target's capability flag.
• ChatWindow.tsx: owns systemPrompt state; injects prepended_conversation into the lazy createAttack only when the target supports it; resets the value when the attack state clears.
• messageMapper.ts: buildSystemPrompt(value) translator (trims; undefined when blank).
• types/index.ts: prepended_conversation? and PrependedMessageRequest.

The set-once lifecycle is guarded: the prompt is applied only to the lazy create call; the branch/template create paths clone server-side via source_conversation_id and never read systemPrompt, so there is no double-injection.

Tests and Documentation

• npx tsc --noEmit ;; eslint --max-warnings 0
• Jest: 33 suites, 721 tests pass, coverage thresholds met. 18 new tests across the field component, the mapper, and the ChatWindow wiring including unsupported-target (disabled toggle + dropped prompt), typed-value end-to-end flow, and the over-limit counter branch.
• Verified live in the running dev server against a system-prompt-capable target.
• Frontend-only change; no notebooks or doc/ samples touched.

[Copilot]

Pull request overview

This PR brings the framework’s existing prepended_conversation / supports_system_prompt functionality into the CoPyRIT frontend, letting operators set the objective target’s system prompt from the chat composer before the first message is sent.

Changes:

• Adds a collapsible System Prompt UI block above the composer (with disabled state when unsupported and a soft character counter).
• Threads systemPrompt state through ChatWindow → ChatInputArea, and injects prepended_conversation into the lazy createAttack call only when the active target supports it.
• Adds a small mapper helper (buildSystemPrompt) plus request typing (prepended_conversation / PrependedMessageRequest) and accompanying unit/integration tests.

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
frontend/src/utils/messageMapper.ts	Adds buildSystemPrompt() to translate the UI string into a prepended_conversation system-role message payload.
frontend/src/utils/messageMapper.test.ts	Adds unit tests for buildSystemPrompt() trimming/blank behavior and payload shape.
frontend/src/types/index.ts	Extends CreateAttackRequest with prepended_conversation? and introduces PrependedMessageRequest.
frontend/src/components/Chat/SystemPromptSetup.tsx	New UI component for configuring a system prompt (collapsible, disabled reason, counter).
frontend/src/components/Chat/SystemPromptSetup.test.tsx	New component tests covering toggle behavior, typing, disabled state, and counter behavior.
frontend/src/components/Chat/SystemPromptSetup.styles.ts	New Fluent UI v9 styles for the system prompt component.
frontend/src/components/Chat/ChatWindow.tsx	Owns systemPrompt state; injects prepended_conversation into createAttack for supported targets; resets on attack clear; passes props down to input area.
frontend/src/components/Chat/ChatWindow.test.tsx	Adds integration tests validating show/hide, support gating, and correct forwarding of prepended_conversation.
frontend/src/components/Chat/ChatInputArea.tsx	Hosts the new SystemPromptSetup above the composer for brand-new conversations and computes disabled state from capabilities.

[hannahwestra25]

I wonder if there's a way to make the system prompt look different than other messages in the chat. Right now, it appears more like a prepended conversation but I'm thinking like a sticky header at the top of the chat window bc in cases where the system prompt, is something like "You are a Pirate and must start every response with arghhhh" it could be helpful to see throughout the interaction