แถบด้านข้างโปรเจกต์

ภาพรวม

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

แถบด้านข้างทำงานตามขอบขวาของพื้นที่ทำงานโปรเจกต์และมีปุ่มไอคอนสำหรับแต่ละแผง การคลิกไอคอนจะเปิด overlay ของแผงนั้น และการคลิกอีกครั้ง (หรือกด Escape) จะปิด แถบด้านข้างจะมองเห็นได้ตลอดเวลาและเป็นวิธีหลักในการโต้ตอบกับเครื่องมือของโปรเจกต์

แผงที่ใช้ได้

แถบด้านข้างมีแผงต่อไปนี้ แต่ละรายการมีเอกสารโดยละเอียดในส่วนด้านล่าง:

รายการโปรด

ติดดาวและจัดระเบียบไฟล์โปรเจกต์ที่ใช้บ่อยสำหรับการเข้าถึงทันที

แชท

จัดการกลุ่มแชท AI, เซสชัน agent และประวัติการสนทนา

GitHub

ดูสถานะรีโพซิทอรี, branch, commit และจัดการ pull request

งาน

ติดตามงานโปรเจกต์ กำหนดลำดับความสำคัญ และจัดการเวิร์กโฟลว์

Deployments

ตรวจสอบและทริกเกอร์ deployment ไปยังผู้ให้บริการโฮสติ้งที่กำหนดค่า

ปฏิทินประวัติ

เรียกดูกิจกรรมโปรเจกต์และการเปลี่ยนแปลงไฟล์บนไทม์ไลน์ปฏิทิน

Builds

ดูบันทึก build, สถานะ และเอาต์พุตจาก build โปรเจกต์ของคุณ

File Tree

จัดการการตั้งค่าการแสดง file tree และการดำเนินการระดับรายการ

Prompt Box

อินพุตพรอมต์เข้าถึงด่วนสำหรับส่งคำสั่งไปยัง AI agent

Block Group Library

เรียกดูและจัดการบล็อกคอมโพเนนต์ที่นำกลับมาใช้ได้จากไลบรารีของคุณ

ไฟล์ที่เลือก

ดูและจัดการไฟล์ที่เลือกอยู่สำหรับการดำเนินการแบบกลุ่ม

ค้นหา

ค้นหาทั่วทั้งโปรเจกต์สำหรับไฟล์ โค้ด และเนื้อหา

ซ่อนไฟล์

กำหนดค่าว่าไฟล์และโฟลเดอร์ใดจะถูกซ่อนจาก file tree

Project Sidebar showing file tree, icon buttons, and panel navigation

แผงรายการโปรด

ภาพรวม

แผงรายการโปรดเป็น overlay แถบด้านข้างที่ให้คุณติดดาวและจัดระเบียบไฟล์โปรเจกต์ที่ใช้บ่อยสำหรับการเข้าถึงอย่างรวดเร็ว แทนที่จะค้นหาใน file tree ทุกครั้ง ทำเครื่องหมายไฟล์สำคัญเป็นรายการโปรดและค้นหาได้ทันที

ฟีเจอร์

สลับดาว

คลิกไอคอนดาวบนไฟล์ใดก็ได้เพื่อเพิ่มหรือลบจากรายการโปรด ไฟล์ที่ติดดาวจะปรากฏในแผงรายการโปรดสำหรับเข้าถึงอย่างรวดเร็ว

การจัดระเบียบกลุ่ม

จัดระเบียบไฟล์โปรดเป็นกลุ่มกำหนดเอง กลุ่มจะถูกบันทึกในเครื่องเพื่อให้คงอยู่ระหว่างเซสชัน

การเลือกหลายไฟล์

เลือกหลายไฟล์โปรดพร้อมกันและดำเนินการแบบกลุ่ม เช่น เพิ่มทั้งหมดลงในงาน

เพิ่มลงในงาน

เลือกหนึ่งหรือหลายไฟล์โปรดและเพิ่มลงในงานโดยตรงด้วยคลิกเดียว ทำให้เวิร์กโฟลว์ราบรื่นขึ้น

ตัวนับรายการโปรด

ป้ายแสดงจำนวนไฟล์โปรดทั้งหมดเพื่อให้คุณรู้ตลอดว่ามีกี่ไฟล์ที่บันทึกไว้

