ui-chan-mcp 0.6.0 → 0.7.0

package/README.md

@@ -97,7 +97,7 @@ ui-chan
 **繋いだら、もう終わり。** 次にそのアプリを開けば、画面の右下にわたしが出てくる。
 あとは普通に作業して。勝手に喋るから。
 
-### 右上のつまみ
+### 足元のつまみ
 
 <p align="center">
   <img src="docs/images/panel.png" alt="接続パネル" width="360">
@@ -112,8 +112,9 @@ ui-chan
 | ⬇ | 更新する（**更新があるときだけ出る**） |
 | ⏻ | 終了する（呼ばれても起きない） |
 
-<sub>複数のセッションから繋がってるときは、そこに一覧が出るよ（どのツールの、どのプロジェクトか）。
-更新があるときは、ダウンロードのアイコンが増える。</sub>
+<sub>つまみはわたしの足元（右下）にいる。押すと上に開くよ。
+複数のセッションから繋がってるときは、そこに一覧が出る（どのツールの、どのプロジェクトか）。
+**行を押すと、そのアプリが前に出てくる。** 更新があるときは、ダウンロードのアイコンが増える。</sub>
 
 ---
 

package/dist/app/main.js

@@ -370,8 +370,124 @@ function startWsServer() {
  *  ここを見るので、「起動し直さないと位置が戻らない」ということはない。 */
 function homePosition() {
     const { width, height, margin } = config.window;
+    // 実ピクセルの余白が分かっていればそれで合わせる。分かるのは PSD を描いた
+    // あとなので、起動直後の一発目だけは窓の矩形で置き、測れた時点で
+    // `ui-chan:body-box` が置き直す。リセットと吸い付きが別の場所に着地しない
+    // ように、両方ここを見る。
+    const ins = bodyInsets ?? { left: 0, top: 0, right: 0, bottom: 0 };
+    const gap = config.window.snapGap ?? 12;
     const wa = electron_1.screen.getPrimaryDisplay().workArea;
-    return { x: wa.x + wa.width - width - margin, y: wa.y + wa.height - height - margin };
+    // setPosition は整数しか受け取らない（小数を渡すと main プロセスごと落ちる）。
+    // 実ピクセルの計測は dpr 由来で小数になるので、ここで必ず丸める。
+    return {
+        x: Math.round(wa.x + wa.width - margin - gap - width + ins.right),
+        y: Math.round(wa.y + wa.height - margin - height + ins.bottom),
+    };
+}
+/** レンダラが測った「彼女に見える範囲」の、窓の内側からの余白（CSS px）。
+ *  測れるのは PSD を描いたあとなので、それまでは null＝窓の矩形で代用する。 */
+let bodyInsets = null;
+/**
+ * ドラッグを離したとき、近ければ画面の下の隅へ吸い付ける。
+ *
+ * **下2隅だけ**なのは、上に詰められないから。窓の上部120pxは吹き出しの居場所
+ * として常時確保されていて（`index.html` の `#bubble-area`）、彼女の頭を画面
+ * 上端に付けると、喋った瞬間に吹き出しが画面の外へ出る。置けない場所を候補に
+ * 出しても、寄せたのに何も起きないか、変な位置に落ちるかのどちらかになる。
+ *
+ * **窓の矩形ではなく彼女の実ピクセルで合わせる。** 窓は420x680だが絵はその一部
+ * で、左右に90〜110pxの透明な余白がある（→ `PsdStage.contentInsets`）。矩形で
+ * 揃えると、画面の隅に吸い付いたはずが彼女は隅から100px浮いて見える——目が見て
+ * いるのは彼女であって窓ではないので、しきい値もこの実ピクセルの隅で測る。
+ *
+ * 見る画面は主ディスプレイではなく **窓がいま乗っている画面**（ドラッグは画面を
+ * またげる）。
+ */
+function cornerTargets() {
+    if (!win)
+        return null;
+    const { width, height, margin } = config.window;
+    const gap = config.window.snapGap ?? 12;
+    const ins = bodyInsets ?? { left: 0, top: 0, right: 0, bottom: 0 };
+    const wa = electron_1.screen.getDisplayMatching(win.getBounds()).workArea;
+    // 「彼女の左端／右端／下端が、画面の縁から margin」になる窓の座標に直す。
+    // 整数必須（→ homePosition の同じ注記）。
+    const y = Math.round(wa.y + wa.height - margin - height + ins.bottom);
+    // 左下に着地すると立ち絵は反転する（画面の内側を向かせるため）ので、そのとき
+    // 身体の左の余白は「反転前の右の余白」になる。入れ替えないと、左に吸い付いた
+    // ときだけ画面の縁との間隔が19pxずれる。
+    return {
+        left: { x: Math.round(wa.x + margin + gap - ins.right), y },
+        right: { x: Math.round(wa.x + wa.width - margin - gap - width + ins.right), y },
+    };
+}
+/** 吸い付きの移動そのもの。`setPosition` を1発撃つと瞬間移動になって「寄せられ
+ *  た」感が出ず、逆に macOS 任せの `animate: true` は遅くて重い。あいだを取って
+ *  自前で easeOutCubic を刻む。 */
+let snapTimer = null;
+function cancelSnap() {
+    if (snapTimer) {
+        clearInterval(snapTimer);
+        snapTimer = null;
+    }
+}
+function glideTo(x, y) {
+    if (!win)
+        return;
+    cancelSnap();
+    const durationMs = config.window.snapDurationMs ?? 220;
+    if (durationMs <= 0) {
+        win.setPosition(x, y);
+        return;
+    }
+    const from = win.getBounds();
+    const startedAt = Date.now();
+    snapTimer = setInterval(() => {
+        if (!win)
+            return cancelSnap();
+        const t = Math.min(1, (Date.now() - startedAt) / durationMs);
+        const e = 1 - (1 - t) ** 3;
+        win.setPosition(Math.round(from.x + (x - from.x) * e), Math.round(from.y + (y - from.y) * e));
+        if (t >= 1)
+            cancelSnap();
+    }, 16);
+}
+function snapToCorner() {
+    if (!win)
+        return;
+    const { snapDistance = 320 } = config.window;
+    if (snapDistance <= 0)
+        return;
+    const targets = cornerTargets();
+    if (!targets)
+        return;
+    const b = win.getBounds();
+    const best = [targets.left, targets.right]
+        .map((t) => ({ ...t, d: Math.hypot(b.x - t.x, b.y - t.y) }))
+        .sort((a, c) => a.d - c.d)[0];
+    if (best.d > snapDistance || (best.x === b.x && best.y === b.y))
+        return;
+    glideTo(best.x, best.y);
+    // 向き・パネル・吹き出しは動き終わりを待たずに切り替える。移動の途中で
+    // 反転したほうが「引き寄せられて向き直った」と読める。
+    updatePanelSide();
+}
+/** 彼女が画面のどちら側に居るかをレンダラへ伝える（パネルの寄せ・吹き出しの
+ *  伸びる向き・立ち絵の反転がこれで決まる）。吸い付いていない位置でも破綻
+ *  しないよう、判定は「作業領域の左右どちら寄りに身体があるか」で行う。 */
+let panelSide = null;
+function updatePanelSide() {
+    if (!win)
+        return;
+    const b = win.getBounds();
+    const wa = electron_1.screen.getDisplayMatching(b).workArea;
+    const ins = bodyInsets ?? { left: 0, top: 0, right: 0, bottom: 0 };
+    const bodyCenter = b.x + ins.left + (b.width - ins.left - ins.right) / 2;
+    const side = bodyCenter < wa.x + wa.width / 2 ? 'left' : 'right';
+    if (side === panelSide)
+        return;
+    panelSide = side;
+    sendToRenderer({ type: 'side', side });
 }
 /**
  * セッション行を押されたとき、その相手のアプリを前面に出す。
@@ -589,10 +705,13 @@ else {
     // fidget input). While the button is held over her body, the window follows
     // the cursor at a fixed grab offset.
     let dragTimer = null;
+    let dragOrigin = null;
     electron_1.ipcMain.on('ui-chan:drag-start', () => {
         if (!win)
             return;
+        cancelSnap(); // 寄っている途中で掴まれたら、そちらが優先
         const start = electron_1.screen.getCursorScreenPoint();
+        dragOrigin = start;
         const [wx, wy] = win.getPosition();
         const offX = start.x - wx;
         const offY = start.y - wy;
@@ -610,6 +729,31 @@ else {
             clearInterval(dragTimer);
             dragTimer = null;
         }
+        // drag-start は押した時点で飛んでくるので、つつかれただけ（＝動かして
+        // いない）のときにまで吸い付くと、触っただけで窓が跳ぶ。実際に動いた
+        // ときだけ整える。
+        const p = electron_1.screen.getCursorScreenPoint();
+        const moved = dragOrigin && Math.hypot(p.x - dragOrigin.x, p.y - dragOrigin.y) > 4;
+        dragOrigin = null;
+        if (moved)
+            snapToCorner();
+    });
+    electron_1.ipcMain.on('ui-chan:body-box', (_ev, insets) => {
+        const wasHome = (() => {
+            if (!win)
+                return false;
+            const h = homePosition(); // まだ bodyInsets 未設定なので「矩形で置いた定位置」
+            const b = win.getBounds();
+            return b.x === h.x && b.y === h.y;
+        })();
+        bodyInsets = insets;
+        // 起動位置から動かされていなければ、測れた値で置き直す。動かされていたら
+        // 触らない——ユーザーが置いた場所を、計測の都合で奪わない。
+        if (wasHome && win) {
+            const h = homePosition();
+            win.setPosition(h.x, h.y);
+        }
+        updatePanelSide();
     });
     electron_1.ipcMain.on('ui-chan:warnings', (_ev, warnings) => {
         // The renderer reports its full warning set on every applyDirectives()

package/dist/app/preload.js

@@ -12,4 +12,5 @@ electron_1.contextBridge.exposeInMainWorld('uiChan', {
     setClickThrough: (on) => electron_1.ipcRenderer.send('ui-chan:click-through', on),
     dragStart: () => electron_1.ipcRenderer.send('ui-chan:drag-start'),
     dragEnd: () => electron_1.ipcRenderer.send('ui-chan:drag-end'),
+    reportBodyBox: (insets) => electron_1.ipcRenderer.send('ui-chan:body-box', insets),
 });

package/dist/renderer/bundle.js

@@ -17491,12 +17491,17 @@
         /** Alpha (0–255) of the composited image at a client (viewport) point, for
          *  hit-testing "is the pointer actually over her body" vs the transparent
          *  margins. Maps client → canvas pixel coords via the element's box. */
+        /** 立ち絵を左右反転して描いているか。反転は CSS（`#canvas` の scaleX(-1)）で
+         *  かけるが、`getBoundingClientRect()` は変換後も同じ箱を返すので、当たり判定
+         *  だけは自分で座標を折り返さないと左右が入れ替わったまま当たる。 */
+        mirrored = false;
         alphaAt(clientX, clientY) {
           const rect = this.canvas.getBoundingClientRect();
           if (rect.width === 0 || rect.height === 0 || clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) {
             return 0;
           }
-          const px = Math.floor((clientX - rect.left) / rect.width * this.canvas.width);
+          let px = Math.floor((clientX - rect.left) / rect.width * this.canvas.width);
+          if (this.mirrored) px = this.canvas.width - 1 - px;
           const py = Math.floor((clientY - rect.top) / rect.height * this.canvas.height);
           try {
             return this.ctx.getImageData(px, py, 1, 1).data[3];
@@ -17504,6 +17509,50 @@
             return 0;
           }
         }
+        /**
+         * いま描かれている絵の**不透明な部分**が、canvas 要素の箱の中でどこにあるかを
+         * CSS px の内側余白（inset）で返す。読めなければ null。
+         *
+         * これが要る理由：窓（420x680）と「彼女に見える範囲」は全然違う。PSD は
+         * 3541x5016 あるが、実際に絵があるのはその中央あたりだけで、左右に 785px /
+         * 954px の余白がある（万歳など腕を広げるポーズのために取ってある幅）。
+         * 表示スケールに直すと片側 90〜110px。窓の矩形を画面の隅に合わせても、
+         * 彼女は隅から100px浮いて見える——「吸い付いた」と読めない距離。
+         */
+        contentInsets(alphaThreshold = 8) {
+          const { canvas } = this;
+          if (canvas.width === 0 || canvas.height === 0) return null;
+          let data;
+          try {
+            data = this.ctx.getImageData(0, 0, canvas.width, canvas.height).data;
+          } catch {
+            return null;
+          }
+          let minX = canvas.width;
+          let minY = canvas.height;
+          let maxX = -1;
+          let maxY = -1;
+          for (let y = 0; y < canvas.height; y++) {
+            const row = y * canvas.width * 4;
+            for (let x = 0; x < canvas.width; x++) {
+              if (data[row + x * 4 + 3] < alphaThreshold) continue;
+              if (x < minX) minX = x;
+              if (x > maxX) maxX = x;
+              if (y < minY) minY = y;
+              maxY = y;
+            }
+          }
+          if (maxX < 0) return null;
+          const rect = canvas.getBoundingClientRect();
+          const sx = rect.width / canvas.width;
+          const sy = rect.height / canvas.height;
+          return {
+            left: minX * sx,
+            top: minY * sy,
+            right: (canvas.width - 1 - maxX) * sx,
+            bottom: (canvas.height - 1 - maxY) * sy
+          };
+        }
         // ---- temporary-overlay visibility snapshot/restore (used by blink) ----
         // Snapshot the current visibility of every node, draw something temporary
         // (closed eyes) on top, then restore the snapshot.
@@ -17541,7 +17590,49 @@
       function reportWarnings() {
         window.uiChan.reportWarnings(stage.getWarnings());
       }
+      var bodyBoxSent = false;
+      var rawInsets = null;
+      var bodySide = "right";
+      var stageEl = document.getElementById("stage");
+      function applySide() {
+        stageEl.classList.toggle("side-left", bodySide === "left");
+        stageEl.classList.toggle("side-right", bodySide === "right");
+        stage.mirrored = bodySide === "left";
+        if (!rawInsets) return;
+        const left = bodySide === "left" ? rawInsets.right : rawInsets.left;
+        const right = bodySide === "left" ? rawInsets.left : rawInsets.right;
+        stageEl.style.setProperty("--body-left", `${left}px`);
+        stageEl.style.setProperty("--body-right", `${right}px`);
+        positionTail();
+      }
+      function positionTail() {
+        if (!rawInsets) return;
+        const left = bodySide === "left" ? rawInsets.right : rawInsets.left;
+        const right = bodySide === "left" ? rawInsets.left : rawInsets.right;
+        const headX = left + (window.innerWidth - left - right) / 2;
+        const r = bubble.getBoundingClientRect();
+        if (r.width === 0) return;
+        const x = Math.min(Math.max(headX - r.left, 16), r.width - 16);
+        bubble.style.setProperty("--tail-x", `${x}px`);
+      }
+      function reportBodyBoxOnce() {
+        if (bodyBoxSent || !stage.loaded) return;
+        const box = stage.contentInsets();
+        if (!box) return;
+        const rect = canvas.getBoundingClientRect();
+        const insets = {
+          left: rect.left + box.left,
+          top: rect.top + box.top,
+          right: window.innerWidth - rect.right + box.right,
+          bottom: window.innerHeight - rect.bottom + box.bottom
+        };
+        bodyBoxSent = true;
+        rawInsets = insets;
+        applySide();
+        window.uiChan.reportBodyBox(insets);
+      }
       var overlay = document.createElement("canvas");
+      overlay.id = "cue-overlay";
       overlay.style.cssText = "position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0";
       var overlayCtx = overlay.getContext("2d");
       canvas.parentElement?.insertBefore(overlay, canvas.nextSibling);
@@ -17779,6 +17870,7 @@
         if (text !== null) {
           bubble.textContent = bubbleText(text);
           bubble.classList.add("visible");
+          positionTail();
         } else {
           bubble.classList.remove("visible");
           hideTextTimer = window.setTimeout(() => {
@@ -17952,6 +18044,11 @@
             reportWarnings();
             lipCurrentMouth = null;
             draw();
+            reportBodyBoxOnce();
+          } else if (cmd.type === "side") {
+            bodySide = cmd.side;
+            panelEl.classList.toggle("left", cmd.side === "left");
+            applySide();
           } else if (cmd.type === "backdrop") {
             const PRESETS = {
               white: "#ffffff",

package/dist/renderer/editor.js

@@ -17491,12 +17491,17 @@
         /** Alpha (0–255) of the composited image at a client (viewport) point, for
          *  hit-testing "is the pointer actually over her body" vs the transparent
          *  margins. Maps client → canvas pixel coords via the element's box. */
+        /** 立ち絵を左右反転して描いているか。反転は CSS（`#canvas` の scaleX(-1)）で
+         *  かけるが、`getBoundingClientRect()` は変換後も同じ箱を返すので、当たり判定
+         *  だけは自分で座標を折り返さないと左右が入れ替わったまま当たる。 */
+        mirrored = false;
         alphaAt(clientX, clientY) {
           const rect = this.canvas.getBoundingClientRect();
           if (rect.width === 0 || rect.height === 0 || clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom) {
             return 0;
           }
-          const px = Math.floor((clientX - rect.left) / rect.width * this.canvas.width);
+          let px = Math.floor((clientX - rect.left) / rect.width * this.canvas.width);
+          if (this.mirrored) px = this.canvas.width - 1 - px;
           const py = Math.floor((clientY - rect.top) / rect.height * this.canvas.height);
           try {
             return this.ctx.getImageData(px, py, 1, 1).data[3];
@@ -17504,6 +17509,50 @@
             return 0;
           }
         }
+        /**
+         * いま描かれている絵の**不透明な部分**が、canvas 要素の箱の中でどこにあるかを
+         * CSS px の内側余白（inset）で返す。読めなければ null。
+         *
+         * これが要る理由：窓（420x680）と「彼女に見える範囲」は全然違う。PSD は
+         * 3541x5016 あるが、実際に絵があるのはその中央あたりだけで、左右に 785px /
+         * 954px の余白がある（万歳など腕を広げるポーズのために取ってある幅）。
+         * 表示スケールに直すと片側 90〜110px。窓の矩形を画面の隅に合わせても、
+         * 彼女は隅から100px浮いて見える——「吸い付いた」と読めない距離。
+         */
+        contentInsets(alphaThreshold = 8) {
+          const { canvas } = this;
+          if (canvas.width === 0 || canvas.height === 0) return null;
+          let data;
+          try {
+            data = this.ctx.getImageData(0, 0, canvas.width, canvas.height).data;
+          } catch {
+            return null;
+          }
+          let minX = canvas.width;
+          let minY = canvas.height;
+          let maxX = -1;
+          let maxY = -1;
+          for (let y = 0; y < canvas.height; y++) {
+            const row = y * canvas.width * 4;
+            for (let x = 0; x < canvas.width; x++) {
+              if (data[row + x * 4 + 3] < alphaThreshold) continue;
+              if (x < minX) minX = x;
+              if (x > maxX) maxX = x;
+              if (y < minY) minY = y;
+              maxY = y;
+            }
+          }
+          if (maxX < 0) return null;
+          const rect = canvas.getBoundingClientRect();
+          const sx = rect.width / canvas.width;
+          const sy = rect.height / canvas.height;
+          return {
+            left: minX * sx,
+            top: minY * sy,
+            right: (canvas.width - 1 - maxX) * sx,
+            bottom: (canvas.height - 1 - maxY) * sy
+          };
+        }
         // ---- temporary-overlay visibility snapshot/restore (used by blink) ----
         // Snapshot the current visibility of every node, draw something temporary
         // (closed eyes) on top, then restore the snapshot.

package/dist/renderer/index.html

@@ -29,12 +29,26 @@
       align-items: flex-end;
       justify-content: center;
       padding: 8px 10px 0;
+      /* 左右の余白は「彼女の実ピクセルの外側」ぶん。隅に吸い付くと窓はその
+         ぶん画面外へはみ出しているので、ここを空けておかないと吹き出しが
+         画面の外へ伸びて切れる。--body-* は renderer.ts が計測して入れる。 */
       box-sizing: border-box;
       /* キャラクターの頭上（PSDの傘用余白ぶん）まで吹き出しを下げる */
       transform: translateY(46px);
       z-index: 1;
       position: relative;
     }
+    /* 右下に居るなら左へ、左下に居るなら右へ——画面の内側へ向かって伸ばす。
+       伸びる向きと反対側の端を彼女の身体の縁に合わせるので、長い行でも
+       画面からはみ出さない。 */
+    #stage.side-right #bubble-area {
+      justify-content: flex-end;
+      padding-right: calc(10px + var(--body-right, 0px));
+    }
+    #stage.side-left #bubble-area {
+      justify-content: flex-start;
+      padding-left: calc(10px + var(--body-left, 0px));
+    }
     #bubble {
       position: relative;
       max-width: 100%;
@@ -59,11 +73,14 @@
       opacity: 1;
       transform: translateY(0);
     }
+    /* しっぽは吹き出しの中央ではなく**彼女の頭の真上**を指す。吹き出しの箱は
+       画面の内側へ寄るので、中央固定だと指す先が彼女から外れる。位置は
+       renderer.ts が測って --tail-x に入れる（既定は従来どおり中央）。 */
     #bubble::after {
       content: '';
       position: absolute;
       bottom: -9px;
-      left: 50%;
+      left: var(--tail-x, 50%);
       margin-left: -7px;
       border-width: 9px 7px 0;
       border-style: solid;
@@ -82,6 +99,14 @@
       width: 100%;
       height: 100%;
     }
