cli-jaw 1.6.11 → 1.6.13

package/public/js/features/avatar.ts

@@ -0,0 +1,224 @@
+import { escapeHtml } from '../render.js';
+import { api, getAuthToken } from '../api.js';
+
+type AvatarRole = 'agent' | 'user';
+type AvatarServerEntry = {
+    kind?: 'emoji' | 'image';
+    imageUrl?: string;
+    updatedAt?: number | null;
+};
+type AvatarServerState = Record<AvatarRole, AvatarServerEntry>;
+type AvatarState = {
+    emoji: string;
+    imageUrl: string;
+    updatedAt: number | null;
+};
+
+const AGENT_KEY = 'agentAvatar';
+const USER_KEY = 'userAvatar';
+const DEFAULT_AGENT = '🦈';
+const DEFAULT_USER = '👤';
+
+const avatarState: Record<AvatarRole, AvatarState> = {
+    agent: { emoji: DEFAULT_AGENT, imageUrl: '', updatedAt: null },
+    user: { emoji: DEFAULT_USER, imageUrl: '', updatedAt: null },
+};
+
+let initialized = false;
+
+function stateFor(role: AvatarRole): AvatarState {
+    return avatarState[role];
+}
+
+function defaultEmoji(role: AvatarRole): string {
+    return role === 'agent' ? DEFAULT_AGENT : DEFAULT_USER;
+}
+
+function storageKey(role: AvatarRole): string {
+    return role === 'agent' ? AGENT_KEY : USER_KEY;
+}
+
+function inputId(role: AvatarRole): string {
+    return role === 'agent' ? 'agentAvatarInput' : 'userAvatarInput';
+}
+
+function statusId(role: AvatarRole): string {
+    return role === 'agent' ? 'agentAvatarStatus' : 'userAvatarStatus';
+}
+
+function iconSelector(role: AvatarRole): string {
+    return role === 'agent' ? '.agent-icon' : '.user-icon';
+}
+
+function getEmoji(role: AvatarRole): string {
+    return stateFor(role).emoji;
+}
+
+function syncInputs(role: AvatarRole): void {
+    const input = document.getElementById(inputId(role)) as HTMLInputElement | null;
+    if (input) input.value = getEmoji(role);
+    const status = document.getElementById(statusId(role));
+    if (status) status.textContent = stateFor(role).imageUrl ? 'image active' : 'emoji active';
+}
+
+function setStatus(role: AvatarRole, text: string): void {
+    const status = document.getElementById(statusId(role));
+    if (status) status.textContent = text;
+}
+
+function avatarMarkup(role: AvatarRole): string {
+    const current = stateFor(role);
+    if (current.imageUrl) {
+        return `<img class="avatar-image" src="${escapeHtml(current.imageUrl)}" alt="" loading="lazy" decoding="async">`;
+    }
+    return escapeHtml(current.emoji);
+}
+
+function applyAvatar(role: AvatarRole): void {
+    const html = avatarMarkup(role);
+    const kind = stateFor(role).imageUrl ? 'image' : 'emoji';
+    document.querySelectorAll(iconSelector(role)).forEach((el) => {
+        el.innerHTML = html;
+        el.setAttribute('data-avatar-kind', kind);
+    });
+}
+
+function setServerAvatar(role: AvatarRole, payload?: AvatarServerEntry | null): void {
+    if (payload?.kind === 'image' && payload.imageUrl) {
+        stateFor(role).imageUrl = payload.imageUrl;
+        stateFor(role).updatedAt = payload.updatedAt ?? Date.now();
+    } else {
+        stateFor(role).imageUrl = '';
+        stateFor(role).updatedAt = payload?.updatedAt ?? null;
+    }
+    syncInputs(role);
+    applyAvatar(role);
+}
+
+async function loadServerAvatars(): Promise<void> {
+    const payload = await api<AvatarServerState>('/api/avatar');
+    if (!payload) return;
+    setServerAvatar('agent', payload.agent);
+    setServerAvatar('user', payload.user);
+}
+
+async function authorizedFetch(path: string, init: RequestInit): Promise<Response> {
+    const token = await getAuthToken();
+    const headers = new Headers(init.headers || {});
+    if (token) headers.set('Authorization', `Bearer ${token}`);
+    return fetch(path, { ...init, headers });
+}
+
+async function uploadAvatar(role: AvatarRole, file: File): Promise<void> {
+    setStatus(role, 'uploading...');
+    const res = await authorizedFetch(`/api/avatar/${role}/upload`, {
+        method: 'POST',
+        headers: { 'X-Filename': encodeURIComponent(file.name) },
+        body: file,
+    });
+    const json = await res.json().catch(() => null);
+    if (!res.ok) {
+        setStatus(role, 'upload failed');
+        throw new Error(json?.error || `avatar upload failed (${res.status})`);
+    }
+    setServerAvatar(role, json?.data || json);
+}
+
+async function resetAvatarImage(role: AvatarRole): Promise<void> {
+    setStatus(role, 'resetting...');
+    const res = await authorizedFetch(`/api/avatar/${role}/image`, { method: 'DELETE' });
+    const json = await res.json().catch(() => null);
+    if (!res.ok) {
+        setStatus(role, 'reset failed');
+        throw new Error(json?.error || `avatar reset failed (${res.status})`);
+    }
+    setServerAvatar(role, json?.data || json);
+}
+
+function bindRoleControls(role: AvatarRole): void {
+    const uploadBtnId = role === 'agent' ? 'agentAvatarUploadBtn' : 'userAvatarUploadBtn';
+    const resetBtnId = role === 'agent' ? 'agentAvatarResetBtn' : 'userAvatarResetBtn';
+    const fileInputId = role === 'agent' ? 'agentAvatarFile' : 'userAvatarFile';
+
+    document.getElementById(uploadBtnId)?.addEventListener('click', () => {
+        (document.getElementById(fileInputId) as HTMLInputElement | null)?.click();
+    });
+
+    document.getElementById(resetBtnId)?.addEventListener('click', async () => {
+        try {
+            await resetAvatarImage(role);
+        } catch (error) {
+            console.warn('[avatar:reset]', (error as Error).message);
+        }
+    });
+
+    document.getElementById(fileInputId)?.addEventListener('change', async (event: Event) => {
+        const input = event.target as HTMLInputElement;
+        const file = input.files?.[0];
+        if (!file) return;
+        try {
+            await uploadAvatar(role, file);
+        } catch (error) {
+            console.warn('[avatar:upload]', (error as Error).message);
+        } finally {
+            input.value = '';
+        }
+    });
+}
+
+export function getAgentAvatar(): string { return getEmoji('agent'); }
+export function getUserAvatar(): string { return getEmoji('user'); }
+export function getAgentAvatarMarkup(): string { return avatarMarkup('agent'); }
+export function getUserAvatarMarkup(): string { return avatarMarkup('user'); }
+
+export function setAgentAvatar(emoji: string): void {
+    const next = (emoji || '').trim() || DEFAULT_AGENT;
+    stateFor('agent').emoji = next;
+    localStorage.setItem(storageKey('agent'), next);
+    syncInputs('agent');
+    if (!stateFor('agent').imageUrl) applyAvatar('agent');
+}
+
+export function setUserAvatar(emoji: string): void {
+    const next = (emoji || '').trim() || DEFAULT_USER;
+    stateFor('user').emoji = next;
+    localStorage.setItem(storageKey('user'), next);
+    syncInputs('user');
+    if (!stateFor('user').imageUrl) applyAvatar('user');
+}
+
+export async function initAvatar(): Promise<void> {
+    stateFor('agent').emoji = localStorage.getItem(AGENT_KEY) || DEFAULT_AGENT;
+    stateFor('user').emoji = localStorage.getItem(USER_KEY) || DEFAULT_USER;
+    syncInputs('agent');
+    syncInputs('user');
+
+    if (!initialized) {
+        initialized = true;
+
+        document.getElementById('avatarSave')?.addEventListener('click', () => {
+            const agentInput = document.getElementById('agentAvatarInput') as HTMLInputElement | null;
+            const userInput = document.getElementById('userAvatarInput') as HTMLInputElement | null;
+            if (agentInput) setAgentAvatar(agentInput.value);
+            if (userInput) setUserAvatar(userInput.value);
+        });
+
+        for (const id of ['agentAvatarInput', 'userAvatarInput']) {
+            document.getElementById(id)?.addEventListener('keydown', (e: Event) => {
+                const keyEvent = e as KeyboardEvent;
+                if (keyEvent.key === 'Enter') {
+                    keyEvent.preventDefault();
+                    document.getElementById('avatarSave')?.click();
+                    (keyEvent.target as HTMLInputElement).blur();
+                }
+            });
+        }
+
+        bindRoleControls('agent');
+        bindRoleControls('user');
+    }
+
+    await loadServerAvatars();
+    applyAvatar('agent');
+    applyAvatar('user');
+}

