clew-code 0.2.6 → 0.2.8

package/docs/css/styles.css

@@ -8,36 +8,36 @@
 
 /* ── Theme Variables ──────────────────────────────────────────────────── */
 :root {
-  --bg-deep:     #06060b;
-  --bg-primary:  #0a0a0f;
-  --bg-surface:  #101018;
-  --bg-card:     #181825;
-  --bg-hover:    #1e1e2e;
-  --bg-elevated: #22223a;
-
-  --text-primary:    #e8e8ed;
-  --text-secondary:  #9b9ba8;
-  --text-tertiary:   #6b6b7a;
-  --text-inverse:    #0a0a0f;
-
-  --accent:      #7c5cfc;
-  --accent-hover:#9678ff;
-  --accent-muted:rgba(124, 92, 252, 0.12);
-  --accent-glow: rgba(124, 92, 252, 0.2);
-
-  --code-bg:     #0d0d14;
-  --code-text:   #d4d4dc;
-  --code-border: rgba(255, 255, 255, 0.06);
-
-  --border-subtle:  rgba(255, 255, 255, 0.06);
-  --border-default: rgba(255, 255, 255, 0.1);
-  --border-accent:  rgba(124, 92, 252, 0.3);
-
-  --info:       #5898f4;
-  --info-bg:    rgba(88, 152, 244, 0.08);
-  --warn:       #f4a858;
+  --bg-deep:     #07090d;
+  --bg-primary:  #0b0e13;
+  --bg-surface:  #11161d;
+  --bg-card:     #151b24;
+  --bg-hover:    #1b2430;
+  --bg-elevated: #202a36;
+
+  --text-primary:    #eef2f6;
+  --text-secondary:  #a7b1be;
+  --text-tertiary:   #6f7b89;
+  --text-inverse:    #071016;
+
+  --accent:      #59d1c9;
+  --accent-hover:#79e1d9;
+  --accent-muted:rgba(89, 209, 201, 0.12);
+  --accent-glow: rgba(89, 209, 201, 0.2);
+
+  --code-bg:     #080b10;
+  --code-text:   #dce6ef;
+  --code-border: rgba(148, 163, 184, 0.16);
+
+  --border-subtle:  rgba(148, 163, 184, 0.13);
+  --border-default: rgba(148, 163, 184, 0.22);
+  --border-accent:  rgba(89, 209, 201, 0.34);
+
+  --info:       #70a8ff;
+  --info-bg:    rgba(112, 168, 255, 0.08);
+  --warn:       #f3bc5f;
   --warn-bg:    rgba(244, 168, 88, 0.08);
-  --tip:        #58c47c;
+  --tip:        #72d38f;
   --tip-bg:     rgba(88, 196, 124, 0.08);
   --danger:     #e85454;
 
@@ -51,7 +51,7 @@
   --text-lg:  1.125rem;
   --text-xl:  1.5rem;
   --text-2xl: 2rem;
-  --text-3xl: 2.75rem;
+  --text-3xl: 3.1rem;
 
   --leading-tight:   1.2;
   --leading-normal:  1.6;
@@ -72,7 +72,7 @@
   --header-h: 56px;
   --sidebar-w: 260px;
   --toc-w: 220px;
-  --content-max: 820px;
+  --content-max: 900px;
 
   --z-header: 100;
   --z-sidebar: 90;
@@ -91,7 +91,9 @@ body {
   font-size: var(--text-base);
   line-height: var(--leading-normal);
   color: var(--text-primary);
-  background: var(--bg-primary);
+  background:
+    linear-gradient(180deg, rgba(21, 27, 36, 0.98) 0%, var(--bg-primary) 240px),
+    var(--bg-primary);
   min-height: 100vh;
 }
 
@@ -132,7 +134,7 @@ kbd {
   top: 0; left: 0; right: 0;
   height: var(--header-h);
   z-index: var(--z-header);
-  background: rgba(10, 10, 15, 0.85);
+  background: rgba(7, 9, 13, 0.86);
   backdrop-filter: blur(16px);
   -webkit-backdrop-filter: blur(16px);
   border-bottom: 1px solid var(--border-subtle);
@@ -157,7 +159,7 @@ kbd {
   font-size: 1rem;
   color: var(--text-primary);
   text-decoration: none;
-  letter-spacing: -0.02em;
+  letter-spacing: 0;
 }
 .logo:hover { opacity: 0.85; text-decoration: none; }
 
@@ -219,7 +221,9 @@ kbd {
   top: var(--header-h); left: 0; bottom: 0;
   width: var(--sidebar-w);
   z-index: var(--z-sidebar);
-  background: var(--bg-surface);
+  background: rgba(12, 16, 22, 0.96);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
   border-right: 1px solid var(--border-subtle);
   overflow-y: auto;
   padding: var(--space-lg) 0 var(--space-2xl);
@@ -343,7 +347,7 @@ kbd {
   font-family: var(--font-display);
   font-size: var(--text-2xl);
   font-weight: 700;
-  letter-spacing: -0.02em;
+  letter-spacing: 0;
   margin-bottom: var(--space-sm);
   color: var(--text-primary);
 }
@@ -352,7 +356,7 @@ kbd {
   font-family: var(--font-display);
   font-size: var(--text-xl);
   font-weight: 700;
-  letter-spacing: -0.01em;
+  letter-spacing: 0;
   margin: var(--space-2xl) 0 var(--space-md);
   color: var(--text-primary);
 }
@@ -543,7 +547,7 @@ kbd {
   font-size: var(--text-3xl);
   font-weight: 700;
   line-height: var(--leading-tight);
-  letter-spacing: -0.03em;
+  letter-spacing: 0;
   margin-bottom: var(--space-md);
   color: var(--text-primary);
 }
@@ -612,7 +616,7 @@ kbd {
 .feature-card {
   padding: var(--space-lg);
   border-radius: 8px;
-  background: var(--bg-card);
+  background: rgba(21, 27, 36, 0.9);
   border: 1px solid var(--border-subtle);
   transition: all var(--duration-base) ease;
 }
@@ -659,7 +663,7 @@ kbd {
   text-align: center;
   padding: var(--space-lg) var(--space-md);
   border-radius: 8px;
-  background: var(--bg-card);
+  background: rgba(21, 27, 36, 0.9);
   border: 1px solid var(--border-subtle);
 }
 
@@ -667,7 +671,7 @@ kbd {
   font-family: var(--font-display);
   font-size: 1.75rem;
   font-weight: 700;
-  letter-spacing: -0.02em;
+  letter-spacing: 0;
   color: var(--accent);
   line-height: 1.1;
   margin-bottom: 4px;
@@ -682,6 +686,7 @@ kbd {
   border-radius: 8px;
   overflow: hidden;
   margin: var(--space-xl) 0;
+  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);
 }
 
 .terminal-bar {
@@ -712,9 +717,10 @@ kbd {
   line-height: 1.6;
   color: var(--code-text);
   overflow-x: auto;
+  white-space: pre;
 }
 
-.terminal-body .line { display: block; white-space: pre-wrap; }
+.terminal-body .line { display: block; white-space: pre; }
 .terminal-body .prompt { color: var(--accent); }
 .terminal-body .cmd { color: var(--text-primary); }
 .terminal-body .output { color: var(--text-tertiary); }

package/docs/daemon.html

@@ -1,128 +1,129 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Autonomous Daemon — Clew</title>
-  <meta name="description" content="24/7 autonomous background execution — task queue, agent loop, supervisor integration, and recurring tasks.">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="css/styles.css">
-  <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
-</head>
-<body>
-<header class="header"></header>
-<div class="app">
-  <aside class="sidebar" id="sidebar"></aside>
-  <div class="sidebar-overlay" id="sidebarOverlay"></div>
-  <div class="content-wrap">
-    <main class="content">
-      <div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span>Daemon Mode</span></div>
-      <h1>Autonomous Daemon Mode</h1>
-      <p class="section-subtitle">Run Clew as a 24/7 background daemon — task queue, agent loop, health checks, and supervisor auto-respawn for unattended autonomous operation.</p>
-
-      <p>The autonomous system lives in <code>src/services/autonomous/</code> and consists of four main components: the <strong>task queue</strong>, <strong>agent loop</strong>, <strong>daemon entry point</strong>, and <strong>supervisor integration</strong>.</p>
-
-      <h2>Architecture</h2>
-      <pre><code>  + Task Queue (taskQueue.ts)
-  |    File-backed persistent queue
-  |    Priorities Leases Dead-letter
-  |
-  + Agent Loop (agentLoop.ts)
-  |    Dequeue Spawn worker Monitor Retry
-  |
-  + Daemon Mode (daemonMode.ts)
-  |    Background process entry point
-  |
-  + Supervisor (supervisorIntegration.ts)
-       Health checks Auto-respawn State tracking</code></pre>
-
-      <h2>Task Queue</h2>
-      <p>The file-backed persistent queue (<code>src/services/autonomous/taskQueue.ts</code>) is the foundation of the autonomous system:</p>
-      <ul>
-        <li><strong>Persistence</strong> — Tasks survive process restarts via on-disk storage</li>
-        <li><strong>Priorities</strong> — Urgent tasks skip ahead in the queue</li>
-        <li><strong>Leases</strong> — Tasks are leased to workers with TTL; expired leases are retried</li>
-        <li><strong>Dead-letter</strong> — Tasks that exhaust retries are moved to dead-letter for inspection</li>
-        <li><strong>Scheduling</strong> — One-shot and recurring (cron) tasks supported</li>
-      </ul>
-
-      <h2>Agent Loop</h2>
-      <p>The continuous agent loop (<code>src/services/autonomous/agentLoop.ts</code>) runs in the background:</p>
-      <ol>
-        <li><strong>Dequeue</strong> — Pull the highest-priority ready task</li>
-        <li><strong>Spawn worker</strong> — Launch a worker session for the task</li>
-        <li><strong>Monitor</strong> — Track progress, streaming output, and resource usage</li>
-        <li><strong>Retry or complete</strong> — On failure, retry with backoff; on success, record result</li>
-        <li><strong>Repeat</strong> — Check for new tasks and repeat the cycle</li>
-      </ol>
-
-      <h2>Daemon Entry Point</h2>
-      <p><code>src/services/autonomous/daemonMode.ts</code> provides the background process entry point. When started in daemon mode, Clew:</p>
-      <ul>
-        <li>Detaches from the terminal and runs as a background process</li>
-        <li>Logs output to a configurable log file</li>
-        <li>Responds to signals for graceful shutdown</li>
-        <li>Reports status to the supervisor for health tracking</li>
-      </ul>
-
-      <h2>Supervisor Integration</h2>
-      <p><code>src/services/autonomous/supervisorIntegration.ts</code> ensures the daemon stays running:</p>
-      <ul>
-        <li><strong>Health checks</strong> — Periodic heartbeat and resource checks</li>
-        <li><strong>Auto-respawn</strong> — Automatic restart on unexpected exit</li>
-        <li><strong>State tracking</strong> — Current status, running tasks, error counts</li>
-        <li><strong>Graceful degradation</strong> — Reduces polling frequency on repeated failures</li>
-      </ul>
-
-      <h2>Commands</h2>
-      <table>
-        <tr><th>Command</th><th>Description</th></tr>
-        <tr><td><code>/daemon</code></td><td>Open interactive control panel; subcommands: start, stop, status, restart</td></tr>
-        <tr><td><code>/task</code></td><td>Create scheduled or recurring tasks via interactive form</td></tr>
-        <tr><td><code>/task list</code></td><td>List queued, running, and completed tasks</td></tr>
-        <tr><td><code>/loop</code></td><td>Run a prompt or command on a recurring interval (<code>/loop 5m /check-deploy</code>)</td></tr>
-        <tr><td><code>/agents</code></td><td>Manage agent configurations and daemon worker pools</td></tr>
-        <tr><td><code>/tasks</code></td><td>List and manage background agent tasks</td></tr>
-      </table>
-
-      <h2>Task Scheduling</h2>
-      <p>Scheduled tasks can be created through the interactive <code>/task</code> form or programmatically. Storage modes:</p>
-      <ul>
-        <li><strong>Durable</strong> — Persists to <code>.claude/scheduled_tasks.json</code>, survives restarts</li>
-        <li><strong>Session-only</strong> — Kept in memory for the current session only</li>
-      </ul>
-
-      <p>Recurring tasks auto-expire after 30 days. One-shot tasks auto-delete after firing. Custom cron expressions are supported (standard 5-field format).</p>
-
-      <pre><code>/task
-Name: Deploy health check
-Schedule: Daily
-Time: 09:00
-Prompt: Check deployment status and report
-Storage: Durable</code></pre>
-
-      <h2>Architecture Files</h2>
-      <table>
-        <tr><th>File</th><th>Role</th></tr>
-        <tr><td><code>src/services/autonomous/taskQueue.ts</code></td><td>Persistent task queue with priorities, leases, dead-letter</td></tr>
-        <tr><td><code>src/services/autonomous/agentLoop.ts</code></td><td>Continuous 24/7 agent loop</td></tr>
-        <tr><td><code>src/services/autonomous/daemonMode.ts</code></td><td>Background daemon entry point</td></tr>
-        <tr><td><code>src/services/autonomous/supervisorIntegration.ts</code></td><td>Health checks, auto-respawn, state tracking</td></tr>
-      </table>
-
-      <footer class="footer">
-        <span>Clew Code v0.2.4 — Open Source</span>
-        <div class="footer-links">
-          <a href="https://github.com/JonusNattapong/ClewCode">GitHub</a>
-          <a href="https://github.com/JonusNattapong/ClewCode/issues">Issues</a>
-        </div>
-      </footer>
-    </main>
-    <nav class="toc-sidebar"></nav>
-  </div>
-</div>
-<script src="js/main.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Autonomous Daemon — Clew</title>
+  <meta name="description" content="24/7 autonomous background execution — task queue, agent loop, supervisor integration, and recurring tasks.">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="css/styles.css">
+  <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
+</head>
+<body>
+<header class="header"></header>
+<div class="app">
+  <aside class="sidebar" id="sidebar"></aside>
+  <div class="sidebar-overlay" id="sidebarOverlay"></div>
+  <div class="content-wrap">
+    <main class="content">
+      <div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span>Daemon Mode</span></div>
+      <h1>Autonomous Daemon Mode</h1>
+      <p class="section-subtitle">Run Clew as a 24/7 background daemon — task queue, agent loop, health checks, and supervisor auto-respawn for unattended autonomous operation.</p>
+
+      <p>The autonomous system lives in <code>src/services/autonomous/</code> and consists of four main components: the <strong>task queue</strong>, <strong>agent loop</strong>, <strong>daemon entry point</strong>, and <strong>supervisor integration</strong>.</p>
+
+      <h2>Architecture</h2>
+      <pre><code>  + Task Queue (taskQueue.ts)
+  |    File-backed persistent queue
+  |    Priorities Leases Dead-letter
+  |
+  + Agent Loop (agentLoop.ts)
+  |    Dequeue Spawn worker Monitor Retry
+  |
+  + Daemon Mode (daemonMode.ts)
+  |    Background process entry point
+  |
+  + Supervisor (supervisorIntegration.ts)
+       Health checks Auto-respawn State tracking</code></pre>
+
+      <h2>Task Queue</h2>
+      <p>The file-backed persistent queue (<code>src/services/autonomous/taskQueue.ts</code>) is the foundation of the autonomous system:</p>
+      <ul>
+        <li><strong>Persistence</strong> — Tasks survive process restarts via on-disk storage</li>
+        <li><strong>Priorities</strong> — Urgent tasks skip ahead in the queue</li>
+        <li><strong>Leases</strong> — Tasks are leased to workers with TTL; expired leases are retried</li>
+        <li><strong>Dead-letter</strong> — Tasks that exhaust retries are moved to dead-letter for inspection</li>
+        <li><strong>Scheduling</strong> — One-shot and recurring (cron) tasks supported</li>
+      </ul>
+
+      <h2>Agent Loop</h2>
+      <p>The continuous agent loop (<code>src/services/autonomous/agentLoop.ts</code>) runs in the background:</p>
+      <ol>
+        <li><strong>Dequeue</strong> — Pull the highest-priority ready task</li>
+        <li><strong>Spawn worker</strong> — Launch a worker session for the task</li>
+        <li><strong>Monitor</strong> — Track progress, streaming output, and resource usage</li>
+        <li><strong>Retry or complete</strong> — On failure, retry with backoff; on success, record result</li>
+        <li><strong>Repeat</strong> — Check for new tasks and repeat the cycle</li>
+      </ol>
+
+      <h2>Daemon Entry Point</h2>
+      <p><code>src/services/autonomous/daemonMode.ts</code> provides the background process entry point. When started in daemon mode, Clew:</p>
+      <ul>
+        <li>Detaches from the terminal and runs as a background process</li>
+        <li>Logs output to a configurable log file</li>
+        <li>Responds to signals for graceful shutdown</li>
+        <li>Reports status to the supervisor for health tracking</li>
+      </ul>
+
+      <h2>Supervisor Integration</h2>
+      <p><code>src/services/autonomous/supervisorIntegration.ts</code> ensures the daemon stays running:</p>
+      <ul>
+        <li><strong>Health checks</strong> — Periodic heartbeat and resource checks</li>
+        <li><strong>Auto-respawn</strong> — Automatic restart on unexpected exit</li>
+        <li><strong>State tracking</strong> — Current status, running tasks, error counts</li>
+        <li><strong>Graceful degradation</strong> — Reduces polling frequency on repeated failures</li>
+      </ul>
+
+      <h2>Commands</h2>
+      <table>
+        <tr><th>Command</th><th>Description</th></tr>
+        <tr><td><code>/daemon</code></td><td>Open interactive control panel; subcommands: start, stop, status, restart</td></tr>
+        <tr><td><code>/task</code></td><td>Create scheduled or recurring tasks via interactive form</td></tr>
+        <tr><td><code>/task list</code></td><td>List queued, running, and completed tasks</td></tr>
+        <tr><td><code>/loop</code></td><td>Run a prompt or command on a recurring interval (<code>/loop 5m /check-deploy</code>)</td></tr>
+        <tr><td><code>/agents</code></td><td>Manage agent configurations and daemon worker pools</td></tr>
+        <tr><td><code>/tasks</code></td><td>List and manage background agent tasks</td></tr>
+      </table>
+
+      <h2>Task Scheduling</h2>
+      <p>Scheduled tasks can be created through the interactive <code>/task</code> form or programmatically. Storage modes:</p>
+      <ul>
+        <li><strong>Durable</strong> — Persists to <code>.claude/scheduled_tasks.json</code>, survives restarts</li>
+        <li><strong>Session-only</strong> — Kept in memory for the current session only</li>
+      </ul>
+
+      <p>Recurring tasks auto-expire after 30 days. One-shot tasks auto-delete after firing. Custom cron expressions are supported (standard 5-field format).</p>
+
+      <pre><code>/task
+Name: Deploy health check
+Schedule: Daily
+Time: 09:00
+Prompt: Check deployment status and report
+Storage: Durable</code></pre>
+
+      <h2>Architecture Files</h2>
+      <table>
+        <tr><th>File</th><th>Role</th></tr>
+        <tr><td><code>src/services/autonomous/taskQueue.ts</code></td><td>Persistent task queue with priorities, leases, dead-letter</td></tr>
+        <tr><td><code>src/services/autonomous/agentLoop.ts</code></td><td>Continuous 24/7 agent loop</td></tr>
+        <tr><td><code>src/services/autonomous/daemonMode.ts</code></td><td>Background daemon entry point</td></tr>
+        <tr><td><code>src/services/autonomous/supervisorIntegration.ts</code></td><td>Health checks, auto-respawn, state tracking</td></tr>
+      </table>
+
+      <footer class="footer">
+        <span>Clew Code v0.2.7 — Open Source</span>
+        <div class="footer-links">
+          <a href="https://github.com/ClewCode/ClewCode">GitHub</a>
+          <a href="https://github.com/ClewCode/ClewCode/issues">Issues</a>
+        </div>
+      </footer>
+    </main>
+    <nav class="toc-sidebar"></nav>
+  </div>
+</div>
+<script src="js/main.js"></script>
+</body>
+</html>
+

package/docs/daemon.th.html

@@ -1,72 +1,73 @@
-<!DOCTYPE html>
-<html lang="th">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Daemon อัตโนมัติ — Clew</title>
-  <meta name="description" content="การดำเนินการพื้นหลังอัตโนมัติ 24/7 — คิวงาน, วนซ้ำเอเจนต์, การรวมผู้ดูแล, และงานที่ทำซ้ำ">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="css/styles.css">
-  <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
-</head>
-<body>
-<header class="header"></header>
-<div class="app">
-  <aside class="sidebar" id="sidebar"></aside>
-  <div class="sidebar-overlay" id="sidebarOverlay"></div>
-  <div class="content-wrap">
-    <main class="content">
-      <div class="breadcrumbs"><a href="index.th.html">หน้าแรก</a><span class="sep">/</span><span>โหมด Daemon</span></div>
-      <h1>โหมด Daemon อัตโนมัติ</h1>
-      <p class="section-subtitle">รัน Clew เป็น daemon พื้นหลัง 24/7 — คิวงาน, วนซ้ำเอเจนต์, การตรวจสอบสุขภาพ, และการเริ่มใหม่โดยอัตโนมัติ</p>
-
-      <p>ระบบอัตโนมัติอยู่ใน <code>src/services/autonomous/</code> และประกอบด้วยสี่องค์ประกอบหลัก: <strong>คิวงาน</strong>, <strong>วนซ้ำเอเจนต์</strong>, <strong>จุดเข้า daemon</strong>, และ <strong>การรวมผู้ดูแล</strong></p>
-
-      <h2>สถาปัตยกรรม</h2>
-      <pre><code>  + คิวงาน (taskQueue.ts)
-  |    คิวถาวรแบบไฟล์
-  |    ลำดับความสำคัญ การเช่า จดหมายตาย
-  |
-  + วนซ้ำเอเจนต์ (agentLoop.ts)
-  |    ดึงจากคิว สร้างเวิร์กเกอร์ ติดตาม ลองใหม่
-  |
-  + โหมด Daemon (daemonMode.ts)
-  |    จุดเข้ากระบวนการพื้นหลัง
-  |
-  + ผู้ดูแล (supervisorIntegration.ts)
-       ตรวจสอบสุขภาพ เริ่มใหม่อัตโนมัติ ติดตามสถานะ</code></pre>
-
-      <h2>คิวงาน</h2>
-      <p>คิวถาวรแบบไฟล์ (<code>src/services/autonomous/taskQueue.ts</code>) เป็นรากฐานของระบบอัตโนมัติ:</p>
-      <ul>
-        <li><strong>ความคงทน</strong> — งานอยู่รอดการรีสตาร์ทกระบวนการผ่านการจัดเก็บในดิสก์</li>
-        <li><strong>ลำดับความสำคัญ</strong> — งานเร่งด่วนข้ามคิวไปก่อน</li>
-        <li><strong>การเช่า</strong> — งานถูกเช่าให้เวิร์กเกอร์พร้อม TTL; การเช่าที่หมดอายุถูกลองใหม่</li>
-        <li><strong>จดหมายตาย</strong> — งานที่ใช้การลองจนหมดถูกย้ายไปตรวจสอบ</li>
-      </ul>
-
-      <h2>คำสั่ง</h2>
-      <table>
-        <tr><th>คำสั่ง</th><th>คำอธิบาย</th></tr>
-        <tr><td><code>/daemon</code></td><td>เปิดแผงควบคุมแบบโต้ตอบ; คำสั่งย่อย: start, stop, status, restart</td></tr>
-        <tr><td><code>/task</code></td><td>สร้างงานตามกำหนดการผ่านแบบฟอร์มโต้ตอบ</td></tr>
-        <tr><td><code>/loop</code></td><td>รันคำสั่งซ้ำตามช่วงเวลา</td></tr>
-        <tr><td><code>/agents</code></td><td>จัดการการตั้งค่าเอเจนต์และพูลเวิร์กเกอร์ daemon</td></tr>
-      </table>
-
-      <footer class="footer">
-        <span>Clew Code v0.2.4 — โอเพนซอร์ส</span>
-        <div class="footer-links">
-          <a href="https://github.com/JonusNattapong/ClewCode">GitHub</a>
-          <a href="https://github.com/JonusNattapong/ClewCode/issues">ปัญหา</a>
-        </div>
-      </footer>
-    </main>
-    <nav class="toc-sidebar"></nav>
-  </div>
-</div>
-<script src="js/main.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="th">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Daemon อัตโนมัติ — Clew</title>
+  <meta name="description" content="การดำเนินการพื้นหลังอัตโนมัติ 24/7 — คิวงาน, วนซ้ำเอเจนต์, การรวมผู้ดูแล, และงานที่ทำซ้ำ">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="css/styles.css">
+  <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
+</head>
+<body>
+<header class="header"></header>
+<div class="app">
+  <aside class="sidebar" id="sidebar"></aside>
+  <div class="sidebar-overlay" id="sidebarOverlay"></div>
+  <div class="content-wrap">
+    <main class="content">
+      <div class="breadcrumbs"><a href="index.th.html">หน้าแรก</a><span class="sep">/</span><span>โหมด Daemon</span></div>
+      <h1>โหมด Daemon อัตโนมัติ</h1>
+      <p class="section-subtitle">รัน Clew เป็น daemon พื้นหลัง 24/7 — คิวงาน, วนซ้ำเอเจนต์, การตรวจสอบสุขภาพ, และการเริ่มใหม่โดยอัตโนมัติ</p>
+
+      <p>ระบบอัตโนมัติอยู่ใน <code>src/services/autonomous/</code> และประกอบด้วยสี่องค์ประกอบหลัก: <strong>คิวงาน</strong>, <strong>วนซ้ำเอเจนต์</strong>, <strong>จุดเข้า daemon</strong>, และ <strong>การรวมผู้ดูแล</strong></p>
+
+      <h2>สถาปัตยกรรม</h2>
+      <pre><code>  + คิวงาน (taskQueue.ts)
+  |    คิวถาวรแบบไฟล์
+  |    ลำดับความสำคัญ การเช่า จดหมายตาย
+  |
+  + วนซ้ำเอเจนต์ (agentLoop.ts)
+  |    ดึงจากคิว สร้างเวิร์กเกอร์ ติดตาม ลองใหม่
+  |
+  + โหมด Daemon (daemonMode.ts)
+  |    จุดเข้ากระบวนการพื้นหลัง
+  |
+  + ผู้ดูแล (supervisorIntegration.ts)
+       ตรวจสอบสุขภาพ เริ่มใหม่อัตโนมัติ ติดตามสถานะ</code></pre>
+
+      <h2>คิวงาน</h2>
+      <p>คิวถาวรแบบไฟล์ (<code>src/services/autonomous/taskQueue.ts</code>) เป็นรากฐานของระบบอัตโนมัติ:</p>
+      <ul>
+        <li><strong>ความคงทน</strong> — งานอยู่รอดการรีสตาร์ทกระบวนการผ่านการจัดเก็บในดิสก์</li>
+        <li><strong>ลำดับความสำคัญ</strong> — งานเร่งด่วนข้ามคิวไปก่อน</li>
+        <li><strong>การเช่า</strong> — งานถูกเช่าให้เวิร์กเกอร์พร้อม TTL; การเช่าที่หมดอายุถูกลองใหม่</li>
+        <li><strong>จดหมายตาย</strong> — งานที่ใช้การลองจนหมดถูกย้ายไปตรวจสอบ</li>
+      </ul>
+
+      <h2>คำสั่ง</h2>
+      <table>
+        <tr><th>คำสั่ง</th><th>คำอธิบาย</th></tr>
+        <tr><td><code>/daemon</code></td><td>เปิดแผงควบคุมแบบโต้ตอบ; คำสั่งย่อย: start, stop, status, restart</td></tr>
+        <tr><td><code>/task</code></td><td>สร้างงานตามกำหนดการผ่านแบบฟอร์มโต้ตอบ</td></tr>
+        <tr><td><code>/loop</code></td><td>รันคำสั่งซ้ำตามช่วงเวลา</td></tr>
+        <tr><td><code>/agents</code></td><td>จัดการการตั้งค่าเอเจนต์และพูลเวิร์กเกอร์ daemon</td></tr>
+      </table>
+
+      <footer class="footer">
+        <span>Clew Code v0.2.7 — โอเพนซอร์ส</span>
+        <div class="footer-links">
+          <a href="https://github.com/ClewCode/ClewCode">GitHub</a>
+          <a href="https://github.com/ClewCode/ClewCode/issues">ปัญหา</a>
+        </div>
+      </footer>
+    </main>
+    <nav class="toc-sidebar"></nav>
+  </div>
+</div>
+<script src="js/main.js"></script>
+</body>
+</html>
+