+    /* 左下に居るときは、画面の内側（右）を向かせる。当たり判定は CSS の変換を
+       見ていないので、PsdStage.mirrored 側でも折り返している。 */
+    /* #cue-overlay は renderer.ts が差し込むクロスフェード用のキャンバス。
+       本体と同じ変換をかけないと、切り替えの一瞬だけ反転前の絵が見える。 */
+    #stage.side-left #canvas,
+    #stage.side-left #cue-overlay {
+      transform: scaleX(-1);
+    }
     #placeholder {
       display: none;
       position: absolute;
@@ -116,7 +141,12 @@
     #panel {
       position: absolute;
       bottom: 6px;
-      right: 6px;
+      /* 窓の縁ではなく**彼女の実ピクセルの縁**を基準にする。隅への吸い付きは
+         彼女を画面の縁に合わせるので、窓のほうは画面外に100px以上はみ出す
+         （PSDの左右の透明帯ぶん）。窓の右端に貼り付けたままだと、パネルは
+         その一緒に画面の外へ出て押せなくなる。余白は renderer.ts が
+         計測して --body-right / --body-left に入れる。 */
+      right: calc(6px + var(--body-right, 0px));
       z-index: 5;
       display: flex;
       flex-direction: column-reverse;
@@ -130,6 +160,13 @@
          いる本体だけ。 */
       pointer-events: none;
     }
