@sparkelf/dsh-patch-mobile-web-layout 0.1.0-rc.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 DeepSeek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.i18n.yaml

@@ -0,0 +1,6 @@
+# Bilingual-pair consistency record (docs/i18n/README.md): the git blob hash of each
+# side as of the last confirmed-consistent state. Both languages carry equal authority;
+# after editing either side, bring the other along and re-record with:
+#   pnpm run verify-translation-pairing --write patches/npm/mobile-web-layout/README.md
+README.md: c5c346f2dc672ea67130d11d786c2889ab2393d4
+README.zh.md: 42001dd3b650820e81bc353d485078fbf41c8ec9

package/README.md

@@ -0,0 +1,9 @@
+# @sparkelf/dsh-patch-mobile-web-layout
+
+English | [中文](README.zh.md)
+
+This data-only package adds the remaining responsive gap in the official Web shell: at AppFrame widths up to 640px, a user-expanded main navigation column owns exactly half the measured frame, the conversation owns the other half, details stays closed, and the sidebar drag handle is absent. The collapsed 56px rail, tablet behavior, desktop drag preference, Session selection, and Workspace addition remain official and unchanged.
+
+The target is the exact official source base `cd5ef8148158c3a752a658978873241fdf8e2bbc`. Later official composer-control and model-menu mobile fixes are inherited and are not duplicated in this payload. The package has no JavaScript entry, lifecycle script, or fallback variant.
+
+Retire this package when official AppFrame ships equivalent phone half-width navigation.

package/README.zh.md

@@ -0,0 +1,9 @@
+# @sparkelf/dsh-patch-mobile-web-layout
+
+[English](README.md) | 中文
+
+该data-only package补充official Web shell剩余的responsive gap：AppFrame width不超过640px时，user-expanded main navigation column占精确一半measured frame，conversation占另一半，details保持closed，且不显示sidebar drag handle。collapsed 56px rail、tablet behavior、desktop drag preference、Session selection与Workspace addition保持official且不变。
+
+target是exact official source base `cd5ef8148158c3a752a658978873241fdf8e2bbc`。official后续composer-control与model-menu mobile fixes直接继承，不在payload中复制。本package没有JavaScript entry、lifecycle script或fallback variant。
+
+official AppFrame发布等价phone half-width navigation后，retire本package。

package/package.json

@@ -0,0 +1,35 @@
+{
+  "description": "Data-only exact official-source patch keeping user-expanded phone navigation at half the AppFrame width",
+  "dshPatch": {
+    "formatVersion": 1,
+    "variants": [
+      {
+        "dsh": ">=0.1.2-alpha.1",
+        "file": "./patches/mobile-web-layout.patch",
+        "id": "mobile-web-half-width-navigation",
+        "target": {
+          "baseRevision": "cd5ef8148158c3a752a658978873241fdf8e2bbc",
+          "kind": "dsh-source",
+          "paths": [
+            "packages/client/ui-layout/"
+          ]
+        }
+      }
+    ]
+  },
+  "files": [
+    "patches/*.patch"
+  ],
+  "license": "MIT",
+  "name": "@sparkelf/dsh-patch-mobile-web-layout",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "directory": "patches/npm/mobile-web-layout",
+    "type": "git",
+    "url": "git+https://github.com/SparkElf/deepseek-harness-plus.git"
+  },
+  "type": "module",
+  "version": "0.1.0-rc.10"
+}

package/patches/mobile-web-layout.patch

