claude-ai-office 0.25.6 → 0.29.1

package/README.en.md

@@ -61,7 +61,7 @@ node bin/ai-office.js            # or: npm run install-hooks && npm start
 
 | Area | Contents |
 |---|---|
-| **Left: Floors** | One floor per git project (repository root). Worktrees share the floor and show their branch (⎇). Opening a floor lists its sessions with `waiting` and `viewing` badges. 🎨 on the selected floor picks that floor's interior preset (Warm Wood · Cool Gray · Mint · Lavender · Sand · Pastel; assigned automatically by default). "Follow the latest session" (`A`) moves the selection to the most recently active session; when it is off, the last floor and session you looked at are restored next time |
+| **Left: Floors** | One floor per git project (repository root). Worktrees share the floor and show their branch (⎇). Opening a floor lists its sessions with `waiting` and `viewing` badges. By default only the selected floor is open; **Expand all ↔ Collapse all** in the header opens or closes every floor's session list at once (clicking a floor while all are collapsed opens that floor; remembered in the browser). 🎨 on the selected floor picks that floor's interior preset (Warm Wood · Cool Gray · Mint · Lavender · Sand · Pastel; assigned automatically by default). "Follow the latest session" (`A`) moves the selection to the most recently active session; when it is off, the last floor and session you looked at are restored next time |
 | **Center: Office** | Drag to pan, wheel or buttons to zoom, `⟲` to reset, pinch on touch screens. Click a character to select its session; hover for a tooltip (current action, target file, prompt, branch, path). 📍 **Follow** (`F`) keeps the camera on the selected session's Claude. 🏢 **Building view** (`O`) appears when there are two or more floors |
 | **Right panel** | Session card (project path · session id · character name · copy the resume command · 🗑 dismiss ended sessions), people in the office (room · speech bubble · elapsed time), activity log (search with `/`, selected session only), legend (click the title to collapse) |
 
@@ -157,9 +157,9 @@ With two or more floors, 🏢 **Building view** (`O`) appears in the header. Flo
 
 ## Menu bar app (Tauri)
 
-A resident app that shows the web UI in a window. It starts the Node server itself (or reuses one that is already running) and lives in the menu bar / system tray with Open, Hide, Always on top, Reinstall hooks, Check for updates and Quit. When sessions are waiting for you, the menu bar shows `🙋 n`. Closing the window hides it; Quit stops the server too. Node is bundled: on first launch the app copies the server files to `~/.ai-office/app` and the Node binary to `~/.ai-office/node`, then registers the hooks, so moving or deleting the app does not break them.
+A resident app that shows the web UI in a window. It starts the Node server itself (or reuses one that is already running) and lives in the menu bar / system tray; left- or right-click the icon for the menu: Open, Hide, Always on top, Launch at login, Reinstall hooks, Check for updates, Apply update and Quit. When a session is waiting for you or an update is ready, a **red dot** appears on the menu bar icon and on the Dock (Windows: taskbar) icon, like a chat app; there is no count, and the tooltip says what it is. **Launch at login** is turned on at first run; when started at login the app stays in the menu bar without a window. You can turn it off from the menu. Closing the window hides it; Quit stops the server too. Node is bundled: on first launch the app copies the server files to `~/.ai-office/app` and the Node binary to `~/.ai-office/node`, then registers the hooks, so moving or deleting the app does not break them.
 
