[Docs] Add command interface presentation slides

MACGYVBOT-DECK/index.html

@@ -178,20 +178,61 @@ <h1 class="divider-title">COMMAND</h1>
 
     <section class="slide">
       <div class="topbar"><span class="brand-mini"><img src="assets/macgyvbot.png" alt="" />MacGyvBot</span><span class="page-no"></span></div>
-      <div class="kicker">Command / LLM</div>
-      <h2>Command는 자연어를 robot task intent로 바꾸는 입구입니다</h2>
+      <div class="kicker">Command / Pipeline</div>
+      <h2>자연어 명령을 Task로 바꾸는 Command Pipeline</h2>
       <div class="slide-body">
       <div class="decision-panel">
         <div class="proof-panel">
-          <span class="id">IMPLEMENTATION</span>
-          <h3>LLM parser + rule fallback</h3>
-          <p>사용자 명령에서 action, tool name, target mode를 추출합니다. LLM이 느리거나 실패해도 대표 명령은 규칙 기반 parser가 처리합니다.</p>
-          <div class="proof-metric"><strong>CMD</strong><span>“렌치 가져와”, “이거 정리해”, pause, resume</span></div>
+          <span class="id">INTERFACE ENTRY</span>
+          <h3>Voice / GUI Text → typed ROS command</h3>
+          <p>음성 STT와 GUI 텍스트 입력을 같은 command path로 통합하고, 사용자의 한국어 명령을 task coordinator가 처리할 수 있는 구조화된 command로 변환합니다.</p>
+          <div class="proof-metric"><strong>CMD</strong><span>bring, return, pause, resume, cancel, home</span></div>
         </div>
         <div class="signal-stack">
