@hyzyn/dsh-docker 0.9.0-rc.1 → 0.9.0

package/client-src/docker.css

@@ -2054,6 +2054,14 @@
  */
 .dk_elevPanel {
   display: grid;
+  /*
+   * 单列，且**允许轨道被压到比内容窄**（`minmax(0, 1fr)` 而不是默认的 auto）。
+   * 为什么必须有：面板里最宽的东西是那条等宽命令串，而 auto 轨道按 max-content 撑开——
+   * 命令一长，整块面板就顶出卡片右边界（窄栏 + Windows 常见的 125%~150% 缩放最明显）。
+   * 0 的下限让 `code` 的 `max-width: 100%` 真正生效，命令改成在框内横向滚动。
+   */
+  grid-template-columns: minmax(0, 1fr);
+  min-width: 0;
   gap: var(--dk-gap-sm);
   padding: var(--dk-gap-md) var(--dk-gap-lg);
   border: 1px solid color-mix(in srgb, var(--dk-accent) 34%, transparent);
@@ -2064,6 +2072,8 @@
 
 .dk_elevSteps {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  min-width: 0;
   gap: var(--dk-gap-sm);
   justify-items: start;
 }
@@ -2071,6 +2081,7 @@
 /* 命令要能整条读出来并三击选中：等宽、可横向滚动、不换行折断命令本身 */
 .dk_elevCommand {
   max-width: 100%;
+  min-width: 0;
   overflow-x: auto;
   padding: 6px 8px;
   border: 1px solid var(--dk-border);
@@ -2082,6 +2093,19 @@
   user-select: all;
 }
 
+/*
+ * 命令的动作行：复制 / 重新生成 / 倒计时并排，紧贴命令（见 index.js 里那段注释）。
+ * 窄栏下允许换行，但**永远整行属于命令**，不与说明文字混排。
+ */
+.dk_elevActions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--dk-gap-sm);
+  max-width: 100%;
+  min-width: 0;
+}
+
 .dk_elevOther > summary {
   cursor: pointer;
   color: var(--dk-label-2);

package/client-src/index.js

@@ -7345,23 +7345,32 @@ window.__ModuleLoader__.load({
             : jsxs('div', { className: 'dk_elevSteps', children: [
               jsx('span', { className: 'dk_hint', children: t('elev.step') }),
               jsx('code', { className: 'dk_elevCommand', children: String(elevation.command) }),
-              jsx('button', {
-                type: 'button',
-                className: 'dk_btn dk_btnPrimary',
-                onClick: () => copyCommand(String(elevation.command)),
-                children: copied ? t('elev.copied') : t('elev.copy'),
-              }, 'copy'),
-              jsx('span', {
-                className: seconds > 0 ? 'dk_hint' : 'dk_hint dk_hintWarn',
-                children: seconds > 0 ? t('elev.expiresIn', { sec: seconds }) : t('elev.expired'),
-              }),
+              /*
+               * 动作行：复制 / 重新生成 / 倒计时**并排一行、紧贴命令**。
+               *
+               * 早先这三样各自占一条栅格行，而且「重新生成」被「282 秒后失效」「等待确认…」两行
+               * 说明文字隔在下面——2026-09-27 的真机报告（Windows）里那块看上去就是散的：
+               * 按钮离自己的命令越远，越像「不知道点了会发生什么」。命令与它的按钮是一件事（docker D149）。
+               */
+              jsxs('div', { className: 'dk_elevActions', children: [
+                jsx('button', {
+                  type: 'button',
+                  className: 'dk_btn dk_btnPrimary',
+                  onClick: () => copyCommand(String(elevation.command)),
+                  children: copied ? t('elev.copied') : t('elev.copy'),
+                }, 'copy'),
+                jsx('button', {
+                  type: 'button',
+                  className: 'dk_btn',
+                  onClick: () => beginElevation(capability),
+                  children: t('elev.regenerate'),
+                }, 'regen'),
+                jsx('span', {
+                  className: seconds > 0 ? 'dk_hint' : 'dk_hint dk_hintWarn',
+                  children: seconds > 0 ? t('elev.expiresIn', { sec: seconds }) : t('elev.expired'),
+                }),
+              ] }),
               jsx('span', { className: 'dk_hint', children: t('elev.waiting') }),
-              jsx('button', {
-                type: 'button',
-                className: 'dk_btn',
-                onClick: () => beginElevation(capability),
-                children: t('elev.regenerate'),
-              }, 'regen'),
               jsxs('details', { className: 'dk_elevOther', children: [
                 jsx('summary', { children: t('elev.otherWay') }),
                 jsx('span', {