package/public/js/features/chat.ts

@@ -202,7 +202,7 @@ function renderFilePreview(): void {
 }
 
 export async function clearChat(): Promise<void> {
-    apiFire('/api/clear', 'POST');
+    // UI-only clear — do NOT call /api/clear (it deletes DB messages)
     cancelPostRender();
     getVirtualScroll().clear();
     const chatEl = document.getElementById('chatMessages');

package/public/js/features/idb-cache.ts

@@ -74,6 +74,11 @@ function openDB(): Promise<IDBDatabase> {
 
 export async function cacheMessages(messages: CachedMessage[]): Promise<void> {
     try {
+        // Guard: never wipe the cache with an empty array — only a deliberate
+        // clearCache() call should empty the store. This prevents data loss when
+        // the server briefly returns [] during restarts or scope mismatches.
+        if (messages.length === 0) return;
+
         const db = await openDB();
         const tx = db.transaction(STORE, 'readwrite');
         const store = tx.objectStore(STORE);

package/public/js/main.ts

@@ -49,6 +49,7 @@ import {
 import { state } from './state.js';
 import { loadCliRegistry, getCliKeys } from './constants.js';
 import { initAppName } from './features/appname.js';
+import { initAvatar } from './features/avatar.js';
 import { initSidebar, toggleLeft, toggleRight } from './features/sidebar.js';
 import { initTheme } from './features/theme.js';
 import { initGestures } from './features/gesture.js';
@@ -431,6 +432,7 @@ async function bootstrap(): Promise<void> {
     loadEmployees();
     initHeartbeatBadge();
     initAppName();
+    await initAvatar();
     initSidebar();
     initMsgCopy();
     initGestures();

package/public/js/ui.ts

@@ -1,7 +1,9 @@
 // ── UI Utilities ──
 import { state } from './state.js';
 import { renderMarkdown, escapeHtml, stripOrchestration, linkifyFilePaths } from './render.js';
+import { generateId } from './uuid.js';
 import { getAppName } from './features/appname.js';
+import { getAgentAvatarMarkup, getUserAvatarMarkup } from './features/avatar.js';
 import { t } from './features/i18n.js';
 import { api } from './api.js';
 import { cacheMessages, getCachedMessages, appendCachedMessage, upsertMessage, setMessageScope, getScopedMessages } from './features/idb-cache.js';
@@ -34,13 +36,12 @@ function parseToolLog(toolLog?: string | null): ToolLogEntry[] {
 }
 
 function getAgentIcon(_cli?: string | null): string {
-    // Chat mascot is always the shark — provider icons are for header/sidebar only
-    return ICONS.shark;
+    return getAgentAvatarMarkup();
 }
 
 function toProcessSteps(tools: ToolLogEntry[]): ProcessStep[] {
     return tools.map((tool: any) => ({
-        id: crypto.randomUUID(),
+        id: generateId(),
         icon: tool.icon ? emojiToIcon(tool.icon) : ICONS.tool,
         label: tool.label || tool.name || 'tool',
         type: tool.toolType || 'tool',
@@ -295,7 +296,7 @@ export function addMessage(role: string, text: string, cli?: string | null): HTM
         div.innerHTML = `<div class="agent-icon" aria-hidden="true">${getAgentIcon(cli)}</div><div class="agent-body"><div class="msg-content">${rendered}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`;
     } else {
         div.className = `msg msg-${role}`;
-        div.innerHTML = `<div class="msg-label">${label}</div><div class="msg-content">${rendered}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button>`;
+        div.innerHTML = `<div class="user-body"><div class="msg-label">${label}</div><div class="msg-content">${rendered}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div>`;
     }
     const contentEl = div.querySelector('.msg-content');
     if (contentEl) contentEl.setAttribute('data-raw', stripOrchestration(text));
@@ -316,7 +317,7 @@ export function addMessage(role: string, text: string, cli?: string | null): HTM
             if (msgCount >= VS_THRESHOLD) {
                 // Feed all existing DOM messages into VS items array
                 container.querySelectorAll('.msg').forEach(el => {
-                    vs.addItem(crypto.randomUUID(), el.outerHTML);
+                    vs.addItem(generateId(), el.outerHTML);
                 });
                 // Wire widget activation + file path linkification for VS-rendered items
                 vs.onPostRender = (viewport: HTMLElement) => {
@@ -333,6 +334,11 @@ export function addMessage(role: string, text: string, cli?: string | null): HTM
 let scrollRAF: number | null = null;
 
 export function scrollToBottom(): void {
+    const vs = getVirtualScroll();
+    if (vs.active) {
+        vs.scrollToBottom();
+        return;
+    }
     if (scrollRAF) return;
     scrollRAF = requestAnimationFrame(() => {
         scrollRAF = null;
@@ -368,11 +374,15 @@ export function handleSave(): void {
     }
 }
 
+function updateStatMsgs(count: number): void {
+    const el = document.getElementById('statMsgs');
+    if (el) el.textContent = t('stat.messages', { count });
+}
+
 export async function loadStats(): Promise<void> {
     const msgs = await api<MessageItem[]>('/api/messages');
     if (!msgs) return;
-    const el = document.getElementById('statMsgs');
-    if (el) el.textContent = t('stat.messages', { count: msgs.length });
+    updateStatMsgs(msgs.length);
 }
 
 export async function loadMessages(): Promise<void> {
@@ -403,8 +413,8 @@ export async function loadMessages(): Promise<void> {
                 const skeletonContent = '<div class="skeleton-line"></div><div class="skeleton-line"></div>';
                 const html = role === 'agent'
                     ? `<div class="msg msg-agent"><div class="agent-icon" aria-hidden="true">${getAgentIcon(m.cli)}</div><div class="agent-body">${toolHtml}<div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div></div>`
-                    : `<div class="msg msg-${role}"><div class="msg-label">${label}</div><div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`;
-                vs.addItem(crypto.randomUUID(), html);
+                    : `<div class="msg msg-${role}"><div class="user-body"><div class="msg-label">${label}</div><div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div></div>`;
+                vs.addItem(generateId(), html);
             }
 
             // Register lazy render callback
@@ -452,6 +462,7 @@ export async function loadMessages(): Promise<void> {
         cacheMessages(msgs.map(m => ({
             role: m.role, content: m.content, cli: m.cli ?? null, tool_log: m.tool_log ?? null, timestamp: Date.now(),
         }))).catch(() => {});
+        updateStatMsgs(msgs.length);
         showEmptyState();
         return;
     }
@@ -474,8 +485,8 @@ export async function loadMessages(): Promise<void> {
                 const skeletonContent = '<div class="skeleton-line"></div><div class="skeleton-line"></div>';
                 const html = role === 'agent'
                     ? `<div class="msg msg-agent"><div class="agent-icon" aria-hidden="true">${getAgentIcon(m.cli)}</div><div class="agent-body">${toolHtml}<div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div></div>`
-                    : `<div class="msg msg-${role}"><div class="msg-label">${label}</div><div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`;
-                vs.addItem(crypto.randomUUID(), html);
+                    : `<div class="msg msg-${role}"><div class="user-body"><div class="msg-label">${label}</div><div class="msg-content lazy-pending" data-raw="${escapeHtml(rawContent)}">${skeletonContent}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div><div class="user-icon" aria-hidden="true">${getUserAvatarMarkup()}</div></div>`;
+                vs.addItem(generateId(), html);
             }
             vs.onLazyRender = (targets: HTMLElement[]) => {
                 for (const el of targets) {
@@ -513,6 +524,7 @@ export async function loadMessages(): Promise<void> {
             });
         }
         addSystemMsg(`${ICONS.warning} 오프라인 모드 — 캐시된 메시지 표시 중`);
+        updateStatMsgs(cached.length);
     }
     showEmptyState();
 }

package/public/js/uuid.ts

@@ -0,0 +1,24 @@
+// ── UUID Utility ──
+/**
+ * Secure-context-safe UUID v4 generator.
+ * crypto.randomUUID() requires Secure Context (HTTPS / localhost).
+ * Fallback chain: randomUUID → getRandomValues (RFC 4122) → Math.random.
+ * Math.random tier is NOT cryptographically secure — used only for UI element IDs.
+ */
+export function generateId(): string {
+    const c = globalThis.crypto;
+    if (typeof c?.randomUUID === 'function') return c.randomUUID();
+    if (typeof c?.getRandomValues !== 'function') {
+        // Last resort: Math.random (never reached in modern browsers)
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, ch => {
+            const r = (Math.random() * 16) | 0;
+            return (ch === 'x' ? r : (r & 0x3) | 0x8).toString(16);
+        });
+    }
+    const bytes = new Uint8Array(16);
+    c.getRandomValues(bytes);
+    bytes[6] = (bytes[6] & 0x0f) | 0x40;
+    bytes[8] = (bytes[8] & 0x3f) | 0x80;
+    const hex = Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');
+    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}

package/public/js/virtual-scroll.ts

@@ -1,4 +1,5 @@
 // ── Virtual Scroll ──
+import { generateId } from './uuid.js';
 // Activates at THRESHOLD messages to prevent DOM bloat
 // Below threshold: standard DOM append (zero overhead)
 
@@ -47,6 +48,7 @@ export class VirtualScroll {
      *  Called on conversation clear or explicit reset. */
     flushToDOM(): void {
         if (!this._active) return;
+        this.container.classList.remove('vs-active');
         this.container.removeEventListener('scroll', this.scrollHandler);
         if (this.rafId) { cancelAnimationFrame(this.rafId); this.rafId = null; }
         this.container.innerHTML = this.items.map(it => it.html).join('');
@@ -74,13 +76,13 @@ export class VirtualScroll {
     appendLiveItem(div: HTMLElement): void {
         if (!this._active) return;
         const html = div.outerHTML;
-        const id = crypto.randomUUID();
+        const id = generateId();
         const item: VirtualItem = { id, html, height: EST_HEIGHT };
         this.items.push(item);
         this._totalHeight += EST_HEIGHT;
         // Render immediately then scroll again after height is remeasured
         this.render();
-        this.container.scrollTop = this._totalHeight;
+        this.scrollToBottom();
     }
 
     /** Update cached HTML for a specific item index (used by lazy render). */
@@ -99,10 +101,14 @@ export class VirtualScroll {
         existing.forEach((el, i) => {
             if (this.items[i]) {
                 this.items[i].height = el.getBoundingClientRect().height;
-                this._totalHeight += this.items[i].height;
             }
         });
+        // Rebuild _totalHeight from items array (covers both DOM-measured and estimated heights)
+        for (const item of this.items) {
+            this._totalHeight += item.height;
+        }
         // Atomic swap — avoids visible blank frame during activation
+        this.container.classList.add('vs-active');
         this.container.replaceChildren(this.spacerTop, this.viewport, this.spacerBottom);
         this.container.addEventListener('scroll', this.scrollHandler, { passive: true });
         this.render();
@@ -121,7 +127,7 @@ export class VirtualScroll {
         const viewHeight = this.container.clientHeight;
 
         let accum = 0;
-        let startIdx = 0;
+        let startIdx = this.items.length - 1;   // fallback to bottom, not top
         for (let i = 0; i < this.items.length; i++) {
             if (accum + this.items[i].height > scrollTop) {
                 startIdx = i;
@@ -215,6 +221,9 @@ export class VirtualScroll {
     /** Batch-read heights from visible elements, batch-write to items array.
      *  Separated read/write passes = single forced reflow. */
     private remeasureVisible(): void {
+        // Capture bottom-proximity BEFORE heights change
+        const wasAtBottom = this.container.scrollHeight - this.container.scrollTop - this.container.clientHeight < 80;
+
         const rects: { idx: number; newH: number }[] = [];
         this.viewport.querySelectorAll('[data-vs-idx]').forEach(el => {
             const idx = Number((el as HTMLElement).dataset.vsIdx);
@@ -222,17 +231,23 @@ export class VirtualScroll {
                 rects.push({ idx, newH: el.getBoundingClientRect().height });
             }
         });
+        let heightChanged = false;
         for (const { idx, newH } of rects) {
             const oldH = this.items[idx].height;
             if (oldH !== newH) {
                 this.items[idx].height = newH;
                 this._totalHeight += (newH - oldH);
+                heightChanged = true;
             }
         }
+        // Re-snap to bottom if user was there before heights grew
+        if (heightChanged && wasAtBottom) {
+            this.scrollToBottom();
+        }
     }
 
     scrollToBottom(): void {
-        this.container.scrollTop = this._totalHeight;
+        this.container.scrollTop = this.container.scrollHeight;
         this.scheduleRender();
     }
 
@@ -240,6 +255,7 @@ export class VirtualScroll {
         this.items = [];
         this._totalHeight = 0;
         if (this._active) {
+            this.container.classList.remove('vs-active');
             this.container.removeEventListener('scroll', this.scrollHandler);
             this.viewport.innerHTML = '';
             this.spacerTop.style.height = '0';

package/public/js/ws.ts

@@ -264,6 +264,8 @@ export function connect(): void {
             getVirtualScroll().clear();
             const el = document.getElementById('chatMessages');
             if (el) el.innerHTML = '';
+            // Intentional clear — also wipe IndexedDB cache
+            import('./features/idb-cache.js').then(m => m.clearCache()).catch(() => {});
         } else if (msg.type === 'session_reset') {
             addSystemMsg(`${ICONS.refresh} Session reset — history preserved`, 'tool-activity');
         } else if (msg.type === 'agent_added' || msg.type === 'agent_updated' || msg.type === 'agent_deleted') {
@@ -278,12 +280,16 @@ export function connect(): void {
     state.ws.onopen = () => {
         console.log('[ws] connected');
         const now = Date.now();
-        const skipReload = now - lastLoadTs < 3000;
+        const skipReload = now - lastLoadTs < 10000;
         import('./ui.js').then(async m => {
             m.cleanupToolActivity();
             if (!skipReload) {
-                await m.loadMessages();
-                lastLoadTs = Date.now();
+                try {
+                    await m.loadMessages();
+                    lastLoadTs = Date.now();
+                } catch (error) {
+                    console.error('[ws] loadMessages failed', error);
+                }
             }
             m.setStatus('idle');
         });

package/public/locales/en.json

@@ -53,9 +53,8 @@
     "cmd.skill.resetDone": "Skill reset completed.",
     "cmd.employee.resetUnavailable": "/employee reset is not available in this environment.",
     "cmd.employee.resetDone": "Employees reset to defaults ({count} agents)",
-    "cmd.clear.telegram": "/clear only shows a notice on Telegram (no screen clearing).",
-    "cmd.clear.discord": "/clear only shows a notice on Discord (no screen clearing).",
-    "cmd.clear.done": "Screen cleared. (Chat history preserved)",
+    "cmd.clear.remote": "Conversation history cleared. Starting fresh.",
+    "cmd.clear.done": "Conversation history cleared and screen reset.",
     "cmd.reset.confirm": "Full reset: MCP, skills, employees, and session will be reset to defaults.\nType /reset confirm to proceed.",
     "cmd.reset.unavailable": "Reset is not supported in this environment.",
     "cmd.reset.done": "Reset complete: {items}",

package/public/locales/ko.json

@@ -53,9 +53,8 @@
     "cmd.skill.resetDone": "스킬 초기화를 실행했습니다.",
     "cmd.employee.resetUnavailable": "이 환경에서는 /employee reset을 사용할 수 없습니다.",
     "cmd.employee.resetDone": "직원 기본값으로 재설정 완료 ({count}명)",
-    "cmd.clear.telegram": "Telegram에서는 /clear가 화면 정리 없이 안내만 합니다.",
-    "cmd.clear.discord": "Discord에서는 /clear가 화면 정리 없이 안내만 합니다.",
-    "cmd.clear.done": "화면을 정리했습니다. (대화 기록은 유지됨)",
+    "cmd.clear.remote": "대화 히스토리를 초기화했습니다. 새 대화를 시작합니다.",
+    "cmd.clear.done": "대화 히스토리를 초기화하고 화면을 정리했습니다.",
     "cmd.reset.confirm": "전체 초기화: MCP, 스킬, 직원, 세션을 기본값으로 재설정합니다.\n실행하려면 /reset confirm 을 입력하세요.",
     "cmd.reset.unavailable": "이 환경에서는 초기화가 지원되지 않습니다.",
     "cmd.reset.done": "초기화 완료: {items}",

package/public/dist/assets/architecture-YZFGNWBL-BBAoUgDs.js

@@ -1 +0,0 @@
-import{X as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as createArchitectureServices};

package/public/dist/assets/architectureDiagram-Q4EWVU46-CnCGC-W1.js

@@ -1 +0,0 @@
-import{M as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/blockDiagram-DXYQGD6D-CCKUN-eq.js

@@ -1 +0,0 @@
-import{j as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/c4Diagram-AHTNJAMY-2BznTVIo.js

@@ -1 +0,0 @@
-import{A as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/classDiagram-6PBFFD2Q-CNIdDcl_.js

@@ -1 +0,0 @@
-import{k as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/classDiagram-v2-HSJHXN6E-D5c5cCXM.js

@@ -1 +0,0 @@
-import{O as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/cose-bilkent-S5V4N54A-15-I0CI3.js

@@ -1 +0,0 @@
-import{D as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as render};

package/public/dist/assets/dagre-KV5264BT-B-7UZ2bP.js

@@ -1 +0,0 @@
-import{E as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as render};

package/public/dist/assets/diagram-5BDNPKRD-CtpSLvPV.js

@@ -1 +0,0 @@
-import{T as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/diagram-G4DWMVQ6-C-FxLjz8.js

@@ -1 +0,0 @@
-import{w as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/diagram-MMDJMWI5-CyWYCa1y.js

@@ -1 +0,0 @@
-import{C as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/diagram-TYMM5635-Bc2Z_pKL.js

@@ -1 +0,0 @@
-import{S as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/erDiagram-SMLLAGMA-BOsddzBo.js

@@ -1 +0,0 @@
-import{x as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/flowDiagram-DWJPFMVM-CNS6NI2y.js

@@ -1 +0,0 @@
-import{b as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/ganttDiagram-T4ZO3ILL-DzeONbMw.js

@@ -1 +0,0 @@
-import{y as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/gitGraph-7Q5UKJZL-D-msAZeS.js

@@ -1 +0,0 @@
-import{J as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as createGitGraphServices};

package/public/dist/assets/gitGraphDiagram-UUTBAWPF-Ck2kMeHe.js

@@ -1 +0,0 @@
-import{v as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/info-OMHHGYJF-38sLGsyT.js

@@ -1 +0,0 @@
-import{K as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as createInfoServices};

package/public/dist/assets/infoDiagram-42DDH7IO-BpZBAgqS.js

@@ -1 +0,0 @@
-import{_ as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/ishikawaDiagram-UXIWVN3A-CHk3pDry.js

@@ -1 +0,0 @@
-import{g as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/journeyDiagram-VCZTEJTY-BQ1Iwmix.js

@@ -1 +0,0 @@
-import{h as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/kanban-definition-6JOO6SKY-B0_TgypH.js

@@ -1 +0,0 @@
-import{m as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/mermaid.core-C6Yxaqu5.js

@@ -1 +0,0 @@
-import{t as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as default};

package/public/dist/assets/mindmap-definition-QFDTVHPH-Di38Ha2d.js

@@ -1 +0,0 @@
-import{p as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};

package/public/dist/assets/packet-4T2RLAQJ-WhSOczez.js

@@ -1 +0,0 @@
-import{W as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as createPacketServices};

package/public/dist/assets/pie-ZZUOXDRM-BFlknSFa.js

@@ -1 +0,0 @@
-import{H as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as createPieServices};

package/public/dist/assets/pieDiagram-DEJITSTG-C580ezo8.js

@@ -1 +0,0 @@
-import{f as e}from"./vendor-mermaid-DV2i2BfY.js";export{e as diagram};