Favorites Panel showing Groups and Files tabs with Create Group button

แผงแชท

ภาพรวม

แผงแชทเป็น overlay แถบด้านข้างสำหรับจัดการกลุ่มแชท AI และเซสชัน agent ให้ที่ส่วนกลางเพื่อเรียกดู สร้าง แก้ไข และลบการสนทนา รวมถึงดูบันทึกเซสชัน CLI, SDK และ ACP

แท็บ

แชท

เรียกดูและจัดการกลุ่มแชท AI สร้างกลุ่มใหม่ เปลี่ยนชื่อ ค้นหาที่มีอยู่ หรือลบการสนทนาที่ไม่ต้องการอีกต่อไป

CLI

ดูบันทึกเซสชันจาก agent แบบ CLI เช่น Claude Code, Gemini CLI และ Codex CLI แต่ละเซสชันแสดงประเภท agent พร้อมโลโก้แบรนด์

SDK

ดูบันทึกเซสชันจาก agent แบบ SDK รวมถึง Claude SDK, Gemini SDK และการรวม OpenAI SDK

ACP

ดูบันทึกเซสชันจาก agent ACP (Agent Communication Protocol) พร้อมการกำหนดค่าและประวัติการรัน

ฟีเจอร์

CRUD กลุ่มแชท

สร้าง เปลี่ยนชื่อ ค้นหา และลบกลุ่มแชท แต่ละกลุ่มสามารถเก็บเธรดการสนทนาเต็มพร้อมบริบท

การแบ่งหน้า

เซสชันโหลดทีละ 50 รายการพร้อมปุ่ม "โหลดเพิ่ม" สำหรับประวัติขนาดใหญ่

การเลือกหลายรายการ

ใช้ Shift+คลิก สำหรับการเลือกช่วงข้ามเซสชัน ดำเนินการลบแบบกลุ่มหรือการดำเนินการอื่นกับรายการที่เลือก

เมนูบริบท

คลิกขวาที่เซสชันใดก็ได้เพื่อเข้าถึงการดำเนินการด่วน เช่น ลบหรือดูบันทึกโดยละเอียด

การระบุ Agent

แต่ละเซสชันแสดงโลโก้แบรนด์ของ AI agent ที่ใช้ (Claude Code, Gemini, Codex, ACP) เพื่อให้ระบุได้ทันที

Chat Panel showing Chat, CLI, SDK, and ACP tabs with Create Chat Group button

แผง GitHub

ภาพรวม

แผง GitHub เป็น overlay แถบด้านข้างสำหรับจัดการการรวม Git และ GitHub ของโปรเจกต์โดยตรงภายใน Kaiju Hub AI ดูสถานะ git, จัดการ branch, สร้างข้อความ commit ด้วย AI และ push/pull การเปลี่ยนแปลงโดยไม่ต้องออกจากพื้นที่ทำงาน

แท็บ

สถานะ

ดู branch ปัจจุบัน, commit ที่นำหน้า/ล้าหลัง remote และรายการไฟล์ที่เปลี่ยนแปลง (เพิ่ม, แก้ไข, ลบ)

ซิงค์

Push, pull และ fetch การเปลี่ยนแปลงกับรีโพซิทอรีระยะไกล ดูสถานะซิงค์ได้ทันที

Branches

เรียกดู สร้าง สลับ และลบ branch โดยตรงจากแถบด้านข้าง

เชื่อมต่อ

เชื่อมต่อหรือยกเลิกการเชื่อมต่อโปรเจกต์กับรีโพซิทอรี GitHub ต้องมีบัญชี GitHub ที่ยืนยันตัวตนแล้ว

ฟีเจอร์

การสร้าง Commit ด้วย AI

สร้างข้อความ commit โดยใช้ผู้ให้บริการ AI (Claude, Gemini, Codex) AI จะวิเคราะห์การเปลี่ยนแปลงที่ stage ไว้และเขียนข้อความ commit ที่มีความหมายให้คุณ

Push / Pull / Fetch

ดำเนินการซิงค์ git มาตรฐานด้วยคลิกเดียว ตัวบ่งชี้สถานะแสดงว่า branch ในเครื่องนำหน้าหรือล้าหลัง remote

การจัดการบัญชี

