dsh-aris-panel 0.1.2 → 0.1.3

package/dsh/client.js

@@ -566,7 +566,57 @@ function ArisWorkbenchButton(props) {
     open ? h(ArisWorkbenchView, { connection: props.connection, sessions: props.sessions, sessionId: props.sessionId, onClose: function () { setOpen(false) } }) : null)
 }
 
-const WB_CSS = `.wb-panorama { margin-bottom: 18px; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 16px; background: #f7f7f7; }
+const WB_CSS = `.wb-overlay { position: fixed; inset: 0; z-index: 9999; background: #ffffff; color: #1f1f1f; padding: 20px 28px; overflow-y: auto; font-size: 13px; line-height: 1.6; font-family: ui-sans-serif, system-ui, sans-serif; }
+.wb-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 14px; }
+.wb-title { font-size: 17px; font-weight: 700; letter-spacing: .02em; color: #1f1f1f; }
+.wb-actions { display: flex; gap: 8px; }
+.wb-btn { background: #007acc; color: #fff; border: 0; border-radius: 4px; padding: 5px 14px; font-size: 12px; cursor: pointer; }
+.wb-btn:disabled { opacity: .55; cursor: default; }
+.wb-btn-close { background: #e8e8e8; color: #333333; }
+.wb-btn-copy { background: #e8e8e8; color: #333333; }
+.wb-picker { margin-bottom: 12px; }
+.wb-picker label { color: #333333; }
+.wb-picker select { background: #ffffff; color: #1f1f1f; border: 1px solid #c8c8c8; border-radius: 4px; padding: 4px 8px; font-size: 12px; max-width: 70%; }
+.wb-section { margin-bottom: 20px; border: 1px solid #e4e4e4; border-radius: 6px; padding: 12px 16px; background: #fafafa; }
+.wb-section h3 { margin: 0 0 10px; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; opacity: .6; font-weight: 700; color: #1f1f1f; }
+.wb-row { display: flex; gap: 12px; padding: 2px 0; }
+.wb-key { flex: 0 0 150px; opacity: .7; }
+.wb-val { flex: 1; word-break: break-word; }
+.wb-note { opacity: .55; font-size: 12px; margin: 6px 0; }
+.wb-list { margin: 6px 0; padding-left: 18px; }
+.wb-list li { padding: 1px 0; font-size: 12px; }
+.wb-dot-ok { color: #107c10; }
+.wb-dot-missing { opacity: .35; }
+.wb-error { color: #c42b1c; background: #fdeeee; border: 1px solid #e5b9b5; border-radius: 6px; padding: 8px 12px; margin: 10px 0; font-size: 12px; }
+.wb-pre { background: #f5f5f5; border-radius: 4px; padding: 8px 10px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; white-space: pre-wrap; word-break: break-word; max-height: 180px; overflow-y: auto; margin: 6px 0; color: #24292e; }
+.wb-file { margin: 6px 0; }
+.wb-file-name { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: #0066b8; }
+.wb-meta { opacity: .55; font-size: 11px; margin-left: 8px; }
+.wb-sidebar-entry { padding: 4px 6px; }
+.wb-sidebar-toggle { width: 100%; background: transparent; color: inherit; border: 1px solid transparent; border-radius: 4px; padding: 5px 8px; font-size: 12px; cursor: pointer; text-align: left; }
+.wb-sidebar-toggle:hover { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.12); }
+.wb-badge { display: inline-block; border-radius: 10px; padding: 1px 8px; font-size: 10px; margin-left: 6px; background: #e8e8e8; border: 1px solid #d0d0d0; color: #1f1f1f; }
+.wb-guide { margin-bottom: 18px; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 16px; background: #f7f7f7; }
+.wb-guide-title { font-size: 13px; font-weight: 700; margin-bottom: 10px; color: #1f1f1f; }
+.wb-stages { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
+.wb-stage { border: 1px solid #e6e6e6; border-radius: 6px; padding: 8px 10px; opacity: .55; background: #ffffff; }
+.wb-stage-done { opacity: .8; }
+.wb-stage-cur { opacity: 1; border-color: #007acc; background: #e8f4ff; }
+.wb-stage-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+.wb-stage-mark { flex: 0 0 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background: #e8e8e8; font-size: 11px; color: #1f1f1f; }
+.wb-stage-done .wb-stage-mark { background: #107c10; color: #ffffff; }
+.wb-stage-cur .wb-stage-mark { background: #007acc; color: #ffffff; }
+.wb-stage-title { font-size: 13px; font-weight: 600; }
+.wb-stage-desc { font-size: 11px; opacity: .7; margin-bottom: 6px; }
+.wb-stage-skills { display: flex; flex-wrap: wrap; gap: 6px; }
+.wb-skill-chip { background: #eef4fb; color: #0066b8; border: 1px solid #99c9f0; border-radius: 12px; padding: 2px 10px; font-size: 11px; cursor: pointer; }
+.wb-skill-chip:hover { background: #007acc; color: #ffffff; }
+.wb-guide-next { margin-top: 10px; font-size: 12px; opacity: .85; }
+.wb-trigger { margin-bottom: 18px; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 16px; background: #f7f7f7; }
+.wb-trigger-row { display: flex; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
+.wb-skill-select { flex: 1 1 420px; background: #ffffff; color: #1f1f1f; border: 1px solid #c8c8c8; border-radius: 4px; padding: 6px 10px; font-size: 12px; min-width: 260px; }
+.wb-args { flex: 1 1 280px; background: #ffffff; color: #1f1f1f; border: 1px solid #c8c8c8; border-radius: 4px; padding: 6px 10px; font-size: 12px; min-width: 200px; }
+.wb-status { font-size: 12px; color: #107c10; margin-top: 4px; }.wb-panorama { margin-bottom: 18px; border: 1px solid #e0e0e0; border-radius: 6px; padding: 12px 16px; background: #f7f7f7; }
 .wb-pano-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
 .wb-pano-group-label { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .55; font-weight: 700; flex: 0 0 44px; }
 .wb-chip-row { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-aris-panel",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "ARIS research-workflow skills + interactive workbench panel for DeepSeek Harness (user fork of dsh-aris: 82 skills, cross-model Codex review, idea/workflow launcher, research status board).",
   "license": "MIT",
   "type": "module",