Tutorial 6: TUI — A Better Terminal Experience

บทช่วยสอน 6: TUI — ประสบการณ์เทอร์มินัลที่ดีกว่า

ยินดีต้อนรับกลับสู่ซีรีส์บทช่วยสอน Hermes Agent! ในบทเรียนก่อนหน้านี้ เราได้สำรวจอินเทอร์เฟซบรรทัดคำสั่งแบบคลาสสิก (CLI) และความสามารถอันทรงพลังทั้งหมดที่มันทำได้ วันนี้เราจะอัปเกรดขึ้นไปอีกขั้น: มาทำความรู้จักกับ TUI (Terminal User Interface) — วิธีที่ทันสมัยและแนะนำให้ใช้ในการรัน Hermes แบบอินเทอร์แอกทีฟ

ลองนึกถึง TUI ว่าเป็น Hermes Agent ตัวเดิมที่คุณรู้จักและชื่นชอบ แต่มีการปรับโฉมใหม่และอัปเกรดการใช้งานอย่างจริงจัง เอเจนต์ตัวเดิม เซสชันเดิม คำสั่ง slash เดิม — เพียงแต่มีพื้นผิวที่สะอาดตาและตอบสนองได้ดีกว่าสำหรับการโต้ตอบ

อะไรที่ทำให้ TUI พิเศษ?

TUI ไม่ได้มีดีแค่หน้าตาเท่านั้น มันมาพร้อมการปรับปรุงเชิงปฏิบัติหลายอย่างที่ทำให้ประสบการณ์เทอร์มินัลของคุณดีขึ้นอย่างเห็นได้ชัด:

เฟรมแรกทันที — แบนเนอร์แสดงผลก่อนที่แอปจะโหลดเสร็จ ไม่ต้องจ้องหน้าจอเทอร์มินัลค้างอีกต่อไปในขณะที่ Hermes กำลังเริ่มทำงาน
อินพุตแบบไม่บล็อก — คุณสามารถพิมพ์และจัดคิวข้อความได้ก่อนที่เซสชันจะพร้อม พรอมต์แรกของคุณจะถูกส่งโดยอัตโนมัติทันทีที่เอเจนต์ออนไลน์
โอเวอร์เลย์ที่สมบูรณ์ — ตัวเลือกโมเดล ตัวเลือกเซสชัน พรอมต์ขออนุมัติ และคำชี้แจง ต่างแสดงเป็นแผงโมดัลแทนที่จะรกไปหมดในโฟลว์อินไลน์ของคุณ
แผงเซสชันสด — ดูเครื่องมือและสกิลค่อยๆ เติมเต็มขณะที่กำลังเริ่มต้นระบบ
การเลือกที่ใช้งานเมาส์ได้ — ลากเพื่อไฮไลต์ด้วยพื้นหลังที่สม่ำเสมอ คัดลอกด้วยท่าทางปกติของเทอร์มินัลคุณ
ไม่กระพริบ ไม่รก — การเรนเดอร์แบบ alternate-screen หมายถึงการสตรีมที่ราบรื่นและ scrollback ที่สะอาดตาหลังจากคุณออกจากโปรแกรม
ความสามารถของคอมโพเซอร์ — การยุบวางอินไลน์สำหรับโค้ดยาวๆ การจัดการคลิปบอร์ดอัจฉริยะ (รวมถึงการวางรูปภาพ!) และการปรับเส้นทางไฟล์แนบให้เป็นมาตรฐาน

การเปิดใช้งาน TUI

การเริ่มต้นใช้งานง่ายมาก นี่คือวิธีที่พบบ่อยที่สุด:

# เปิดใช้งาน TUI
hermes --tui

# กลับมาใช้เซสชันล่าสุดต่อ
hermes --tui -c

# กลับมาใช้เซสชันเฉพาะโดยระบุ ID หรือชื่อ
hermes --tui -r 20260409_000000_aa11bb

# กลับมาใช้เซสชันล่าสุดสำหรับโปรเจกต์เฉพาะ
hermes --tui --resume latest --in ./my-project

คุณยังสามารถเปิดใช้งานผ่านตัวแปรสภาพแวดล้อมได้:

export HERMES_TUI=1
hermes          # ตอนนี้จะใช้ TUI

หรือตั้งเป็นค่าเริ่มต้นถาวรใน ~/.hermes/config.yaml:

