dsh-width-tiers 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 aaronlei
+
+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.md

@@ -0,0 +1,90 @@
+# dsh-width-tiers
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
+
+A client plugin for the **DeepSeek Harness Web GUI** that adds **chat content
+width tiers** with a floating picker button (bottom-right, above the
+composer): 标准 / 中等 / 宽 / 超宽 / 全宽 (standard / medium / wide / ultra /
+full).
+
+## Why
+
+The DSH Web app hard-codes a readable content width on the conversation root
+(`--dsh-chat-content-width: 748px`). That caps the message column — and every
+table inside it — at **748px** no matter how wide your window or panels are,
+so wide tables always need horizontal scrolling.
+
+This plugin overrides that variable per tier:
+
+| Tier | Content width | Sidebar |
+|---|---|---|
+| standard 标准 | 748px (app default) | untouched |
+| medium 中等 | 960px | untouched |
+| wide 宽 | 1280px | untouched |
+| ultra 超宽 | 1400px | untouched |
+| full 全宽 | 100% (fills the window) | collapsed to the icon rail |
+
+The choice persists in `localStorage` and is restored on the next visit; the
+menu highlights the current tier, and the button's five level-bars show it at
+a glance.
+
+## Install
+
+```bash
+dsh plugin --profile web add dsh-width-tiers
+```
+
+Then register it as a loader entry in
+`~/.dsh/profiles/web/cordis.patch.yml`:
+
+```yaml
+- insert:
+    - id: dsh-width-tiers
+      name: dsh-width-tiers
+```
+
+Restart `dsh web` (the plugin loads at boot) and hard-refresh the page
+(Ctrl+Shift+R). A round button with five bars appears at the bottom-right.
+
+> Installing from a local checkout: `dsh plugin --profile web add file:/path/to/dsh-width-tiers`.
+
+## Usage
+
+- Click the round button → pick a tier; the current one is highlighted.
+- `full` collapses the sidebar to the icon rail through the app's own toggle
+  — it is never force-hidden or locked: click a rail icon any time to expand
+  it, and it stays expanded.
+- Non-standard tiers also close the details panel (re-closed automatically if
+  reopened); `standard` leaves everything to the app.
+
+## How it works
+
+- The element that defines `--dsh-chat-content-width` is **located at
+  runtime** (the first element whose computed value is non-empty) and the
+  tier is applied as an inline override — no hashed class names, so it
+  survives bundle upgrades.
+- Panels are driven through the **layout service** (`ctx.layout`), never by
+  simulating clicks.
+- The sidebar is only ever collapsed by the `full` tier; returning to
+  `standard` restores it only if this plugin collapsed it.
+
+## Limitations
+
+- Content width cannot exceed the window: on a narrow window, wider tiers are
+  capped by the available column. Use `full` (which also collapses the
+  sidebar) for the maximum.
+- Requires the DSH Web client plugin system (dsh ≥ 0.1.0-rc.x with a `web`
+  profile).
+
+## Uninstall
+
+```bash
+dsh plugin --profile web remove dsh-width-tiers
+```
+
+Remove the `dsh-width-tiers` row from `~/.dsh/profiles/web/cordis.patch.yml`,
+then restart `dsh web`.
+
+## License
+
+MIT — see [LICENSE](LICENSE). Copyright (c) 2026 aaronlei.

package/README.zh.md

@@ -0,0 +1,79 @@
+# dsh-width-tiers（对话区宽度档位）
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
+
+DeepSeek Harness Web GUI 的客户端插件：给对话区加**内容宽度档位选择器**
+（右下角圆形按钮，输入框上方），共 5 档：
+标准 / 中等 / 宽 / 超宽 / 全宽。
+
+## 为什么需要它
+
+DSH Web 在会话根元素上硬编码了一个阅读宽度
+（`--dsh-chat-content-width: 748px`），消息列——包括里面的所有表格——最大
+只有 **748px**，不管窗口和面板多宽都不变，宽表格只能横向滚动。
+
+本插件按档位覆盖这个变量：
+
+| 档位 | 内容宽度 | 侧边栏 |
+|---|---|---|
+| 标准 | 748px（应用默认） | 不动 |
+| 中等 | 960px | 不动 |
+| 宽 | 1280px | 不动 |
+| 超宽 | 1400px | 不动 |
+| 全宽 | 100%（占满窗口） | 收起为图标轨道 |
+
+选择会记住（localStorage），下次打开自动恢复；菜单里当前档位高亮，按钮上
+的五条横条图标也直观显示当前档位。
+
+## 安装
+
+```bash
+dsh plugin --profile web add dsh-width-tiers
+```
+
+然后在 `~/.dsh/profiles/web/cordis.patch.yml` 里注册为加载项：
+
+```yaml
+- insert:
+    - id: dsh-width-tiers
+      name: dsh-width-tiers
+```
+
+**重启 `dsh web`**（插件在启动时加载），再硬刷新页面（Ctrl+Shift+R）。
+右下角会出现五条横条的圆形按钮。
+
+> 本地目录安装：`dsh plugin --profile web add file:/path/to/dsh-width-tiers`。
+
+## 使用
+
+- 点圆形按钮 → 选择档位，当前档位高亮。
+- 「全宽」通过应用自己的收起按钮把侧边栏收成图标轨道——**不会被锁死**：
+  随时点轨道图标展开，展开后保持展开。
+- 非标准档会关闭详情面板（被重新打开会自动再关）；标准档完全交给应用。
+
+## 原理
+
+- 运行时**自动定位**定义 `--dsh-chat-content-width` 的元素（第一个计算值
+  非空的元素），以行内样式覆盖——**不依赖哈希类名**，dsh 升级后依旧有效。
+- 面板操作走 **layout 服务**（`ctx.layout`），从不模拟点击。
+- 侧边栏只被「全宽」档收起；回到「标准」时，只有本插件自己收起的侧边栏
+  才会被恢复展开（你手动收的不动）。
+
+## 已知限制
+
+- 内容宽度不可能超过窗口：窗口窄时，高档位会被可用列宽截断；想要最大
+  空间请用「全宽」（同时收起侧边栏）。
+- 依赖 DSH Web 客户端插件体系（带 web profile 的 dsh ≥ 0.1.0-rc.x）。
+
+## 卸载
+
+```bash
+dsh plugin --profile web remove dsh-width-tiers
+```
+
+删除 `~/.dsh/profiles/web/cordis.patch.yml` 里的 `dsh-width-tiers` 行，
+然后重启 `dsh web`。
+
+## 许可证
+
+MIT —— 见 [LICENSE](LICENSE)。Copyright (c) 2026 aaronlei。

package/lib/client.js