เพิ่ม ลบ และสลับระหว่างบัญชี GitHub หลายบัญชี จัดการการยืนยันตัวตนโดยตรงภายในแผง

การแคชระดับหน้าต่าง

สถานะ Git ถูกแคชระดับหน้าต่างเพื่อป้องกันการกระพริบเมื่อโหลดซ้ำและให้ผลตอบรับทันทีเมื่อสลับระหว่างแผง

แผงงาน

ภาพรวม

แผงงานเป็น overlay แถบด้านข้างสำหรับสร้างและจัดการงานระดับโปรเจกต์ แต่ละงานสามารถมีชื่อ, พรอมต์หรือคำสั่ง และการเลือกไฟล์โปรเจกต์สำหรับบริบท งานช่วยจัดระเบียบรายการงานและส่งไปยัง AI agent โดยตรง

ฟีเจอร์

การสร้างงาน

สร้างงานพร้อมชื่อ, ข้อความพรอมต์/คำสั่ง และไฟล์โปรเจกต์ที่เลือก งานอยู่ในขอบเขตโปรเจกต์ปัจจุบัน

การรวม File Tree

แผง file tree ที่ปรับขนาดได้ให้คุณเรียกดูและเลือกไฟล์โปรเจกต์เพื่อแนบเป็นบริบทสำหรับงาน

การเลือกหลายไฟล์

เลือกหลายไฟล์เพื่อรวมในงาน รายการไฟล์ที่เลือกแสดงไฟล์ทั้งหมดที่เลือกพร้อมตัวเลือกลบรายการแต่ละรายการ

เมนูบริบท

คลิกขวาที่ไฟล์ใน file tree ของงานสำหรับการดำเนินการด่วน เช่น เพิ่มหรือลบจากงาน

File Watcher

File watcher ในตัวตรวจจับการเปลี่ยนแปลงไฟล์โปรเจกต์โดยอัตโนมัติเพื่อให้บริบทงานเป็นปัจจุบัน

การแจ้งเตือน Toast

ผลตอบรับด้วยภาพผ่านการแจ้งเตือน toast สำหรับการบันทึกสำเร็จ ข้อผิดพลาด และข้อความแจ้ง

Task Panel showing Pending and Completed tabs with Create your first task button

แผง Deployments

ภาพรวม

แผง Deployments เป็น overlay แถบด้านข้างสำหรับ deploy โปรเจกต์ไปยังแพลตฟอร์มโฮสติ้งต่างๆ แพลตฟอร์มที่ใช้ได้จะเปลี่ยนตามประเภทโปรเจกต์ ให้ตัวเลือก deployment ที่เหมาะกับสแตกของคุณ

การรองรับแพลตฟอร์มตามประเภทโปรเจกต์

Frontend / เว็บแอป

Deploy เว็บไซต์ static, SPA และแอปพลิเคชัน SSR

VercelNetlifyCloudflare PagesCloudflare Workers

โปรเจกต์ Backend / Python / API

Deploy แอปพลิเคชันฝั่งเซิร์ฟเวอร์และ API

RailwayFly.ioRender

โปรเจกต์ WordPress

Deploy การตั้งค่า WordPress CMS แบบ headless

RailwayFly.ioRenderDocker

ฟีเจอร์

CRUD Deployment

สร้าง ดู อัปเดต และลบ deployment แต่ละ deployment ติดตามแพลตฟอร์ม, branch และการกำหนดค่ารีโพซิทอรี git

ตรวจจับอัตโนมัติ

Deployment ที่มีอยู่ที่เชื่อมต่อกับโปรเจกต์ของคุณจะถูกตรวจจับและแสดงรายการโดยอัตโนมัติเมื่อเปิดแผง

การจัดการ API Key

จัดการ API key สำหรับแต่ละแพลตฟอร์ม deployment คีย์จะถูกจัดเก็บอย่างปลอดภัยและเชื่อมโยงกับ deployment เฉพาะ

ตั้งค่าเฉพาะแพลตฟอร์ม

กำหนดค่า deployment branch, รีโพซิทอรี git, ตัวแปรสภาพแวดล้อม และตัวเลือกเฉพาะแพลตฟอร์มสำหรับแต่ละ deployment

ตัวบ่งชี้ Deployment ที่ใช้งาน

Deployment ที่ใช้งานอยู่จะถูกเน้นเพื่อให้คุณเห็นว่า deployment ใดกำลังใช้งานได้ทันที

