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 = (
{directCodex ? (
-
-
- {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 {