@walwal-harness/cli 7.1.9 → 7.1.13

package/HR-Resource/ceo/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: harness-ceo
-description: "CEO/Dispatcher. Owner-facing mission intake, CXX meeting orchestration, event routing, and final Owner reports. Trigger with /goal, /hot-fix, /ceo."
+description: "CEO/Dispatcher. Owner-facing mission intake, CXX meeting orchestration, event routing, and final Owner reports. Trigger with /goal, /submission, /hot-fix, /ceo."
 model: sonnet
 disable-model-invocation: false
 ---
@@ -12,7 +12,7 @@ You are the only direct conversation channel with the Owner.
 ## Mission Protocol
 
 1. Read the Owner request and decide whether brainstorming is needed or execution can start.
-2. Create or update `.harness/documents/{mission_name}/ceo.md`.
+2. Create or update `.harness/documents/{goal-or-child-mission}/ceo.md`.
 3. Ask each CXX only mission-relevant questions:
    - COO: planning, market/reference research, hypothesis validation, mission fit.
    - CDO: branding, UI/UX direction, mock selection, design review.
@@ -28,8 +28,8 @@ You are the only direct conversation channel with the Owner.
 - CXX agents do not execute specialist work directly. They only define scope, choose workers, review outputs, resolve blockers, and report decisions.
 - Every mission must use hired specialist workers for research, planning, design production, implementation, QA, ops checks, or any other domain deliverable. Small scope is not an exemption.
 - If a suitable hired worker is absent, invoke the `harness-hiring` skill before the CXX proceeds with that deliverable.
-- CEO must reject CXX reports that contain completed specialist deliverables without matching worker records under `.harness/documents/{mission_name}/workers/`.
-- Every CXX starts from fresh context and records decisions in `.harness/documents/{mission_name}/{cxx}.md`.
+- CEO must reject CXX reports that contain completed specialist deliverables without matching worker records under `.harness/documents/{goal-or-child-mission}/{owning-cxx}/workers/`.
+- Every CXX starts from fresh context and records decisions in `.harness/documents/{goal-or-child-mission}/{cxx}.md`.
 - Preserve DDD boundaries: domain decisions, application wiring, infrastructure, and quality policy are separate responsibilities.
 - Before CTO/CDO/OPS allocate runnable services, agree with the Owner on a `{xx}000` base port and write it to project `.env` as `HARNESS_BASE_PORT={xx}000`. Mentioning the value in `ceo.md` is not sufficient.
 - After writing `.env`, verify with `grep '^HARNESS_BASE_PORT=' .env` before routing service work.

package/HR-Resource/cqo/SKILL.md

@@ -12,7 +12,7 @@ Own quality, recurrence prevention, and archive eligibility.
 ## Workflow
 
 1. Read CEO and CTO mission context.
-2. Record decisions in `.harness/documents/{mission_name}/cqo.md`.
+2. Record decisions in `.harness/documents/{goal-or-child-mission}/cqo.md`.
 3. Break the CQO scope into worker tasks: e2e, backtest, visual, API, security, performance, regression, and operational verification.
 4. Use the `harness-resource-manager` skill to check available evaluators or reviewers for every task.
 5. Use the `harness-hiring` skill before assigning any task that has no hired worker. Do not complete that task yourself.
@@ -28,7 +28,7 @@ CQO must not directly execute QA, visual review, security review, performance te
 
 **CQO does not communicate with dev workers.** CQO only communicates with CEO and with its own evaluator/tester workers. If CQO needs clarification on implementation details, it routes the question back to CEO → CTO.
 
-Every evaluator/tester dispatched by CQO must write its report under `.harness/documents/{mission_name}/cqo/workers/{worker-name}.md`.
+Every evaluator/tester dispatched by CQO must write its report under `.harness/documents/{goal-or-child-mission}/cqo/workers/{worker-name}.md`.
 
 Required output sections in `cqo.md`:
 
@@ -40,7 +40,7 @@ Required output sections in `cqo.md`:
 
 ## Worker Report Note Requirement
 
-Every CQO evaluator/tester brief must require the worker to append this English block to the bottom of `.harness/documents/{mission_name}/cqo/workers/{worker-name}.md`:
+Every CQO evaluator/tester brief must require the worker to append this English block to the bottom of `.harness/documents/{goal-or-child-mission}/cqo/workers/{worker-name}.md`:
 
 ```
 ## Implementation Notes

package/HR-Resource/cto/SKILL.md

@@ -12,7 +12,7 @@ Own engineering execution for the mission.
 ## Workflow
 
 1. Read CEO, COO, and CDO mission documents.
-2. Record decisions in `.harness/documents/{mission_name}/cto.md`. **This file must be created before any worker is dispatched.**
+2. Record decisions in `.harness/documents/{goal-or-child-mission}/cto.md`. **This file must be created before any worker is dispatched.**
 3. Break the CTO scope into worker tasks: architecture review, backend, frontend, app, web, data, DevOps, integration, implementation, and technical QA.
 4. Use the `harness-resource-manager` skill to find hired workers for every task.
 5. Use the `harness-hiring` skill before assigning any missing specialty. Do not complete that task yourself.
@@ -26,9 +26,9 @@ Own engineering execution for the mission.
 
 CTO must not directly write code, create build scripts, choose detailed implementation content, run technical QA as the evaluator, or produce final implementation artifacts. CTO may only design boundaries, brief workers, coordinate ports/config, review worker outputs, and record accepted decisions with worker names and report paths.
 
-**cto.md is a prerequisite gate.** No worker may be dispatched before `cto.md` exists. A mission where workers appear in `.harness/documents/{mission_name}/workers/` but no `cto.md` exists is a protocol violation — CEO bypassed CTO.
+**cto.md is a prerequisite gate.** No worker may be dispatched before `cto.md` exists. A mission where workers appear in `.harness/documents/{goal-or-child-mission}/cto/workers/` but no `cto.md` exists is a protocol violation — CEO bypassed CTO.
 
-Every worker dispatched by CTO must be listed in the Worker Evidence Manifest section of `cto.md` with their report path and status. The report path must be `.harness/documents/{mission_name}/cto/workers/{worker-name}.md`. Workers not listed there are invisible to the harness and their output cannot be accepted.
+Every worker dispatched by CTO must be listed in the Worker Evidence Manifest section of `cto.md` with their report path and status. The report path must be `.harness/documents/{goal-or-child-mission}/cto/workers/{worker-name}.md`. Workers not listed there are invisible to the harness and their output cannot be accepted.
 
 Required output sections in `cto.md`:
 
@@ -41,7 +41,7 @@ Required output sections in `cto.md`:
 
 ## Worker Report Note Requirement
 
-Every CTO worker brief must require the worker to append this English block to the bottom of `.harness/documents/{mission_name}/cto/workers/{worker-name}.md`:
+Every CTO worker brief must require the worker to append this English block to the bottom of `.harness/documents/{goal-or-child-mission}/cto/workers/{worker-name}.md`:
 
 ```
 ## Implementation Notes

package/README.md

@@ -10,7 +10,7 @@ One project = one company. The Owner speaks only to the CEO. The CEO speaks only
 
 ```
 Owner
-  └─ /goal · /hot-fix
+  └─ /goal · /submission · /hot-fix
       └─ harness-ceo          orchestrator — Owner's only contact
           ├─ harness-coo      research, hypothesis, service direction
           ├─ harness-cdo      branding, UI/UX, design review
@@ -48,6 +48,7 @@ What `init` installs:
 | Path | Contents |
 |---|---|
 | `.claude/commands/goal.md` | `/goal` Owner command |
+| `.claude/commands/submission.md` | `/submission` Owner command |
 | `.claude/commands/hot-fix.md` | `/hot-fix` Owner command |
 | `.claude/skills/harness-{ceo,coo,cdo,cto,cqo,ops}/` | CXX agent skills |
 | `.harness/shared/HR-Resource/` | Hireable worker skill pool |
@@ -79,6 +80,16 @@ Owner /hot-fix → CEO → CTO → [dev workers] → CQO → [evaluator workers]
 
 **Complete when:** `cto.md` + `cqo.md` + at least one `.harness/gotchas/` or `.harness/conventions/` entry exist.
 
+### Submission
+
+```
+Owner /submission → CEO → [relevant CXX] → [workers] → [convention updates]
+```
+
+1. CEO locates the active `.harness/documents/goal-{index}-{name}/`.
+2. CEO creates `.harness/documents/goal-{index}-{name}/submission-{index}-{name}/`.
+3. Relevant CXX update `.harness/conventions/` when the new requirement changes durable project rules.
+
 ---
 
 ## Hard Rules
@@ -93,7 +104,7 @@ Owner /hot-fix → CEO → CTO → [dev workers] → CQO → [evaluator workers]
 | 6 | CEO routes only to CXX — never directly to workers |
 | 7 | No CXX self-execution — deliverables without matching worker records are rejected |
 | 8 | No verdict without worker evidence — CQO self-inspection is not valid |
-| 9 | Hierarchical worker ownership — worker reports live under `.harness/documents/{mission}/{owning-cxx}/workers/` |
+| 9 | Hierarchical worker ownership — worker reports live under `.harness/documents/{goal-or-child-mission}/{owning-cxx}/workers/` |
 | 10 | Implementation Notes required — `ceo.md`, every `{cxx}.md`, and every worker report must end with an English `## Implementation Notes` section |
 
 ### Implementation Notes Format
@@ -169,9 +180,10 @@ npx walwal-harness init --force --project-root /path/to/project
 
 Features:
 
-- **Org Tree** — live status of Owner → CEO → CXX → Workers hierarchy
-- **Mission Timeline** — clickable history of goal/hot-fix missions showing the full dispatch chain
-- **Mission Flow tab** — per-mission flow: Owner prompt → CEO routing → CXX → worker files changed → CQO verdict
+- **Split Workspace** — full-viewport left/right panes keep Org Tree + Mission Timeline beside the selected mission detail; both panes scroll independently with hidden scrollbars, and the detail pane resets to top on selection changes
+- **Org Tree** — live status of Owner → CEO → CXX → Workers hierarchy, with worker cards grouped under their owning CXX
+- **Mission Timeline** — clickable history of goal/submission/hot-fix missions showing the full dispatch chain
+- **Mission Flow tab** — per-mission flow: Owner prompt → CEO routing → CXX → owner-specific worker evidence → CQO verdict
 - **History tab** — mission-specific Owner request (from CEO summary + closest progress.log match)
 - **Gotchas tab** — searchable `.harness/gotchas/*.md` knowledge base, click to read full markdown
 - **Document tab** — per-CXX markdown doc viewer
@@ -182,8 +194,10 @@ Features:
 
 | Path | Role |
 |---|---|
-| `.harness/documents/{mission}/` | CXX decisions and worker reports per mission |
-| `.harness/documents/{mission}/{cxx}/workers/` | Worker reports owned by that CXX |
+| `.harness/documents/goal-{index}-{name}/` | Goal-level CXX decisions and worker reports |
+| `.harness/documents/goal-{index}-{name}/submission-{index}-{name}/` | Additional requirement under the active goal |
+| `.harness/documents/goal-{index}-{name}/hotfix-{index}-{name}/` | Emergency fix under the active goal |
+| `.harness/documents/{goal-or-child-mission}/{cxx}/workers/` | Worker reports owned by that CXX |
 | `.harness/conventions/` | Durable rules (CQO writes, survives missions) |
 | `.harness/gotchas/` | Recurrence-prevention records (CQO registers per hot-fix) |
 | `.harness/shared/HR-Resource/` | Hireable worker skill pool |
@@ -208,6 +222,10 @@ harness-hiring           → register and onboard worker
 
 | Version | Summary |
 |---|---|
+| 7.1.13 | Dashboard: full-viewport split workspace, hidden pane scrollbars, and detail scroll reset on selection |
+| 7.1.12 | Dashboard: split workspace panes now scroll independently |
+| 7.1.11 | Dashboard: persistent 50/50 split workspace and CXX-owned worker grouping in the org tree |
+| 7.1.10 | Adds `/submission` and nested goal/submission/hot-fix mission history |
 | 7.1.9 | Dashboard is packaged with npm and auto-syncs isolated cache by package version; README documents dashboard port/reinstall and update/migrate commands |
 | 7.1.8 | HR-Resource: replace China-platform-specific workers with global equivalents; refine cross-border/video/livestream skills |
 | 7.1.7 | Implementation Notes mandatory in all CXX docs and worker reports; harness-worker-evidence-validate.sh |

package/apps/harness-dashboard/app/globals.css

@@ -15,3 +15,12 @@ body {
   font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
     sans-serif;
 }
+
+.scrollbar-hidden {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none;
+}

package/apps/harness-dashboard/components/Drawer.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 
 export type DrawerTab =
   | "mission-flow"      // Mission document hierarchy (PRIMARY)
@@ -15,6 +15,8 @@ interface DrawerProps {
   onClose: () => void;
   onTabChange: (tab: DrawerTab) => void;
   children: React.ReactNode;
+  mode?: "overlay" | "inline";
+  scrollResetKey?: string;
 }
 
 const TABS: Array<{ id: DrawerTab; label: string }> = [
@@ -25,15 +27,60 @@ const TABS: Array<{ id: DrawerTab; label: string }> = [
   { id: "logs", label: "Agent Log" },
 ];
 
-export function Drawer({ open, tab, title, onClose, onTabChange, children }: DrawerProps) {
+export function Drawer({ open, tab, title, onClose, onTabChange, children, mode = "overlay", scrollResetKey }: DrawerProps) {
+  const contentRef = useRef<HTMLDivElement | null>(null);
+
   useEffect(() => {
-    if (!open) return;
+    if (!open || mode === "inline") return;
     const onKey = (e: KeyboardEvent) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
-  }, [open, onClose]);
+  }, [open, onClose, mode]);
+
+  useEffect(() => {
+    contentRef.current?.scrollTo({ top: 0, left: 0 });
+  }, [scrollResetKey]);
+
+  if (mode === "inline") {
+    return (
+      <aside
+        role="complementary"
+        aria-label="Detail panel"
+        data-testid="drawer"
+        data-open="true"
+        className="h-full min-h-0 rounded-md border border-brick-wall bg-brick-bg shadow-2xl flex flex-col overflow-hidden"
+      >
+        <header className="flex items-center justify-between border-b border-brick-wall px-4 py-3">
+          <h2 className="text-sm font-mono uppercase tracking-widest text-gray-200 truncate">
+            {title}
+          </h2>
+        </header>
+        <nav className="flex flex-wrap border-b border-brick-wall text-[11px] font-mono">
+          {TABS.map((t) => (
+            <button
+              key={t.id}
+              type="button"
+              data-testid={`drawer-tab-${t.id}`}
+              data-active={t.id === tab}
+              onClick={() => onTabChange(t.id)}
+              className={`min-w-[33%] flex-1 px-2 py-2 transition-colors ${
+                t.id === tab
+                  ? "bg-brick-wall/50 text-gray-100 border-b-2 border-aura-typing"
+                  : "text-gray-500 hover:text-gray-200"
+              }`}
+            >
+              {t.label}
+            </button>
+          ))}
+        </nav>
+        <div ref={contentRef} className="scrollbar-hidden flex-1 overflow-y-auto px-4 py-3 text-xs text-gray-200 font-mono">
+          {children}
+        </div>
+      </aside>
+    );
+  }
 
   return (
     <>
@@ -88,7 +135,7 @@ export function Drawer({ open, tab, title, onClose, onTabChange, children }: Dra
             </button>
           ))}
         </nav>
-        <div className="flex-1 overflow-y-auto px-4 py-3 text-xs text-gray-200 font-mono">
+        <div ref={contentRef} className="scrollbar-hidden flex-1 overflow-y-auto px-4 py-3 text-xs text-gray-200 font-mono">
           {children}
         </div>
       </aside>

package/apps/harness-dashboard/components/MissionTimeline.tsx

@@ -153,7 +153,9 @@ export function MissionTimeline({
         const typeBadge =
           mission.type === "hotfix"
             ? "[🔥 hot-fix]"
-            : mission.type === "feature"
+            : mission.type === "submission"
+            ? "[+ submission]"
+            : mission.type === "goal" || mission.type === "feature"
             ? "[✦ goal]"
             : "[— unknown]";
         const shortId =
@@ -188,6 +190,8 @@ export function MissionTimeline({
                   className={`shrink-0 font-mono text-[9px] rounded px-1.5 py-0.5 border ${
                     mission.type === "hotfix"
                       ? "bg-rose-500/15 text-rose-300 border-rose-500/30"
+                      : mission.type === "submission"
+                      ? "bg-sky-500/15 text-sky-300 border-sky-500/30"
                       : "bg-emerald-500/15 text-emerald-300 border-emerald-500/30"
                   }`}
                 >

package/apps/harness-dashboard/components/OrgTree.tsx

@@ -129,7 +129,7 @@ export function OrgTree({ snapshot, activeNodeId, onNodeClick }: OrgTreeProps) {
     id: "owner",
     role: "owner",
     label: "Owner",
-    sublabel: "/goal · /hot-fix",
+    sublabel: "/goal · /submission · /hot-fix",
     status: "idle",
     activity: snapshot.ownerHistory?.[0]?.content.slice(0, 80) ?? null,
     agentIds: [],
@@ -225,7 +225,8 @@ export function OrgTree({ snapshot, activeNodeId, onNodeClick }: OrgTreeProps) {
     },
   ];
 
-  // Workers from current mission's workers/, shown under CTO column
+  // Workers are grouped by their owning CXX so evaluator reports sit under CQO,
+  // implementation reports under CTO, and legacy flat reports stay visible.
   const workers = currentMission?.workers ?? [];
 
   return (
@@ -271,7 +272,9 @@ export function OrgTree({ snapshot, activeNodeId, onNodeClick }: OrgTreeProps) {
       {/* Row 3: CXX nodes with workers below */}
       <div className="flex gap-3 justify-center">
         {cxxNodes.map((node) => {
-          const nodeWorkers = node.role === "cto" ? workers : [];
+          const nodeWorkers = workers.filter(
+            (w) => w.owner === node.role || (w.owner === "unknown" && node.role === "cto")
+          );
 
           return (
             <div key={node.id} className="flex flex-col items-center gap-2">
@@ -293,7 +296,7 @@ export function OrgTree({ snapshot, activeNodeId, onNodeClick }: OrgTreeProps) {
                         onClick={() =>
                           onNodeClick({
                             id: `worker-${w.name}`,
-                            role: "cto",
+                            role: node.role,
                             label: w.name,
                             sublabel: w.status,
                             status: w.status === "COMPLETE" ? "idle" : "typing",

package/apps/harness-dashboard/components/Scene.tsx

@@ -27,7 +27,6 @@ interface SceneProps {
 
 export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
   const { snapshot, connectionState } = useHarnessStream(initial);
-  const [drawerOpen, setDrawerOpen] = useState(false);
   const [drawerTab, setDrawerTab] = useState<DrawerTab>("mission-flow");
   const [selectedAgent, setSelectedAgent] = useState<AgentState | null>(null);
   const [selectedNode, setSelectedNode] = useState<OrgNodeDef | null>(null);
@@ -38,7 +37,6 @@ export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
     setSelectedAgent(a);
     setSelectedNode(null);
     setDrawerTab("logs");
-    setDrawerOpen(true);
   };
 
   const handleNodeClick = (node: OrgNodeDef) => {
@@ -55,7 +53,6 @@ export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
     } else {
       setDrawerTab("mission-flow");
     }
-    setDrawerOpen(true);
   };
 
   const handleMissionClick = (mission: MissionDoc) => {
@@ -63,7 +60,6 @@ export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
     setSelectedNode(null);
     setSelectedAgent(null);
     setDrawerTab("mission-flow");
-    setDrawerOpen(true);
   };
 
   const drawerTitle =
@@ -74,60 +70,126 @@ export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
       : selectedNode
       ? selectedNode.label
       : "Mission Flow";
+  const drawerScrollResetKey = [
+    drawerTab,
+    selectedMission?.missionId ?? "",
+    selectedNode?.id ?? "",
+    selectedAgent?.id ?? "",
+  ].join(":");
 
   // Suppress unused lang warning — kept for future i18n
   void lang;
 
   return (
-    <div className="mx-auto max-w-[1920px] px-4 py-5">
+    <div className="flex h-[100dvh] w-full flex-col overflow-hidden px-4 py-5">
       {snapshot.escalations.length > 0 && (
         <EscalationStrip escalations={snapshot.escalations} />
       )}
-      <div className="min-w-0">
-        <section className="min-w-0">
-          <div className="mb-3 flex flex-wrap items-end justify-between gap-3">
-            <div>
-              <p className="text-[11px] font-mono uppercase tracking-[0.24em] text-cyan-300/80">
-                Company Structure
-              </p>
-              <h1 className="mt-1 text-2xl font-semibold text-gray-100">
-                {snapshot.projectName || "walwal-harness"} · Organization
-              </h1>
+      <div className="grid min-h-0 flex-1 min-w-0 gap-4 lg:grid-cols-2">
+        <div className="scrollbar-hidden min-h-0 min-w-0 overflow-y-auto pr-1">
+          <section className="min-w-0">
+            <div className="mb-3 flex flex-wrap items-end justify-between gap-3">
+              <div>
+                <p className="text-[11px] font-mono uppercase tracking-[0.24em] text-cyan-300/80">
+                  Company Structure
+                </p>
+                <h1 className="mt-1 text-2xl font-semibold text-gray-100">
+                  {snapshot.projectName || "walwal-harness"} · Organization
+                </h1>
+              </div>
+              <ActivityIndicator snapshot={snapshot} connectionState={connectionState} />
             </div>
-            <ActivityIndicator snapshot={snapshot} connectionState={connectionState} />
-          </div>
-          <div
-            data-testid="brick-office-stage"
-            className="w-full overflow-hidden rounded-md border border-gray-700/80 bg-[#12151b] shadow-2xl"
-          >
-            <div className="pointer-events-none flex items-center justify-between border-b border-white/10 bg-black/30 px-4 py-2 font-mono text-[10px] text-gray-300 backdrop-blur">
-              <span>Owner → CEO → CXX → Workers</span>
-              <span>
-                {snapshot.missions?.[0]?.missionId ?? "no active mission"}
-                {snapshot.missions?.[0]?.cxxPresent.length
-                  ? ` · ${snapshot.missions[0].cxxPresent.join(" / ")}`
-                  : ""}
-              </span>
+            <div
+              data-testid="brick-office-stage"
+              className="w-full overflow-x-auto rounded-md border border-gray-700/80 bg-[#12151b] shadow-2xl"
+            >
+              <div className="pointer-events-none flex items-center justify-between gap-3 border-b border-white/10 bg-black/30 px-4 py-2 font-mono text-[10px] text-gray-300 backdrop-blur">
+                <span>Owner → CEO → CXX → Workers</span>
+                <span className="truncate">
+                  {snapshot.missions?.[0]?.missionId ?? "no active mission"}
+                  {snapshot.missions?.[0]?.cxxPresent.length
+                    ? ` · ${snapshot.missions[0].cxxPresent.join(" / ")}`
+                    : ""}
+                </span>
+              </div>
+              <OrgTree
+                snapshot={snapshot}
+                activeNodeId={selectedNode?.id ?? null}
+                onNodeClick={handleNodeClick}
+              />
+            </div>
+          </section>
+
+          <section className="mt-4">
+            <div className="mb-2">
+              <p className="font-mono text-[10px] uppercase tracking-[0.2em] text-cyan-300/60">Mission History</p>
+              <p className="text-[11px] text-gray-500 mt-0.5">goal · submission · hot-fix 명령별 파생 작업 흐름</p>
             </div>
-            <OrgTree
-              snapshot={snapshot}
-              activeNodeId={selectedNode?.id ?? null}
-              onNodeClick={handleNodeClick}
+            <MissionTimeline
+              missions={snapshot.missions ?? []}
+              activeMissionId={selectedMission?.missionId ?? null}
+              onMissionClick={handleMissionClick}
             />
-          </div>
-        </section>
+          </section>
+        </div>
 
-        <section className="mt-4">
-          <div className="mb-2">
-            <p className="font-mono text-[10px] uppercase tracking-[0.2em] text-cyan-300/60">Mission History</p>
-            <p className="text-[11px] text-gray-500 mt-0.5">goal · hot-fix 명령별 파생 작업 흐름</p>
-          </div>
-          <MissionTimeline
-            missions={snapshot.missions ?? []}
-            activeMissionId={selectedMission?.missionId ?? null}
-            onMissionClick={handleMissionClick}
-          />
-        </section>
+        <div className="min-h-0 min-w-0">
+          <Drawer
+            mode="inline"
+            open={true}
+            tab={drawerTab}
+            title={drawerTitle}
+            onClose={() => undefined}
+            onTabChange={setDrawerTab}
+            scrollResetKey={drawerScrollResetKey}
+          >
+            {drawerTab === "mission-flow" && (
+              <MissionFlowTab
+                mission={selectedMission ?? snapshot.missions?.[0] ?? null}
+                ownerHistory={snapshot.ownerHistory ?? []}
+              />
+            )}
+            {drawerTab === "history" && (
+              <OwnerHistoryTab
+                ownerHistory={snapshot.ownerHistory ?? []}
+                mission={selectedMission ?? snapshot.missions?.[0] ?? null}
+              />
+            )}
+            {drawerTab === "gotchas" && (
+              <GotchasTab gotchas={snapshot.gotchas ?? []} />
+            )}
+            {drawerTab === "mission-doc" && selectedNode && (
+              <MissionDocTab
+                missions={snapshot.missions ?? []}
+                role={
+                  selectedNode.role === "owner"
+                    ? "ceo"
+                    : (selectedNode.role as "ceo" | "cto" | "cqo" | "coo" | "cdo" | "ops")
+                }
+                fromLabel={selectedNode.role === "ceo" ? "Owner" : "CEO"}
+                toLabel={
+                  selectedNode.role === "cto"
+                    ? "Workers"
+                    : selectedNode.role === "cqo"
+                    ? "Owner Report"
+                    : "—"
+                }
+              />
+            )}
+            {drawerTab === "logs" && selectedNode && (
+              <AgentLogTab agentId={selectedNode.agentIds[0] ?? selectedNode.id} />
+            )}
+            {drawerTab === "logs" && selectedAgent && !selectedNode && (
+              <AgentLogTab agentId={selectedAgent.id} />
+            )}
+            {drawerTab === "logs" && !selectedNode && !selectedAgent && (
+              <div className="text-gray-500 text-xs">Select a node to view logs.</div>
+            )}
+            {drawerTab === "mission-flow" && !selectedMission && !snapshot.missions?.length && (
+              <div className="text-gray-500 text-xs">No missions found in .harness/documents/</div>
+            )}
+          </Drawer>
+        </div>
       </div>
 
       {/* Hidden DOM index for E2E + a11y */}
@@ -153,60 +215,6 @@ export function Scene({ snapshot: initial, lang = "ko" }: SceneProps) {
           </li>
         ))}
       </ul>
-
-      <Drawer
-        open={drawerOpen}
-        tab={drawerTab}
-        title={drawerTitle}
-        onClose={() => setDrawerOpen(false)}
-        onTabChange={setDrawerTab}
-      >
-        {drawerTab === "mission-flow" && (
-          <MissionFlowTab
-            mission={selectedMission ?? snapshot.missions?.[0] ?? null}
-            ownerHistory={snapshot.ownerHistory ?? []}
-          />
-        )}
-        {drawerTab === "history" && (
-          <OwnerHistoryTab
-            ownerHistory={snapshot.ownerHistory ?? []}
-            mission={selectedMission ?? snapshot.missions?.[0] ?? null}
-          />
-        )}
-        {drawerTab === "gotchas" && (
-          <GotchasTab gotchas={snapshot.gotchas ?? []} />
-        )}
-        {drawerTab === "mission-doc" && selectedNode && (
-          <MissionDocTab
-            missions={snapshot.missions ?? []}
-            role={
-              selectedNode.role === "owner"
-                ? "ceo"
-                : (selectedNode.role as "ceo" | "cto" | "cqo" | "coo" | "cdo" | "ops")
-            }
-            fromLabel={selectedNode.role === "ceo" ? "Owner" : "CEO"}
-            toLabel={
-              selectedNode.role === "cto"
-                ? "Workers"
-                : selectedNode.role === "cqo"
-                ? "Owner Report"
-                : "—"
-            }
-          />
-        )}
-        {drawerTab === "logs" && selectedNode && (
-          <AgentLogTab agentId={selectedNode.agentIds[0] ?? selectedNode.id} />
-        )}
-        {drawerTab === "logs" && selectedAgent && !selectedNode && (
-          <AgentLogTab agentId={selectedAgent.id} />
-        )}
-        {drawerTab === "logs" && !selectedNode && !selectedAgent && (
-          <div className="text-gray-500 text-xs">Select a node to view logs.</div>
-        )}
-        {drawerTab === "mission-flow" && !selectedMission && !snapshot.missions?.length && (
-          <div className="text-gray-500 text-xs">No missions found in .harness/documents/</div>
-        )}
-      </Drawer>
     </div>
   );
 }

package/apps/harness-dashboard/components/drawer/MissionFlowTab.tsx

@@ -288,7 +288,8 @@ export function MissionFlowTab({ mission, ownerHistory }: Props) {
 
   const typeBadge =
     mission.type === "hotfix" ? "[🔥 hot-fix]"
-    : mission.type === "feature" ? "[✦ goal]"
+    : mission.type === "submission" ? "[+ submission]"
+    : mission.type === "goal" || mission.type === "feature" ? "[✦ goal]"
     : "[— unknown]";
 
   let dateStr = "—";
@@ -341,6 +342,8 @@ export function MissionFlowTab({ mission, ownerHistory }: Props) {
             className={`font-mono text-[9px] rounded border px-1.5 py-0.5 ${
               mission.type === "hotfix"
                 ? "bg-rose-500/15 text-rose-300 border-rose-500/30"
+                : mission.type === "submission"
+                ? "bg-sky-500/15 text-sky-300 border-sky-500/30"
                 : "bg-emerald-500/15 text-emerald-300 border-emerald-500/30"
             }`}
           >

package/apps/harness-dashboard/components/drawer/OwnerHistoryTab.tsx

@@ -92,6 +92,8 @@ export function OwnerHistoryTab({ ownerHistory, mission, onEntryClick }: Props)
                   className={`font-mono text-[9px] px-1.5 py-0.5 rounded ${
                     closestEntry.type === "goal"
                       ? "bg-emerald-500/15 text-emerald-300"
+                      : closestEntry.type === "submission"
+                      ? "bg-sky-500/15 text-sky-300"
                       : closestEntry.type === "hot-fix"
                       ? "bg-rose-500/15 text-rose-300"
                       : "bg-gray-500/15 text-gray-400"
@@ -140,6 +142,8 @@ export function OwnerHistoryTab({ ownerHistory, mission, onEntryClick }: Props)
               className={`font-mono text-[9px] px-1.5 py-0.5 rounded ${
                 entry.type === "goal"
                   ? "bg-emerald-500/15 text-emerald-300"
+                  : entry.type === "submission"
+                  ? "bg-sky-500/15 text-sky-300"
                   : entry.type === "hot-fix"
                   ? "bg-rose-500/15 text-rose-300"
                   : "bg-gray-500/15 text-gray-400"