เมนูบริบท

คลิกขวาที่ deployment ใดก็ได้สำหรับการดำเนินการด่วนรวมถึงลบและรีเฟรชสถานะ

Deployments Panel showing No deployments yet with Add Deployment button to connect Vercel or Netlify

คลาวด์แฟลร์และ R2

แถบด้านข้าง Cloudflare เชื่อมโยงโปรเจ็กต์กับ Cloudflare R2 สำหรับอาร์ติแฟกต์ สื่อ รุ่นมือถือ และไฟล์อัปเดตเดสก์ท็อป เลือกคีย์ Cloudflare และที่เก็บข้อมูลที่กำหนดค่าไว้ก่อนที่จะเปลี่ยนการตั้งค่าพื้นที่เก็บข้อมูลโปรเจ็กต์

การเชื่อมต่อถัง

เลือกบัคเก็ต R2 ของโปรเจ็กต์และซิงโครไนซ์การตั้งค่า Cloudflare ปัจจุบัน

การเข้าถึงสาธารณะ

รักษาบัคเก็ตให้เป็นส่วนตัว เปิดใช้งาน URL R2.dev แนบโดเมนที่กำหนดเองของ Cloudflare หรือใช้โดเมนผู้ปฏิบัติงานที่ให้บริการบัคเก็ตส่วนตัวผ่านการผูก R2

เวอร์ชันและการอัพเดต

ตรวจสอบเวอร์ชันที่เผยแพร่ที่อัปโหลด เผยแพร่บิวด์อาร์ติแฟกต์ จัดการจุดสิ้นสุดการอัปเดต และลบเวอร์ชันที่ล้าสมัยหลังจากการยืนยัน

ลิงก์ที่แชร์

สร้างและจัดการลิงก์สาธารณะ ที่หมดอายุ หรือปลายทางที่ให้บริการสำหรับออบเจ็กต์ R2 ที่เลือก

การเปิดตัวบนมือถือ

ติดตามเวอร์ชันบิลด์บนมือถือที่อัปโหลดและลิงก์ APK ที่เผยแพร่บนเว็บไซต์เมื่อเวิร์กโฟลว์บิลด์ของโปรเจ็กต์รองรับ

การเปลี่ยนแปลงภายนอก

การเปลี่ยนแปลงโดเมน การเข้าถึงสาธารณะ ออบเจ็กต์ และเว็บฮุคส่งผลต่อบัญชี Cloudflare และอาจต้องเสียค่าบริการการใช้งานของผู้ให้บริการ

เนื้อหาเวิร์ดเพรส

เนื้อหา WordPress ปรากฏขึ้นสำหรับ WordPress และโปรเจ็กต์ WordPress ที่ไม่มีหัว มุ่งเน้นไปที่ปลั๊กอินและธีมที่สร้างหรือติดตามโดย Kaiju Hub โดยแยกเนื้อหาโครงการที่สร้างขึ้นออกจากรายการที่ไม่เกี่ยวข้องที่ติดตั้งไว้แล้วบนไซต์

ปลั๊กอิน

ตรวจสอบปลั๊กอินที่สร้างโดย Kaiju ที่เกี่ยวข้องกับโปรเจ็กต์ปัจจุบัน และเปิดเนื้อหาโปรเจ็กต์ในเครื่อง

ธีมส์

ตรวจสอบธีมที่สร้างโดย Kaiju และเชื่อมต่อไฟล์โปรเจ็กต์กับพื้นที่ทำงาน WordPress ที่ถูกต้อง

มุมมองขอบเขตโครงการ

แผงนี้ไม่ได้อ้างว่าเป็นรายการที่สมบูรณ์ของทุกปลั๊กอินหรือธีมที่ติดตั้งนอก Kaiju Hub

การปรับใช้จะแยกจากกัน

ใช้แผงการปรับใช้สำหรับการเชื่อมต่อ WordPress และการดำเนินการเผยแพร่ ใช้แผงนี้เพื่อจัดการเนื้อหาที่สร้างขึ้นเอง

ควอนตัมฮาร์ดแวร์

