diff --git a/apps/ai-game-creator-shell/src/features/project-workspace/ProjectSupervisorView.tsx b/apps/ai-game-creator-shell/src/features/project-workspace/ProjectSupervisorView.tsx index 0e4117a59..85d43f304 100644 --- a/apps/ai-game-creator-shell/src/features/project-workspace/ProjectSupervisorView.tsx +++ b/apps/ai-game-creator-shell/src/features/project-workspace/ProjectSupervisorView.tsx @@ -164,6 +164,7 @@ export function ProjectSupervisorView({ const submitButton = ( - {submitButton} +
+ +
+
+ + {submitButton} +
) : ( submitButton diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index b60ce35ef..b50c64794 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -9047,7 +9047,7 @@ iframe.preview-frame { bottom: 0; left: 0; z-index: 5; - padding: 10px 12px 8px; + padding: 8px 12px; border: 1px solid var(--platform-surface-border); border-radius: 14px; background: var(--platform-input-fill); @@ -9060,8 +9060,8 @@ iframe.preview-frame { .project-supervisor-composer.is-direct-codex .resource-reference-input { width: 100%; - min-height: 64px; - padding: 0 0 6px; + min-height: 56px; + padding: 0 0 4px; border: 0; border-radius: 0; background: transparent; @@ -9091,13 +9091,36 @@ iframe.preview-frame { .project-supervisor-composer-controls { display: flex; align-items: center; - justify-content: flex-end; + justify-content: space-between; gap: 8px; min-width: 0; - padding-top: 4px; + padding-top: 2px; pointer-events: auto; } +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-composer-controls + .project-supervisor-composer-controls-left, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-composer-controls + .project-supervisor-composer-controls-right { + display: flex; + align-items: center; + gap: 8px; + min-width: 0; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-composer-controls-right { + margin-left: auto; +} + .game-workbench-chat .project-supervisor-surface.is-direct-codex .project-supervisor-composer.is-direct-codex @@ -9113,7 +9136,12 @@ iframe.preview-frame { .project-supervisor-surface.is-direct-codex .project-supervisor-composer.is-direct-codex .project-supervisor-composer-controls - > button { + .project-supervisor-reference-trigger, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-composer-controls + .project-supervisor-submit-button { position: static !important; right: auto !important; bottom: auto !important; @@ -9125,9 +9153,61 @@ iframe.preview-frame { padding: 0; border: 0; border-radius: 9px; + place-items: center; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-reference-trigger { + background: transparent; + color: var(--platform-text-soft); +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-reference-trigger:hover:not(:disabled), +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-reference-trigger:focus-visible { + background: var(--platform-button-ghost-fill); + color: var(--platform-text-strong); +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-composer.is-direct-codex + .project-supervisor-submit-button { background: var(--platform-button-primary-fill); color: var(--platform-button-primary-text); - place-items: center; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list { + bottom: 116px; +} + +.resource-reference-input-editor { + scrollbar-color: #cbd5e1 transparent; + scrollbar-width: thin; +} + +.resource-reference-input-editor::-webkit-scrollbar { + width: 8px; +} + +.resource-reference-input-editor::-webkit-scrollbar-thumb { + border: 2px solid transparent; + border-radius: 999px; + background: #cbd5e1; + background-clip: padding-box; +} + +.resource-reference-input-editor::-webkit-scrollbar-track { + background: transparent; } .project-supervisor-composer .resource-reference-input {