fix: prepare DeepAgent Code beta build

Author: lxrzlyr

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "@deepagent-code/app",
-  "version": "1.16.2",
+  "version": "1.0.0-beta",
   "description": "",
   "type": "module",
   "exports": {

packages/app/package.json

@@ -12,8 +12,8 @@ describe("DeepAgent settings UX", () => {
     expect(v2).toContain('data-action="settings-deepagent-mode"')
     expect(v2).toContain('data-action="settings-deepagent-prompt-mode"')
     expect(v2).toContain('data-action="settings-deepagent-wish-model"')
-    expect(v2).toContain('settings.general.deepagent.prompt.direct')
-    expect(v2).toContain('settings.general.deepagent.prompt.wish')
+    expect(v2).toContain("settings.general.deepagent.prompt.direct")
+    expect(v2).toContain("settings.general.deepagent.prompt.wish")
     expect(v2.indexOf('data-action="settings-language"')).toBeLessThan(
       v2.indexOf('data-action="settings-deepagent-mode"'),
     )
@@ -34,6 +34,30 @@ describe("DeepAgent settings UX", () => {
     expect(source).toContain('export { DialogSettings } from "./settings-v2/dialog-settings-v2"')
   })
 
+  test("keeps the legacy desktop layout as the default with an opt-in switch for the new layout", async () => {
+    const settings = await readFile(path.join(here, "../context/settings.tsx"), "utf8")
+    const v2 = await readFile(path.join(here, "settings-v2/general.tsx"), "utf8")
+
+    expect(settings).toContain("export const newLayoutDesignsDefault = false")
+    expect(v2).toContain('data-action="settings-new-layout-designs"')
+    expect(v2).toContain("settings.general.setNewLayoutDesigns(checked)")
+  })
+
+  test("keeps DeepAgent review, packs, and provider connect dialogs scroll-safe", async () => {
+    const review = await readFile(path.join(here, "review/dialog-review.tsx"), "utf8")
+    const packs = await readFile(path.join(here, "packs/dialog-packs.tsx"), "utf8")
+    const connectProvider = await readFile(path.join(here, "dialog-connect-provider.tsx"), "utf8")
+    const css = await readFile(path.join(here, "settings-v2/settings-v2.css"), "utf8")
+
+    expect(review).toContain("settings-v2-tab-body deepagent-dialog-body")
+    expect(review).toContain("deepagent-dialog-scroll")
+    expect(packs).toContain("settings-v2-tab-body deepagent-dialog-body")
+    expect(packs).toContain("deepagent-dialog-scroll")
+    expect(connectProvider).toContain("overflow-y-auto")
+    expect(css).toContain(".settings-v2-tab-body.deepagent-dialog-body")
+    expect(css).toContain(".deepagent-dialog-scroll")
+  })
+
   test("does not keep a separate DeepAgent provider dialog", async () => {
     await expect(readFile(path.join(here, "dialog-deepagent-provider.tsx"), "utf8")).rejects.toThrow()
   })

packages/app/src/components/deepagent-settings-ux.test.ts

@@ -417,7 +417,7 @@ export function DialogConnectProvider(props: { provider: string }) {
       baseURL:
         typeof serverSync.data.config.provider?.[props.provider]?.options?.baseURL === "string"
           ? serverSync.data.config.provider[props.provider]!.options!.baseURL
-          : providerBaseURL[props.provider] ?? "",
+          : (providerBaseURL[props.provider] ?? ""),
       error: undefined as string | undefined,
       baseURLError: undefined as string | undefined,
       discovered: [] as DiscoveredProviderModel[],
@@ -698,6 +698,7 @@ export function DialogConnectProvider(props: { provider: string }) {
 
   return (
     <Dialog
+      class="[&_[data-slot=dialog-body]]:min-h-0"
       title={
         <IconButton
           tabIndex={-1}
@@ -708,7 +709,7 @@ export function DialogConnectProvider(props: { provider: string }) {
         />
       }
     >
-      <div class="flex flex-col gap-6 px-2.5 pb-3">
+      <div class="flex h-full min-h-0 flex-col gap-6 overflow-y-auto px-2.5 pb-3">
         <div class="px-2.5 flex gap-4 items-center">
           <ProviderIcon id={props.provider} class="size-5 shrink-0 icon-strong-base" />
           <div class="text-16-medium text-text-strong">
@@ -720,7 +721,7 @@ export function DialogConnectProvider(props: { provider: string }) {
             </Switch>
           </div>
         </div>
-        <div class="px-2.5 pb-10 flex flex-col gap-6">
+        <div class="min-h-0 px-2.5 pb-10 flex flex-col gap-6">
           <div onKeyDown={handleKey} tabIndex={0} autofocus={store.methodIndex === undefined ? true : undefined}>
             <Switch>
               <Match when={loading()}>