npm - @hybridaione/hybridclaw - Versions diffs - 0.1.5 - Mend

@hybridaione/hybridclaw 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (196) hide show

package/.env.example +14 -0
package/.github/workflows/pages.yml +41 -0
package/AGENTS.md +24 -0
package/CHANGELOG.md +113 -0
package/LICENSE +21 -0
package/README.md +226 -0
package/SECURITY.md +67 -0
package/config.example.json +62 -0
package/container/Dockerfile +23 -0
package/container/package-lock.json +246 -0
package/container/package.json +17 -0
package/container/src/hybridai-client.ts +38 -0
package/container/src/index.ts +198 -0
package/container/src/ipc.ts +37 -0
package/container/src/tools.ts +1008 -0
package/container/src/types.ts +74 -0
package/container/src/web-fetch.ts +389 -0
package/container/tsconfig.json +16 -0
package/dist/agent.d.ts +3 -0
package/dist/agent.d.ts.map +1 -0
package/dist/agent.js +21 -0
package/dist/agent.js.map +1 -0
package/dist/cli.d.ts +3 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +32 -0
package/dist/cli.js.map +1 -0
package/dist/config.d.ts +38 -0
package/dist/config.d.ts.map +1 -0
package/dist/config.js +107 -0
package/dist/config.js.map +1 -0
package/dist/container-runner.d.ts +11 -0
package/dist/container-runner.d.ts.map +1 -0
package/dist/container-runner.js +246 -0
package/dist/container-runner.js.map +1 -0
package/dist/conversation.d.ts +18 -0
package/dist/conversation.d.ts.map +1 -0
package/dist/conversation.js +29 -0
package/dist/conversation.js.map +1 -0
package/dist/db.d.ts +29 -0
package/dist/db.d.ts.map +1 -0
package/dist/db.js +205 -0
package/dist/db.js.map +1 -0
package/dist/discord.d.ts +17 -0
package/dist/discord.d.ts.map +1 -0
package/dist/discord.js +115 -0
package/dist/discord.js.map +1 -0
package/dist/env.d.ts +6 -0
package/dist/env.d.ts.map +1 -0
package/dist/env.js +36 -0
package/dist/env.js.map +1 -0
package/dist/gateway-client.d.ts +8 -0
package/dist/gateway-client.d.ts.map +1 -0
package/dist/gateway-client.js +57 -0
package/dist/gateway-client.js.map +1 -0
package/dist/gateway-service.d.ts +23 -0
package/dist/gateway-service.d.ts.map +1 -0
package/dist/gateway-service.js +360 -0
package/dist/gateway-service.js.map +1 -0
package/dist/gateway-types.d.ts +40 -0
package/dist/gateway-types.d.ts.map +1 -0
package/dist/gateway-types.js +6 -0
package/dist/gateway-types.js.map +1 -0
package/dist/gateway.d.ts +2 -0
package/dist/gateway.d.ts.map +1 -0
package/dist/gateway.js +138 -0
package/dist/gateway.js.map +1 -0
package/dist/hatch.d.ts +7 -0
package/dist/hatch.d.ts.map +1 -0
package/dist/hatch.js +99 -0
package/dist/hatch.js.map +1 -0
package/dist/health.d.ts +2 -0
package/dist/health.d.ts.map +1 -0
package/dist/health.js +169 -0
package/dist/health.js.map +1 -0
package/dist/heartbeat.d.ts +3 -0
package/dist/heartbeat.d.ts.map +1 -0
package/dist/heartbeat.js +103 -0
package/dist/heartbeat.js.map +1 -0
package/dist/hybridai-bots.d.ts +5 -0
package/dist/hybridai-bots.d.ts.map +1 -0
package/dist/hybridai-bots.js +34 -0
package/dist/hybridai-bots.js.map +1 -0
package/dist/index.d.ts +2 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +60 -0
package/dist/index.js.map +1 -0
package/dist/ipc.d.ts +33 -0
package/dist/ipc.d.ts.map +1 -0
package/dist/ipc.js +142 -0
package/dist/ipc.js.map +1 -0
package/dist/logger.d.ts +3 -0
package/dist/logger.d.ts.map +1 -0
package/dist/logger.js +21 -0
package/dist/logger.js.map +1 -0
package/dist/mount-security.d.ts +28 -0
package/dist/mount-security.d.ts.map +1 -0
package/dist/mount-security.js +187 -0
package/dist/mount-security.js.map +1 -0
package/dist/onboarding.d.ts +7 -0
package/dist/onboarding.d.ts.map +1 -0
package/dist/onboarding.js +445 -0
package/dist/onboarding.js.map +1 -0
package/dist/prompt-hooks.d.ts +17 -0
package/dist/prompt-hooks.d.ts.map +1 -0
package/dist/prompt-hooks.js +83 -0
package/dist/prompt-hooks.js.map +1 -0
package/dist/runtime-config.d.ts +78 -0
package/dist/runtime-config.d.ts.map +1 -0
package/dist/runtime-config.js +471 -0
package/dist/runtime-config.js.map +1 -0
package/dist/scheduled-task-runner.d.ts +11 -0
package/dist/scheduled-task-runner.d.ts.map +1 -0
package/dist/scheduled-task-runner.js +16 -0
package/dist/scheduled-task-runner.js.map +1 -0
package/dist/scheduler.d.ts +11 -0
package/dist/scheduler.d.ts.map +1 -0
package/dist/scheduler.js +165 -0
package/dist/scheduler.js.map +1 -0
package/dist/session-maintenance.d.ts +9 -0
package/dist/session-maintenance.d.ts.map +1 -0
package/dist/session-maintenance.js +168 -0
package/dist/session-maintenance.js.map +1 -0
package/dist/session-transcripts.d.ts +11 -0
package/dist/session-transcripts.d.ts.map +1 -0
package/dist/session-transcripts.js +32 -0
package/dist/session-transcripts.js.map +1 -0
package/dist/side-effects.d.ts +3 -0
package/dist/side-effects.d.ts.map +1 -0
package/dist/side-effects.js +30 -0
package/dist/side-effects.js.map +1 -0
package/dist/skills.d.ts +32 -0
package/dist/skills.d.ts.map +1 -0
package/dist/skills.js +376 -0
package/dist/skills.js.map +1 -0
package/dist/tui.d.ts +2 -0
package/dist/tui.d.ts.map +1 -0
package/dist/tui.js +305 -0
package/dist/tui.js.map +1 -0
package/dist/types.d.ts +132 -0
package/dist/types.d.ts.map +1 -0
package/dist/types.js +3 -0
package/dist/types.js.map +1 -0
package/dist/workspace.d.ts +25 -0
package/dist/workspace.d.ts.map +1 -0
package/dist/workspace.js +154 -0
package/dist/workspace.js.map +1 -0
package/docs/chat.html +929 -0
package/docs/hai_logo_free.png +0 -0
package/docs/hero.png +0 -0
package/docs/index.html +1213 -0
package/package.json +34 -0
package/skills/current-time/SKILL.md +26 -0
package/skills/iss-position/SKILL.md +46 -0
package/skills/iss-position/agents/openai.yaml +3 -0
package/skills/iss-position/scripts/get_iss_position.py +107 -0
package/skills/repo-orientation/SKILL.md +74 -0
package/src/agent.ts +35 -0
package/src/cli.ts +35 -0
package/src/config.ts +137 -0
package/src/container-runner.ts +305 -0
package/src/conversation.ts +49 -0
package/src/db.ts +290 -0
package/src/discord.ts +156 -0
package/src/env.ts +36 -0
package/src/gateway-client.ts +73 -0
package/src/gateway-service.ts +456 -0
package/src/gateway-types.ts +47 -0
package/src/gateway.ts +199 -0
package/src/health.ts +189 -0
package/src/heartbeat.ts +121 -0
package/src/hybridai-bots.ts +48 -0
package/src/ipc.ts +163 -0
package/src/logger.ts +26 -0
package/src/mount-security.ts +216 -0
package/src/onboarding.ts +569 -0
package/src/prompt-hooks.ts +113 -0
package/src/runtime-config.ts +588 -0
package/src/scheduled-task-runner.ts +26 -0
package/src/scheduler.ts +196 -0
package/src/session-maintenance.ts +263 -0
package/src/session-transcripts.ts +45 -0
package/src/side-effects.ts +41 -0
package/src/skills.ts +429 -0
package/src/tui.ts +327 -0
package/src/types.ts +135 -0
package/src/workspace.ts +171 -0
package/templates/AGENTS.md +104 -0
package/templates/BOOT.md +3 -0
package/templates/BOOTSTRAP.md +54 -0
package/templates/HEARTBEAT.md +5 -0
package/templates/IDENTITY.md +18 -0
package/templates/MEMORY.md +19 -0
package/templates/SOUL.md +36 -0
package/templates/TOOLS.md +22 -0
package/templates/USER.md +17 -0
package/tsconfig.json +18 -0