Quantum Hardware จะปรากฏสำหรับเทมเพลตควอนตัมและโปรเจ็กต์ที่นำเข้าโดยเปิดใช้งานความสามารถ Quantum Hardware อย่างชัดเจน โดยจะเชื่อมต่อปริมาณงานในเครื่องกับ IBM Quantum, AWS Braket หรือ Azure Quantum โดยไม่ต้องเขียนข้อมูลประจำตัวของผู้ให้บริการลงในโปรเจ็กต์

การเชื่อมต่อของผู้ให้บริการ

เลือกบัญชี IBM Quantum, AWS Braket หรือ Azure Quantum ที่กำหนดค่าไว้ ข้อมูลประจำตัวยังคงอยู่ในที่เก็บข้อมูลแอปที่เข้ารหัส

การเลือกอุปกรณ์

แสดงรายการเครื่องจำลองและฮาร์ดแวร์ที่มีอยู่ จากนั้นตรวจสอบสถานะ ผู้ให้บริการ ข้อมูลคิว คิวบิต และบันทึกค่าใช้จ่ายที่ทราบ

รายละเอียดโครงการ

บันทึกบัญชี อุปกรณ์ จำนวนช็อต โหมดการดำเนินการ และตัวเลือกของผู้ให้บริการที่ไม่เป็นความลับในโปรไฟล์ควอนตัมของโปรเจ็กต์

รีวิวก่อนบิน

ก่อนที่จะส่ง Kaiju Hub จะแสดงผู้ให้บริการ อุปกรณ์ เครื่องจำลองหรือโหมดฮาร์ดแวร์ ภาพ ปริมาณงาน และข้อมูลต้นทุนที่มีอยู่

งานที่ติดตาม

สถานะการสืบค้น การร้องขอการยกเลิก และการรับผลลัพธ์ งานที่ส่งจะถูกติดตามโดย Global Task Manager

การยืนยันการเรียกเก็บเงิน

ฮาร์ดแวร์จริงและตัวจำลองที่เรียกเก็บเงินได้จำเป็นต้องได้รับการยืนยันอย่างชัดเจน การประมาณการที่ไม่ทราบไม่ใช่การอ้างว่างานของผู้ให้บริการว่าง

แผงปฏิทินประวัติ

ภาพรวม

แผงปฏิทินประวัติเป็น overlay แถบด้านข้างที่ให้มุมมองประวัติโปรเจกต์แบบปฏิทิน เรียกดูรายการตามวันที่ ดูประวัติบริบทภายในและภายนอก และทบทวนการโต้ตอบ AI ในอดีตที่เชื่อมโยงกับวันที่เฉพาะ

ฟีเจอร์

ปฏิทินแบบโต้ตอบ

นำทางผ่านเดือนและปีด้วยตัวเลือกปฏิทินแบบภาพ วันที่ที่มีรายการประวัติจะถูกเน้นเพื่อให้คุณเห็นกิจกรรมได้ทันที

ตัวเลือกเดือน/ปี

ข้ามไปยังเดือนและปีใดก็ได้อย่างรวดเร็วแทนที่จะเลื่อนทีละเดือน

แท็บประวัติ

สลับระหว่างแท็บ "GitHub" และ "Internal" เพื่อดูประวัติประเภทต่างๆ — git commit และเหตุการณ์เทียบกับรายการบริบท AI ภายใน

ตัวดูรายการ

คลิกวันที่ที่เน้นเพื่อดูรายการประวัติทั้งหมดสำหรับวันนั้น คลิกรายการแต่ละรายการเพื่อดูรายละเอียดเต็ม

เมนูบริบท

คลิกขวาที่รายการสำหรับการดำเนินการด่วน เช่น ดูรายละเอียดหรือลบรายการประวัติเฉพาะ

ลบพร้อมยืนยัน

ลบรายการประวัติพร้อมขั้นตอนยืนยันเพื่อป้องกันการลบโดยไม่ตั้งใจ

การแจ้งเตือน

การแจ้งเตือนแบบ toast ยืนยันการดำเนินการที่สำเร็จ ข้อผิดพลาด หรือข้อความแจ้งภายในแผง

History Calendar Panel showing month view with highlighted dates and commit entries

แผง Build

ภาพรวม

แผง Build เป็น overlay แถบด้านข้างสำหรับสร้างและแพ็กเกจแอปพลิเคชัน desktop และ mobile รองรับหลายเฟรมเวิร์กและให้การกำหนดค่า build, cloud signing, แกลเลอรีเอาต์พุต และประวัติเวอร์ชัน