@@ -0,0 +1,361 @@
+window.__ModuleLoader__.load({
+	id: "dsh-width-tiers",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+
+		//#region lib/types/client/index.js
+		/**
+		 * dsh-width-tiers — chat content width tiers for the DSH Web GUI.
+		 *
+		 * The app hard-codes a readable content width
+		 * (`--dsh-chat-content-width: 748px` on the conversation root), which
+		 * caps the message column — and every table inside it — at 748px no
+		 * matter how wide the panels are. This plugin overrides that variable
+		 * per tier and adds a floating picker button:
+		 *
+		 *   标准 standard  748px  (app default, no override)
+		 *   中等 medium    960px  (sidebar untouched)
+		 *   宽   wide      1280px (sidebar untouched)
+		 *   超宽 ultra     1400px (sidebar untouched)
+		 *   全宽 full      100%   (sidebar collapsed to the icon rail)
+		 *
+		 * Design notes:
+		 *  - The element that defines `--dsh-chat-content-width` is located at
+		 *    runtime (first element whose computed value is non-empty) and the
+		 *    tier is applied as an INLINE override on it — no hashed class
+		 *    names, survives bundle upgrades. Re-detected if it remounts.
+		 *  - Panels are driven through the layout service (ctx.layout), never
+		 *    by simulating clicks.
+		 *  - The sidebar is only ever collapsed by the `full` tier, through the
+		 *    app's own toggle — never force-hidden, never locked. Going back to
+		 *    `standard` restores it only if this plugin collapsed it.
+		 *  - Non-standard tiers close the details panel (self-heal while
+		 *    active); `standard` leaves everything to the app.
+		 *  - The chosen tier persists in localStorage and is restored on the
+		 *    next visit.
+		 */
+		const KEY = "dsh.widthTier";
+		const OLD_KEY = "dsh.wide";
+		const SELF_HEAL_MS = 1000;
+		const READY_TIMEOUT_MS = 30000;
+
+		const TIERS = [
+			{ id: "standard", label: "标准", value: "748px", note: "默认阅读宽度" },
+			{ id: "medium", label: "中等", value: "960px" },
+			{ id: "wide", label: "宽", value: "1280px" },
+			{ id: "ultra", label: "超宽", value: "1400px" },
+			{ id: "full", label: "全宽", value: "100%", note: "占满窗口" }
+		];
+
+		function tierOf(id) {
+			for (let i = 0; i < TIERS.length; i++) {
+				if (TIERS[i].id === id) return TIERS[i];
+			}
+			return TIERS[0];
+		}
+
+		//#region lib/types/client/styles.js
+		/** Button + menu styles (theme variables, light/dark aware). */
+		const css = [
+			"#dsh-wide-toggle{position:fixed;right:20px;bottom:76px;z-index:999;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:50%;background:var(--dsw-alias-button-floating-fill);color:var(--dsw-alias-label-secondary);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;opacity:.72;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease}",
+			"#dsh-wide-toggle:hover{opacity:1;transform:scale(1.08)}",
+			"#dsh-wide-toggle:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}",
+			"#dsh-wide-toggle.active{background:var(--dsw-alias-state-business-primary);border-color:transparent;color:var(--dsw-static-neutral-00);opacity:1}",
+			"#dsh-wide-toggle.pulse{animation:dsh-wide-pulse .65s ease-out}",
+			"@keyframes dsh-wide-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dsw-alias-state-business-primary) 60%,transparent)}100%{box-shadow:0 0 0 14px transparent}}",
+			"#dsh-width-menu{position:fixed;right:20px;bottom:124px;z-index:1000;min-width:196px;padding:6px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:0 8px 28px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:2px}",
+			"#dsh-width-menu[hidden]{display:none}",
+			"#dsh-width-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:18px;text-align:left;cursor:pointer}",
+			"#dsh-width-menu button:hover{background:var(--dsw-alias-interactive-bg-hover)}",
+			"#dsh-width-menu button.selected{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-state-business-primary)}",
+			"#dsh-width-menu .dshwm-value{color:var(--dsw-alias-label-tertiary);font-size:12px}",
+			"#dsh-width-menu button.selected .dshwm-value{color:var(--dsw-alias-state-business-primary)}"
+		].join("");
+		//#endregion
+
+		/** Services required by the browser bundle. */
+		const inject = ["layout"];
+
+		/**
+		 * Client plugin body: inject the styles, build the picker button and
+		 * menu, and drive the width tiers through the layout service.
+		 * @param ctx - client root context (layout injected).
+		 */
+		function apply(ctx) {
+			ctx.effect(() => {
+				if (typeof document === "undefined") return;
+
+				const styleTag = document.createElement("style");
+				styleTag.dataset.plugin = "dsh-width-tiers";
+				styleTag.textContent = css;
+				document.head.appendChild(styleTag);
+
+				const layout = ctx.layout;
+
+				/* ---- helpers ---- */
+				const body = () => document.body;
+
+				function currentTier() {
+					return body().getAttribute("data-dsh-width") || "standard";
+				}
+
+				function getSavedTier() {
+					try {
+						const v = window.localStorage.getItem(KEY);
+						for (const t of TIERS) {
+							if (t.id === v) return v;
+						}
+					} catch (e) {
+						/* ignore */
+					}
+					return "standard";
+				}
+
+				/* The AppFrame sets data-sidebar-collapsed / data-details-collapsed
+				 * on the frame element after each render — use them as truth. */
+				function isSidebarCollapsed() {
+					return document.querySelector("[data-sidebar-collapsed]") !== null;
+				}
+
+				function isDetailsOpen() {
+					return document.querySelector("[data-details-collapsed]") === null;
+				}
+
+				function collapseSidebar() {
+					if (!isSidebarCollapsed()) layout.toggleSidebar();
+				}
+
+				function expandSidebar() {
+					if (isSidebarCollapsed()) layout.toggleSidebar();
+				}
+
+				function closeDetails() {
+					if (isDetailsOpen()) layout.closeDetails();
+				}
+
+				/* Locate the element that defines --dsh-chat-content-width at
+				 * runtime (first match wins; only one element declares it).
+				 * Cached; re-scanned whenever the cached node is gone. */
+				let widthRoot = null;
+
+				function findWidthRoot() {
+					if (widthRoot !== null && document.contains(widthRoot)) return widthRoot;
+					widthRoot = null;
+					const all = document.querySelectorAll("[class]");
+					for (let i = 0; i < all.length; i++) {
+						const v = getComputedStyle(all[i])
+							.getPropertyValue("--dsh-chat-content-width")
+							.trim();
+						if (v) {
+							widthRoot = all[i];
+							return widthRoot;
+						}
+					}
+					return null;
+				}
+
+				function tierWidth(tier) {
+					switch (tier) {
+						case "medium": return "960px";
+						case "wide": return "1280px";
+						case "ultra": return "1400px";
+						case "full": return "100%";
+						default: return null; /* standard: remove the override */
+					}
+				}
+
+				function applyContentWidth(tier) {
+					const root = findWidthRoot();
+					if (root === null) return;
+					const w = tierWidth(tier);
+					if (w === null) root.style.removeProperty("--dsh-chat-content-width");
+					else root.style.setProperty("--dsh-chat-content-width", w, "important");
+				}
+
+				/* true while the CURRENT tier is the one that collapsed the sidebar */
+				let collapsedByTier = false;
+
+				function applyTier(tier) {
+					body().setAttribute("data-dsh-width", tier);
+					try {
+						window.localStorage.setItem(KEY, tier);
+					} catch (e) {
+						/* storage unavailable — state still applies this session */
+					}
+					applyContentWidth(tier);
+					if (tier === "full") {
+						if (!isSidebarCollapsed()) {
+							collapseSidebar();
+							collapsedByTier = true;
+						} else {
+							collapsedByTier = false;
+						}
+					} else if (tier === "standard") {
+						if (collapsedByTier && isSidebarCollapsed()) expandSidebar();
+						collapsedByTier = false;
+					} else {
+						collapsedByTier = false;
+					}
+					if (tier !== "standard") closeDetails();
+					syncButton();
+					syncMenu();
+					pulse();
+				}
+
+				/* ---- floating button with level-bar icon ---- */
+				const btn = document.createElement("button");
+				btn.type = "button";
+				btn.id = "dsh-wide-toggle";
+				btn.setAttribute("aria-haspopup", "menu");
+				btn.setAttribute("aria-expanded", "false");
+
+				function barIcon(tier) {
+					let idx = 0;
+					for (let i = 0; i < TIERS.length; i++) {
+						if (TIERS[i].id === tier) idx = i;
+					}
+					const widths = [3.5, 5.5, 7.5, 10, 13];
+					let bars = "";
+					for (let b = 0; b < 5; b++) {
+						const y = 0.5 + b * 3;
+						bars += `<rect x="1.5" y="${y}" width="${widths[b]}" height="2" rx="1" fill="currentColor" opacity="${b <= idx ? 1 : 0.3}"/>`;
+					}
+					return `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false">${bars}</svg>`;
+				}
+
+				function syncButton() {
+					const tier = currentTier();
+					const t = tierOf(tier);
+					btn.innerHTML = barIcon(tier);
+					btn.classList.toggle("active", tier !== "standard");
+					btn.setAttribute("aria-label", `对话区宽度档位：${t.label}（${t.value}），点击选择档位`);
+					btn.title =
+						`对话区宽度档位：${t.label}（${t.value}）\n` +
+						"点击选择：标准 748px / 中等 960px / 宽 1280px / 超宽 1400px / 全宽 100%";
+				}
+
+				/* ---- tier menu ---- */
+				const menu = document.createElement("div");
+				menu.id = "dsh-width-menu";
+				menu.setAttribute("role", "menu");
+				menu.hidden = true;
+
+				for (const t of TIERS) {
+					const item = document.createElement("button");
+					item.type = "button";
+					item.setAttribute("role", "menuitemradio");
+					item.setAttribute("data-tier", t.id);
+					item.innerHTML = `<span class="dshwm-label">${t.label}</span><span class="dshwm-value">${t.value}</span>`;
+					item.addEventListener("click", (e) => {
+						if (e && e.stopPropagation) e.stopPropagation();
+						applyTier(t.id);
+						hideMenu();
+					});
+					menu.appendChild(item);
+				}
+
+				function syncMenu() {
+					const tier = currentTier();
+					const items = menu.querySelectorAll("button[data-tier]");
+					for (let i = 0; i < items.length; i++) {
+						const on = items[i].getAttribute("data-tier") === tier;
+						items[i].classList.toggle("selected", on);
+						items[i].setAttribute("aria-checked", String(on));
+					}
+				}
+
+				function showMenu() {
+					menu.hidden = false;
+					btn.setAttribute("aria-expanded", "true");
+					syncMenu();
+				}
+
+				function hideMenu() {
+					menu.hidden = true;
+					btn.setAttribute("aria-expanded", "false");
+				}
+
+				btn.addEventListener("click", (e) => {
+					if (e && e.stopPropagation) e.stopPropagation();
+					if (menu.hidden) showMenu();
+					else hideMenu();
+				});
+
+				const onDocClick = (e) => {
+					if (menu.hidden) return;
+					if (e.target !== btn && !menu.contains(e.target)) hideMenu();
+				};
+				const onDocKey = (e) => {
+					if (e.key === "Escape" && !menu.hidden) hideMenu();
+				};
+				document.addEventListener("click", onDocClick);
+				document.addEventListener("keydown", onDocKey);
+
+				/* ---- feedback ring so every selection is visibly answered ---- */
+				function pulse() {
+					btn.classList.remove("pulse");
+					void btn.offsetWidth;
+					btn.classList.add("pulse");
+					window.setTimeout(() => btn.classList.remove("pulse"), 700);
+				}
+
+				/* ---- attach once the app shell has mounted ---- */
+				let attached = false;
+
+				function attach() {
+					if (attached || !body()) return;
+					if (document.querySelector("[data-sidebar-collapsed], [data-details-collapsed]") === null) return;
+					attached = true;
+					try {
+						window.localStorage.removeItem(OLD_KEY);
+					} catch (e) {
+						/* ignore */
+					}
+					body().appendChild(btn);
+					body().appendChild(menu);
+					syncButton();
+					const saved = getSavedTier();
+					if (saved !== "standard") applyTier(saved);
+				}
+
+				const readyTimer = setInterval(attach, 300);
+				window.addEventListener("load", attach);
+				const timeout = window.setTimeout(() => {
+					clearInterval(readyTimer);
+					attach();
+				}, READY_TIMEOUT_MS);
+
+				/* ---- self-heal: keep the details panel closed for non-standard
+				 * tiers. The sidebar is never managed here — the user may expand
+				 * it any time. ---- */
+				const healTimer = setInterval(() => {
+					const tier = currentTier();
+					if (tier === "standard") return;
+					closeDetails();
+					if (widthRoot !== null && !document.contains(widthRoot)) findWidthRoot();
+				}, SELF_HEAL_MS);
+
+				/* ---- disposer ---- */
+				return () => {
+					clearInterval(readyTimer);
+					clearInterval(healTimer);
+					clearTimeout(timeout);
+					document.removeEventListener("click", onDocClick);
+					document.removeEventListener("keydown", onDocKey);
+					if (btn.parentNode) btn.parentNode.removeChild(btn);
+					if (menu.parentNode) menu.parentNode.removeChild(menu);
+					if (styleTag.parentNode) styleTag.parentNode.removeChild(styleTag);
+					if (widthRoot !== null) widthRoot.style.removeProperty("--dsh-chat-content-width");
+					body().removeAttribute("data-dsh-width");
+				};
+			}, "dsh-width-tiers: ui");
+		}
+		//#endregion
+
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});

