@aiwayds/dsh-opentui 0.4.0 → 0.4.2

package/dist-host/index.js

@@ -743,6 +743,7 @@ function TranscriptWindow(props) {
     _$setProp2(_el$18, "style", {
       flexDirection: "column",
       flexGrow: 1,
+      justifyContent: "flex-end",
       padding: 1
     });
     _$insert2(_el$18, _$createComponent2(For2, {
@@ -1598,20 +1599,37 @@ function WidgetFrame(props) {
     get children() {
       var _el$ = _$createElement13("box");
       _$insert13(_el$, (() => {
-        var _c$ = _$memo6(() => !!(props.title || props.hint));
+        var _c$ = _$memo6(() => rows() === 1);
         return () => _c$() ? (() => {
-          var _el$2 = _$createElement13("box"), _el$3 = _$createElement13("text"), _el$4 = _$createElement13("box"), _el$5 = _$createElement13("text");
+          var _el$2 = _$createElement13("box"), _el$3 = _$createElement13("box"), _el$4 = _$createElement13("text");
           _$insertNode10(_el$2, _el$3);
           _$insertNode10(_el$2, _el$4);
-          _$insertNode10(_el$2, _el$5);
           _$setProp13(_el$2, "style", {
             flexDirection: "row"
           });
-          _$insert13(_el$3, () => props.title);
-          _$setProp13(_el$4, "style", {
+          _$setProp13(_el$3, "style", {
+            flexDirection: "row",
             flexGrow: 1
           });
-          _$insert13(_el$5, () => props.hint);
+          _$insert13(_el$3, () => props.children);
+          _$insert13(_el$4, () => props.hint ?? "");
+          _$effect13((_$p) => _$setProp13(_el$4, "style", {
+            fg: dimColor(accent(), 0.25)
+          }, _$p));
+          return _el$2;
+        })() : [_$memo6(() => _$memo6(() => !!(props.title || props.hint))() ? (() => {
+          var _el$5 = _$createElement13("box"), _el$6 = _$createElement13("text"), _el$7 = _$createElement13("box"), _el$8 = _$createElement13("text");
+          _$insertNode10(_el$5, _el$6);
+          _$insertNode10(_el$5, _el$7);
+          _$insertNode10(_el$5, _el$8);
+          _$setProp13(_el$5, "style", {
+            flexDirection: "row"
+          });
+          _$insert13(_el$6, () => props.title);
+          _$setProp13(_el$7, "style", {
+            flexGrow: 1
+          });
+          _$insert13(_el$8, () => props.hint);
           _$effect13((_p$) => {
             var _v$ = {
               fg: accent(),
@@ -1620,17 +1638,16 @@ function WidgetFrame(props) {
             }, _v$2 = {
               fg: dimColor(accent(), 0.25)
             };
-            _v$ !== _p$.e && (_p$.e = _$setProp13(_el$3, "style", _v$, _p$.e));
-            _v$2 !== _p$.t && (_p$.t = _$setProp13(_el$5, "style", _v$2, _p$.t));
+            _v$ !== _p$.e && (_p$.e = _$setProp13(_el$6, "style", _v$, _p$.e));
+            _v$2 !== _p$.t && (_p$.t = _$setProp13(_el$8, "style", _v$2, _p$.t));
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
-          return _el$2;
-        })() : null;
-      })(), null);
-      _$insert13(_el$, () => props.children, null);
+          return _el$5;
+        })() : null), _$memo6(() => props.children)];
+      })());
       _$effect13((_$p) => _$setProp13(_el$, "style", {
         flexDirection: "column",
         flexGrow: 0,
@@ -2386,7 +2403,6 @@ import { createSignal as createSignal3, For as For11, Show as Show8 } from "soli
 var FLUSH_MS = 60;
 var FADE_STEP_MS = 130;
 var FADE_STEPS = 5;
-var IDLE_COLLAPSE_MS = 2000;
 var SPINNER_FRAMES2 = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 function createDockFeature(deps) {
   const th = () => deps.theme();
@@ -2404,6 +2420,7 @@ function createDockFeature(deps) {
   });
   let thinkBuf = "";
   let lastFlush = 0;
+  let thinkOpen = false;
   const [tools, setTools] = createSignal3([]);
   const [toolVisible, setToolVisible] = createSignal3(false);
   const [toolFading, setToolFading] = createSignal3(false);
@@ -2435,29 +2452,22 @@ function createDockFeature(deps) {
     } : s);
   };
   const fadeTimer = setInterval(() => {
-    const now = Date.now();
     setThink((s) => {
-      if (s.fading) {
-        const f = Math.min(1, s.fade + 1 / FADE_STEPS);
-        return f >= 1 ? {
-          visible: false,
-          expanded: false,
-          fading: false,
-          fade: 0,
-          text: "",
-          lastAt: 0,
-          startedAt: 0
-        } : {
-          ...s,
-          fade: f
-        };
-      }
-      if (s.visible)
-        return {
-          ...s,
-          expanded: now - s.lastAt < IDLE_COLLAPSE_MS
-        };
-      return s;
+      if (!s.fading)
+        return s;
+      const f = Math.min(1, s.fade + 1 / FADE_STEPS);
+      return f >= 1 ? {
+        visible: false,
+        expanded: false,
+        fading: false,
+        fade: 0,
+        text: "",
+        lastAt: 0,
+        startedAt: 0
+      } : {
+        ...s,
+        fade: f
+      };
     });
     if (toolFading()) {
       const f = Math.min(1, toolFade() + 1 / FADE_STEPS);
@@ -2468,8 +2478,6 @@ function createDockFeature(deps) {
         setTools([]);
       } else
         setToolFade(f);
-    } else if (toolVisible()) {
-      setToolExpanded(now - lastToolAt < IDLE_COLLAPSE_MS || tools().some((e) => e.status === "running"));
     }
   }, FADE_STEP_MS);
   const startThinkFade = () => setThink((s) => ({
@@ -2530,14 +2538,14 @@ function createDockFeature(deps) {
 `).slice(-Math.max(1, (typeof rowsT === "number" ? rowsT : 7) - 2));
                   },
                   children: (line) => (() => {
-                    var _el$5 = _$createElement15("text");
-                    _$insert15(_el$5, line || " ");
-                    _$effect15((_$p) => _$setProp15(_el$5, "style", {
+                    var _el$6 = _$createElement15("text");
+                    _$insert15(_el$6, line || " ");
+                    _$effect15((_$p) => _$setProp15(_el$6, "style", {
                       fg: dimColor(thinkFg(), 0.2),
                       wrapMode: "none",
                       truncate: true
                     }, _$p));
-                    return _el$5;
+                    return _el$6;
                   })()
                 });
               }
@@ -2546,8 +2554,10 @@ function createDockFeature(deps) {
                 return !t.expanded;
               },
               get children() {
-                var _el$ = _$createElement15("text"), _el$2 = _$createTextNode10(`\uD83D\uDCAD `);
+                var _el$ = _$createElement15("text"), _el$2 = _$createTextNode10(`\uD83D\uDCAD `), _el$3 = _$createTextNode10(`s `);
                 _$insertNode12(_el$, _el$2);
+                _$insertNode12(_el$, _el$3);
+                _$insert15(_el$, elapsed, _el$3);
                 _$insert15(_el$, () => thinkBuf.split(`
 `).pop() || " ", null);
                 _$effect15((_$p) => _$setProp15(_el$, "style", {
@@ -2596,17 +2606,17 @@ function createDockFeature(deps) {
                     return list.slice(-Math.max(1, (typeof rowsTool === "number" ? rowsTool : 7) - 2));
                   },
                   children: (e) => (() => {
-                    var _el$6 = _$createElement15("text");
-                    _$insert15(_el$6, (() => {
+                    var _el$7 = _$createElement15("text");
+                    _$insert15(_el$7, (() => {
                       var _c$2 = _$memo8(() => e.status === "running");
                       return () => _c$2() ? `⚙ ${e.name} ${e.args}` : `${e.status === "ok" ? "✔" : "✘"} ${e.name} ${e.args}`;
                     })());
-                    _$effect15((_$p) => _$setProp15(_el$6, "style", {
+                    _$effect15((_$p) => _$setProp15(_el$7, "style", {
                       fg: e.status === "running" ? toolFg() : e.status === "fail" ? th().tokens.toolFail ?? th().tokens.danger : th().tokens.toolOk ?? th().tokens.ok,
                       wrapMode: "none",
                       truncate: true
                     }, _$p));
-                    return _el$6;
+                    return _el$7;
                   })()
                 });
               }
@@ -2615,18 +2625,18 @@ function createDockFeature(deps) {
                 return !toolExpanded();
               },
               get children() {
-                var _el$3 = _$createElement15("text"), _el$4 = _$createTextNode10(`\uD83D\uDD27 `);
-                _$insertNode12(_el$3, _el$4);
-                _$insert15(_el$3, (() => {
+                var _el$4 = _$createElement15("text"), _el$5 = _$createTextNode10(`\uD83D\uDD27 `);
+                _$insertNode12(_el$4, _el$5);
+                _$insert15(_el$4, (() => {
                   var _c$ = _$memo8(() => running.length > 0);
                   return () => _c$() ? `⚙ ${running[0].name} ${running[0].args}` : `${list[0]?.name ?? ""} ${list[0]?.args ?? ""}`;
                 })(), null);
-                _$effect15((_$p) => _$setProp15(_el$3, "style", {
+                _$effect15((_$p) => _$setProp15(_el$4, "style", {
                   fg: dimColor(toolFg(), 0.2),
                   wrapMode: "none",
                   truncate: true
                 }, _$p));
-                return _el$3;
+                return _el$4;
               }
             })];
           }
@@ -2640,8 +2650,11 @@ function createDockFeature(deps) {
       if (text === "")
         return;
       const now = Date.now();
-      if (!think().visible || think().fading) {
-        thinkBuf = text;
+      cancelThinkHide();
+      const fresh = !think().visible || think().fading || !thinkOpen;
+      thinkBuf = fresh ? text : thinkBuf + text;
+      thinkOpen = true;
+      if (fresh) {
         setThink({
           visible: true,
           expanded: false,
@@ -2655,8 +2668,6 @@ function createDockFeature(deps) {
         flush(true);
         return;
       }
-      cancelThinkHide();
-      thinkBuf = text;
       setThink((s) => ({
         ...s,
         text: thinkBuf,
@@ -2673,6 +2684,7 @@ function createDockFeature(deps) {
           lastAt: Date.now()
         }));
       scheduleThinkHide();
+      thinkOpen = false;
     },
     onToolStart(start) {
       lastToolAt = Date.now();
@@ -2712,17 +2724,14 @@ function createDockFeature(deps) {
     },
     onTurnStart() {
       cancelThinkHide();
-      setThink((s) => s.visible ? {
-        ...s,
-        fading: true,
-        fade: 0,
-        expanded: false
-      } : s);
-      if (tools().length > 0) {
+      if (think().visible)
+        scheduleThinkHide(600);
+      if (tools().length > 0 && toolVisible()) {
         setToolFading(true);
         setToolFade(0);
       }
       thinkBuf = "";
+      thinkOpen = false;
     },
     onTurnEnd() {
       thinkBuf = "";
@@ -2732,6 +2741,7 @@ function createDockFeature(deps) {
         setToolFading(true);
         setToolFade(0);
       }
+      thinkOpen = false;
     },
     tick() {},
     reset() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiwayds/dsh-opentui",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "bin": {
     "dsh-opentui": "bin/dsh-opentui.mjs"
@@ -39,6 +39,7 @@
     "typescript": "^5.7.0",
     "@types/bun": "latest",
     "@deepseek-ai/cordis": "4.0.5",
+    "@deepseek-ai/dsh-llm": "0.2.1-rc.5",
     "@dsh-opentui/runtime": "workspace:*",
     "@dsh-opentui/kit": "workspace:*"
   },