cli-jaw 1.6.12 → 1.6.14

package/public/js/features/settings-templates.ts

@@ -2,6 +2,7 @@
 import { api, apiJson } from '../api.js';
 import { ICONS } from '../icons.js';
 import { escapeHtml } from '../render.js';
+import { t as i18n, getLang, setLang } from '../locale.js';
 
 // ── Prompt Modal ──
 
@@ -80,7 +81,7 @@ function openTemplateEditor(tmpl: TemplateInfo): void {
     const saveBtn = document.getElementById('templateSaveBtn');
     if (saveBtn) saveBtn.style.display = 'none';
     const toggle = document.getElementById('templateDevToggle');
-    if (toggle) { toggle.style.color = 'var(--text-dim)'; toggle.style.borderColor = 'var(--border)'; toggle.innerHTML = `${ICONS.tool} 개발자 모드`; }
+    if (toggle) { toggle.style.color = 'var(--text-dim)'; toggle.style.borderColor = 'var(--border)'; toggle.innerHTML = `${ICONS.tool} ${i18n('devMode')}`; }
     const title = document.getElementById('templateModalTitle');
     if (title) title.innerHTML = `${ICONS.file} ${escapeHtml(tmpl.filename)}`;
     showTemplateView('editor');
@@ -88,7 +89,7 @@ function openTemplateEditor(tmpl: TemplateInfo): void {
 
 export function toggleDevMode(): void {
     if (!_devMode) {
-        if (!confirm('⚠ 프롬프트를 직접 수정하면 예상치 못한 동작이 발생할 수 있습니다.\n계속하시겠습니까?')) return;
+        if (!confirm(i18n('promptEditWarning'))) return;
     }
     _devMode = !_devMode;
     const editor = document.getElementById('templateEditor') as HTMLTextAreaElement;
@@ -99,7 +100,7 @@ export function toggleDevMode(): void {
     if (toggle) {
         toggle.style.color = _devMode ? 'var(--stop-btn)' : 'var(--text-dim)';
         toggle.style.borderColor = _devMode ? 'var(--stop-btn)' : 'var(--border)';
-        toggle.innerHTML = _devMode ? `${ICONS.lockOpen} 개발자 모드 ON` : `${ICONS.tool} 개발자 모드`;
+        toggle.innerHTML = _devMode ? `${ICONS.lockOpen} ${i18n('devModeOn')}` : `${ICONS.tool} ${i18n('devMode')}`;
     }
 }
 
@@ -109,7 +110,7 @@ export async function saveTemplateFromModal(): Promise<void> {
     if (!id) return;
     await apiJson(`/api/prompt-templates/${id}`, 'PUT', { content: editor.value });
     const label = document.getElementById('templateEditorLabel');
-    if (label) { label.innerHTML = `${ICONS.check} 저장 + 핫리로드 완료!`; setTimeout(() => { label.innerHTML = `${ICONS.file} ${escapeHtml(id)}.md`; }, 2000); }
+    if (label) { label.innerHTML = `${ICONS.check} ${i18n('savedAndReloaded')}`; setTimeout(() => { label.innerHTML = `${ICONS.file} ${escapeHtml(id)}.md`; }, 2000); }
     const t = _templates.find(x => x.id === id);
     if (t) t.content = editor.value;
 }
@@ -120,7 +121,7 @@ function showTemplateView(view: 'tree' | 'editor'): void {
     if (treeView) treeView.style.display = view === 'tree' ? '' : 'none';
     if (editorView) editorView.style.display = view === 'editor' ? 'flex' : 'none';
     const title = document.getElementById('templateModalTitle');
-    if (title && view === 'tree') title.innerHTML = `${ICONS.plan} 프롬프트 구조`;
+    if (title && view === 'tree') title.innerHTML = `${ICONS.plan} ${i18n('promptStructure')}`;
 }
 
 export function templateGoBack(): void { showTemplateView('tree'); }

package/public/js/locale.ts

@@ -21,3 +21,33 @@ export function syncStoredLocale(locale: string): void {
         }
     } catch { }
 }
+
+// ── Translation Map ──
+type Lang = 'ko' | 'en';
+
+const STRINGS: Record<string, Record<Lang, string>> = {
+    devMode:           { ko: '개발자 모드',   en: 'Developer Mode' },
+    devModeOn:         { ko: '개발자 모드 ON', en: 'Developer Mode ON' },
+    promptEditWarning: {
+        ko: '⚠ 프롬프트를 직접 수정하면 예상치 못한 동작이 발생할 수 있습니다.\n계속하시겠습니까?',
+        en: '⚠ Editing prompts directly may cause unexpected behavior.\nContinue?'
+    },
+    savedAndReloaded:  { ko: '저장 + 핫리로드 완료!', en: 'Saved + Hot Reloaded!' },
+    promptStructure:   { ko: '프롬프트 구조',  en: 'Prompt Structure' },
+    updateNeeded:      { ko: '업데이트 필요',  en: 'Update Needed' },
+    memoryUpdating:    { ko: '메모리 구조를 업데이트하는 중...', en: 'Upgrading memory structure...' },
+    memoryUpdateBtn:   { ko: '메모리 업데이트하기', en: 'Update Memory' },
+};
+
+function detectLang(): Lang {
+    const pref = getPreferredLocale();
+    return pref.startsWith('ko') ? 'ko' : 'en';
+}
+
+let _lang: Lang = detectLang();
+
+export function setLang(lang: Lang) { _lang = lang; syncStoredLocale(lang); }
+export function getLang(): Lang { return _lang; }
+export function t(key: string): string {
+    return STRINGS[key]?.[_lang] ?? STRINGS[key]?.['en'] ?? key;
+}

package/public/js/main.ts

@@ -432,7 +432,7 @@ async function bootstrap(): Promise<void> {
     loadEmployees();
     initHeartbeatBadge();
     initAppName();
-    initAvatar();
+    await initAvatar();
     initSidebar();
     initMsgCopy();
     initGestures();

package/public/js/render.ts

@@ -117,6 +117,7 @@ function applyMermaidTheme() {
     mermaidModule!.default.initialize({
         startOnLoad: false,
         theme: 'base',
+        htmlLabels: false,
         themeVariables: getMermaidThemeVars(),
         securityLevel: 'strict',
         suppressErrorRendering: true,
@@ -333,7 +334,7 @@ export async function rerenderMermaidDiagrams(): Promise<void> {
         try {
             applyMermaidTheme();
             const { svg } = await mm.render(id, code);
-            el.innerHTML = svg;
+            el.innerHTML = sanitizeMermaidSvg(svg);
             appendMermaidActionBtns(el as HTMLElement);
         } catch { /* keep existing render on failure */ }
     }

package/public/js/ui.ts

@@ -1,8 +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 { getAgentAvatar, getUserAvatar } from './features/avatar.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';
@@ -35,12 +36,12 @@ function parseToolLog(toolLog?: string | null): ToolLogEntry[] {
 }
 
 function getAgentIcon(_cli?: string | null): string {
-    return getAgentAvatar();
+    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="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">${getUserAvatar()}</div>`;
+        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;
@@ -397,21 +403,7 @@ export async function loadMessages(): Promise<void> {
         if (chatEl) chatEl.innerHTML = '';
 
         if (msgs.length >= VS_THRESHOLD) {
-            // Lazy render — store skeleton HTML, render on viewport entry
-            for (const m of msgs) {
-                const role = m.role === 'assistant' ? 'agent' : m.role;
-                const rawContent = stripOrchestration(m.content);
-                const label = escapeHtml(role === 'user' ? t('msg.you') : getAppName());
-                const tools = m.role === 'assistant' ? parseToolLog(m.tool_log) : [];
-                const toolHtml = tools.length > 0 ? buildProcessBlockHtml(toProcessSteps(tools), true) : '';
-                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="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">${getUserAvatar()}</div></div>`;
-                vs.addItem(crypto.randomUUID(), html);
-            }
-
-            // Register lazy render callback
+            // RC5 fix: register callbacks BEFORE feeding items so activate() has them
             vs.onLazyRender = (targets: HTMLElement[]) => {
                 for (const el of targets) {
                     if (!el.classList.contains('lazy-pending')) continue;
@@ -435,6 +427,22 @@ export async function loadMessages(): Promise<void> {
                 linkifyFilePaths(viewport);
             };
 
+            // Bulk-load all items at once — avoids mid-loop activate (RC5 fix)
+            const vsItems: import('./virtual-scroll.js').VirtualItem[] = [];
+            for (const m of msgs) {
+                const role = m.role === 'assistant' ? 'agent' : m.role;
+                const rawContent = stripOrchestration(m.content);
+                const label = escapeHtml(role === 'user' ? t('msg.you') : getAppName());
+                const tools = m.role === 'assistant' ? parseToolLog(m.tool_log) : [];
+                const toolHtml = tools.length > 0 ? buildProcessBlockHtml(toProcessSteps(tools), true) : '';
+                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="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>`;
+                vsItems.push({ id: generateId(), html, height: 80 });
+            }
+            vs.setItems(vsItems);
+
             vs.scrollToBottom();
         } else {
             msgs.forEach(m => {
@@ -479,8 +487,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="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">${getUserAvatar()}</div></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) {

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)
 
@@ -23,8 +24,8 @@ export class VirtualScroll {
     private _active = false;
     private _totalHeight = 0;
     private rafId: number | null = null;
-    private firstVisible = 0;
-    private lastVisible = 0;
+    private firstVisible = -1;
+    private lastVisible = -1;
 
     /** Called after render() mounts items in viewport — for lazy rendering and widget activation */
     onLazyRender: LazyRenderCallback | null = null;
@@ -47,22 +48,33 @@ 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('');
         this._active = false;
-        this.firstVisible = 0;
-        this.lastVisible = 0;
+        this.firstVisible = -1;
+        this.lastVisible = -1;
         this.items = [];
         this._totalHeight = 0;
     }
 
+    /** Bulk-load items without triggering activate mid-loop (RC5 fix).
+     *  Call this AFTER registering onLazyRender/onPostRender. */
+    setItems(items: VirtualItem[]): void {
+        this.items = items;
+        this._totalHeight = items.reduce((sum, it) => sum + it.height, 0);
+        if (!this._active && this.items.length >= THRESHOLD) {
+            this.activate(true);
+        }
+    }
+
     addItem(id: string, html: string): void {
         const item: VirtualItem = { id, html, height: EST_HEIGHT };
         this.items.push(item);
         this._totalHeight += EST_HEIGHT;
         if (!this._active && this.items.length >= THRESHOLD) {
-            this.activate();
+            this.activate(true);
         }
         if (this._active) {
             this.scheduleRender();
@@ -74,13 +86,12 @@ 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;
+        // RC7 fix: use synchronous scrollToBottom (which handles spacers + render)
+        this.scrollToBottom();
     }
 
     /** Update cached HTML for a specific item index (used by lazy render). */
@@ -92,19 +103,30 @@ export class VirtualScroll {
 
     private scrollHandler = () => this.scheduleRender();
 
-    private activate(): void {
+    /** RC6 fix: activate always scrolls to bottom (new messages are at the end) */
+    private activate(toBottom = false): void {
         this._active = true;
         this._totalHeight = 0;
         const existing = this.container.querySelectorAll('.msg');
         existing.forEach((el, i) => {
             if (this.items[i]) {
                 this.items[i].height = el.getBoundingClientRect().height;
-                this._totalHeight += this.items[i].height;
             }
         });
-        // Atomic swap — avoids visible blank frame during activation
+        for (const item of this.items) {
+            this._totalHeight += item.height;
+        }
+        this.container.classList.add('vs-active');
         this.container.replaceChildren(this.spacerTop, this.viewport, this.spacerBottom);
         this.container.addEventListener('scroll', this.scrollHandler, { passive: true });
+        if (toBottom) {
+            // Set spacers for bottom position BEFORE render to avoid top flash
+            this.spacerTop.style.height = `${this._totalHeight}px`;
+            this.spacerBottom.style.height = '0px';
+            this.container.scrollTop = this.container.scrollHeight;
+            this.firstVisible = -1;
+            this.lastVisible = -1;
+        }
         this.render();
     }
 
@@ -121,7 +143,7 @@ export class VirtualScroll {
         const viewHeight = this.container.clientHeight;
 
         let accum = 0;
-        let startIdx = 0;
+        let startIdx = this.items.length - 1;
         for (let i = 0; i < this.items.length; i++) {
             if (accum + this.items[i].height > scrollTop) {
                 startIdx = i;
@@ -140,10 +162,7 @@ export class VirtualScroll {
         }
         const last = Math.min(this.items.length - 1, endIdx + BUFFER);
 
-        if (first === this.firstVisible && last === this.lastVisible) return;
-        this.firstVisible = first;
-        this.lastVisible = last;
-
+        // RC3 fix: always update spacers even if range unchanged
         let topSpace = 0;
         for (let i = 0; i < first; i++) topSpace += this.items[i].height;
         let bottomSpace = 0;
@@ -152,6 +171,10 @@ export class VirtualScroll {
         this.spacerTop.style.height = `${topSpace}px`;
         this.spacerBottom.style.height = `${bottomSpace}px`;
 
+        if (first === this.firstVisible && last === this.lastVisible) return;
+        this.firstVisible = first;
+        this.lastVisible = last;
+
         // Build map of currently mounted items by vsIdx
         const mounted = new Map<number, HTMLElement>();
         for (const child of Array.from(this.viewport.children) as HTMLElement[]) {
@@ -215,6 +238,8 @@ export class VirtualScroll {
     /** Batch-read heights from visible elements, batch-write to items array.
      *  Separated read/write passes = single forced reflow. */
     private remeasureVisible(): void {
+        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,24 +247,38 @@ 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;
             }
         }
+        if (heightChanged && wasAtBottom) {
+            this.scrollToBottom();
+        }
     }
 
+    /** RC2 fix: synchronous scroll — cancel pending RAF, update spacers, render directly */
     scrollToBottom(): void {
-        this.container.scrollTop = this._totalHeight;
-        this.scheduleRender();
+        if (this.rafId) { cancelAnimationFrame(this.rafId); this.rafId = null; }
+        // Update spacers to reflect full content height at bottom position
+        this.spacerTop.style.height = `${this._totalHeight}px`;
+        this.spacerBottom.style.height = '0px';
+        this.container.scrollTop = this.container.scrollHeight;
+        // Reset visible range to force full re-render at new position
+        this.firstVisible = -1;
+        this.lastVisible = -1;
+        this.render();
     }
 
     clear(): void {
         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';
@@ -247,8 +286,8 @@ export class VirtualScroll {
             this.container.innerHTML = '';
         }
         this._active = false;
-        this.firstVisible = 0;
-        this.lastVisible = 0;
+        this.firstVisible = -1;
+        this.lastVisible = -1;
         this.onLazyRender = null;
         this.onPostRender = null;
         if (this.rafId) {

package/public/js/ws.ts

@@ -284,8 +284,12 @@ export function connect(): void {
         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}",