fix(app): explain the resource fields before showing them

Every other field in Add sandbox is introduced by the line above it; the CPU
and memory description sat underneath, so it read as a footnote to boxes the
user had already had to guess at. Moved above the pair, and the dialog now
reads the same way throughout: what the field is for, then the field.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: quickbeard

packages/app/src/sandbox/dialog-add.tsx

@@ -266,6 +266,17 @@ export function DialogAddSandbox(props: { onCreated?: (config: SandboxConfig) =>
             <p class="text-12 text-v2-text-text-muted">{language.t("sandbox.add.imageOk")}</p>
           </Show>
           <Show when={resourcesApply()}>
+            {/* Both are optional and both have real defaults, which the user
+                cannot otherwise discover — an empty box says nothing about
+                what the sandbox will actually get. */}
+            <p class="text-12 text-v2-text-text-muted">
+              {language.t("sandbox.add.resourcesHint", {
+                cpus: SANDBOX_DEFAULT_CPUS,
+                memory: SANDBOX_DEFAULT_MEMORY_GIB,
+                maxCpus: SANDBOX_CPUS_RANGE.max,
+                maxMemory: SANDBOX_MEMORY_MIB_RANGE.max / 1024,
+              })}
+            </p>
             {/* Grid, not flex: the input sets its own `width: 280px` and
                 `flex: none`, so two of them side by side overflowed the dialog
                 rather than sharing the row. Grid tracks size them, and
@@ -288,17 +299,6 @@ export function DialogAddSandbox(props: { onCreated?: (config: SandboxConfig) =>
                 onInput={(event) => setStore("memoryGiB", event.currentTarget.value)}
               />
             </div>
-            {/* Both are optional and both have real defaults, which the user
-                cannot otherwise discover — an empty box says nothing about
-                what the sandbox will actually get. */}
-            <p class="text-12 text-v2-text-text-muted">
-              {language.t("sandbox.add.resourcesHint", {
-                cpus: SANDBOX_DEFAULT_CPUS,
-                memory: SANDBOX_DEFAULT_MEMORY_GIB,
-                maxCpus: SANDBOX_CPUS_RANGE.max,
-                maxMemory: SANDBOX_MEMORY_MIB_RANGE.max / 1024,
-              })}
-            </p>
             <Show when={!resourcesValid()}>
               <p class="text-12 text-v2-text-text-muted">
                 {language.t("sandbox.add.resourcesInvalid", {