idea-manager 2.4.2 → 2.4.3

package/src/components/ui/AiActivityIndicator.tsx

@@ -2,19 +2,23 @@
 
 import { useState, useEffect } from 'react';
 import { useAiActivity } from '@/hooks/useAiActivity';
+import { mod } from '@/lib/platform';
 
 function elapsed(startedAt: number): string {
   const s = Math.floor((Date.now() - startedAt) / 1000);
   return s < 60 ? `${s}s` : `${Math.floor(s / 60)}m${s % 60}s`;
 }
 
-const TYPE_LABEL: Record<string, string> = {
-  refine: '⌘K Refine',
-  'task-chat': 'Note Assistant',
-  'project-advisor': 'Project Advisor',
-  'global-advisor': 'Global Advisor',
-  watch: 'Watch',
-};
+function typeLabel(t: string): string {
+  switch (t) {
+    case 'refine': return `${mod()}K Refine`;
+    case 'task-chat': return 'Note Assistant';
+    case 'project-advisor': return 'Project Advisor';
+    case 'global-advisor': return 'Global Advisor';
+    case 'watch': return 'Watch';
+    default: return t;
+  }
+}
 
 export default function AiActivityIndicator() {
   const activities = useAiActivity();
@@ -53,7 +57,7 @@ export default function AiActivityIndicator() {
                 <span className="inline-block w-1.5 h-1.5 rounded-full bg-warning animate-pulse flex-shrink-0" />
                 <div className="flex-1 min-w-0">
                   <div className="text-foreground truncate">{a.label}</div>
-                  <div className="text-muted-foreground/70">{TYPE_LABEL[a.type] ?? a.type}</div>
+                  <div className="text-muted-foreground/70">{typeLabel(a.type)}</div>
                 </div>
                 <span className="text-muted-foreground font-mono flex-shrink-0">{elapsed(a.startedAt)}</span>
               </div>

package/src/components/ui/ShortcutOverlay.tsx

@@ -1,41 +1,42 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import { fmtShortcut } from '@/lib/platform';
 
 const SECTIONS: { title: string; shortcuts: { keys: string; desc: string }[] }[] = [
   {
     title: '전역',
     shortcuts: [
-      { keys: '⌘P', desc: '전역 검색' },
-      { keys: '⌘N', desc: '빠른 태스크 생성' },
-      { keys: '⌘M', desc: '전역 메모 (Quick Memo)' },
-      { keys: '⌘J', desc: '전역 AI 어드바이저' },
+      { keys: 'Mod-P', desc: '전역 검색' },
+      { keys: 'Mod-N', desc: '빠른 태스크 생성' },
+      { keys: 'Mod-M', desc: '전역 메모 (Quick Memo)' },
+      { keys: 'Mod-J', desc: '전역 AI 어드바이저' },
       { keys: '?', desc: '이 도움말' },
     ],
   },
   {
     title: '워크스페이스',
     shortcuts: [
-      { keys: '⌘L', desc: 'Project Advisor 열기/닫기' },
+      { keys: 'Mod-L', desc: 'Project Advisor 열기/닫기' },
       { keys: 'B', desc: '브레인스토밍 패널 토글' },
       { keys: 'N', desc: '새 프로젝트 추가' },
       { keys: 'T', desc: '새 태스크 추가' },
-      { keys: '⌘1', desc: '상태 → Idea' },
-      { keys: '⌘2', desc: '상태 → Doing' },
-      { keys: '⌘3', desc: '상태 → Done' },
-      { keys: '⌘4', desc: '상태 → Problem' },
+      { keys: 'Mod-1', desc: '상태 → Idea' },
+      { keys: 'Mod-2', desc: '상태 → Doing' },
+      { keys: 'Mod-3', desc: '상태 → Done' },
+      { keys: 'Mod-4', desc: '상태 → Problem' },
     ],
   },
   {
     title: '노트 에디터',
     shortcuts: [
-      { keys: '⌘K', desc: 'AI 명령 팔레트' },
-      { keys: '⌘⇧T', desc: '체크박스/불릿 → 태스크 승격' },
-      { keys: '⌘⇧F', desc: '포커스 모드 (노트 풀스크린)' },
+      { keys: 'Mod-K', desc: 'AI 명령 팔레트' },
+      { keys: 'Mod-Shift-T', desc: '체크박스/불릿 → 태스크 승격' },
+      { keys: 'Mod-Shift-F', desc: '포커스 모드 (노트 풀스크린)' },
       { keys: '/', desc: '슬래시 명령 (/todo, /table, /code…)' },
-      { keys: '⌘↵', desc: '체크박스 토글 [ ] ↔ [x]' },
-      { keys: '⌘⇧↵', desc: '테이블 행 추가' },
-      { keys: '⌘⇧⌫', desc: '테이블 행 삭제' },
+      { keys: 'Mod-Enter', desc: '체크박스 토글 [ ] ↔ [x]' },
+      { keys: 'Mod-Shift-Enter', desc: '테이블 행 추가' },
+      { keys: 'Mod-Shift-Backspace', desc: '테이블 행 삭제' },
       { keys: 'Tab', desc: '고스트 자동완성 수락' },
       { keys: 'Esc', desc: '고스트 해제' },
       { keys: 'Enter', desc: '리스트 자동 이어쓰기' },
@@ -91,7 +92,7 @@ export default function ShortcutOverlay() {
                 {section.shortcuts.map((s) => (
                   <div key={s.keys} className="contents">
                     <kbd className="text-xs font-mono px-1.5 py-0.5 rounded bg-muted border border-border text-foreground text-right whitespace-nowrap">
-                      {s.keys}
+                      {fmtShortcut(s.keys)}
                     </kbd>
                     <span className="text-xs text-muted-foreground self-center">{s.desc}</span>
                   </div>

package/src/components/workspace/ProjectAdvisor.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import AdvisorChat from '@/components/advisor/AdvisorChat';
+import { mod } from '@/lib/platform';
 
 export default function ProjectAdvisor({
   projectId,
@@ -15,7 +16,7 @@ export default function ProjectAdvisor({
     <AdvisorChat
       basePath={`/api/projects/${projectId}/advisor`}
       title="Project Advisor"
-      shortcutHint="⌘L"
+      shortcutHint={`${mod()}L`}
       placeholder="프로젝트에 대해 무엇이든 물어보세요…"
       emptyIcon="🧭"
       emptyHints={[

package/src/components/workspace/WorkspacePanel.tsx

@@ -12,6 +12,7 @@ import GitSyncResultsModal from '@/components/dashboard/GitSyncResultsModal';
 import FileTreeDrawer from '@/components/ui/FileTreeDrawer';
 import AutoDistributeModal from '@/components/ui/AutoDistributeModal';
 import ProjectAdvisor from '@/components/workspace/ProjectAdvisor';
+import { mod } from '@/lib/platform';
 import type { ISubProject, ITask, TaskStatus, ISubProjectWithStats, IGitSyncResult } from '@/types';
 
 interface IProject {
@@ -491,7 +492,7 @@ export default function WorkspacePanel({
                 ? 'bg-primary/15 text-primary border-primary/30'
                 : 'bg-muted hover:bg-card-hover text-muted-foreground border-border'
             }`}
-            title="프로젝트 어드바이저 (⌘L)">
+            title={`프로젝트 어드바이저 (${mod()}L)`}>
             Advisor
           </button>
           {project.project_path ? (

package/src/lib/platform.ts

@@ -0,0 +1,42 @@
+/**
+ * Platform detection + shortcut formatting helpers for the client UI.
+ * - macOS: ⌘, ⇧, ⌥, ⌃
+ * - Windows/Linux: Ctrl, Shift, Alt
+ */
+
+export function isMac(): boolean {
+  if (typeof navigator === 'undefined') return true; // SSR fallback
+  const nav = navigator as Navigator & { userAgentData?: { platform?: string } };
+  const plat = nav.userAgentData?.platform || navigator.platform || navigator.userAgent || '';
+  return /Mac|iPhone|iPad|iPod/i.test(plat);
+}
+
+export const mod = (): string => (isMac() ? '⌘' : 'Ctrl');
+export const shift = (): string => (isMac() ? '⇧' : 'Shift');
+export const alt = (): string => (isMac() ? '⌥' : 'Alt');
+export const enterKey = (): string => (isMac() ? '↵' : 'Enter');
+export const backspaceKey = (): string => (isMac() ? '⌫' : 'Backspace');
+
+/**
+ * Format a shortcut like "Mod-Shift-f" into ⌘⇧F or Ctrl+Shift+F
+ * for display. Accepts +/- separators. Tokens: Mod, Cmd, Ctrl, Shift, Alt, Enter, Backspace, or single char.
+ */
+export function fmtShortcut(spec: string): string {
+  const mac = isMac();
+  const sep = mac ? '' : '+';
+  const tokens = spec.split(/[-+]/).map(t => t.trim()).filter(Boolean);
+  const parts = tokens.map((t, i) => {
+    const isLast = i === tokens.length - 1;
+    const lower = t.toLowerCase();
+    if (lower === 'mod' || lower === 'cmd' || lower === 'ctrl') return mac ? '⌘' : 'Ctrl';
+    if (lower === 'shift') return mac ? '⇧' : 'Shift';
+    if (lower === 'alt' || lower === 'option') return mac ? '⌥' : 'Alt';
+    if (lower === 'enter' || lower === 'return') return mac ? '↵' : 'Enter';
+    if (lower === 'backspace') return mac ? '⌫' : 'Backspace';
+    if (lower === 'escape' || lower === 'esc') return 'Esc';
+    if (lower === 'tab') return 'Tab';
+    // single character — uppercase for display on last slot
+    return isLast ? t.toUpperCase() : t;
+  });
+  return parts.join(sep);
+}