package/lib/index.js

@@ -0,0 +1,20 @@
+/**
+ * @module dsh-width-tiers
+ *
+ * Server-side entry of the dsh-width-tiers plugin: a minimal no-op cordis
+ * plugin. Its only job is to exist as a loader entry so the client-modules
+ * scanner discovers the browser bundle declared in package.json
+ * (`dsh.client` + `exports["./client"]`) and serves it at
+ * `/plugins/dsh-width-tiers/client.js` in the Web boot manifest.
+ *
+ * All functionality lives in the browser bundle (lib/client.js).
+ */
+
+/** Stable cordis plugin name. */
+export const name = "dsh-width-tiers";
+
+/** Services required before this plugin mounts (none server-side). */
+export const inject = [];
+
+/** No-op host-side apply. */
+export function apply() {}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "dsh-width-tiers",
+  "version": "1.0.0",
+  "description": "DSH Web client plugin: chat content width tiers (standard / medium / wide / ultra / full) with a floating picker button. Frees wide tables from the app's hard-coded 748px content cap.",
+  "license": "MIT",
+  "author": "aaronlei",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "LICENSE",
+    "README.md",
+    "README.zh.md"
+  ],
+  "dsh": {
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-ui-layout"
+      ]
+    }
+  },
+  "keywords": [
+    "dsh",
+    "deepseek-harness",
+    "plugin",
+    "web",
+    "width",
+    "tiers",
+    "widescreen",
+    "table",
+    "layout"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aaronlei/dsh-width-tiers.git"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}