1

src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx

@@ -7,8 +7,8 @@ import type {
   CustomWorldDraftCardDetail,
   SendCustomWorldAgentMessageRequest,
 } from '../../../packages/shared/src/contracts/customWorldAgent';
-import { CustomWorldRoleAssetStudioModal } from '../CustomWorldRoleAssetStudioModal';
 import { getCustomWorldAgentCardDetail } from '../../services/aiService';
+import { CustomWorldRoleAssetStudioModal } from '../CustomWorldRoleAssetStudioModal';
 import { CustomWorldAgentComposer } from './CustomWorldAgentComposer';
 import { CustomWorldAgentDraftDetailPanel } from './CustomWorldAgentDraftDetailPanel';
 import { CustomWorldAgentDraftDrawer } from './CustomWorldAgentDraftDrawer';
@@ -149,7 +149,8 @@ function resolveRoleAssetTarget(
         : [],
       imageSrc: toText(role.imageSrc) || undefined,
       generatedVisualAssetId: toText(role.generatedVisualAssetId) || undefined,
-      generatedAnimationSetId: toText(role.generatedAnimationSetId) || undefined,
+      generatedAnimationSetId:
+        toText(role.generatedAnimationSetId) || undefined,
       animationMap: toRecord(role.animationMap) ?? undefined,
     } satisfies WorkspaceRoleAssetTarget,
     roleKind: playableRole ? ('playable' as const) : ('story' as const),