เฟรมเวิร์กที่รองรับ

Tauri

Electron

Flutter

Expo

React Native

Capacitor

Ionic

แท็บ

Build

กำหนดค่าและทริกเกอร์ build เลือกแพลตฟอร์มเป้าหมาย (iOS, Android, Windows, macOS, Linux, Web), กำหนดค่าคีย์เซ็น และตั้งค่าข้อมูลรับรอง cloud signing

เวอร์ชัน

เรียกดูประวัติเวอร์ชัน build พร้อมการจัดกลุ่มไฟล์ ดู build ก่อนหน้า, สิ่งที่สร้าง และสถานะ

ฟีเจอร์

การเลือกแพลตฟอร์ม

เลือกแพลตฟอร์มเป้าหมายหนึ่งหรือหลายรายการสำหรับ build: iOS, Android, Windows, macOS, Linux หรือ Web

การจัดการคีย์เซ็น

กำหนดค่าคีย์ code signing สำหรับแต่ละแพลตฟอร์ม จำเป็นสำหรับการแจกจ่ายแอป desktop และ mobile ผ่าน app store

Cloud Signing

ตั้งค่า cloud-based code signing พร้อมการจัดการข้อมูลรับรองสำหรับเวิร์กโฟลว์ CI/CD และ remote build

แกลเลอรีเอาต์พุต Build

เรียกดูสิ่งที่สร้างจาก build ในแกลเลอรีแบบภาพ ดูตัวอย่างภาพหน้าจอและไฟล์เอาต์พุตจากแต่ละ build

การติดตามสถานะ Build

ตรวจสอบความคืบหน้าและสถานะของแต่ละ build ตั้งแต่เริ่มต้นจนเสร็จสิ้น

รายการ File Tree

ภาพรวม

File Tree คือเบราว์เซอร์ไฟล์หลักในแถบด้านข้างโปรเจกต์ แสดงโครงสร้างไดเรกทอรีโปรเจกต์ในมุมมอง tree แบบเรียกซ้ำที่ขยายได้ แต่ละไฟล์และโฟลเดอร์แสดงด้วยไอคอนเฉพาะประเภทและรองรับการโต้ตอบที่หลากหลาย

ฟีเจอร์

มุมมอง Tree แบบเรียกซ้ำ

โฟลเดอร์ขยายและยุบเพื่อแสดงเนื้อหา Tree รองรับการซ้อนลึกพร้อมขีดจำกัดความลึกที่กำหนดค่าได้เพื่อรักษาประสิทธิภาพ

ไอคอนประเภทไฟล์

แต่ละไฟล์แสดงไอคอนที่ตรงกับประเภท (เช่น TypeScript, JavaScript, JSON, CSS, รูปภาพ) โฟลเดอร์มีไอคอนเปิด/ปิดที่แตกต่างกัน

ลากและวาง

ย้ายไฟล์และโฟลเดอร์โดยลากไปยังตำแหน่งใหม่ภายใน tree เป้าหมายวางจะเน้นขณะลาก

การเลือกไฟล์

คลิกไฟล์เพื่อเลือกและเปิด ใช้ checkbox สำหรับการเลือกหลายไฟล์พร้อม Shift+คลิก สำหรับการเลือกช่วง

เมนูบริบท

คลิกขวาที่ไฟล์หรือโฟลเดอร์ใดก็ได้สำหรับการดำเนินการด่วน: คัดลอกเนื้อหา, เพิ่มลงในงาน, สร้าง/แก้ไขในตัวแก้ไข, refactor, ลบ, ซ่อน, สลับรายการโปรด หรือดาวน์โหลด

รีเฟรชอัตโนมัติ

โฟลเดอร์ถูกเฝ้าดูการเปลี่ยนแปลงระบบไฟล์และรีเฟรชอัตโนมัติเมื่อมีการเพิ่ม ลบ หรือแก้ไขไฟล์

การเน้นการค้นหา

เมื่อค้นหา ชื่อไฟล์ที่ตรงกันจะถูกเน้นภายใน tree เพื่อช่วยคุณค้นหาผลลัพธ์อย่างรวดเร็ว

สลับรายการโปรด