package/docs/index.html ADDED Viewed

@@ -0,0 +1,1213 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>HybridClaw — Enterprise AI Digital Coworker</title>
+  <style>
+    :root {
+      --bg: #0a1221;
+      --bg-card: #0f1a2e;
+      --bg-card-hover: #162240;
+      --border: #1e3050;
+      --text: #f8fafc;
+      --text-dim: #94a3b8;
+      --text-faint: #64748b;
+      --accent-1: #4a6cf7; /* HybridAI blue */
+      --accent-2: #3b5bdb; /* deep blue */
+      --accent-teal: #5ce0d8;
+      --accent-teal-2: #31c9bf;
+      --accent-gold: #FFD700;
+      --accent-gradient: linear-gradient(135deg, #4a6cf7, #7c3aed);
+      --accent-gradient-teal: linear-gradient(135deg, var(--accent-teal), var(--accent-teal-2));
+      --accent-glow: rgba(74, 108, 247, 0.15);
+      --code-bg: #060e1a;
+      --success: #10b981;
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      line-height: 1.6;
+      overflow-x: hidden;
+    }
+    a { color: var(--accent-1); text-decoration: none; transition: color 0.2s; }
+    a:hover { color: var(--accent-2); }
+    /* NAV */
+    nav {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 100;
+      background: rgba(10, 18, 33, 0.88);
+      backdrop-filter: blur(16px);
+      border-bottom: 1px solid var(--border);
+      padding: 0 2rem;
+    }
+    .nav-inner {
+      max-width: 1100px;
+      margin: 0 auto;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 60px;
+    }
+    .nav-logo {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.55rem;
+      font-weight: 700;
+      font-size: 1.2rem;
+      letter-spacing: -0.02em;
+    }
+    .nav-logo-img {
+      width: 26px;
+      height: 26px;
+      object-fit: contain;
+      filter: drop-shadow(0 0 10px rgba(74, 108, 247, 0.25));
+    }
+    .nav-logo-text {
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    .nav-links { display: flex; gap: 1.5rem; align-items: center; }
+    .nav-links a { color: var(--text-dim); font-size: 0.9rem; }
+    .nav-links a:hover { color: var(--text); }
+    .nav-gh {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.4rem;
+      padding: 0.4rem 0.9rem;
+      border: 1px solid var(--border);
+      border-radius: 6px;
+      font-size: 0.85rem;
+      color: var(--text-dim) !important;
+      transition: border-color 0.2s, color 0.2s;
+    }
+    .nav-gh:hover { border-color: var(--accent-1); color: var(--text) !important; }
+    /* HERO */
+    .hero {
+      max-width: 1100px;
+      margin: 0 auto;
+      padding: 10rem 2rem 6rem;
+      text-align: center;
+    }
+    .hero-img {
+      display: block;
+      width: 220px;
+      height: auto;
+      margin: 0 auto 2rem;
+      filter: drop-shadow(0 0 40px rgba(74, 108, 247, 0.2));
+    }
+    .hero-badge {
+      display: inline-block;
+      padding: 0.35rem 1rem;
+      border-radius: 999px;
+      border: 1px solid var(--border);
+      font-size: 0.8rem;
+      color: var(--text-dim);
+      margin-bottom: 2rem;
+      background: var(--bg-card);
+    }
+    .hero-badge span {
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      font-weight: 600;
+    }
+    .hero h1 {
+      font-size: clamp(2.5rem, 6vw, 4rem);
+      font-weight: 800;
+      line-height: 1.1;
+      letter-spacing: -0.03em;
+      margin-bottom: 1.5rem;
+    }
+    .hero h1 .gradient {
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    .hero p {
+      font-size: 1.2rem;
+      color: var(--text-dim);
+      max-width: 600px;
+      margin: 0 auto 2.5rem;
+      line-height: 1.7;
+    }
+    .hero-cta {
+      display: flex;
+      gap: 1rem;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+    .btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.75rem 1.5rem;
+      border-radius: 8px;
+      font-size: 0.95rem;
+      font-weight: 600;
+      transition: all 0.2s;
+      cursor: pointer;
+      border: none;
+    }
+    .btn-primary {
+      background: var(--accent-gradient);
+      color: #fff;
+    }
+    .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); color: #fff; }
+    .btn-secondary {
+      background: var(--bg-card);
+      color: var(--text);
+      border: 1px solid var(--border);
+    }
+    .btn-secondary:hover { border-color: var(--accent-1); transform: translateY(-1px); }
+    /* SECTIONS */
+    section {
+      max-width: 1100px;
+      margin: 0 auto;
+      padding: 5rem 2rem;
+    }
+    .section-label {
+      font-size: 0.8rem;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin-bottom: 0.75rem;
+    }
+    .section-title {
+      font-size: 2rem;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      margin-bottom: 1rem;
+    }
+    .section-desc {
+      color: var(--text-dim);
+      max-width: 600px;
+      margin-bottom: 3rem;
+      font-size: 1.05rem;
+    }
+    .section-center { text-align: center; }
+    .section-center .section-desc { margin-left: auto; margin-right: auto; }
+    /* FEATURE GRID */
+    .features-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      gap: 1.25rem;
+    }
+    .feature-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 1.75rem;
+      transition: border-color 0.2s, background 0.2s;
+    }
+    .feature-card:hover {
+      border-color: rgba(74, 108, 247, 0.3);
+      background: var(--bg-card-hover);
+    }
+    .feature-icon {
+      width: 40px;
+      height: 40px;
+      border-radius: 10px;
+      background: var(--accent-glow);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 1rem;
+      font-size: 1.2rem;
+    }
+    .feature-card h3 {
+      font-size: 1.05rem;
+      font-weight: 600;
+      margin-bottom: 0.5rem;
+    }
+    .feature-card p {
+      color: var(--text-dim);
+      font-size: 0.9rem;
+      line-height: 1.6;
+    }
+    /* ARCHITECTURE */
+    .arch-flow {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0;
+      flex-wrap: wrap;
+      margin: 3rem 0 2rem;
+    }
+    .arch-node {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 1.5rem 2rem;
+      text-align: center;
+      min-width: 180px;
+      transition: border-color 0.2s;
+    }
+    .arch-node:hover { border-color: var(--accent-1); }
+    .arch-node-label {
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      color: var(--text-faint);
+      margin-bottom: 0.4rem;
+    }
+    .arch-node-title {
+      font-weight: 700;
+      font-size: 1.05rem;
+    }
+    .arch-node-desc {
+      font-size: 0.8rem;
+      color: var(--text-dim);
+      margin-top: 0.3rem;
+    }
+    .arch-arrow {
+      font-size: 1.5rem;
+      color: var(--text-faint);
+      padding: 0 0.75rem;
+    }
+    .arch-detail {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      gap: 1.25rem;
+      margin-top: 2.5rem;
+    }
+    .arch-detail-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 1.5rem;
+    }
+    .arch-detail-card h4 {
+      font-size: 0.95rem;
+      margin-bottom: 0.5rem;
+      color: var(--accent-1);
+    }
+    .arch-detail-card p {
+      font-size: 0.85rem;
+      color: var(--text-dim);
+      line-height: 1.6;
+    }
+    /* TOOLS */
+    .tools-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+      gap: 0.75rem;
+    }
+    .tool-pill {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1rem 1.25rem;
+      text-align: center;
+      transition: border-color 0.2s, background 0.2s;
+    }
+    .tool-pill:hover {
+      border-color: rgba(74, 108, 247, 0.25);
+      background: var(--bg-card-hover);
+    }
+    .tool-pill-icon { font-size: 1.3rem; margin-bottom: 0.4rem; }
+    .tool-pill-name { font-weight: 600; font-size: 0.9rem; }
+    .tool-pill-desc { font-size: 0.75rem; color: var(--text-faint); margin-top: 0.2rem; }
+    /* STATS BAR */
+    .stats {
+      display: flex;
+      justify-content: center;
+      gap: 3rem;
+      flex-wrap: wrap;
+      padding: 3rem 2rem;
+      border-top: 1px solid var(--border);
+      border-bottom: 1px solid var(--border);
+      margin: 2rem auto;
+      max-width: 1100px;
+    }
+    .stat { text-align: center; }
+    .stat-value {
+      font-size: 2rem;
+      font-weight: 800;
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    .stat-label { font-size: 0.8rem; color: var(--text-faint); margin-top: 0.25rem; }
+    /* QUICKSTART */
+    .quickstart-box {
+      background: var(--code-bg);
+      border: 1px solid var(--border);
+      border-radius: 12px;
+      padding: 2rem;
+      max-width: 650px;
+      margin: 0 auto;
+    }
+    .quickstart-box pre {
+      font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+      font-size: 0.9rem;
+      line-height: 1.8;
+      overflow-x: auto;
+    }
+    .quickstart-box .comment { color: var(--text-faint); }
+    .quickstart-box .cmd { color: var(--accent-1); }
+    .quickstart-box .flag { color: var(--accent-2); }
+    /* COMPARISON TABLE */
+    .comparison {
+      max-width: 1100px;
+      margin: 0 auto 3rem;
+    }
+    .comparison table {
+      width: 100%;
+      border-collapse: collapse;
+      table-layout: fixed;
+    }
+    .comparison th, .comparison td {
+      padding: 0.75rem 1.25rem;
+      text-align: left;
+      border-bottom: 1px solid var(--border);
+      font-size: 0.9rem;
+      vertical-align: top;
+    }
+    .comparison th {
+      color: var(--text-faint);
+      font-weight: 600;
+      font-size: 0.8rem;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+    .comparison th:nth-child(2) {
+      color: var(--accent-teal);
+      background: rgba(92, 224, 216, 0.14);
+      border-left: 1px solid rgba(92, 224, 216, 0.36);
+      border-right: 1px solid rgba(92, 224, 216, 0.36);
+    }
+    .comparison td:first-child { color: var(--text-dim); }
+    .comparison td:nth-child(2) {
+      font-weight: 600;
+      color: var(--accent-teal);
+      background: rgba(92, 224, 216, 0.1);
+      border-left: 1px solid rgba(92, 224, 216, 0.26);
+      border-right: 1px solid rgba(92, 224, 216, 0.26);
+    }
+    .compare-text {
+      display: block;
+      color: var(--text-dim);
+      font-size: 0.82rem;
+      line-height: 1.45;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
+    /* FAQ */
+    .faq-list { max-width: 700px; margin: 0 auto; }
+    .faq-item {
+      border-bottom: 1px solid var(--border);
+      padding: 1.5rem 0;
+    }
+    .faq-item:last-child { border-bottom: none; }
+    .faq-q {
+      font-weight: 600;
+      font-size: 1rem;
+      margin-bottom: 0.5rem;
+      cursor: default;
+    }
+    .faq-a {
+      color: var(--text-dim);
+      font-size: 0.9rem;
+      line-height: 1.7;
+    }
+    /* FOOTER */
+    footer {
+      border-top: 1px solid var(--border);
+      padding: 3rem 2rem;
+      text-align: center;
+    }
+    .footer-inner {
+      max-width: 1100px;
+      margin: 0 auto;
+    }
+    .footer-links {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      margin-bottom: 1.5rem;
+    }
+    .footer-links a { color: var(--text-dim); font-size: 0.9rem; }
+    .footer-copy { color: var(--text-faint); font-size: 0.8rem; }
+    /* HYBRIDAI SHOWCASE */
+    #hybridai .section-label {
+      background: var(--accent-gradient-teal);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    #hybridai .section-title {
+      color: #c4f8f3;
+    }
+    .hybridai-hero {
+      background: linear-gradient(135deg, rgba(92, 224, 216, 0.12), rgba(49, 201, 191, 0.08));
+      border: 1px solid rgba(92, 224, 216, 0.26);
+      border-radius: 16px;
+      padding: 3rem;
+      max-width: 900px;
+      margin: 0 auto 3rem;
+      position: relative;
+      overflow: hidden;
+    }
+    .hybridai-hero::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 2px;
+      background: var(--accent-gradient-teal);
+    }
+    .hybridai-hero h3 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      margin-bottom: 1rem;
+      letter-spacing: -0.01em;
+    }
+    .hybridai-hero h3 .gradient {
+      background: var(--accent-gradient-teal);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    .hybridai-hero > p {
+      color: var(--text-dim);
+      font-size: 1.05rem;
+      line-height: 1.7;
+      margin-bottom: 2rem;
+      max-width: 700px;
+    }
+    .hybridai-features {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+      gap: 1rem;
+    }
+    .hybridai-feat {
+      background: rgba(11, 14, 20, 0.6);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1.25rem;
+      transition: border-color 0.2s;
+    }
+    .hybridai-feat:hover { border-color: rgba(92, 224, 216, 0.38); }
+    .hybridai-feat-icon {
+      font-size: 1.3rem;
+      margin-bottom: 0.5rem;
+      color: var(--accent-teal);
+    }
+    .hybridai-feat h4 {
+      font-size: 0.95rem;
+      font-weight: 600;
+      margin-bottom: 0.35rem;
+      color: #c4f8f3;
+    }
+    .hybridai-feat p {
+      font-size: 0.82rem;
+      color: var(--text-dim);
+      line-height: 1.5;
+    }
+    .hybridai-bot-example {
+      margin-top: 2rem;
+      background: var(--code-bg);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 1.25rem 1.5rem;
+      max-width: 500px;
+    }
+    .hybridai-bot-example pre {
+      font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+      font-size: 0.85rem;
+      line-height: 1.7;
+      color: var(--text-dim);
+    }
+    .hybridai-bot-example .cmd { color: var(--accent-1); }
+    .hybridai-bot-example .val { color: var(--accent-2); }
+    .hybridai-bot-example .out { color: var(--success); }
+    /* Divider glow */
+    .glow-divider {
+      height: 1px;
+      background: linear-gradient(90deg, transparent, var(--accent-1), #7c3aed, transparent);
+      opacity: 0.3;
+      max-width: 1100px;
+      margin: 0 auto;
+    }
+    /* RESPONSIVE */
+    @media (max-width: 768px) {
+      .hero { padding: 8rem 1.5rem 4rem; }
+      section { padding: 3rem 1.5rem; }
+      .arch-flow { flex-direction: column; }
+      .arch-arrow { transform: rotate(90deg); padding: 0.5rem 0; }
+      .stats { gap: 2rem; }
+      .nav-links { gap: 1rem; }
+      .features-grid { grid-template-columns: 1fr; }
+      .comparison th, .comparison td {
+        padding: 0.5rem 0.4rem;
+        font-size: 0.72rem;
+      }
+      .compare-text {
+        font-size: 0.68rem;
+      }
+    }
+    @media (max-width: 480px) {
+      .nav-links a:not(.nav-gh) { display: none; }
+    }
+  </style>
+</head>
+<body>
+<!-- NAV -->
+<nav>
+  <div class="nav-inner">
+    <div class="nav-logo">
+      <img src="hai_logo_free.png" alt="HybridAI logo" class="nav-logo-img">
+      <span class="nav-logo-text">HybridClaw</span>
+    </div>
+    <div class="nav-links">
+      <a href="#hybridai">HybridAI</a>
+      <a href="#features">Features</a>
+      <a href="#comparison">Comparison</a>
+      <a href="#architecture">Architecture</a>
+      <a href="#technical">Technical</a>
+      <a href="#tools">Tools</a>
+      <a href="#quickstart">Get Started</a>
+      <a href="#faq">FAQ</a>
+      <a href="https://github.com/HybridAIOne/hybridclaw" class="nav-gh">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
+        GitHub
+      </a>
+    </div>
+  </div>
+</nav>
+<!-- HERO -->
+<header class="hero">
+  <img src="hero.png" alt="HybridClaw" class="hero-img">
+  <div class="hero-badge">Powered by <span>HybridAI</span></div>
+  <h1>Your secure AI coworker<br><span class="gradient">that feels alive</span></h1>
+  <p>Give your enterprise team a digital coworker that protects trust by default, acts with power when needed, remembers context, and proactively keeps work moving.</p>
+  <div class="hero-cta">
+    <a href="#quickstart" class="btn btn-primary">Get Started</a>
+    <a href="#comparison" class="btn btn-secondary">See Comparison</a>
+    <a href="#features" class="btn btn-secondary">See Features</a>
+  </div>
+</header>
+<div class="glow-divider"></div>
+<!-- STATS -->
+<div class="stats">
+  <div class="stat">
+    <div class="stat-value">Trust-First</div>
+    <div class="stat-label">Onboarding</div>
+  </div>
+  <div class="stat">
+    <div class="stat-value">24/7</div>
+    <div class="stat-label">Proactive Assistant</div>
+  </div>
+  <div class="stat">
+    <div class="stat-value">3</div>
+    <div class="stat-label">Ways to Chat</div>
+  </div>
+  <div class="stat">
+    <div class="stat-value">Memory-First</div>
+    <div class="stat-label">Conversations</div>
+  </div>
+  <div class="stat">
+    <div class="stat-value">Enterprise-Ready</div>
+    <div class="stat-label">Security + Control</div>
+  </div>
+</div>
+<!-- HYBRIDAI PLATFORM -->
+<section id="hybridai">
+  <div class="section-center">
+    <div class="section-label">HybridAI Advantage</div>
+    <h2 class="section-title">Enterprise platform advantage built in</h2>
+    <p class="section-desc">HybridAI gives HybridClaw a strong enterprise foundation: security, compliance alignment, and document-grounded intelligence.</p>
+  </div>
+  <div class="hybridai-hero">
+    <h3>Select your bot. <span class="gradient">Unlock its knowledge.</span></h3>
+    <p>Each bot can have its own focus, tone, and knowledge. Use one for deep research, one for support, and one for day-to-day team productivity.</p>
+    <div class="hybridai-features">
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f512;</div>
+        <h4>Security</h4>
+        <p>Built for teams that need trustworthy controls and secure operations by default.</p>
+      </div>
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f3e2;</div>
+        <h4>Enterprise-Ready Stack</h4>
+        <p>Designed for real business workflows, team governance, and operational reliability.</p>
+      </div>
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f1ea;&#x1f1fa;</div>
+        <h4>EU Stack</h4>
+        <p>Strong fit for organizations prioritizing EU-centric infrastructure and data posture.</p>
+      </div>
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f6e1;&#xfe0f;</div>
+        <h4>GDPR Alignment</h4>
+        <p>Supports privacy-conscious deployment strategies and compliance-driven teams.</p>
+      </div>
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f50d;</div>
+        <h4>RAG Retrieval</h4>
+        <p>Ground answers in your organization’s knowledge for higher relevance and confidence.</p>
+      </div>
+      <div class="hybridai-feat">
+        <div class="hybridai-feat-icon">&#x1f4c4;</div>
+        <h4>Document Intelligence</h4>
+        <p>Turn internal documents into practical, searchable context your digital coworker can use.</p>
+      </div>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- FEATURES -->
+<section id="features">
+  <div class="section-center">
+    <div class="section-label">Capabilities</div>
+    <h2 class="section-title">Everything you need in a digital coworker</h2>
+    <p class="section-desc">HybridClaw is built for enterprise reality: security-first, operationally reliable, and powerful enough for serious workflows.</p>
+  </div>
+  <div class="features-grid">
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f6e1;&#xfe0f;</div>
+      <h3>Trust-Model Onboarding</h3>
+      <p>Teams start with explicit trust acceptance, so security expectations are clear before the assistant goes live.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f4c2;</div>
+      <h3>Simple Runtime Control</h3>
+      <p>Adjust behavior from one clean config surface instead of juggling many scattered settings.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f504;</div>
+      <h3>Live Updates</h3>
+      <p>Most setting changes apply instantly, so teams can adapt without stopping the assistant.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f512;</div>
+      <h3>Protected Actions</h3>
+      <p>Actions run behind strong guardrails to keep your environment safe while still getting real work done.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f4ac;</div>
+      <h3>One Assistant, Multiple Channels</h3>
+      <p>Use Discord, web, or terminal with a consistent experience and shared context across channels.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f9e0;</div>
+      <h3>Learns Over Time</h3>
+      <p>HybridClaw keeps durable context so it gets more helpful the longer your team works with it.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x2697;&#xfe0f;</div>
+      <h3>Consistent Quality</h3>
+      <p>A structured prompt framework keeps tone, memory, and safety behavior consistent across conversations.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x23f0;</div>
+      <h3>Smart Scheduling</h3>
+      <p>Set recurring and one-time tasks so your assistant follows through without reminders.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f493;</div>
+      <h3>Proactive Heartbeat</h3>
+      <p>Your assistant checks in proactively when there is something meaningful to share, and stays quiet when there isn’t.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f916;</div>
+      <h3>Multi-Bot &amp; Multi-Model</h3>
+      <p>Choose different assistants and model styles per channel so each team gets the best fit for its work.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f504;</div>
+      <h3>Stays Fast as Chats Grow</h3>
+      <p>Long conversations stay responsive while important context is preserved behind the scenes.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f4da;</div>
+      <h3>Compatible Skills</h3>
+      <p>SKILL.md format compatible with CLAUDE.md and OpenClaw skills. Drop in community skills or write your own with frontmatter metadata. User-invocable via /skill-name syntax.</p>
+    </div>
+    <div class="feature-card">
+      <div class="feature-icon">&#x1f4ca;</div>
+      <h3>Operational Visibility</h3>
+      <p>Built-in status and observability help teams run HybridClaw confidently in day-to-day operations.</p>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- COMPARISON -->
+<section id="comparison">
+  <div class="section-center">
+    <div class="section-label">Comparison</div>
+    <h2 class="section-title">Comparison &amp; USPs</h2>
+  </div>
+  <div class="comparison">
+    <table>
+      <thead>
+        <tr>
+          <th>Area</th>
+          <th>HybridClaw</th>
+          <th>OpenClaw</th>
+          <th>NanoClaw</th>
+          <th>PicoClaw</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Onboarding</td>
+          <td>
+            <span class="compare-text">Explicit trust acceptance</span>
+          </td>
+          <td>
+            <span class="compare-text">Strong default flow</span>
+          </td>
+          <td>
+            <span class="compare-text">Quick startup flow</span>
+          </td>
+          <td>
+            <span class="compare-text">Minimal setup path</span>
+          </td>
+        </tr>
+        <tr>
+          <td>Security &amp; Trust</td>
+          <td>
+            <span class="compare-text">Trust-first policy posture</span>
+          </td>
+          <td>
+            <span class="compare-text">Solid baseline controls</span>
+          </td>
+          <td>
+            <span class="compare-text">Lean safeguards</span>
+          </td>
+          <td>
+            <span class="compare-text">Minimal guardrails</span>
+          </td>
+        </tr>
+        <tr>
+          <td>Runtime Control</td>
+          <td>
+            <span class="compare-text">Live config updates</span>
+          </td>
+          <td>
+            <span class="compare-text">Setup-dependent tuning</span>
+          </td>
+          <td>
+            <span class="compare-text">Simple control surface</span>
+          </td>
+          <td>
+            <span class="compare-text">Minimal controls</span>
+          </td>
+        </tr>
+        <tr>
+          <td>Digital Coworker Feel</td>
+          <td>
+            <span class="compare-text">Memory + proactive follow-up</span>
+          </td>
+          <td>
+            <span class="compare-text">Strong continuity model</span>
+          </td>
+          <td>
+            <span class="compare-text">Lightweight continuity</span>
+          </td>
+          <td>
+            <span class="compare-text">Short-turn focus</span>
+          </td>
+        </tr>
+        <tr>
+          <td>Enterprise Readiness</td>
+          <td>
+            <span class="compare-text">Audit, status, scheduling built in</span>
+          </td>
+          <td>
+            <span class="compare-text">Strong base, extended per team</span>
+          </td>
+          <td>
+            <span class="compare-text">Lean core + add-ons</span>
+          </td>
+          <td>
+            <span class="compare-text">Minimal footprint strategy</span>
+          </td>
+        </tr>
+        <tr>
+          <td>Cross-Channel Consistency</td>
+          <td>
+            <span class="compare-text">One assistant brain across channels</span>
+          </td>
+          <td>
+            <span class="compare-text">Often one primary channel</span>
+          </td>
+          <td>
+            <span class="compare-text">Light multi-channel support</span>
+          </td>
+          <td>
+            <span class="compare-text">Mostly single-channel simplicity</span>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- ARCHITECTURE -->
+<section id="architecture">
+  <div class="section-center">
+    <div class="section-label">Architecture</div>
+    <h2 class="section-title">Built for reliability at scale</h2>
+    <p class="section-desc">HybridClaw keeps one shared assistant brain across channels while running actions with safety guardrails.</p>
+  </div>
+  <div class="arch-flow">
+    <div class="arch-node">
+      <div class="arch-node-label">Where people work</div>
+      <div class="arch-node-title">Discord / Web / Terminal</div>
+      <div class="arch-node-desc">One shared user experience</div>
+    </div>
+    <div class="arch-arrow">&rarr;</div>
+    <div class="arch-node">
+      <div class="arch-node-label">HybridClaw Core</div>
+      <div class="arch-node-title">Shared Assistant Brain</div>
+      <div class="arch-node-desc">Context, memory, and orchestration</div>
+    </div>
+    <div class="arch-arrow">&rarr;</div>
+    <div class="arch-node">
+      <div class="arch-node-label">Action Layer</div>
+      <div class="arch-node-title">Safe Execution</div>
+      <div class="arch-node-desc">Useful actions with guardrails</div>
+    </div>
+    <div class="arch-arrow">&rarr;</div>
+    <div class="arch-node">
+      <div class="arch-node-label">Result</div>
+      <div class="arch-node-title">Back to your team</div>
+      <div class="arch-node-desc">Fast, consistent responses</div>
+    </div>
+  </div>
+  <div class="arch-detail">
+    <div class="arch-detail-card">
+      <h4>Fast by Design</h4>
+      <p>HybridClaw is optimized for quick responses, even when your team uses it all day.</p>
+    </div>
+    <div class="arch-detail-card">
+      <h4>Reliable Operations</h4>
+      <p>Clear runtime surfaces make it easier to monitor, maintain, and trust in production.</p>
+    </div>
+    <div class="arch-detail-card">
+      <h4>Safety by Default</h4>
+      <p>Guardrails are built in so teams can unlock automation without sacrificing control.</p>
+    </div>
+    <div class="arch-detail-card">
+      <h4>Consistent Assistant Quality</h4>
+      <p>Structured prompting keeps behavior stable, reliable, and aligned with your standards.</p>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- TECHNICAL DETAILS -->
+<section id="technical">
+  <div class="section-center">
+    <div class="section-label">Technical Details</div>
+    <h2 class="section-title">Engineering view</h2>
+    <p class="section-desc">For technical teams who want to understand how HybridClaw is built and operated.</p>
+  </div>
+  <div class="features-grid">
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Core Runtime</h3>
+      <p>Node.js gateway with persistent session state, scheduling, and HTTP endpoints for status, chat, and commands.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Safety Model</h3>
+      <p>Trust-model acceptance is required during onboarding, and execution uses strong runtime guardrails by default.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Prompt Orchestration</h3>
+      <p>Structured hook pipeline: <code>bootstrap</code>, <code>memory</code>, and <code>safety</code>, with runtime toggles.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Configuration</h3>
+      <p>Typed <code>config.json</code> with defaults, validation, and hot reload. Secrets remain in <code>.env</code>.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Memory Continuity</h3>
+      <p>Persistent workspace memory plus long-session compaction keeps conversations responsive without losing important context.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Interfaces &amp; Integrations</h3>
+      <p>Shared assistant behavior across Discord, web, and terminal, powered by HybridAI bots and model selection.</p>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- TOOLS -->
+<section id="tools">
+  <div class="section-center">
+    <div class="section-label">Toolbox</div>
+    <h2 class="section-title">11 built-in capabilities</h2>
+    <p class="section-desc">From reading content to taking action, HybridClaw can complete real workflows end-to-end.</p>
+  </div>
+  <div class="tools-grid">
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f4c4;</div>
+      <div class="tool-pill-name">read</div>
+      <div class="tool-pill-desc">Read file contents</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x270f;&#xfe0f;</div>
+      <div class="tool-pill-name">write</div>
+      <div class="tool-pill-desc">Create or overwrite files</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f527;</div>
+      <div class="tool-pill-name">edit</div>
+      <div class="tool-pill-desc">Surgical string replace</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f5d1;&#xfe0f;</div>
+      <div class="tool-pill-name">delete</div>
+      <div class="tool-pill-desc">Remove files safely</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f50d;</div>
+      <div class="tool-pill-name">glob</div>
+      <div class="tool-pill-desc">Pattern-match file paths</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f50e;</div>
+      <div class="tool-pill-name">grep</div>
+      <div class="tool-pill-desc">Regex search file contents</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f4bb;</div>
+      <div class="tool-pill-name">bash</div>
+      <div class="tool-pill-desc">Shell commands (guarded)</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f9e0;</div>
+      <div class="tool-pill-name">memory</div>
+      <div class="tool-pill-desc">Durable workspace memory</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f50d;</div>
+      <div class="tool-pill-name">session_search</div>
+      <div class="tool-pill-desc">Search past sessions</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f310;</div>
+      <div class="tool-pill-name">web_fetch</div>
+      <div class="tool-pill-desc">Fetch &amp; extract URLs</div>
+    </div>
+    <div class="tool-pill">
+      <div class="tool-pill-icon">&#x1f551;</div>
+      <div class="tool-pill-name">cron</div>
+      <div class="tool-pill-desc">Schedule recurring tasks</div>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- WORKSPACE -->
+<section>
+  <div class="section-center">
+    <div class="section-label">Personality</div>
+    <h2 class="section-title">A workspace that shapes your agent</h2>
+    <p class="section-desc">Bootstrap files give your agent identity, memory, and purpose. Each bot gets its own persistent workspace.</p>
+  </div>
+  <div class="comparison">
+    <table>
+      <thead>
+        <tr><th>File</th><th>Purpose</th></tr>
+      </thead>
+      <tbody>
+        <tr><td>SOUL.md</td><td>Personality and behavior</td></tr>
+        <tr><td>IDENTITY.md</td><td>Name, avatar, style</td></tr>
+        <tr><td>USER.md</td><td>Info about the user</td></tr>
+        <tr><td>MEMORY.md</td><td>Persistent memory across sessions</td></tr>
+        <tr><td>TOOLS.md</td><td>Tool usage notes and tips</td></tr>
+        <tr><td>HEARTBEAT.md</td><td>Tasks to check during heartbeat</td></tr>
+        <tr><td>BOOT.md</td><td>Startup instructions</td></tr>
+        <tr><td>AGENTS.md</td><td>Conventions and guidelines</td></tr>
+      </tbody>
+    </table>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- QUICKSTART -->
+<section id="quickstart">
+  <div class="section-center">
+    <div class="section-label">Get Started</div>
+    <h2 class="section-title">Up and running in minutes</h2>
+    <p class="section-desc">Clone, configure, build, and launch.</p>
+  </div>
+  <div class="quickstart-box">
+    <pre><span class="comment"># Clone and install</span>
+<span class="cmd">git clone</span> https://github.com/HybridAIOne/hybridclaw.git
+<span class="cmd">cd</span> hybridclaw
+<span class="cmd">npm install</span>
+<span class="cmd">cd</span> container && <span class="cmd">npm install</span> && <span class="cmd">cd</span> ..
+<span class="cmd">npm link</span>
+<span class="comment"># Run onboarding (accept SECURITY.md trust model, create config.json, set API key)</span>
+<span class="cmd">hybridclaw</span> <span class="flag">onboarding</span>
+<span class="comment"># Start the gateway (core runtime)</span>
+<span class="cmd">hybridclaw</span> <span class="flag">gateway</span>
+<span class="comment"># Terminal client (optional, in another terminal)</span>
+<span class="cmd">hybridclaw</span> <span class="flag">tui</span>
+<span class="comment"># Open the technical docs section for architecture details</span></pre>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- COMMANDS -->
+<section>
+  <div class="section-center">
+    <div class="section-label">Commands</div>
+    <h2 class="section-title">Full command reference</h2>
+    <p class="section-desc">Manage bots, models, sessions, schedules, and diagnostics &mdash; all from Discord or the TUI.</p>
+  </div>
+  <div class="features-grid">
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Bot Management</h3>
+      <p><code>bot list</code> &middot; <code>bot set</code> &middot; <code>bot info</code><br>List available HybridAI bots, assign one to a channel, or view the current config.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Model Control</h3>
+      <p><code>model list</code> &middot; <code>model set</code> &middot; <code>model info</code><br>Switch models per channel. Toggle RAG on or off with <code>rag on/off</code>.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Scheduling</h3>
+      <p><code>schedule add</code> &middot; <code>schedule list</code> &middot; <code>schedule remove</code> &middot; <code>schedule toggle</code><br>Cron, one-shot, or interval tasks.</p>
+    </div>
+    <div class="feature-card">
+      <h3 style="color: var(--accent-1);">Session &amp; Diagnostics</h3>
+      <p><code>clear</code> &middot; <code>status</code> &middot; <code>sessions</code> &middot; <code>audit</code><br>Clear history, view uptime, list sessions, check audit logs.</p>
+    </div>
+  </div>
+</section>
+<div class="glow-divider"></div>
+<!-- FAQ -->
+<section id="faq">
+  <div class="section-center">
+    <div class="section-label">FAQ</div>
+    <h2 class="section-title">Common questions</h2>
+  </div>
+  <div class="faq-list">
+    <div class="faq-item">
+      <div class="faq-q">Why does onboarding ask me to accept SECURITY.md?</div>
+      <div class="faq-a">HybridClaw enforces explicit trust-model acceptance before runtime starts. Acceptance is recorded in <code>config.json</code> with policy version and timestamp so operators can prove security acknowledgement.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Do I still configure everything through .env?</div>
+      <div class="faq-a">No. Runtime behavior now lives in typed <code>config.json</code> (with defaults, validation, and hot reload). Keep <code>.env</code> for secrets like API tokens and credentials.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Is it safe to let the agent run shell commands?</div>
+      <div class="faq-a">Yes. All tools execute inside ephemeral Docker containers with read-only filesystems, memory caps, and a deny-list of 28+ dangerous command patterns. The host machine is never exposed.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Can I use it without Discord?</div>
+      <div class="faq-a">Absolutely. Run <code>hybridclaw tui</code> for the terminal UI. The same assistant behavior and context model is shared across supported interfaces.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">What is the heartbeat system?</div>
+      <div class="faq-a">A configurable periodic poll (default every 30 minutes) where the agent wakes up, checks its HEARTBEAT.md file for tasks, and proactively reaches out if something needs attention. Silent acknowledgments are discarded to avoid noise.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Can different Discord channels use different bots?</div>
+      <div class="faq-a">Yes. Each channel can be independently configured with its own HybridAI chatbot, model, and RAG setting using the <code>bot set</code> and <code>model set</code> commands.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">How does scheduling work?</div>
+      <div class="faq-a">Three modes: cron expressions for recurring tasks, ISO-8601 timestamps for one-shot execution, and simple intervals (minimum 10 seconds). All tasks persist in SQLite and one-shot tasks auto-delete after running.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">What is HybridAI?</div>
+      <div class="faq-a">HybridAI is the bot platform that powers HybridClaw. It provides managed chatbots with document knowledge bases, retrieval-augmented generation (RAG), and multi-model support through an OpenAI-compatible API. You create and configure bots on the HybridAI platform, then connect them to HybridClaw.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">What AI models does it support?</div>
+      <div class="faq-a">HybridClaw works with any model available through the HybridAI API. You can list available models with <code>model list</code> and switch per channel at any time.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Does the agent remember things between conversations?</div>
+      <div class="faq-a">Yes. The agent writes daily memory files (<code>memory/YYYY-MM-DD.md</code>) and curates long-term insights into <code>MEMORY.md</code>. Before session compaction, a dedicated flush turn ensures durable notes are persisted. These files plus <code>SOUL.md</code> are injected into every request, giving the agent continuous, growing context.</div>
+    </div>
+    <div class="faq-item">
+      <div class="faq-q">Can I use skills from CLAUDE.md or OpenClaw?</div>
+      <div class="faq-a">Yes. HybridClaw uses the same SKILL.md format with YAML frontmatter, so skills written for CLAUDE.md or OpenClaw work out of the box. Drop them into <code>skills/</code> or your agent workspace and they're available immediately.</div>
+    </div>
+  </div>
+</section>
+<!-- FOOTER -->
+<footer>
+  <div class="footer-inner">
+    <div class="footer-links">
+      <a href="https://github.com/HybridAIOne/hybridclaw">GitHub</a>
+      <a href="#features">Features</a>
+      <a href="#architecture">Architecture</a>
+      <a href="#quickstart">Get Started</a>
+      <a href="#faq">FAQ</a>
+    </div>
+    <div class="footer-copy">Built with <a href="https://hybridai.one/" style="color: var(--accent-1);">HybridAI</a> &middot; MIT License</div>
+  </div>
+</footer>
+</body>
+</html>