-**Updates**: the app checks for a new version 10 seconds after launch and every 6 hours, downloads it in the background, then shows ⬆ in the menu bar and enables "Apply update (restart)". Releases are built by GitHub Actions for macOS (Apple Silicon) and Windows (x64) and signed for the updater.
+**Updates**: the app checks for a new version 10 seconds after launch and every 6 hours and only **downloads** it in the background (signature verified; a failed check is retried after 5 minutes), then shows the red dot and enables "Apply vX update (restart)". Applying stops the server, installs and restarts; nothing is installed without asking and the running app is never replaced underneath you. "Check for updates" in the menu shows whether you are up to date or why a check failed. Releases are built by GitHub Actions for macOS (Apple Silicon) and Windows (x64) and signed for the updater.
 
 > **Download**: [macOS AI-Office-mac-arm64.dmg](https://github.com/cozyuj/AI-office/releases/latest/download/AI-Office-mac-arm64.dmg) · [Windows AI-Office-windows-x64-setup.exe](https://github.com/cozyuj/AI-office/releases/latest/download/AI-Office-windows-x64-setup.exe) (always the latest; older versions in [Releases](https://github.com/cozyuj/AI-office/releases)). The macOS app is not notarized: **right-click → Open** the first time; on macOS 15+ use System Settings → Privacy & Security → **Open Anyway**, and if it still says "damaged", run `xattr -dr com.apple.quarantine "/Applications/AI Office.app"` once. To build it yourself:
 

package/README.md

@@ -63,7 +63,7 @@ node bin/ai-office.js            # 또는 npm run install-hooks && npm start
 
 | 영역 | 내용 |
 |---|---|
-| **좌측 층별 안내** | git 프로젝트(저장소 루트) = 층. worktree 는 같은 층으로 묶이고 브랜치(⎇)가 함께 보인다. 층을 열면 세션 목록 — `답 기다림`, `지금 보는 중` 표시. 선택한 층의 🎨 로 그 층 인테리어 스타일(따뜻한 우드·쿨 그레이·민트·라벤더·샌드·파스텔, 기본은 층마다 자동 배정)을 고른다. "최근 세션 자동으로 따라가기"(`A`)를 켜면 최신 활동 세션으로 선택이 옮겨가고, 끄면 마지막에 보던 층·세션을 다음에 열 때 기억한다 |
+| **좌측 층별 안내** | git 프로젝트(저장소 루트) = 층. worktree 는 같은 층으로 묶이고 브랜치(⎇)가 함께 보인다. 층을 열면 세션 목록 — `답 기다림`, `지금 보는 중` 표시. 기본은 선택한 층만 열리고, 머리의 **모두 펼치기 ↔ 모두 접기** 로 모든 층의 세션 목록을 한꺼번에 열고 닫는다(모두 접힌 상태에서 층을 누르면 그 층이 열림, 브라우저에 기억). 선택한 층의 🎨 로 그 층 인테리어 스타일(따뜻한 우드·쿨 그레이·민트·라벤더·샌드·파스텔, 기본은 층마다 자동 배정)을 고른다. "최근 세션 자동으로 따라가기"(`A`)를 켜면 최신 활동 세션으로 선택이 옮겨가고, 끄면 마지막에 보던 층·세션을 다음에 열 때 기억한다 |
 | **중앙 사무실** | 드래그 이동, 휠/버튼 줌, `⟲` 초기 위치. 캐릭터 클릭 → 세션 선택, 캐릭터에 마우스를 올리면 툴팁(지금 하는 일·대상 파일·요청·브랜치·경로). 📍 **따라가기**(`F`) = 카메라가 선택 세션의 Claude 를 쫓아감. 🏢 **전체 보기**(`O`)는 층이 둘 이상일 때 나타난다 |
 | **우측 패널** | 세션 카드(프로젝트 경로 · 세션 id · 캐릭터 이름 · 이어가기 명령 복사 · 끝난 세션 🗑 치우기), 사무실 사람들(방·말풍선·경과), 활동 로그(검색 `/`, 선택 세션만), 범례(제목 클릭으로 접기) |
 
@@ -159,9 +159,9 @@ node bin/ai-office.js            # 또는 npm run install-hooks && npm start
 
 ## 메뉴바 앱 (Tauri)
 
-웹 버전을 그대로 창에 담은 상주 앱입니다(맥 메뉴바 · Windows 트레이). 앱이 Node 서버를 직접 띄우고(이미 떠 있으면 재사용) 아이콘 메뉴에서 열기/숨기기/항상 위/훅 다시 설치/업데이트 확인/종료를 합니다. 답을 기다리는 세션이 있으면 메뉴바에 `🙋 n` 이 뜹니다. 창을 닫아도 메뉴바에 남고, 종료하면 서버도 함께 내려갑니다(앱이 강제 종료돼도 서버가 스스로 끝납니다). 앱에는 Node 가 내장되어 있고, 첫 실행 때 서버 파일을 `~/.ai-office/app` 에, Node 를 `~/.ai-office/node` 에 복사하고 그 경로로 훅을 등록하므로 앱을 옮기거나 지워도 훅이 깨지지 않습니다.
+웹 버전을 그대로 창에 담은 상주 앱입니다(맥 메뉴바 · Windows 트레이). 앱이 Node 서버를 직접 띄우고(이미 떠 있으면 재사용) 아이콘을 왼쪽이나 오른쪽 클릭하면 메뉴가 뜹니다. 메뉴는 열기 · 숨기기 · 항상 위 · 로그인 시 자동 실행 · 훅 다시 설치 · 업데이트 확인 · 업데이트 적용 · 종료입니다. 답을 기다리는 세션이 있거나 받아 둔 업데이트가 있으면 카카오톡처럼 메뉴바 아이콘과 Dock(Windows 는 작업 표시줄) 아이콘에 **빨간 점**이 뜹니다. 숫자는 없고, 무엇인지는 아이콘에 마우스를 올리면 툴팁으로 보입니다. **로그인 시 자동 실행**은 처음 실행 때 켜지며, 자동으로 켜질 땐 창 없이 메뉴바에만 뜹니다. 메뉴에서 끌 수 있습니다. 창을 닫아도 메뉴바에 남고, 종료하면 서버도 함께 내려갑니다(앱이 강제 종료돼도 서버가 스스로 끝납니다). 앱에는 Node 가 내장되어 있고, 첫 실행 때 서버 파일을 `~/.ai-office/app` 에, Node 를 `~/.ai-office/node` 에 복사하고 그 경로로 훅을 등록하므로 앱을 옮기거나 지워도 훅이 깨지지 않습니다.
 
-**자동 업데이트**: 앱이 시작 10초 뒤와 6시간마다 새 버전을 확인해 백그라운드로 받아 두고, 메뉴바에 ⬆ 를 띄우며 메뉴의 "업데이트 적용 (다시 시작)" 이 켜집니다. 릴리스는 태그를 올리면 GitHub Actions 가 맥(Apple Silicon)·Windows(x64) 로 빌드하고 서명해 올립니다.
+**자동 업데이트**: 앱이 시작 10초 뒤와 6시간마다 새 버전을 확인해 백그라운드로 **받아 두기만** 하고(서명 검증까지, 확인에 실패하면 5분 뒤 다시), 빨간 점을 띄우며 메뉴의 "vX 업데이트 적용 (다시 시작)" 이 켜집니다. 누르면 서버를 내리고 설치한 뒤 다시 시작합니다. 묻지 않고 설치하거나 쓰던 중에 앱 파일을 바꾸지 않습니다. 메뉴의 "업데이트 확인" 에 최신 여부나 실패 이유가 보입니다. 릴리스는 태그를 올리면 GitHub Actions 가 맥(Apple Silicon)·Windows(x64) 로 빌드하고 서명해 올립니다.
 
 > **다운로드**: ⬇️ **[맥 AI-Office-mac-arm64.dmg](https://github.com/cozyuj/AI-office/releases/latest/download/AI-Office-mac-arm64.dmg)** · **[Windows AI-Office-windows-x64-setup.exe](https://github.com/cozyuj/AI-office/releases/latest/download/AI-Office-windows-x64-setup.exe)** (항상 최신) · 이전 버전은 [Releases](https://github.com/cozyuj/AI-office/releases). DMG 를 열어 `AI Office.app` 을 응용 프로그램 폴더에 넣으세요. 코드 서명이 없어 처음엔 "확인되지 않은 개발자" 경고가 뜨니 앱을 **우클릭 → 열기** 로 한 번 허용하고, macOS 15 이상에서 안 열리면 시스템 설정 → 개인정보 보호 및 보안 → **그래도 열기**, 그래도 "손상됨" 이라고 나오면 터미널에서 `xattr -dr com.apple.quarantine "/Applications/AI Office.app"` 를 한 번 실행하세요. Intel 맥·Linux 는 위의 `npx claude-ai-office` 한 줄로 웹 버전을 쓰세요. 직접 빌드하려면:
 

package/lib/state.js

@@ -240,6 +240,7 @@ function createState({ me = 'me', statFile = defaultStat, titleOf = defaultTitle
   function apply(payload, now = Date.now()) {
     if (!payload || typeof payload !== 'object') return;
     const ev = normalize(payload);
+    if (ev.event === 'SessionEnd' && !sessions.has(ev.sessionId)) return; // 모르는 세션의 종료(치운 세션 재생 등)로 빈 층을 만들지 않는다
     const { session: s, floor } = sessionFor(ev, now);
     let entry = null;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-ai-office",
-  "version": "0.25.6",
+  "version": "0.29.1",
   "description": "Claude Code 세션 활동을 아이소메트릭 사무실로 실시간 시각화",
   "keywords": [
     "claude",

package/public/index.html

@@ -14,6 +14,7 @@
     <div class="panel-head">
       <span class="panel-title">층별 안내</span>
       <span class="panel-sub">FLOOR GUIDE</span>
+      <button id="floors-fold" class="tool fold-btn" title="모든 층의 세션 목록 열기">모두 펼치기</button>
     </div>
     <div id="floors" class="scroll"></div>
     <div class="panel-foot" id="left-foot"></div>

package/public/js/i18n.js

@@ -73,6 +73,7 @@ const DICT = {
   '지금 보는 층의 인테리어 프리셋 (층별 안내의 🎨 와 같음) — 색과 사무실 구조가 바뀝니다': 'Interior preset of the floor you are viewing (same as 🎨 in Floors) — changes colors and the office layout',
   '층을 건물처럼 쌓아 한눈에 (O)': 'Stack the floors like a building (O)', '키보드 단축키 표': 'Keyboard shortcut table', '터미널에서 이 세션을 이어가는 명령을 복사': 'Copy the command that resumes this session in a terminal', '이 층 인테리어 스타일 고르기': 'Pick this floor\'s interior style',
   '이 브라우저는 알림을 지원하지 않습니다': 'This browser does not support notifications', '답을 기다리고 있어요': 'waiting for your answer',
+  '모두 펼치기': 'Expand all', '모두 접기': 'Collapse all', '모든 층의 세션 목록 열기': 'Open the session list of every floor', '모든 층의 세션 목록 닫기': 'Close the session list of every floor', '세션 없음': 'No sessions',
   '한국어 / English': '한국어 / English', '화면 언어': 'UI language',
   '드래그로 이동': 'Drag to pan', '휠로 확대': 'wheel to zoom', '캐릭터를 클릭하면 세션 선택': 'click a character to select its session',
   '숫자 층 번호로 이동 (12F 는 1,2 연타)': 'Digits go to a floor number (12F: press 1, 2)', '←/→ 이전·다음 층': '←/→ previous · next floor', 'F 따라가기': 'F follow', 'A 자동 따라가기': 'A auto-follow', 'D 데모': 'D demo', 'O 전체 보기': 'O building view', 'B 말풍선': 'B bubbles', 'S 소리': 'S sound', 'T 테마': 'T theme', '/ 로그 검색': '/ log search', 'Esc 닫기': 'Esc close', '? 이 도움말': '? this help',

package/public/js/panels.js

@@ -87,7 +87,8 @@ export function renderFloors() {
         ${selected ? '<button class="floor-style" title="이 층 인테리어 스타일 고르기">🎨</button>' : ''}
         <span class="dot ${status}"></span>
       </div>`;
-    if (!selected) return `<div class="floor">${head}</div>`;
+    const open = store.isFloorOpen(f.id);
+    if (!open) return `<div class="floor ${selected ? 'selected' : ''}">${head}</div>`;
     const list = sessions.map((s) => `
       <div class="session ${s.id === store.selectedSessionId ? 'selected' : ''} ${s.title ? '' : 'untitled'} ${s.status === 'away' || s.status === 'ended' ? 'away' : ''}" data-session="${esc(s.id)}" data-tip="${esc(s.title || s.id)}">
         <span class="dot ${s.status}"></span>
@@ -103,12 +104,14 @@ export function renderFloors() {
           </span>` : ''}
         </span>
       </div>`).join('');
-    return `<div class="floor selected">${head}
+    return `<div class="floor open ${selected ? 'selected' : ''}">${head}
       <div class="floor-sessions">
-        <label class="follow"><input type="checkbox" id="auto-follow" ${store.autoFollow ? 'checked' : ''}> 최근 세션 자동으로 따라가기</label>
-        ${list}
+        ${selected ? `<label class="follow"><input type="checkbox" id="auto-follow" ${store.autoFollow ? 'checked' : ''}> 최근 세션 자동으로 따라가기</label>` : ''}
+        ${list || '<div class="muted" style="padding:4px 8px">세션 없음</div>'}
       </div></div>`;
   }).join('');
+  const fold = $('floors-fold');
+  if (fold) { const all = store.allFloorsOpen(); fold.textContent = all ? '모두 접기' : '모두 펼치기'; fold.title = all ? '모든 층의 세션 목록 닫기' : '모든 층의 세션 목록 열기'; fold.disabled = floors.length < 1; }
   $('left-foot').textContent = `프로젝트 ${floors.length}개 · 세션 ${store.sessions.size}개${store.version ? ` · v${store.version}` : ''}`;
 }
 
@@ -181,6 +184,7 @@ export function bindPanelEvents() {
     const floor = e.target.closest('[data-floor]');
     if (floor) store.selectFloor(floor.dataset.floor);
   });
+  $('floors-fold').addEventListener('click', () => store.toggleAllFloors());
   $('log-search').addEventListener('input', (e) => store.setLogFilter({ q: e.target.value }));
   $('log-mine').addEventListener('click', () => store.setLogFilter({ mine: !store.logFilter.mine }));
   // 세션 캐릭터 이름: 입력(빈 값이면 자동 별명으로) · 🎲 다른 별명

package/public/js/store.js

@@ -39,6 +39,7 @@ class Store {
     this.booted = false;           // 첫 스냅샷에서만 마지막 선택을 복원
     this.followCamera = false;   // 선택 세션 캐릭터를 카메라가 따라감
     this.bubbleMode = 'all';     // 'all' | 'selected'
+    this.floorFold = (() => { const v = ls.get('aiOffice.floorFold'); return v === 'all' || v === 'none' ? v : 'auto'; })(); // 층별 안내: auto(선택한 층만) · all · none
     this.sound = (() => { try { return localStorage.getItem('aiOffice.sound') === 'on'; } catch { return false; } })(); // 대기 알림 소리
     this.soundScope = ls.get('aiOffice.soundScope') === 'all' ? 'all' : 'waiting'; // 'waiting' 답 기다림만 | 'all' 실패·종료도
     this.ambient = (() => { try { return localStorage.getItem('aiOffice.ambient') !== 'off'; } catch { return true; } })(); // 쉬는 캐릭터 자율 행동
@@ -142,7 +143,15 @@ class Store {
     }
   }
 
+  /** 층 목록에서 이 층의 세션 목록을 펼칠지 (FE-47) */
+  isFloorOpen(floorId) { return this.floorFold === 'all' || (this.floorFold === 'auto' && floorId === this.selectedFloorId); }
+  allFloorsOpen() { const fs = [...this.floors.keys()]; return fs.length > 0 && fs.every((id) => this.isFloorOpen(id)); }
+  setFloorFold(v) { this.floorFold = v === 'all' || v === 'none' ? v : 'auto'; ls.set('aiOffice.floorFold', this.floorFold === 'auto' ? null : this.floorFold); this.emit('option'); }
+  /** 모두 펼치기 ↔ 모두 접기 */
+  toggleAllFloors() { this.setFloorFold(this.allFloorsOpen() ? 'none' : 'all'); }
+
   selectFloor(id) {
+    if (this.floorFold === 'none') this.setFloorFold('auto'); // 모두 접힌 상태에서 층을 고르면 지금처럼 그 층이 열린다
     this.setAutoFollowFlag(false);
     this.selectedFloorId = id;
     this.selectedSessionId = null;

package/public/style.css

@@ -38,12 +38,15 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background:
 #floors { padding: 8px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
 .floor { border: 1px solid var(--line); border-radius: 10px; background: #fafbfc; overflow: hidden; }
 .floor.selected { border-color: var(--accent); background: var(--accent-soft); }
+.panel-head .fold-btn { margin-left: auto; align-self: center; padding: 2px 9px; font-size: 11px; }
+.floor.open:not(.selected) .floor-sessions { background: var(--panel); }
 .floor-row { display: flex; align-items: center; gap: 10px; padding: 9px 10px; cursor: pointer; }
 .floor-row:hover { background: rgba(0, 0, 0, .03); }
 .floor-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: 6px; background: #e8ebef; color: #4a515a; font-weight: 700; font-size: 11px; }
 .floor.selected .floor-badge, #office-head .floor-badge { background: var(--accent); color: #fff; }
-.floor-name { font-weight: 600; font-size: 13px; }
-.floor-meta { font-size: 11px; color: var(--muted); }
+.floor-name { font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.floor-meta { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 배지·🎨 에 밀려 두 줄로 꺾이지 않게 (FE-49) */
+.floor-row > .badge-wait, .floor-row > .floor-style, .floor-row > .dot { flex: none; }
 .floor-text { flex: 1; min-width: 0; }
 .floor-style { border: 1px solid var(--line); background: var(--panel); cursor: pointer; font-size: 13px; line-height: 1; padding: 3px 5px; border-radius: 6px; opacity: .95; }
 .floor-style:hover { opacity: 1; background: rgba(0, 0, 0, .06); }

package/server.js

@@ -162,7 +162,12 @@ const server = http.createServer((req, res) => {
   if (del && req.method === 'DELETE') {
     const id = decodeURIComponent(del[1]);
     const found = !!state.get(id);
-    if (found) state.remove(id);
+    if (found) {
+      state.remove(id);
+      // 저널에도 남겨 서버를 다시 켜도 재생으로 되살아나지 않게 (FE-49). 재생하면 SessionEnd → 10초 뒤 제거
+      const s0 = { session_id: id, hook_event_name: 'SessionEnd', reason: 'dismissed' };
+      if (!String(id).startsWith('demo')) journal.append(Date.now(), s0);
+    }
     res.writeHead(found ? 200 : 404, { 'Content-Type': MIME['.json'], 'Access-Control-Allow-Origin': '*' });
     return res.end(JSON.stringify({ removed: found, sessionId: id }));
   }