ไอคอนดาวบนแต่ละไฟล์ให้คุณเพิ่มหรือลบจากรายการโปรดพร้อมผลตอบรับด้วยภาพทันที

การสลับผู้ให้บริการ

สลับระหว่าง source root หรือพาธผู้ให้บริการที่แตกต่างกันภายในโปรเจกต์เมื่อตรวจพบหลายรายการ

File Tree sidebar showing prompt input, Copy and + to task buttons, Files toolbar with action icons, and project file listing

Prompt Box

ภาพรวม

Prompt Box อยู่ด้านบนของ file tree และให้ปุ่มดำเนินการเข้าถึงด่วนสำหรับการดำเนินการไฟล์ทั่วไป มีเครื่องมือสำหรับคัดลอกเนื้อหาไฟล์ สร้างงานจากไฟล์ที่เลือก และจัดการการแสดง file tree

การดำเนินการ

คัดลอก

คัดลอกเนื้อหาของไฟล์ที่เลือกอยู่ไปยังคลิปบอร์ด มีประโยชน์สำหรับหยิบโค้ดอย่างรวดเร็วเพื่อวางในแชท AI หรือตัวแก้ไขอื่น

เพิ่มลงในงาน

สร้างงานใหม่จากไฟล์ที่เลือก เปิดแผงงานพร้อมไฟล์ที่เลือกแนบไว้เป็นบริบท ให้คุณกำหนดชื่องานและพรอมต์สำหรับ AI agent ทำงาน

Block Group Library

ภาพรวม

Block Group Library เป็น modal ที่เข้าถึงได้จาก prompt bar (ไอคอนจิ๊กซอว์) ให้คุณเรียกดู ค้นหา และเลือกคอมโพเนนต์ UI และบล็อกที่นำกลับมาใช้ได้เพื่อรวมเป็นบริบทในการสนทนา AI หรืองาน คอมโพเนนต์ถูกจัดระเบียบตามกลุ่มและสามารถเพิ่มเป็นรายการโปรดสำหรับเข้าถึงอย่างรวดเร็ว

ฟีเจอร์

การเรียกดูคอมโพเนนต์

เรียกดูคอมโพเนนต์และบล็อกทั้งหมดที่จัดระเบียบตามชื่อกลุ่ม แต่ละคอมโพเนนต์แสดงภาพตัวอย่างแบบโหลดตามต้องการ

ค้นหาและกรอง

ค้นหาคอมโพเนนต์ตามชื่อหรือคำอธิบายเพื่อค้นหาสิ่งที่ต้องการอย่างรวดเร็ว กรองตามหมวดหมู่หรือกลุ่ม

ตัวอย่างแบบโหลดตามต้องการ

ตัวอย่างคอมโพเนนต์โหลดตามต้องการโดยใช้ IntersectionObserver พร้อมบัฟเฟอร์โหลดล่วงหน้า 300px สำหรับประสิทธิภาพการเลื่อนที่ราบรื่น

คอมโพเนนต์โปรด

ติดดาวคอมโพเนนต์ที่ใช้บ่อยเพื่อปักหมุดไว้ด้านบนไลบรารีสำหรับเข้าถึงอย่างรวดเร็ว

มุมมองรายละเอียด

คลิกคอมโพเนนต์ใดก็ได้เพื่อเปิด modal รายละเอียดแสดงตัวอย่างเต็ม คำอธิบาย และเมตาดาต้า

การเลือกบริบท

เลือกหนึ่งหรือหลายคอมโพเนนต์เพื่อรวมเป็นบริบทในแชท AI หรืองาน ตัวนับแสดงจำนวนที่เลือกอยู่

ไฟล์ที่เลือก

ภาพรวม

แท็บไฟล์ที่เลือก (ไอคอน checkbox ใน prompt bar) แสดงไฟล์ทั้งหมดที่เลือก/ทำเครื่องหมายใน file tree ให้มุมมองรวมของบริบทที่เลือก — ไฟล์ คอมโพเนนต์ และโปรเจกต์ — เพื่อให้คุณตรวจสอบและจัดการสิ่งที่จะส่งไปยัง AI agent

ฟีเจอร์

รายการไฟล์ที่เลือก

ดูไฟล์ที่เลือกทั้งหมดในรายการเรียงตามตัวอักษร แต่ละไฟล์แสดงพาธเทียบกับ root ของโปรเจกต์

