138 lines
4.1 KiB
TypeScript
138 lines
4.1 KiB
TypeScript
import type {
|
|
PuzzleAgentActionRequest,
|
|
PuzzleAgentOperationRecord,
|
|
} from '../../../packages/shared/src/contracts/puzzleAgentActions';
|
|
import type {
|
|
PuzzleAgentSessionSnapshot,
|
|
SendPuzzleAgentMessageRequest,
|
|
} from '../../../packages/shared/src/contracts/puzzleAgentSession';
|
|
import { createCreationAgentClientMessageId } from '../../services/creation-agent';
|
|
import {
|
|
type CreationAgentOperationView,
|
|
type CreationAgentSessionView,
|
|
type CreationAgentTheme,
|
|
CreationAgentWorkspace,
|
|
} from '../creation-agent';
|
|
|
|
type PuzzleAgentWorkspaceProps = {
|
|
session: PuzzleAgentSessionSnapshot | null;
|
|
activeOperation?: PuzzleAgentOperationRecord | null;
|
|
streamingReplyText?: string;
|
|
isBusy?: boolean;
|
|
error?: string | null;
|
|
onBack: () => void;
|
|
onSubmitMessage: (payload: SendPuzzleAgentMessageRequest) => void;
|
|
onExecuteAction: (payload: PuzzleAgentActionRequest) => void;
|
|
};
|
|
|
|
const PUZZLE_AGENT_THEME: CreationAgentTheme = {
|
|
accentTextClass: 'text-amber-100/84',
|
|
accentBgClass: 'bg-amber-200',
|
|
accentButtonClass: 'bg-amber-200 shadow-amber-950/20',
|
|
userBubbleClass: 'bg-amber-600 text-white',
|
|
heroClass:
|
|
'border border-amber-100/16 bg-[radial-gradient(circle_at_top_left,rgba(251,191,36,0.18),transparent_32%),linear-gradient(135deg,rgba(76,29,19,0.96),rgba(20,24,35,0.96))]',
|
|
anchorGridClass: 'grid gap-2 sm:grid-cols-2 xl:grid-cols-5',
|
|
};
|
|
|
|
function mapPuzzleSession(
|
|
session: PuzzleAgentSessionSnapshot,
|
|
): CreationAgentSessionView {
|
|
return {
|
|
sessionId: session.sessionId,
|
|
// 所有玩法的 Agent 聊天页顶部模块只保留操作与进度，不展示标题和引导副文案。
|
|
title: null,
|
|
assistantSummary: null,
|
|
currentTurn: session.currentTurn,
|
|
progressPercent: session.progressPercent,
|
|
anchors: [
|
|
session.anchorPack.themePromise,
|
|
session.anchorPack.visualSubject,
|
|
session.anchorPack.visualMood,
|
|
session.anchorPack.compositionHooks,
|
|
session.anchorPack.tagsAndForbidden,
|
|
],
|
|
messages: session.messages,
|
|
recommendedReplies: [],
|
|
};
|
|
}
|
|
|
|
function mapPuzzleOperation(
|
|
operation: PuzzleAgentOperationRecord | null | undefined,
|
|
): CreationAgentOperationView | null {
|
|
if (!operation) {
|
|
return null;
|
|
}
|
|
|
|
return {
|
|
operationId: operation.operationId,
|
|
type: operation.type,
|
|
status: operation.status,
|
|
phaseLabel: operation.phaseLabel,
|
|
phaseDetail: operation.phaseDetail,
|
|
progress: operation.progress,
|
|
error: operation.error,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* 拼图 Agent 共创工作区只保留品类适配，聊天 UI 与进度管理统一走 CreationAgentWorkspace。
|
|
*/
|
|
export function PuzzleAgentWorkspace({
|
|
session,
|
|
activeOperation = null,
|
|
streamingReplyText = '',
|
|
isBusy = false,
|
|
error = null,
|
|
onBack,
|
|
onSubmitMessage,
|
|
onExecuteAction,
|
|
}: PuzzleAgentWorkspaceProps) {
|
|
return (
|
|
<CreationAgentWorkspace
|
|
session={session ? mapPuzzleSession(session) : null}
|
|
theme={PUZZLE_AGENT_THEME}
|
|
loadingText="正在准备拼图共创工作区..."
|
|
composerPlaceholder="说说题材、主体、气质或你不希望出现的元素..."
|
|
primaryActionLabel="生成结果页"
|
|
activeOperation={mapPuzzleOperation(activeOperation)}
|
|
streamingReplyText={streamingReplyText}
|
|
isStreamingReply={Boolean(streamingReplyText)}
|
|
isBusy={isBusy}
|
|
error={error}
|
|
quickActions={[
|
|
{
|
|
key: 'summarize',
|
|
label: '总结当前设定',
|
|
},
|
|
{
|
|
key: 'quickFill',
|
|
label: '补充剩余关键字',
|
|
minTurn: 2,
|
|
},
|
|
]}
|
|
onBack={onBack}
|
|
onSubmitText={(text) => {
|
|
onSubmitMessage({
|
|
clientMessageId: createCreationAgentClientMessageId('puzzle'),
|
|
text,
|
|
});
|
|
}}
|
|
onPrimaryAction={() => {
|
|
onExecuteAction({ action: 'compile_puzzle_draft' });
|
|
}}
|
|
onQuickAction={(action) => {
|
|
onSubmitMessage({
|
|
clientMessageId: createCreationAgentClientMessageId('puzzle'),
|
|
text:
|
|
action.key === 'quickFill'
|
|
? '请补充剩余关键字。'
|
|
: '请总结一下当前已经成形的拼图设定。',
|
|
});
|
|
}}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default PuzzleAgentWorkspace;
|