@fonlan/dsh-quick-commands 0.1.0 → 0.1.2

package/lib/client.js

@@ -993,7 +993,7 @@ window.__ModuleLoader__.load({
 			cardAnchorButton: "Anchored at button"
 		};
 		//#endregion
-		//#region \0dsh-css:/Users/fonlan/Repos/dsh-quick-commands/src/client/quick-commands.css.mjs
+		//#region \0dsh-css:/home/runner/work/dsh-quick-commands/dsh-quick-commands/src/client/quick-commands.css.mjs
 		const css = "/* @fonlan/dsh-quick-commands client styles.\n   Uses theme CSS variables (--dsw-alias-*); falls back to neutral literals.\n   Constraint: this deployment's theme defines only these text tokens —\n   label-primary, label-secondary, label-tertiary, label-dimmed. READABLE\n   description copy uses label-secondary / label-tertiary (never label-dimmed,\n   which is intentionally near-invisible and reserved for disabled states). */\n\n/* ── header button (icon-only, left of Session log pill) ─────────────────── */\n.qc-head-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.qc-head-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 18px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  cursor: pointer;\n  padding: 0;\n}\n.qc-head-btn:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-head-btn:disabled {\n  color: var(--dsw-alias-label-dimmed, #666);\n  cursor: not-allowed;\n}\n.qc-head-btn svg {\n  flex: none;\n}\n\n/* ── command menu popover (anchored under the button) ────────────────────── */\n.qc-menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 12px;\n  min-width: 280px;\n  max-height: 420px;\n  overflow: auto;\n  background: var(--dsw-alias-bg-overlay, #1b1b1c);\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);\n  z-index: 50;\n  padding: 6px;\n  display: flex;\n  flex-direction: column;\n}\n.qc-menu-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px 6px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-menu-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-menu-ws {\n  flex: 1;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n  margin-right: 2px;\n}\n.qc-menu-remote {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 5px;\n  color: var(--dsw-alias-fg-on-accent, #fff);\n  background: var(--dsw-alias-accent, #4a8dff);\n  letter-spacing: 0.04em;\n}\n.qc-menu-close {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 2px;\n  display: inline-flex;\n  align-items: center;\n}\n.qc-menu-empty {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  padding: 10px 8px;\n  margin: 0;\n}\n.qc-menu-item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  text-align: left;\n  border: 0;\n  background: transparent;\n  border-radius: 8px;\n  padding: 6px 8px;\n  cursor: pointer;\n  width: 100%;\n}\n.qc-menu-item:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-menu-item:disabled {\n  opacity: 0.6;\n  cursor: wait;\n}\n.qc-menu-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-menu-item-cmd {\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n/* ── live output popup ───────────────────────────────────────────────────── */\n.qc-popup {\n  position: relative; /* anchors the absolutely-positioned resize grip */\n  display: flex;\n  flex-direction: column;\n  background: var(--dsw-alias-bg-overlay, #1b1b1c);\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 12px;\n  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);\n  z-index: 60;\n  overflow: hidden;\n}\n.qc-popup-corner {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  width: 520px;\n  max-width: calc(100vw - 40px);\n  height: 340px;\n  max-height: calc(100vh - 120px);\n}\n.qc-popup-button {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 12px;\n  width: 440px;\n  max-width: calc(100vw - 40px);\n  height: 300px;\n  max-height: calc(100vh - 120px);\n}\n.qc-popup-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-title {\n  flex: 1;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.qc-popup-cmd {\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n.qc-popup-remote {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 3px 6px;\n  border-radius: 6px;\n  color: var(--dsw-alias-fg-on-accent, #fff);\n  background: var(--dsw-alias-accent, #4a8dff);\n  letter-spacing: 0.04em;\n}\n.qc-popup-icon {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 4px;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 6px;\n}\n.qc-popup-icon:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-popup-icon:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.qc-popup-kill {\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-popup-confirm {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  padding: 8px 10px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary, #f5a623) 12%, transparent);\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-btn {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 4px 10px;\n  cursor: pointer;\n}\n.qc-popup-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-popup-btn-plain {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-popup-tabs {\n  display: flex;\n  gap: 2px;\n  padding: 6px 10px 0;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-tab {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  font-size: 12px;\n  padding: 5px 10px;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n}\n.qc-popup-tab-active {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  border-bottom-color: var(--dsw-alias-brand-primary, #4a9eff);\n}\n.qc-popup-output {\n  flex: 1;\n  overflow: auto;\n  padding: 8px 10px;\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.qc-popup-pre {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-popup-empty {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  font-size: 12px;\n}\n.qc-popup-error {\n  margin: 0 0 6px;\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n  font-size: 12px;\n}\n.qc-popup-foot {\n  display: flex;\n  align-items: center;\n  padding: 6px 10px;\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n  font-size: 11px;\n}\n.qc-popup-state {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n\n/* Resize handles. The popup pins its RIGHT edge (both anchors); width is\n   always dragged from the LEFT border. Height is dragged from the TOP border\n   (corner anchor, bottom pinned) or the BOTTOM border (button anchor, top\n   pinned below the button). The free corner (top-left / bottom-left) carries\n   the diagonal grip. Pointer capture lives in header.tsx; touch-action:none\n   lets touch drags resize instead of scrolling. */\n.qc-popup-resize {\n  position: absolute;\n  z-index: 3;\n  touch-action: none;\n  user-select: none;\n}\n.qc-popup-resize-left {\n  left: 0;\n  top: 10px;\n  bottom: 10px;\n  width: 7px;\n  cursor: ew-resize;\n}\n.qc-popup-resize-top {\n  top: 0;\n  left: 10px;\n  right: 10px;\n  height: 7px;\n  cursor: ns-resize;\n}\n.qc-popup-resize-bottom {\n  bottom: 0;\n  left: 10px;\n  right: 10px;\n  height: 7px;\n  cursor: ns-resize;\n}\n.qc-popup-resize-left:hover,\n.qc-popup-resize-top:hover,\n.qc-popup-resize-bottom:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 14%, transparent);\n}\n.qc-popup-resize-corner {\n  width: 22px;\n  height: 22px;\n  z-index: 4;\n  display: flex;\n  padding: 3px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  opacity: 0.6;\n  transition: opacity .15s ease;\n}\n.qc-popup-resize-corner-tl {\n  top: 0;\n  left: 0;\n  cursor: nwse-resize;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.qc-popup-resize-corner-bl {\n  bottom: 0;\n  left: 0;\n  cursor: nesw-resize;\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n.qc-popup-resize-corner:hover,\n.qc-popup-resize-corner:active {\n  opacity: 1;\n}\n\n/* ── settings card (设置 → 插件配置) — mirrors official PluginCard disclosure ── */\n.qc-settings-card {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-layer-2, #1f1f21);\n  border-radius: 12px;\n  list-style: none;\n  transition: border-color .16s, background .16s;\n}\n.qc-settings-card:hover {\n  border-color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-settings-card-open {\n  background: var(--dsw-alias-bg-layer-1, #27272a);\n  border-color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-settings-header {\n  appearance: none;\n  width: 100%;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  display: flex;\n}\n.qc-settings-header:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, #4a9eff);\n  outline-offset: -2px;\n}\n.qc-settings-head-text {\n  flex-direction: column;\n  flex: 1;\n  gap: 4px;\n  min-width: 0;\n  display: flex;\n}\n.qc-settings-name {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n.qc-settings-description {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.qc-settings-chevron {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  flex: none;\n  transition: transform .16s;\n}\n.qc-settings-chevron-open {\n  transform: rotate(180deg);\n}\n.qc-settings-body {\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  margin: 0 16px;\n  padding-bottom: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.qc-settings-intro {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  margin: 8px 0 0;\n  line-height: 1.5;\n}\n.qc-settings-anchor {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 12px;\n}\n.qc-settings-anchor-label {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-weight: 500;\n}\n.qc-settings-radio {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  cursor: pointer;\n}\n.qc-settings-error {\n  font-size: 12px;\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-settings-empty {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  margin: 0;\n}\n.qc-settings-workspace {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 10px;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.qc-settings-workspace-head {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n}\n.qc-settings-workspace-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-settings-workspace-path {\n  font-size: 11px;\n  font-family: var(--dsw-font-family-mono, monospace);\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.qc-settings-no-commands {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  margin: 0;\n}\n.qc-settings-command {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n.qc-settings-field {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1, #2a2a2d);\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 6px 8px;\n  outline: none;\n}\n.qc-settings-field::placeholder {\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n}\n.qc-settings-field:focus {\n  border-color: var(--dsw-alias-brand-primary, #4a9eff);\n}\n.qc-settings-field-name {\n  width: 160px;\n  flex: none;\n}\n.qc-settings-field-command {\n  flex: 1;\n  font-family: var(--dsw-font-family-mono, monospace);\n}\n.qc-settings-icon-btn {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 4px;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 6px;\n}\n.qc-settings-icon-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-settings-add-btn {\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 4px 10px;\n  cursor: pointer;\n}\n.qc-settings-add-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n\n/* ── mobile fallback (dsh-mobile-nav) ──────────────────────────────────────\n   The dsh-mobile-nav plugin (≤1023px) hides the ENTIRE header utilities seat\n   with `[data-mobile-nav=\"frame\"] [data-phase] header > :first-child >\n   :last-child { display: none !important; }`, because the seat used to hold\n   only the session-log-export capsule (which it relocates to the drawer\n   footer). Our quick-run ▶ button rides that same seat, so it vanished on\n   phones.\n\n   Re-show ONLY our button: restore the seat's flex layout (out-ranking the\n   host rule via `:has(.qc-head-wrap)` specificity (0,5,1) > (0,4,1)) and keep\n   every other seat occupant hidden (the session-log capsule stays relocated\n   to the drawer footer). Desktop (no [data-mobile-nav]) is untouched. */\n[data-mobile-nav=\"frame\"] [data-phase] header > :first-child > :last-child:has(.qc-head-wrap) {\n  display: flex !important;\n  margin-left: 4px !important;\n  gap: 0 !important;\n}\n[data-mobile-nav=\"frame\"] [data-phase] header > :first-child > :last-child:has(.qc-head-wrap)\n  [data-slot=\"conversation.session.header.utilities\"] > :not(.qc-head-wrap) {\n  display: none !important;\n}\n";
 		const tagId = "@fonlan/dsh-quick-commands/quick-commands.css#98749761";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fonlan/dsh-quick-commands",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "DSH web plugin: per-workspace quick commands. Configure named shell commands per DSH workspace, run one from the session header with live stdout/stderr in a floating popup.",
   "license": "MIT",
   "repository": {
@@ -43,17 +43,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "rm -rf lib && tsc -p tsconfig.build.json && tsdown",
-    "build:client": "tsdown",
-    "prepare": "npm run build",
-    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.client.json",
-    "bundle": "tsdown",
-    "watch": "tsdown --watch",
-    "release:patch": "npm version patch && git push && git push --tags",
-    "release:minor": "npm version minor && git push && git push --tags",
-    "release:major": "npm version major && git push && git push --tags"
-  },
   "dsh": {
     "bundle": {
       "patch": "./cordis.patch.yml"
@@ -104,5 +93,14 @@
     "@deepseek-ai/dsh-client-ui-settings-plugins": "^0.1.1-rc.2",
     "@deepseek-ai/dsh-client-ui-conversation": "^0.1.1-rc.2"
   },
-  "packageManager": "pnpm@11.21.0"
-}
+  "scripts": {
+    "build": "rm -rf lib && tsc -p tsconfig.build.json && tsdown",
+    "build:client": "tsdown",
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.client.json",
+    "bundle": "tsdown",
+    "watch": "tsdown --watch",
+    "release:patch": "npm version patch && git push && git push --tags",
+    "release:minor": "npm version minor && git push && git push --tags",
+    "release:major": "npm version major && git push && git push --tags"
+  }
+}