display:
  interface: tui   # "cli" (ค่าเริ่มต้น) หรือ "tui"

เคล็ดลับมือโปร: แฟล็กที่ระบุอย่างชัดเจนชนะเสมอ ดังนั้นแม้ตั้งค่า TUI เป็นค่าเริ่มต้น คุณก็ยังสามารถรัน hermes --cli เพื่อกลับไปใช้ REPL แบบคลาสสิกสำหรับการเรียกใช้ครั้งเดียวได้

ส่วนแบนเนอร์ที่ยุบได้

หนึ่งในฟีเจอร์ที่เจ๋งที่สุดของ TUI คือแบนเนอร์เริ่มต้นที่ยุบได้ มันจัดกลุ่มข้อมูลรันไทม์เป็นสี่ส่วน แต่ละส่วนมีเครื่องหมาย ▸ / ▾:

ส่วน	สถานะเริ่มต้น
เครื่องมือ (Tools)	เปิด
สกิล (Skills)	ยุบ
พรอมต์ระบบ (System Prompt)	ยุบ
เซิร์ฟเวอร์ MCP (MCP Servers)	ยุบ

คลิกที่หัวข้อส่วนใดก็ได้เพื่อสลับเปิด/ปิด รายการเครื่องมือเปิดโดยค่าเริ่มต้นเพราะเป็นส่วนที่ถูกตรวจสอบบ่อยที่สุดในช่วงเริ่มเซสชัน ส่วนอื่นๆ ยังคงยุบไว้เพื่อให้แบนเนอร์ของคุณกระชับ — ถึงแม้คุณจะติดตั้งสกิลไว้หลายสิบอันก็ตาม

ปุ่มลัดและคำสั่ง Slash

ข่าวดี: ปุ่มลัดทั้งหมดตรงกับ Classic CLI ทุกประการ มีความแตกต่างเชิงพฤติกรรมบางอย่างที่ควรทราบ:

การลากเมาส์ ไฮไลต์ข้อความด้วยพื้นหลังการเลือกที่สม่ำเสมอ
Cmd+V / Ctrl+V พยายามวางข้อความก่อน จากนั้นจึงอ่านจากคลิปบอร์ด และสุดท้ายคือแนบรูปภาพ
Ctrl+X เปิดตัวสลับเซสชันสด
Ctrl+G เปิดบัฟเฟอร์อินพุตปัจจุบันใน $EDITOR เพื่อเขียนพรอมต์ยาวๆ

คำสั่ง slash ทั้งหมดทำงานเหมือนเดิม บางคำสั่งแสดงเป็นโอเวอร์เลย์ที่สมบูรณ์กว่าใน TUI — เช่น /help ซึ่งแสดงแผงคำสั่งที่จัดหมวดหมู่

ข้อกำหนด

ก่อนที่คุณจะเริ่ม ลองตรวจสอบให้แน่ใจว่าคุณมี:

Node.js ≥ 20 (TUI รันเป็นซับโพรเซสที่เรียกจาก Python CLI)
TTY — เช่นเดียวกับ Classic CLI สภาพแวดล้อมที่ไม่โต้ตอบจะถอยกลับไปใช้โหมดถามคำถามเดียว

ในการเปิดใช้งานครั้งแรก Hermes จะติดตั้ง dependencies ของ Node สำหรับ TUI (ครั้งเดียว ใช้เวลาไม่กี่วินาที) การเปิดใช้งานครั้งต่อๆ ไปจะเร็วมาก

สกินเดียวกัน บุคลิกเดียวกัน

TUI ให้เกียรติสกินและบุคลิกเดียวกันกับ Classic CLI สลับระหว่างเซสชันด้วย /skin ares หรือ /personality pirate แล้ว UI จะรีเพนต์แบบสดๆ TUI เคารพจานสีแบนเนอร์ สี UI ไอคอนพรอมต์ การแสดงเซสชัน เมนูเติมคำอัตโนมัติ และอื่นๆ อีกมากมาย

TUI เป็นวิธีที่แนะนำให้รัน Hermes แบบอินเทอร์แอกทีฟ — และตอนนี้คุณก็รู้แล้วว่าทำไม ลองใช้ดูด้วย `hermes --tui` แล้วสัมผัสความแตกต่างด้วยตัวเอง ในบทช่วยสอนถัดไป เราจะสำรวจฟีเจอร์ขั้นสูงเพิ่มเติม ขอให้สนุกกับการพรอมต์!