-          <div class="callout-line"><span class="label">WHY</span><p>사용자는 정해진 문법으로 말하지 않으므로 task coordinator가 받을 안정적인 intent가 필요했습니다.</p></div>
-          <div class="callout-line"><span class="label">VOCAB</span><p>공구명과 동작 표현을 정규화해 같은 명령을 같은 task intent로 보냅니다.</p></div>
-          <div class="callout-line"><span class="label">FALLBACK</span><p>LLM 응답이 늦거나 실패해도 기본 명령은 규칙 기반 parser로 처리합니다.</p></div>
+          <div class="signal-row"><span class="id">01</span><b>Input</b><span>microphone STT와 GUI 입력을 /stt_text로 통합</span><span class="state">ROS</span></div>
+          <div class="signal-row"><span class="id">02</span><b>Fast path</b><span>“멈춰”, “재개”, “취소” 같은 제어 명령은 LLM 전에 즉시 처리</span><span class="state">SAFE</span></div>
+          <div class="signal-row"><span class="id">03</span><b>Parser</b><span>LLM parser와 rule parser가 action/tool/target을 정규화</span><span class="state">NLP</span></div>
+          <div class="signal-row"><span class="id">04</span><b>Command</b><span>ToolCommand 또는 RobotTaskControl typed message로 publish</span><span class="state">TASK</span></div>
+        </div>
+      </div>
+      </div>
+    </section>
+
+    <section class="slide">
+      <div class="topbar"><span class="brand-mini"><img src="assets/macgyvbot.png" alt="" />MacGyvBot</span><span class="page-no"></span></div>
+      <div class="kicker">Command / Prompt Engineering</div>
+      <h2>Schema와 Context 기반 LLM Parser</h2>
+      <div class="slide-body">
+      <div class="proof-rig prompt-rig">
+        <div class="table">
+          <div class="row head"><div>사용자 표현</div><div>정규화 결과</div><div>처리 의도</div></div>
+          <div class="row"><div>드라이버 가져다줘</div><div><span class="mono">bring / screwdriver</span></div><div>공구 요청</div></div>
+          <div class="row"><div>스패너 줘</div><div><span class="mono">bring / wrench</span></div><div>별칭 정규화</div></div>
+          <div class="row"><div>이거 정리해</div><div><span class="mono">return / unknown</span></div><div>지시어 유지</div></div>
+          <div class="row"><div>멈춰</div><div><span class="mono">pause / unknown</span></div><div>fast control</div></div>
+        </div>
+        <div class="signal-stack">
+          <div class="signal-row"><span class="id">SCHEMA</span><b>응답 형식 제한</b><span>action, tool_name, target_mode, confidence</span><span class="state">JSON</span></div>
+          <div class="signal-row"><span class="id">CONTEXT</span><b>명령 의미 주입</b><span>bring, return, pause, resume, cancel, home</span><span class="state">LLM</span></div>
+          <div class="signal-row"><span class="id">VOCAB</span><b>공구 별칭 정규화</b><span>렌치, 스패너, 몽키렌치 → wrench</span><span class="state">TOOL</span></div>
+          <div class="signal-row"><span class="id">GUARD</span><b>fallback과 혼선 방지</b><span>rule parser 보조, unsupported drill 제거</span><span class="state">SAFE</span></div>
+        </div>
+      </div>
+      </div>
+    </section>
+
+    <section class="slide">
+      <div class="topbar"><span class="brand-mini"><img src="assets/macgyvbot.png" alt="" />MacGyvBot</span><span class="page-no"></span></div>
+      <div class="kicker">Operator GUI</div>
+      <h2>로봇 상태 확인과 수동 제어를 통합한 Operator GUI</h2>
+      <div class="slide-body">
+      <div class="proof-rig operator-gui-rig">
+        <div class="placeholder image-fill"><img src="assets/operator-gui-command-interface.png" alt="MacGyvBot operator GUI screenshot" /></div>
+        <div class="signal-stack operator-gui-stack">
+          <div class="signal-row"><span class="id">STATUS</span><b>Robot Status</b><span>로봇·카메라·Detector 상태 확인</span><span class="state">UI</span></div>
+          <div class="signal-row"><span class="id">CHAT</span><b>Chat / TTS</b><span>사용자에게 필요한 안내만 chat으로 표시하고 TTS는 chat 메시지만 발화</span><span class="state">UX</span></div>
+          <div class="signal-row"><span class="id">LOG</span><b>Task Log</b><span>개발자가 볼 topic/status/error detail은 log panel로 분리</span><span class="state">DBG</span></div>
+          <div class="signal-row"><span class="id">GRIP</span><b>Gripper Control</b><span>안전 상태에서만 slider와 숫자 입력으로 RG2 gripper 폭 제어</span><span class="state">SAFE</span></div>
         </div>
       </div>
       </div>

MACGYVBOT-DECK/styles/common.css

@@ -502,6 +502,31 @@ ul.clean-list li::before {
   align-items: stretch;
 }
 
+.proof-rig.prompt-rig .table {
+  margin-top: 0;
+  height: 100%;
+}
+
+.proof-rig.prompt-rig .signal-stack {
+  height: 100%;
+  align-content: stretch;
+}
+
+.proof-rig.prompt-rig .signal-row {
+  grid-template-columns: 72px .9fr 1.35fr 58px;
+  min-height: 82px;
+}
+
+.proof-rig.operator-gui-rig .operator-gui-stack {
+  height: 100%;
+  align-content: stretch;
+}
+
+.proof-rig.operator-gui-rig .signal-row {
+  grid-template-columns: 76px 1fr 1.28fr 54px;
+  min-height: 76px;
+}
+
 .system-map,
 .proof-panel,
 .results-board,
@@ -892,6 +917,18 @@ ul.clean-list li::before {
 }
 .placeholder b { display: block; font-size: 28px; margin-bottom: 10px; color: #fff; }
 .placeholder span { display: block; font-size: 18px; line-height: 1.35; max-width: 520px; }
+.placeholder.image-fill {
+  padding: 0;
+  overflow: hidden;
+  background: #07090a;
+  border-style: solid;
+}
+.placeholder.image-fill img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: contain;
+}
 
 .failure-media-grid {
   display: grid;