@oh-story/dsh 0.1.5 → 0.1.6

package/README.md

@@ -21,14 +21,14 @@
 ## 安装
 
 ```bash
-npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile web add @oh-story/dsh@0.1.5
+npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile web add @oh-story/dsh@0.1.6
 npx -y @deepseek-ai/dsh@0.1.2-alpha.3 web
 ```
 
 也可以直接安装 GitHub Release 中的预构建包：
 
 ```bash
-npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile web add https://github.com/zenstory-ai/oh-story-dsh/releases/download/v0.1.5/oh-story-dsh-0.1.5.tgz
+npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile web add https://github.com/zenstory-ai/oh-story-dsh/releases/download/v0.1.6/oh-story-dsh-0.1.6.tgz
 npx -y @deepseek-ai/dsh@0.1.2-alpha.3 web
 ```
 
@@ -67,7 +67,7 @@ Drama Skills 0.6.0 不支持把 v0.5 结构化项目原地升级为 creator-firs
 插件装进哪个 profile，那个 profile 的每个 Session 就都会加载创作 Skills 与三栏工作台。想让原版 `web` 保持干净、只在创作时打开工作台，就装进独立 profile：
 
 ```bash
-npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile story add @oh-story/dsh@0.1.5
+npx -y @deepseek-ai/dsh@0.1.2-alpha.3 plugin --profile story add @oh-story/dsh@0.1.6
 ```
 
 新 profile 默认没有界面。编辑 `~/.dsh/profiles/story/package.json`，把 `dsh.profile.bundles` 改成 `["@deepseek-ai/dsh-base", "@deepseek-ai/dsh-web-app", "@oh-story/dsh"]`，顺序照抄，这个包不用另外安装。

package/lib/client.js

@@ -3914,22 +3914,37 @@ function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions
   }, [sessionId]), (0, import_react3.useLayoutEffect)(() => {
     let scroller = target?.parentElement;
     if (scroller == null) return;
-    let composerSeat = () => scroller.querySelector(":scope > [data-composer-seat]"), publishLayout = () => {
-      let pinned = scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight <= 8;
+    let composerSeat = () => scroller.querySelector(":scope > [data-composer-seat]"), parkedAtTail = () => scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight <= 8, parked = parkedAtTail(), drivenAt = 0, markDriven = (event) => {
+      event.target instanceof Node && composerSeat()?.contains(event.target) === !0 || (drivenAt = performance.now());
+    }, trackParked = () => {
+      parkedAtTail() ? parked = !0 : performance.now() - drivenAt < 400 && (parked = !1);
+    }, publishLayout = () => {
       scroller.style.setProperty("--oh-story-scroll-height", `${String(scroller.clientHeight)}px`), scroller.style.setProperty("--oh-story-composer-height", `${String(composerSeat()?.getBoundingClientRect().height ?? 0)}px`), scroller.dataset.ohStoryWorkbench = workbench;
       let studioPane = workbench === "video" ? videoPane : gamePane;
       scroller.dataset.ohStudioPane = studioPane;
       let compactAt = workbench === "game" || workbench === "video" ? 720 : 620, mediumAt = workbench === "game" || workbench === "video" ? 960 : 900, layout = scroller.clientWidth < compactAt ? "compact" : scroller.clientWidth < mediumAt ? "medium" : "wide";
-      scroller.dataset.ohStoryLayout !== layout && (scroller.dataset.ohStoryLayout = layout), pinned && (scroller.scrollTop = scroller.scrollHeight - scroller.clientHeight);
-    }, observer = new ResizeObserver(publishLayout), observed = /* @__PURE__ */ new WeakSet(), observeSeat = () => {
-      let seat = composerSeat();
-      seat === null || observed.has(seat) || (observed.add(seat), observer.observe(seat));
+      scroller.dataset.ohStoryLayout !== layout && (scroller.dataset.ohStoryLayout = layout), parked && (scroller.scrollTop = scroller.scrollHeight - scroller.clientHeight);
+    }, observer = new ResizeObserver(publishLayout), observed = /* @__PURE__ */ new WeakSet(), flowObserved = !1, observePanes = () => {
+      let flow = scroller.querySelector("[data-chat-flow]");
+      flowObserved = flow !== null;
+      for (let pane of [composerSeat(), flow])
+        pane === null || observed.has(pane) || (observed.add(pane), observer.observe(pane));
     };
-    publishLayout(), observer.observe(scroller), observeSeat();
+    publishLayout(), scroller.addEventListener("scroll", trackParked, { passive: !0 });
+    for (let driven of ["wheel", "touchmove", "pointerdown", "keydown"])
+      scroller.addEventListener(driven, markDriven, { passive: !0 });
+    observer.observe(scroller), observePanes();
     let seats = new MutationObserver(() => {
-      observeSeat(), publishLayout();
+      observePanes(), publishLayout();
     });
-    return seats.observe(scroller, { childList: !0 }), () => {
+    seats.observe(scroller, { childList: !0 });
+    let panes = new MutationObserver(() => {
+      flowObserved || observePanes();
+    });
+    return panes.observe(scroller, { childList: !0, subtree: !0 }), () => {
+      panes.disconnect(), scroller.removeEventListener("scroll", trackParked);
+      for (let driven of ["wheel", "touchmove", "pointerdown", "keydown"])
+        scroller.removeEventListener(driven, markDriven);
       observer.disconnect(), seats.disconnect(), scroller.style.removeProperty("--oh-story-scroll-height"), scroller.style.removeProperty("--oh-story-composer-height"), delete scroller.dataset.ohStoryLayout, delete scroller.dataset.ohStoryWorkbench, delete scroller.dataset.ohStudioPane;
     };
   }, [gamePane, target, videoPane, workbench]), /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [