# TOPMANIDMB Creator Media Manifest

**Root (local):** `~/projects/creator-multimedia-plan/`  
**Live (Vercel):** https://creator-multimedia-plan.vercel.app/  
**Updated:** 2026-08-19 (คลัง 20 คนมีตัวอย่างคลิปปาก+เสียงฮุก · หนัง 90 วิยังไม่ออก)

> เปิดดูตลอดเวลา: [Media Hub](./media.html) · [Archive ค้นหา](./archive.html) · [คู่มือ](./index.html) · [คลังคำสั่ง](./prompts.html) · [Template Kit](./templates/) · [Nodes Gallery](./style-samples/topmanidmb-nodes/)

### Brand (บังคับ)

- Official logo standard: https://topmanidmb.studio/logo/
- Local kit: `brand/official/` + `brand/overlays/`
- **ทุกภาพ/วิดีโอ public** ต้องมี brand badge หรือ corner lockup
- แผนภาพ = **English 16:9 เท่านั้น** · ภาพไทยแนวตั้งย้ายไป `style-samples/_retired-thai/` (ไม่ deploy)

### บันทึกถาวรทุก session (Grok CLI)

```bash
cd ~/projects/creator-multimedia-plan
./scripts/archive-grok-session.sh "short-label" --deploy
```

- กฎบังคับ: `AGENTS.md` (repo) + `~/.grok/AGENTS.md` (ทุก session บนเครื่องนี้)
- Log: `archive/SESSION_LOG.md` · Index: `archive/INDEX.json` · Dump: `archive/sessions/`

---

## 1. เว็บแอป (เปิดบน Vercel ได้)

| URL path | ไฟล์ | คำอธิบาย |
|----------|------|----------|
| `/` | `index.html` | Creator Guide · คู่มือ 9 บท |
| `/media` | `media.html` | **Media Hub** · รวมลิงก์ภาพ/วิดีโอ |
| `/archive` | `archive.html` | **ค้นหาบันทึกถาวร** session + media |
| `/archive/SESSION_LOG.md` | log | รายการ session ใหม่→เก่า |
| `/archive/INDEX.json` | index | machine-readable inventory |
| `/prompts` | `prompts.html` | คลังคำสั่ง (โหลดจาก JSON) |
| `/data/prompts.json` | `data/prompts.json` | ข้อมูลคำสั่ง source |
| `/templates/` | `templates/index.html` | แม่แบบงาน ตร. |
| `/templates/ops-3phase-16x9.html` | แม่แบบหลัก 16:9 | ภาพผู้นำ + คำขวัญ |
| `/style-samples/topmanidmb-nodes/` | gallery เครื่อง | Node heroes |
| `/style-samples/compare.html` | เทียบธีม A/B/C | |
| `/factory/` | `factory/index.html` | โรงคลิปเตือนภัย · SOP + คิว · noindex |
| `/factory/cast/` | `factory/cast/index.html` | คลังนักแสดง 20 คน · ภาพล็อก + คลิปปาก 6 วิ + เสียงฮุก · noindex |
| เครื่องนี้ | `factory/cast/films/*/out/*-90s.mp4` | หนัง 90 วิ 20 เรื่อง · ยังไม่ขึ้น Vercel |
| local only | `style-samples/student-scam-90s-20260816/` | สตอรี่บอร์ด + บทพากย์ + พรอมต์ Imagine · คลิปยังไม่ขึ้น Vercel |
| local only | `style-samples/fake-officer-90s-20260819/` | ไพลอตสวมรอยเจ้าหน้าที่ 90 วิ · คลิปยังไม่ขึ้น Vercel |

---

## 2. ภาพ · Nodes (`style-samples/topmanidmb-nodes/`)

| ไฟล์ | รายการ |
|------|--------|
| `01-ROSE-macbook.jpg` | ROSE · MacBook Pro |
| `02-TRAVIS-mac-studio.jpg` | TRAVIS · Mac Studio |
| `03-MACPRO-tower.jpg` | MAC PRO |
| `04-DON-imac-pro.jpg` | DON · iMac Pro |
| `09-DSM-synology-nas.jpg` | **Synology DS923+** (live verified) |
| `10-QNAP-nas.jpg` | **QNAP TVS-h874** (live verified) |
| `11-DO-vps.jpg` | DigitalOcean VPS |
| `12-HOS-vps.jpg` | Hostinger VPS |
| `13-QNAP-switch.jpg` | **QSW-M3216R-8S8T** + **QSW-M2108-2C** |
| `14-XDR-32.jpg` | Display 32" |
| `15-DISPLAY-27.jpg` | Display 27" |
| `16-DUAL-XDR-DESK.jpg` | Dual desk setup |
| `17-TOPMAN-operator-desk.jpg` | TOPMAN · operator desk (ref-based) |
| `18-TOPMAN-fleet-command.jpg` | TOPMAN · fleet command (ref-based) |
| `08-HERO-fleet-mesh.jpg` | Fleet mesh hero |
| `05`–`07` | legacy combined (optional) |
| `HARDWARE-MODELS.md` | รุ่นจริง verified 2026-07-12 |
| `index.html` | Gallery หน้าเว็บ |

---

## 3. ภาพ · ผู้การ / Operator (`style-samples/topman-operator/`)

| ไฟล์ | รายการ |
|------|--------|
| `op-01-warroom-commander.jpg` | War Room |
| `op-02-workstation-rose.jpg` | Workstation |
| `op-03-portrait-deck.jpg` | Portrait deck |
| `op-04-warroom-desk-16x9.jpg` | War-room desk 16:9 (ref-based) |
| `op-05-fleet-command-16x9.jpg` | Fleet command 16:9 (ref-based) |
| `ref-01-outdoor.jpg` | Reference outdoor |
| `ref-02-portrait.jpg` | Reference portrait |

---

## 4. ภาพ · ธีม A/B/C (`style-samples/`)

| ไฟล์ | รายการ |
|------|--------|
| `A-cinematic-dark.jpg` | ธีม A |
| `B-editorial-luxury.jpg` | ธีม B |
| `C-fresh-brand.jpg` | ธีม C |
| `compare.html` | หน้าเทียบ 3 ธีม |
| `tone-A-cinematic/01-03-*.jpg` | city / desk / abstract |

---

## 5. วิดีโอ (final บน Vercel)