+    /* 彼女が画面の左下に居るときは、パネルも左へ。彼女の立ち位置と同じ側の縁に
+       沿わせるので、開いたパネルがデスクトップの中央側へ張り出さない。 */
+    #panel.left {
+      right: auto;
+      left: calc(6px + var(--body-left, 0px));
+      align-items: flex-start;
+    }
     #panel-tab {
       pointer-events: auto;
       -webkit-app-region: no-drag;
@@ -196,6 +233,9 @@
       transform: translateY(0) scale(1);
       pointer-events: auto;
     }
+    #panel.left #panel-body {
+      transform-origin: bottom left;
+    }
     .panel-row {
       display: flex;
       align-items: center;

package/docs/CLIENTS.md

@@ -51,7 +51,9 @@ ui-chan update               # 最新版にする（--check で確認だけ）
 **登録した時点で完了です。** アプリと VoiSona Talk はセッション開始時に自動起動し、人格は
 MCP のハンドシェイク（`instructions`）に乗って渡ります。人格ファイルを貼り付ける作業はありません。
 
-マスコット右上のつまみを開くと、接続中のセッション（クライアント名とプロジェクト名）と操作が出ます。
+マスコット足元（右下）のつまみを開くと、接続中のセッション（クライアント名とプロジェクト名）と
+操作が上に向かって開きます。セッションの行をクリックすると、そのクライアントのアプリが前面に出ます
+（ターミナルの場合はターミナル本体まで。タブの選択まではしません）。
 
 ---
 

package/docs/TROUBLESHOOTING.md

@@ -62,7 +62,7 @@ npm で入れたなら要らないよ。ビルド済みのものが届くから
 <details>
 <summary><b>マスコットを終了させたい</b></summary>
 
-マスコット右上のつまみを開いて、**電源のアイコン ⏻** を押します。これが最短です。
+マスコット足元（右下）のつまみを開いて、**電源のアイコン ⏻** を押します。これが最短です。
 **エージェントがツールを呼んでも起き直しません**（次にセッションを開くか、
 `ui-chan start` で起動するまで停止したままです）。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-chan-mcp",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "雨衣ちゃんMCP — デスクトップの隅に住む、AI の体になるマスコット（PSD立ち絵＋吹き出し＋音声。MCP で操作）",
   "main": "dist/app/main.js",
   "private": false,

package/ui-chan.config.json

@@ -4,7 +4,10 @@
   "window": {
     "width": 420,
     "height": 680,
-    "margin": 16
+    "margin": 16,
+    "snapDistance": 320,
+    "snapGap": 12,
+    "snapDurationMs": 220
   },
   "port": 8123,
   "idle": {