@@ -352,7 +353,8 @@ export function CustomWorldAgentWorkspace({
   }
 
   const isBusy =
-    activeOperation?.status === 'queued' || activeOperation?.status === 'running';
+    activeOperation?.status === 'queued' ||
+    activeOperation?.status === 'running';
   const canStartDraft =
     session.creatorIntentReadiness.isReady &&
     session.stage === 'foundation_review';
@@ -360,9 +362,10 @@ export function CustomWorldAgentWorkspace({
     !session.creatorIntentReadiness.isReady &&
     session.creatorIntentReadiness.completedKeys.includes('world_hook');
   const showDraftWorkspace =
-    (session.stage === 'object_refining' || session.stage === 'visual_refining') &&
-    session.draftCards.length > 0;
-  const selectedCard = session.draftCards.find((card) => card.id === selectedCardId) ?? null;
+    session.stage !== 'foundation_review' && session.draftCards.length > 0;
+  const showAgentConversation = !showDraftWorkspace;
+  const selectedCard =
+    session.draftCards.find((card) => card.id === selectedCardId) ?? null;
   const recommendedReplies = buildRecommendedReplies(session);
   const selectedRoleAssetContext = resolveRoleAssetTarget(
     session,
@@ -424,27 +427,30 @@ export function CustomWorldAgentWorkspace({
 
   return (
     <div className="mx-auto flex h-full min-h-0 w-full max-w-[1500px] flex-col gap-3">
-      <CustomWorldAgentHeader onBack={onBack} />
-      <CustomWorldAgentReadinessBar
-        completedKeys={session.creatorIntentReadiness.completedKeys}
-        isReady={canStartDraft}
-        busy={isBusy}
-        onStartDraft={() => {
-          onExecuteAction({
-            action: 'draft_foundation',
-          });
-        }}
-      />
+      {!showDraftWorkspace ? <CustomWorldAgentHeader onBack={onBack} /> : null}
+      {!showDraftWorkspace ? (
+        <CustomWorldAgentReadinessBar
+          completedKeys={session.creatorIntentReadiness.completedKeys}
+          isReady={canStartDraft}
+          busy={isBusy}
+          onStartDraft={() => {
+            onExecuteAction({
+              action: 'draft_foundation',
+            });
+          }}
+        />
+      ) : null}
       <CustomWorldAgentOperationBanner operation={activeOperation} />
 
       {showDraftWorkspace ? (
-        <div className="grid min-h-0 flex-1 gap-3 xl:grid-cols-[18rem_minmax(0,1fr)_24rem]">
+        <div className="grid min-h-0 flex-1 gap-3 xl:grid-cols-[20rem_minmax(0,1fr)]">
           <div className="flex min-h-0 flex-col gap-3 xl:overflow-hidden">
             <CustomWorldAgentQuickActions
               suggestedActions={session.suggestedActions}
               disabled={isBusy}
               canDraftFoundation={canStartDraft}
               showEntityActions
+              showSummaryAction={false}
               showRoleAssetAction={selectedCard?.kind === 'character'}
               onRequestSummary={submitSummaryRequest}
               onDraftFoundation={() => {
@@ -464,13 +470,11 @@ export function CustomWorldAgentWorkspace({
               onFocusSuggestedAction={(action) => {
                 if (action?.targetId) {
                   setSelectedCardId(action.targetId);
-                  setDetailModalOpen(true);
                   return;
                 }
 
                 if (session.draftCards[0]) {
                   setSelectedCardId(session.draftCards[0].id);
-                  setDetailModalOpen(true);
                 }
               }}
             />
@@ -480,13 +484,12 @@ export function CustomWorldAgentWorkspace({
                 activeCardId={selectedCardId}
                 onSelectCard={(cardId) => {
                   setSelectedCardId(cardId);
-                  setDetailModalOpen(true);
                 }}
               />
             </div>
           </div>
 
-          <div className="hidden min-h-0 xl:block xl:overflow-y-auto">
+          <div className="min-h-0 xl:overflow-y-auto">
             <CustomWorldAgentDraftDetailPanel
               detail={detail}
               loading={detailLoading}
@@ -526,38 +529,25 @@ export function CustomWorldAgentWorkspace({
               }}
             />
           </div>
-
-          <div className="flex min-h-0 flex-col gap-3">
-            <div className="h-[18rem] min-h-[18rem] xl:min-h-0 xl:flex-1">
+        </div>
+      ) : (
+        <>
+          {showAgentConversation ? (
+            <>
               <CustomWorldAgentThread
                 messages={session.messages}
                 recommendedReplies={recommendedReplies}
                 onRecommendedReply={handleRecommendedReply}
               />
-            </div>
-            <CustomWorldAgentComposer
-              disabled={isBusy}
-              onSubmit={onSubmitMessage}
-              onSummaryClick={submitSummaryRequest}
-              onAutoCompleteClick={() => setAutoCompleteConfirmOpen(true)}
-              showAutoComplete={showAutoCompleteButton}
-            />
-          </div>
-        </div>
-      ) : (
-        <>
-          <CustomWorldAgentThread
-            messages={session.messages}
-            recommendedReplies={recommendedReplies}
-            onRecommendedReply={handleRecommendedReply}
-          />
-          <CustomWorldAgentComposer
-            disabled={isBusy}
-            onSubmit={onSubmitMessage}
-            onSummaryClick={submitSummaryRequest}
-            onAutoCompleteClick={() => setAutoCompleteConfirmOpen(true)}
-            showAutoComplete={showAutoCompleteButton}
-          />
+              <CustomWorldAgentComposer
+                disabled={isBusy}
+                onSubmit={onSubmitMessage}
+                onSummaryClick={submitSummaryRequest}
+                onAutoCompleteClick={() => setAutoCompleteConfirmOpen(true)}
+                showAutoComplete={showAutoCompleteButton}
+              />
+            </>
+          ) : null}
         </>
       )}
 
@@ -671,13 +661,13 @@ export function CustomWorldAgentWorkspace({
           }
           visualPointCost={
             selectedRoleAssetContext.assetSummary?.status === 'missing'
-              ? selectedRoleAssetContext.assetSummary?.nextPointCost ?? 20
+              ? (selectedRoleAssetContext.assetSummary?.nextPointCost ?? 20)
               : 20
           }
           animationPointCost={
             selectedRoleAssetContext.assetSummary?.status === 'missing'
               ? 60
-              : selectedRoleAssetContext.assetSummary?.nextPointCost ?? 60
+              : (selectedRoleAssetContext.assetSummary?.nextPointCost ?? 60)
           }
           syncBusy={
             activeOperation?.type === 'sync_role_assets' &&