| ไฟล์ | รายการ |
|------|--------|
| `style-samples/topmanidmb-nodes/videos/topmanidmb-editorial-trailer-70s-bgm.mp4` | **EDITORIAL ~70s + BGM** ★ แนะนำ — 8 best shots only |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-master-3min-bgm.mp4` | Polish B MASTER ~2:52 + BGM |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-trailer-90s-bgm.mp4` | Polish B TRAILER ~1:26 + BGM |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-film-5min-bgm.mp4` | FULL FILM legacy ~5:00 |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-nodes-150s-bgm.mp4` | Fleet reel ~150s + BGM |
| `style-samples/topmanidmb-arch-video/en-arch-layers-dense.jpg` | Architecture dense ENG 16:9 |
| `style-samples/topmanidmb-arch-video/en-topology-dense.jpg` | Topology dense ENG 16:9 |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-nodes-130s-bgm.mp4` | alias ของรีล 150s (ลิงก์เก่า) |
| `style-samples/topmanidmb-nodes/videos/topmanidmb-fleet-highlight-30s-bgm.mp4` | **Highlight 30s + BGM** TOPMAN + Hero + Desk |
| `style-samples/topmanidmb-nodes/videos/*-10s.mp4` | คลิปเดี่ยว 10s ต่อ node |
| `style-samples/topmanidmb-arch-video/topmanidmb-architecture-16x9-20s-bgm.mp4` | Arch แนวนอน 20s + BGM |
| `style-samples/tone-A-cinematic/tone-A-cinematic-20s.mp4` | โทน A ~18s |
| `style-samples/topmanidmb-arch-video/bgm-cinematic-ambient.m4a` | BGM ambient |

### Node clips (10s each)

| คลิป | เครื่อง |
|------|--------|
| `18-TOPMAN-fleet-command-10s.mp4` | TOPMAN Fleet Command |
| `17-TOPMAN-operator-desk-10s.mp4` | TOPMAN Operator desk |
| `01-ROSE-macbook-10s.mp4` | ROSE |
| `02-TRAVIS-mac-studio-10s.mp4` | TRAVIS |
| `03-MACPRO-tower-10s.mp4` | MAC PRO |
| `04-DON-imac-pro-10s.mp4` | DON |
| `08-HERO-fleet-mesh-10s.mp4` | Hero mesh |
| `09-DSM-synology-nas-10s.mp4` | **DS923+** |
| `10-QNAP-nas-10s.mp4` | **TVS-h874** |
| `11-DO-vps-10s.mp4` | DigitalOcean |
| `12-HOS-vps-10s.mp4` | Hostinger |
| `13-QNAP-switch-10s.mp4` | **QSW-M3216R + M2108** |
| `14-XDR-32-10s.mp4` | Display 32" |
| `15-DISPLAY-27-10s.mp4` | Display 27" |
| `16-DUAL-XDR-DESK-10s.mp4` | Dual XDR desk |

---

## 6. สถาปัตยกรรม ENG (`style-samples/topmanidmb-arch-video/`)

| ไฟล์ | รายการ |
|------|--------|
| `en-arch-layers.html` / `.png` / `.jpg` | Architecture 6 layers (EN) |
| `en-topology.html` / `.png` / `.jpg` | Topology (EN) |
| `01-architecture-layers.jpg` | ต้นฉบับ diagram ไทย |
| `02-topology-overview.jpg` | ต้นฉบับ topology ไทย |

---

## 7. แม่แบบ ตร. (`templates/`)

| ไฟล์ | รายการ |
|------|--------|
| `ops-3phase-16x9.html` | **Primary** · ปฏิบัติการ 3 เฟส |
| `onepager-commander.html` | 1-paper นาย |
| `onepager-press.html` | 1-paper สื่อ |
| `onepager-dark.html` | 1-paper dark |
| `infographic-flow.html` | Infographic 4 ขั้น |
| `poster-square.html` / `poster-story.html` | โปสเตอร์ |
| `line-brief.html` | LINE brief |
| `compare-split.html` | เปรียบเทียบ A/B |
| `template-shared.css` | สไตล์ร่วม |

---

## 8. Assets มาตรฐาน (`assets/`)

| ไฟล์ | รายการ |
|------|--------|
| `rtp-logo-line-on-white.png` | ตรา ตร. พื้นขาว |
| `rtp-logo-line-on-black.jpg` | ตรา ตร. พื้นดำ |
| `leaders/leader-01.jpg` … `03.jpg` | ภาพผู้นำมาตรฐาน |
| `leaders/leaders-strip.jpg` | แถบ 3 ท่าน |
| `theme-a.jpg` · `theme-b.jpg` · `theme-c.jpg` | ตัวอย่างธีม |

---

## 9. Local only · ไม่ขึ้น Vercel (PII / หนัก)

| path | เหตุผล |
|------|--------|
| `deliverables/internal-pitak6/` | เคส internal · gitignore |
| `references/dropbox-ops-*/` | หลักฐาน Dropbox |
| `references/*.pdf` · `*.svg` ใหญ่ | หนัก / อ้างอิง local |
| intermediate `shot*.mp4` / `_norm*` | ไฟล์ build ชั่วคราว |

---

## 10. แผนที่ node (ล่าสุด)

```
Compute:   ROSE · TRAVIS · MAC PRO · DON
Display:   XDR 32" · Pro 27" · dual desk
Storage:   DSM (Synology) · QNAP NAS
Network:   QNAP Switch
Cloud:     DO · HOS
People:    Topman operator set · Leader strip (official)
```

---

## เปิด local เร็ว

```bash
open ~/projects/creator-multimedia-plan
open ~/projects/creator-multimedia-plan/media.html
open ~/projects/creator-multimedia-plan/style-samples/topmanidmb-nodes/index.html
```

## Deploy ใหม่หลังแก้ไฟล์

```bash
cd ~/projects/creator-multimedia-plan
git add -A && git commit -m "update media" && git push
vercel --prod --yes --scope topmanidmb
```