@@ -0,0 +1,76 @@
+diff --git a/packages/client/ui-layout/src/client/AppFrame.tsx b/packages/client/ui-layout/src/client/AppFrame.tsx
+index cbef893aed..36c6a3ae1a 100644
+--- a/packages/client/ui-layout/src/client/AppFrame.tsx
++++ b/packages/client/ui-layout/src/client/AppFrame.tsx
+@@ -15,7 +15,7 @@ import type { ReactNode } from 'react'
+ import type {
+   PropsLocale, PropsRenderSlots, PropsRuntime, PropsStore,
+ } from '@deepseek-ai/dsh-client-ui-slots'
+-import { computeColumns, SIDEBAR_AUTO_COLLAPSE, SIDEBAR_DEFAULT } from './columns.ts'
++import { computeColumns, computePhoneColumns, SIDEBAR_AUTO_COLLAPSE, SIDEBAR_DEFAULT, SIDEBAR_PHONE_MAX } from './columns.ts'
+ import { DocumentTitle } from './DocumentTitle.tsx'
+ import type { createLayoutStore } from './stores.ts'
+ import css from './AppFrame.module.css'
+@@ -146,10 +146,13 @@ export function AppFrame({
+   const narrow = viewport < SIDEBAR_AUTO_COLLAPSE
+   useEffect(() => { actions.setNarrow(narrow) }, [actions, narrow])
+   const sidebarCollapsed = narrow ? !panels.narrowExpanded : panels.sidebar === 0
++  const phone = viewport <= SIDEBAR_PHONE_MAX
+   const sidebarPreference = sidebarCollapsed
+     ? 0
+     : panels.sidebar === 0 ? SIDEBAR_DEFAULT : panels.sidebar
+-  const cols = computeColumns(viewport, sidebarPreference, detailsSession === undefined ? 0 : panels.details)
++  const cols = phone
++    ? computePhoneColumns(viewport, !sidebarCollapsed)
++    : computeColumns(viewport, sidebarPreference, detailsSession === undefined ? 0 : panels.details)
+   const colsRef = useRef(cols)
+   colsRef.current = cols
+ 
+@@ -175,6 +178,7 @@ export function AppFrame({
+   return (
+     <div
+       ref={frameRef}
++      data-dsh-frame=""
+       className={css.frame}
+       style={{ gridTemplateColumns: `${cols.sidebar}px minmax(0, 1fr) ${cols.details}px` }}
+       data-sidebar-collapsed={sidebarCollapsed || undefined}
+@@ -211,7 +215,7 @@ export function AppFrame({
+         {renderSlot('shell.overlay', {})}
+       </div>
+       {/* The collapsed rail is fixed-width: no resize handle while closed. */}
+-      {!sidebarCollapsed && <DragHandle side="sidebar" left={cols.sidebar} onStart={onSidebarStart} onDrag={onSidebarDrag} onEnd={onDragEnd} />}
++      {!sidebarCollapsed && !phone && <DragHandle side="sidebar" left={cols.sidebar} onStart={onSidebarStart} onDrag={onSidebarDrag} onEnd={onDragEnd} />}
+       {cols.details > 0 && <DragHandle side="details" left={viewport - cols.details} onStart={onDetailsStart} onDrag={onDetailsDrag} onEnd={onDragEnd} />}
+     </div>
+   )
+diff --git a/packages/client/ui-layout/src/client/columns.ts b/packages/client/ui-layout/src/client/columns.ts
+index 374ce64703..1f8d94a640 100644
+--- a/packages/client/ui-layout/src/client/columns.ts
++++ b/packages/client/ui-layout/src/client/columns.ts
+@@ -27,6 +27,8 @@ export const SIDEBAR_MAX = 420
+ export const SIDEBAR_DEFAULT = 280
+ /** Closed-sidebar rail: a 24px icon column between 16px horizontal paddings. */
+ export const SIDEBAR_COLLAPSED = 56
++/** Maximum frame width that renders a manually expanded sidebar at half width. */
++export const SIDEBAR_PHONE_MAX = 640
+ /** Viewport width below which the sidebar auto-collapses to the rail (deepsuite
+  * LG breakpoint); a manual toggle below it re-expands over the squeezed center
+  * (stores.ts narrowExpanded). */
+@@ -49,6 +51,17 @@ export function clampWidth(px: number, min: number, max: number): number {
+   return Math.min(max, Math.max(min, Math.round(px)))
+ }
+ 
++/**
++ * Resolve the phone frame with half-width expanded navigation and no details.
++ * @param viewport - available frame width in px.
++ * @param sidebarExpanded - whether the user has manually expanded navigation.
++ * @returns the phone sidebar and conversation widths.
++ */
++export function computePhoneColumns(viewport: number, sidebarExpanded: boolean): Columns {
++  const sidebar = sidebarExpanded ? Math.round(viewport / 2) : SIDEBAR_COLLAPSED
++  return { sidebar, center: Math.max(0, viewport - sidebar), details: 0 }
++}
++
+ /**
+  * Solve the three column widths for one viewport frame. Pure: no hysteresis —
+  * the output is a function of (viewport, preferences) only, so recovery on