Shrimp Task Manager

export const thDocumentation = { releaseNotes: { header: '📋 บันทึกการเผยแพร่', versions: 'เวอร์ชัน', loading: 'กำลังโหลดบันทึกการเผยแพร่...', notFound: 'ไม่พบบันทึกการเผยแพร่', error: 'เกิดข้อผิดพลาดในการโหลดบันทึกการเผยแพร่', copy: 'คัดลอก', copied: 'คัดลอกแล้ว!' }, help: { header: 'ℹ️ ความช่วยเหลือและเอกสาร', loading: 'กำลังโหลดเอกสาร...', notFound: 'ไม่พบ README', error: 'เกิดข้อผิดพลาดในการโหลด README', copy: 'คัดลอก', copied: 'คัดลอกแล้ว!' }, releases: { 'v3.0.0': { title: '🚀 Task Viewer v3.0.0 บันทึกการเผยแพร่', date: 'วันที่เผยแพร่: 7 สิงหาคม 2025', content: `# 🚀 Task Viewer v3.0.0 บันทึกการเผยแพร่ *วันที่เผยแพร่: 7 สิงหาคม 2025* ## 🎉 คุณสมบัติใหม่หลัก ### 🤖 ระบบจัดการเอเจนต์ **การจัดการซับเอเจนต์ที่ครอบคลุมสำหรับการจัดการงานเฉพาะทาง** SHRIMP-TASK-MANAGER ขณะนี้รองรับความสามารถการจัดการเอเจนต์ที่ทรงพลัง ช่วยให้คุณสามารถกำหนดและใช้เอเจนต์ AI เฉพาะทางสำหรับงานประเภทต่างๆ เอเจนต์คือบุคลิกภาพหรือชุดทักษะ AI เฉพาะทางที่สามารถมอบหมายให้งานเพื่อการดำเนินการที่เหมาะสมที่สุด ความสามารถหลัก: - **มุมมองรายชื่อเอเจนต์**: เรียกดูเอเจนต์ที่พร้อมใช้งานทั้งหมดจากโฟลเดอร์ .claude/agents - **การมอบหมายเอเจนต์**: มอบหมายเอเจนต์เฉพาะให้กับงานผ่านดรอปดาวน์ในตารางงาน - **ป็อปอัปตัวแสดงเอเจนต์**: คลิกไอคอนตาเพื่อเปิดป็อปอัปตัวแสดงเอเจนต์ - **เครื่องมือแก้ไขเอเจนต์**: เครื่องมือแก้ไขในตัวพร้อมการปรับแต่งสี - **คำแนะนำ AI แบบคลิกเดียว**: คลิกอิโมจิหุ่นยนต์เพื่อคัดลอกคำแนะนำ ### 🤖 การมอบหมายเอเจนต์แบบชุดด้วย AI **มอบหมายเอเจนต์ที่เหมาะสมที่สุดให้กับงานหลายงานโดยใช้ OpenAI GPT-4** Task Viewer ขณะนี้ผสานรวมกับ GPT-4 ของ OpenAI เพื่อมอบหมายเอเจนต์ให้งานอย่างชาญฉลาดตามคำอธิบายและความต้องการ คุณสมบัตินี้ลดเวลาที่ต้องใช้ในการกำหนดค่างานจำนวนมากด้วยเอเจนต์ที่เหมาะสมอย่างมาก คุณสมบัติหลัก: - **การเลือกแบบชุด**: เลือกงานหลายงานโดยใช้ช่องทำเครื่องหมายในตารางงาน - **การมอบหมายแบบคลิกเดียว**: คลิก "AI Assign Agents" เพื่อมอบหมายเอเจนต์ให้กับงานที่เลือกทั้งหมดโดยอัตโนมัติ - **การจับคู่อย่างชาญฉลาด**: GPT-4 วิเคราะห์คำอธิบายงานและความสามารถของเอเจนต์เพื่อทำการมอบหมายที่เหมาะสม ### 📊 การควบคุมเวอร์ชั่น Git สำหรับประวัติงาน **การคอมมิต Git อัตโนมัติติดตามการเปลี่ยนแปลงทุกรายการในงานของคุณ** SHRIMP-TASK-MANAGER ขณะนี้รวมการผสานรวม Git ในตัวที่ติดตามการเปลี่ยนแปลงทั้งหมดในไฟล์ tasks.json ของคุณโดยอัตโนมัติ สิ่งนี้ให้การตรวจสอบครบถ้วนของการแก้ไขงานโดยไม่ต้องแทรกแซงด้วยตนเอง ### 📊 มุมมองประวัติโปรเจกต์ **ติดตามและวิเคราะห์ประวัติการดำเนินงานของโปรเจกต์** SHRIMP-TASK-MANAGER บันทึกงานที่เสร็จสิ้นไปยังไฟล์หน่วยความจำภายในโปรเจกต์โดยอัตโนมัติเมื่อใดก็ตามที่คุณเริ่มเซสชันงานใหม่ มุมมองประวัติโปรเจกต์ใหม่เปิดเผยประวัติงานนี้ ช่วยให้คุณสำรวจว่าโปรเจกต์ของคุณพัฒนาไปอย่างไรเมื่อเวลาผ่านไป ### 🎨 ระบบจัดการเทมเพลต **การปรับแต่งเทมเพลตที่ทรงพลังสำหรับการดำเนินงาน AI** เทมเพลตคือคำแนะนำหลักที่แนะนำ SHRIMP-TASK-MANAGER ในการวิเคราะห์และดำเนินงานประเภทต่างๆ พวกมันกำหนดว่า AI ควรเข้าหามการดำเนินการต่างๆ อย่างไร ตั้งแต่การวางแผนและการวิเคราะห์ไปจนถึงการดำเนินการและการตรวจสอบ ### 🌍 การสนับสนุนนานาชาติ (i18n) **การสนับสนุนหลายภาษาพร้อมการเปลี่ยนภาษาที่ไร้รอยต่อ** - **สามภาษาที่รองรับ**: อังกฤษ (en), จีน (中文) และสเปน (Español) - **การเลือกภาษาแบบถาวร**: ความต้องการภาษาของคุณถูกบันทึกและจดจำ - **การแปล UI ที่สมบูรณ์**: องค์ประกอบ UI, ปุ่ม, ป้ายชื่อ และข้อความทั้งหมดถูกแปลอย่างครบถ้วน ### 🧭 การนำทางและ UI ที่ปรับปรุงแล้ว **การปรับปรุงอินเทอร์เฟซที่ทันสมัยและใช้งานง่าย** - **ระบบแท็บแบบซ้อน**: การนำทางที่จัดระเบียบด้วยแท็บหลักและรอง - **การซิงโครไนซ์สถานะ URL**: URL ของเบราว์เซอร์อัปเดตเพื่อแสดงมุมมองปัจจุบัน - **การนำทางรายละเอียดงาน**: ปุ่มก่อนหน้า/ถัดไปช่วยให้ตรวจสอบงานตามลำดับโดยไม่ต้องกลับไปยังรายชื่อ ## 🔄 การปรับปรุงที่สำคัญ ### การนำทางรายละเอียดงาน **เวิร์กโฟลว์การตรวจสอบงานที่ไร้รอยต่อ** มุมมองรายละเอียดงานตอนนี้รวมปุ่มนำทางก่อนหน้า/ถัดไปที่เปลี่ยนวิธีที่คุณตรวจสอบและทำงานผ่านงาน ### การเพิ่มประสิทธิภาพ - **การเรนเดอร์ที่เหมาะสม**: React hooks ที่จดจำอย่างถูกต้องสำหรับประสิทธิภาพที่ดีขึ้น - **การโหลดแบบ Lazy**: คอมโปเนนต์โหลดตามความต้องการสำหรับการโหลดหน้าเริ่มต้นที่เร็วขึ้น - **การจัดการสถานะที่มีประสิทธิภาพ**: การอัปเดตสถานะที่ไม่จำเป็นลดลง ### ประสบการณ์นักพัฒนา - **ชุดทดสอบที่ครอบคลุม**: เพิ่มการทดสอบการรวมและคุณสมบัติภาษา - **รายการตรวจสอบการทดสอบ**: เอกสารการทดสอบที่มีโครงสร้าง - **การจัดการข้อผิดพลาดที่ดีขึ้น**: ข้อความข้อผิดพลาดที่ให้ข้อมูลมากขึ้น ### การปรับปรุง UI/UX - **ตารางงานที่ปรับปรุง**: ขนาดคอลัมน์และการห่อข้อความที่ดีขึ้น - **โมดัลที่ปรับปรุง**: สไตล์และพฤติกรรมโมดัลที่สอดคล้องกัน - **ตัวอักษรที่ดีขึ้น**: การอ่านที่ปรับปรุงด้วยขนาดฟอนต์ที่อัปเดต ## 🐛 การแก้ไขข้อผิดพลาด ### การแก้ไขที่สำคัญ - **ข้อผิดพลาด useRef Hook**: แก้ไขการนำเข้า React hook ที่ขาดหายไปซึ่งทำให้แอปข้อผิดพลาด - **คีย์การแปล**: เพิ่มคีย์การแปลที่ขาดหายไปสำหรับภาษาที่รองรับทั้งหมด - **ลูป Symbolic Link**: แก้ไขปัญหาลูปอนันต์ในไดเรกทอรี Screenshots ### การแก้ไข UI - **Z-index โมดัล**: แก้ไขปัญหาการซ้อนทับโมดัล - **การเลือกแท็บ**: แก้ไขการคงอยู่ของแท็บข้ามการโหลดหน้าใหม่ - **ตัวเลือกภาษา**: แก้ไขปัญหาการซิงโครไนซ์สถานะ ### การจัดการข้อมูล - **การโหลดโปรไฟล์**: แก้ไขเงื่อนไขการแข่งขันเมื่อเปลี่ยนโปรไฟล์ - **การรีเฟรชงาน**: ปรับปรุงความน่าเชื่อถือของการรีเฟรชอัตโนมัติ - **การโหลดประวัติ**: แก้ไขปัญหาการแบ่งหน้าในมุมมองประวัติ ## 🎯 สรุป เวอร์ชัน 3.0 แสดงถึงการก้าวกระโดดครั้งใหญ่สำหรับ Task Viewer เปลี่ยนจากเครื่องมือแสดงภาพงานอย่างง่ายเป็นแพลตฟอร์มการจัดการงานและการปรับแต่งที่ครอบคลุม ด้วยการสนับสนุนนานาชาติแบบเต็ม การจัดการเทมเพลตที่ทรงพลัง การทำงานอัตโนมัติที่ขับเคลื่อนด้วย AI และความสามารถการติดตามประวัติที่ใช้ Git การเผยแพร่นี้ให้ทีมควบคุมเวิร์กโฟลว์การพัฒนาที่ได้รับความช่วยเหลือจาก AI อย่างที่ไม่เคยมีมาก่อน` }, 'v2.1.0': { title: '🚀 Task Viewer v2.1.0 บันทึกการเผยแพร่', date: 'วันที่เผยแพร่: 29 กรกฎาคม 2025', content: `# 🚀 Task Viewer v2.1.0 บันทึกการเผยแพร่ *วันที่เผยแพร่: 29 กรกฎาคม 2025* ## 🎉 คุณสมบัติใหม่ ### 🔗 เส้นทางไฟล์ที่คลิกได้พร้อมการสนับสนุน Project Root **คัดลอกเส้นทางไฟล์แบบเต็มด้วยการคลิกเดียว!** - **เส้นทางไฟล์แบบคลิกเพื่อคัดลอก**: ตอนนี้เมื่อคุณคลิกที่งานและเข้าไปในหน้ารายละเอียดงาน หากมีไฟล์ที่เกี่ยวข้องที่งานแก้ไขหรือสร้างขึ้น ชื่อไฟล์นั้นจะมีไฮเปอร์ลิงก์ไปยังไฟล์จริงในระบบไฟล์ของคุณ ### 📋 การจัดการ UUID ที่ปรับปรุง **การคัดลอก UUID ที่ง่ายขึ้นพร้อมการโต้ตอบที่ใช้งานง่าย** เมื่อโต้ตอบกับ Claude บางครั้งการอ้างอิงงาน shrimp ได้ง่ายๆ จะมีประโยชน์ ตัวอย่าง: "Claude โปรดทำงาน shrimp นี้ให้เสร็จ: da987923-2afe-4ac3-985e-ac029cc831e7" ดังนั้นเราจึงเพิ่มฟีเจอร์คลิกเพื่อคัดลอกบนป้าย Task # และ UUID ที่แสดงในคอลัมน์ชื่องาน - **คลิกเพื่อคัดลอกป้ายงาน**: คลิกป้ายหมายเลขงานเพื่อคัดลอก UUID ทันที - **UUID แบบต่อกันที่แสดงใต้ชื่องานในคอลัมน์ชื่องาน**: คลิก UUID เพื่อคัดลอก ### 🔄 คอลัมน์การพึ่งพาง for Easy Parallelization เราเพิ่มคอลัมน์การพึ่งพาที่แสดงรายการ UUID ที่เชื่อมโยงของงานที่พึ่งพาใดๆ ตอนนี้คุณสามารถนำทางไปยังงานที่พึ่งพาได้อย่างง่ายดาย ### 🤖 การดำเนินการคำแนะนำ AI **คำแนะนำงาน AI แบบคลิกเดียว** เราเพิ่มคอลัมน์การดำเนินการที่มีอิโมจิหุ่นยนต์ที่มีประโยชน์ หากคุณคลิกอิโมจิ มันจะคัดลอกคำแนะนำ AI ไปยังคลิปบอร์ดซึ่งคุณสามารถวางในแชทเอเจนต์ของคุณได้ คำแนะนำได้รับการเข้ารหัสเพื่อคัดลอกดังต่อไปนี้: "ใช้ตัวจัดการงานเพื่อทำงาน shrimp นี้ให้เสร็จ: < UUID >" คำแนะนำนี้มีประโยชน์สำหรับการขนาน ตัวอย่าง หากงาน 3 งานต่อไปนี้ไม่มีการพึ่งพา คุณสามารถเปิดหน้าต่างเทอร์มินัลหลายหน้าต่างและวางคำแนะนำ AI ## 🔄 การเปลี่ยนแปลง ### การปรับปรุง UI/UX - **การดำเนินการคัดลอกที่ง่ายขึ้น**: การคัดลอก UUID รวมเป็นเพียงการคลิกป้ายงาน - **การพึ่งพามากกว่าหมายเหตุ**: แทนที่คอลัมน์หมายเหตุด้วยคอลัมน์การพึ่งพาที่มีประโยชน์มากกว่า - **บันทึกการเผยแพร่ในแอป**: บันทึกการเผยแพร่สำหรับ task viewer แสดงในแบนเนอร์ด้านบน ## 🐛 การแก้ไขข้อผิดพลาด ### 🚨 การแก้ไขที่สำคัญ: การอัปโหลดไฟล์สร้างสำเนาแบบคงที่ **ปัญหา**: เมื่อเพิ่มโปรไฟล์โดยการอัปโหลดไฟล์ tasks.json ระบบกำลังสร้างสำเนาแบบคงที่ในไดเรกทอรี /tmp/ นั่นหมายความว่าการเปลี่ยนแปลงใดๆ ในไฟล์งานจริงของคุณจะไม่แสดงในตัวแสดงผล **วิธีแก้ไข**: ลบการอัปโหลดไฟล์ออกทั้งหมด ตอนนี้คุณต้องป้อนเส้นทางโฟลเดอร์โดยตรง และระบบจะเพิ่ม /tasks.json โดยอัตโนมัติ สิ่งนี้ช่วยให้ตัวแสดงผลอ่านจากไฟล์จริงของคุณเสมอ` } }, readme: { title: '🦐 Shrimp Task Manager Viewer', content: `# 🦐 Shrimp Task Manager Viewer อินเทอร์เฟซเว็บแบบโมเดิร์นที่ใช้ React สำหรับดูและจัดการงานของ [Shrimp Task Manager](https://github.com/cjo4m06/mcp-shrimp-task-manager) ที่สร้างผ่านเครื่องมือ MCP (Model Context Protocol) อินเทอร์เฟซแบบภาพนี้ช่วยให้คุณสามารถดูข้อมูลงานรายละเอียด ติดตามความคืบหน้าในโปรเจกต์หลายโปรเจกต์ และคัดลอก UUID ของงานเพื่อใช้กับ AI agent ได้อย่างง่ายดาย ## ทำไมต้องใช้ Shrimp Task Viewer? เมื่อใช้ Shrimp Task Manager เป็น MCP server กับ AI agent เช่น Claude ตัวแสดงผลนี้จะให้มุมมองที่จำเป็นสำหรับระบบงานของคุณ: - **ภาพรวมงานแบบภาพ**: ดูงานทั้งหมด สถานะ การพึ่งพา และความคืบหน้าในอินเทอร์เฟซแท็บที่สะอาด - **การจัดการ UUID**: คลิกที่ป้ายงานเพื่อคัดลอก UUID ทันทีสำหรับคำสั่งเช่น "ใช้ตัวจัดการงานเพื่อทำงาน shrimp นี้ให้เสร็จ: [UUID]" - **การดำเนินการแบบขนาน**: เปิดหลายเทอร์มินัลและใช้คอลัมน์การดำเนินการ AI (🤖) เพื่อคัดลอกคำแนะนำงาน - **อัปเดตสด**: การอ่านไฟล์โดยตรงช่วยให้คุณมองเห็นสถานะงานปัจจุบันเสมอ - **การสนับสนุนหลายโปรเจกต์**: จัดการงานในโปรเจกต์ต่างๆ ด้วยแท็บโปรไฟล์ที่ลากได้ ## 🌟 คุณสมบัติ ### 🏷️ อินเทอร์เฟซแท็บแบบโมเดิร์น - **แท็บลางได้**: จัดลำดับโปรไฟล์ใหม่โดยการลากแท็บ - **การออกแบบระดับมืออาชีพ**: แท็บสไตล์เบราว์เซอร์ที่เชื่อมต่อกับเนื้อหาอย่างไร้รอยต่อ - **ฟีดแบ็กแบบภาพ**: การระบุแท็บที่ใช้งานที่ชัดเจนและเอฟเฟกต์ hover ### 🔍 การค้นหาและการกรองขั้นสูง - **การค้นหาแบบเรียลไทม์**: การกรองงานทันทีตามชื่อ คำอธิบาย สถานะ หรือ ID - **คอลัมน์เรียงได้**: คลิกหัวคอลัมน์เพื่อเรียงตามฟิลด์ใดก็ได้ - **การออกแบบตอบสนอง**: ทำงานได้อย่างสมบูรณ์แบบบนเดสก์ท็อป แท็บเล็ต และมือถือ ### 🔄 การรีเฟรชอัตโนมัติอย่างชาญฉลาด - **ช่วงเวลาที่กำหนดได้**: เลือกจาก 5 วินาที 10 วินาที 15 วินาที 30 วินาที 1 นาที 2 นาที หรือ 5 นาที - **การควบคุมอัจฉริยะ**: การเปิด/ปิดการรีเฟรชอัตโนมัติพร้อมการเลือกช่วงเวลา - **การรีเฟรชด้วยตนเอง**: ปุ่มรีเฟรชแบบเฉพาะสำหรับการอัปเดตตามต้องการ ### 📊 การจัดการงานแบบครอบคลุม - **สถิติงาน**: จำนวนงานแบบสด สำหรับรวม เสร็จสิ้น กำลังดำเนินการ และรอดำเนินการ - **การจัดการโปรไฟล์**: เพิ่ม/ลบ/จัดลำดับใหม่โปรไฟล์ผ่านอินเทอร์เฟซที่ใช้งานง่าย - **การตั้งค่าแบบถาวร**: การกำหนดค่าโปรไฟล์บันทึกข้ามเซสชัน ## 🚀 เริ่มต้นอย่างรวดเร็ว ### การติดตั้งและการตั้งค่า 1. **โคลนและนำทางไปยังไดเรกทอรี task viewer** \`\`\`bash cd path/to/mcp-shrimp-task-manager/tools/task-viewer \`\`\` 2. **ติดตั้งการพึ่งพา** \`\`\`bash npm install \`\`\` 3. **สร้างแอปพลิเคชัน React** \`\`\`bash npm run build \`\`\` 4. **เริ่มเซิร์ฟเวอร์** \`\`\`bash npm start \`\`\` ตัวแสดงผลจะพร้อมใช้งานที่ http://localhost:9998 ### โหมดการพัฒนา สำหรับการพัฒนาพร้อม hot reload: \`\`\`bash # เริ่มเซิร์ฟเวอร์การพัฒนา npm run dev \`\`\` แอปจะพร้อมใช้งานที่ http://localhost:3000 พร้อมการสร้างใหม่อัตโนมัติเมื่อมีการเปลี่ยนแปลงไฟล์ ## 🖥️ การใช้งาน ### เริ่มต้นใช้งาน 1. **เริ่มเซิร์ฟเวอร์**: npm start 2. **เปิดเบราว์เซอร์**: ไปยัง http://127.0.0.1:9998 3. **เพิ่มโปรไฟล์แรกของคุณ**: คลิกปุ่ม "+ เพิ่มแท็บ" และป้อนรายละเอียดโปรไฟล์ 4. **จัดการงานของคุณ**: ใช้แท็บเพื่อเปลี่ยนโปรไฟล์ ค้นหางาน และกำหนดค่าการรีเฟรช ## 📄 ใบอนุญาต ใบอนุญาต MIT - ดูรายละเอียดในใบอนุญาตโปรเจกต์หลัก ## 🤝 การมีส่วนร่วม เครื่องมือนี้เป็นส่วนหนึ่งของโปรเจกต์ MCP Shrimp Task Manager ยินดีต้อนรับการมีส่วนร่วม! **การจัดการงานที่มีความสุข! 🦐✨** สร้างด้วย ❤️ โดยใช้ React, Vite และเทคโนโลยีเว็บสมัยใหม่` } };