การแสดงคอมโพเนนต์ที่เลือก

ดูว่าคอมโพเนนต์ใดจาก Block Group Library ถูกเลือกอยู่พร้อมกับไฟล์ที่เลือก

การจัดกลุ่มโปรเจกต์

เมื่อมีไฟล์จากหลายโปรเจกต์ที่เลือก จะถูกจัดกลุ่มภายใต้ชื่อโปรเจกต์ของตน

ลบไฟล์แต่ละรายการ

คลิกไฟล์ใดก็ได้เพื่อยกเลิกการเลือกจากบริบท ดับเบิลคลิกจะทริกเกอร์การยกเลิกการเลือกพร้อม cooldown เพื่อป้องกันการสลับอย่างรวดเร็วโดยไม่ตั้งใจ

ล้างทั้งหมด

ปุ่ม "ล้างทั้งหมด" ให้คุณยกเลิกการเลือกไฟล์ที่เลือกทุกรายการพร้อมกันเพื่อเริ่มต้นใหม่

Checked Files panel showing selected files list with clear button

ค้นหา

Search bar for filtering files in the file tree

ภาพรวม

ฟีเจอร์ค้นหา (ไอคอนแว่นขยายใน prompt bar) ให้การกรองชื่อไฟล์แบบเรียลไทม์ภายใน file tree เมื่อคุณพิมพ์ tree จะอัปเดตทันทีเพื่อแสดงเฉพาะไฟล์ที่ตรงกัน พร้อมเน้นคำที่ตรงกัน

ฟีเจอร์

การกรองแบบเรียลไทม์

File tree กรองขณะคุณพิมพ์ แสดงเฉพาะไฟล์ที่ชื่อตรงกับคำค้นหา ทำให้ค้นหาไฟล์เฉพาะในโปรเจกต์ขนาดใหญ่ได้อย่างรวดเร็ว

เน้นที่ตรงกัน

ส่วนที่ตรงกันของชื่อไฟล์จะถูกเน้นด้วยสไตล์ที่โดดเด่นเพื่อให้คุณเห็นได้ง่ายว่าทำไมแต่ละผลลัพธ์จึงตรงกัน

ขยายโฟลเดอร์อัตโนมัติ

เมื่อคำค้นหาตรงกับไฟล์ในโฟลเดอร์ที่ยุบ โฟลเดอร์เหล่านั้นจะขยายอัตโนมัติเพื่อแสดงผลลัพธ์ที่ตรงกัน

การกรองไฟล์ที่ซ่อน

การค้นหาเคารพการตั้งค่าไฟล์ที่ซ่อน — ไฟล์ที่คุณเลือกซ่อนจะไม่ปรากฏในผลลัพธ์การค้นหา

ซ่อนไฟล์

ภาพรวม

ฟีเจอร์ซ่อนไฟล์ (ไอคอนตาใน prompt bar) ให้คุณสลับการมองเห็นของไฟล์และโฟลเดอร์ใน file tree ไฟล์ที่ซ่อนจะถูกกรองออกจากมุมมอง tree และผลลัพธ์การค้นหา ช่วยให้พื้นที่ทำงานสะอาดและเน้นไฟล์ที่สำคัญ

ฟีเจอร์

สลับตา

คลิกไอคอนตา/ปิดตาใน prompt bar เพื่อสลับการมองเห็นไฟล์ที่ซ่อน เมื่อตาปิด ไฟล์ที่ซ่อนจะถูกกรองออก

การซ่อนตามพาธ

ซ่อนไฟล์ตามรูปแบบพาธ คุณสามารถซ่อนไฟล์เฉพาะ โฟลเดอร์ทั้งหมด หรือกลุ่มไฟล์ที่ตรงกับรูปแบบ

สถานะคงอยู่

การตั้งค่าไฟล์ที่ซ่อนจะคงอยู่ข้ามเซสชันเพื่อให้คุณไม่ต้องซ่อนไฟล์เดิมทุกครั้งที่เปิดโปรเจกต์

การรวมเมนูบริบท

คลิกขวาที่ไฟล์หรือโฟลเดอร์ใดก็ได้ใน tree แล้วเลือก "ซ่อน" เพื่อเพิ่มลงในรายการไฟล์ที่ซ่อนอย่างรวดเร็ว

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