clew-code 0.3.2 → 0.3.4

package/docs/css/styles.css

@@ -1,545 +0,0 @@
-/* ============================================================
-   Clew Docs — Modern Purple Theme v2
-   ============================================================ */
-*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
-
-:root {
-  --bg:        #fafbfc;
-  --bg-card:   #ffffff;
-  --bg-code:   #f7f6fa;
-  --bg-hover:  #f0edfa;
-  --text:      #0f0f1a;
-  --text-dim:  #5a5678;
-  --text-faint:#9b97b3;
-  --accent:    #7c3aed;
-  --accent2:   #a78bfa;
-  --accent3:   #c4b5fd;
-  --border:    #e8e5f0;
-  --border2:   #ddd8ec;
-  --shadow:    rgba(124,58,237,.08);
-  --shadow-lg: rgba(124,58,237,.15);
-  --success:   #10b981;
-  --warning:   #f59e0b;
-  --error:     #ef4444;
-
-  --font:  'DM Sans', system-ui, -apple-system, sans-serif;
-  --mono:  'JetBrains Mono', 'SF Mono', monospace;
-
-  --header-h: 56px;
-  --max-w: 900px;
-  --sidebar-w: 240px;
-  --radius: 10px;
-  --radius-sm: 6px;
-}
-
-@media(prefers-color-scheme:dark){
-  :root {
-    --bg:        #0c0c14;
-    --bg-card:   #12121e;
-    --bg-code:   #181828;
-    --bg-hover:  #222238;
-    --text:      #e8e6f0;
-    --text-dim:  #9a96b0;
-    --text-faint:#6b6880;
-    --accent:    #a78bfa;
-    --accent2:   #7c3aed;
-    --accent3:   #5b4db0;
-    --border:    #2a2a3e;
-    --border2:   #3a3a54;
-    --shadow:    rgba(0,0,0,.3);
-    --shadow-lg: rgba(0,0,0,.5);
-  }
-  .header{background:rgba(12,12,20,.92)}
-  .term{box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 0 1px rgba(124,58,237,.1)}
-  img{opacity:.9}
-}
-
-/* ── Scrollbar ── */
-::-webkit-scrollbar{width:8px;height:8px}
-::-webkit-scrollbar-track{background:transparent}
-::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}
-::-webkit-scrollbar-thumb:hover{background:var(--accent3)}
-
-html{scroll-behavior:smooth}
-body{
-  font-family:var(--font);
-  font-size:15px;
-  line-height:1.7;
-  color:var(--text);
-  background:var(--bg);
-  -webkit-font-smoothing:antialiased;
-  -moz-osx-font-smoothing:grayscale;
-}
-::selection{background:var(--accent);color:#fff}
-
-a{color:var(--accent);text-decoration:none;transition:all .15s ease}
-a:hover{color:#6d28d9;text-decoration:none}
-@media(prefers-color-scheme:dark){a:hover{color:#c4b5fd}}
-
-/* ── code ── */
-code{
-  font-family:var(--mono);
-  font-size:.85em;
-  background:var(--bg-code);
-  color:var(--accent);
-  padding:.2em .45em;
-  border-radius:5px;
-  border:1px solid var(--border);
-  font-weight:500;
-}
-pre code{background:none;padding:0;color:inherit;border:none;font-weight:400}
-
-/* ── header ── */
-.header{
-  position:fixed;top:0;left:0;right:0;height:var(--header-h);
-  background:rgba(250,251,252,.92);backdrop-filter:blur(20px) saturate(180%);
-  -webkit-backdrop-filter:blur(20px) saturate(180%);
-  border-bottom:1px solid var(--border);z-index:100;
-  box-shadow:0 1px 3px rgba(0,0,0,.03);
-  transition:background .2s;
-}
-@media(prefers-color-scheme:dark){
-  .header{
-    background:rgba(12,12,20,.92);
-    box-shadow:0 1px 3px rgba(0,0,0,.2);
-  }
-}
-.header-inner{
-  max-width:calc(var(--max-w) + var(--sidebar-w));margin:0 auto;padding:0 28px;
-  height:100%;display:flex;align-items:center;gap:12px;
-}
-.logo{
-  font-family:var(--mono);font-weight:700;font-size:14px;
-  color:var(--text);display:flex;align-items:center;gap:8px;
-  white-space:nowrap;flex-shrink:0;
-}
-.logo:hover{opacity:.85;text-decoration:none}
-.logo-mark{
-  width:28px;height:28px;border-radius:8px;
-  background:linear-gradient(135deg,#7c3aed,#a78bfa);
-  color:#fff;display:flex;align-items:center;justify-content:center;
-  font-size:13px;font-weight:700;box-shadow:0 2px 10px rgba(124,58,237,.3);
-  transition:transform .2s,box-shadow .2s;
-}
-.logo:hover .logo-mark{transform:translateY(-2px);box-shadow:0 4px 16px rgba(124,58,237,.4)}
-
-/* ── breadcrumbs ── */
-.header-breadcrumbs{
-  display:flex;align-items:center;gap:4px;font-size:12px;
-  color:var(--text-faint);margin-left:4px;overflow:hidden;
-  white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;
-}
-.header-breadcrumbs a{color:var(--text-faint)}
-.header-breadcrumbs a:hover{color:var(--accent);text-decoration:none}
-.header-breadcrumbs .sep{color:var(--border2);margin:0 2px}
-.header-breadcrumbs .current{color:var(--text-dim);font-weight:500}
-
-/* ── search ── */
-.header-search{
-  position:relative;margin-left:auto;flex-shrink:0;
-}
-.header-search input{
-  width:200px;height:32px;padding:0 32px 0 12px;
-  border:1px solid var(--border);border-radius:8px;
-  background:var(--bg);color:var(--text);
-  font-family:var(--font);font-size:13px;
-  outline:none;transition:all .2s;
-}
-.header-search input:focus{
-  border-color:var(--accent2);box-shadow:0 0 0 3px rgba(124,58,237,.12);
-  width:240px;
-}
-.header-search input::placeholder{color:var(--text-faint)}
-.header-search .search-icon{
-  position:absolute;right:10px;top:50%;transform:translateY(-50%);
-  font-size:12px;color:var(--text-faint);pointer-events:none;
-}
-.header-search .search-results{
-  display:none;position:absolute;top:100%;right:0;width:340px;max-height:300px;
-  overflow-y:auto;margin-top:8px;background:var(--bg-card);
-  border:1px solid var(--border);border-radius:10px;
-  box-shadow:0 12px 32px rgba(0,0,0,.1);z-index:300;
-}
-.header-search .search-results.open{display:block}
-.header-search .search-result{
-  display:block;padding:10px 14px;font-size:13px;color:var(--text-dim);
-  border-bottom:1px solid var(--border);
-  transition:.08s;
-}
-.header-search .search-result:last-child{border:none}
-.header-search .search-result:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}
-.header-search .search-result mark{background:rgba(124,58,237,.15);color:var(--accent);border-radius:2px;padding:0 2px}
-.header-search .search-empty{
-  padding:14px;font-size:13px;color:var(--text-faint);text-align:center;
-}
-
-/* ── header nav ── */
-.header-nav{display:flex;gap:2px;align-items:center;flex-shrink:0}
-.header-nav a{
-  padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;
-  color:var(--text-dim);white-space:nowrap;
-  transition:all .15s;
-}
-.header-nav a:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}
-.header-nav a.active{color:var(--accent);background:var(--bg-code);font-weight:600}
-
-/* ── language toggle ── */
-.lang-toggle{
-  display:flex;align-items:center;padding:4px 10px;border-radius:6px;
-  background:none;border:1px solid var(--border);cursor:pointer;
-  font-size:12px;color:var(--text-dim);font-family:var(--font);gap:4px;
-  transition:all .15s;flex-shrink:0;
-}
-.lang-toggle:hover{background:var(--bg-hover);border-color:var(--border2);color:var(--accent)}
-
-.menu-btn{display:none;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex-shrink:0;transition:all .15s}
-.menu-btn:hover{background:var(--bg-hover);border-color:var(--border2)}
-.menu-btn span{display:block;width:16px;height:2px;background:var(--text-dim);border-radius:2px;transition:.15s}
-.menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
-.menu-btn.open span:nth-child(2){opacity:0}
-.menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
-.sidebar-overlay{display:none}
-
-/* ── page layout (index) ── */
-.page{
-  max-width:var(--max-w);margin:calc(var(--header-h) + 40px) auto 60px;
-  padding:0 28px;
-}
-
-/* ── doc layout (sub-pages) ── */
-.app{display:flex;max-width:calc(var(--max-w) + var(--sidebar-w));margin:0 auto;padding:0 28px;gap:0}
-.sidebar{
-  position:fixed;top:var(--header-h);left:0;bottom:0;
-  width:var(--sidebar-w);overflow-y:auto;padding:28px 16px 40px;
-  border-right:1px solid var(--border);
-  background:var(--bg);
-  z-index:50;
-}
-.sidebar-section{margin-bottom:28px}
-.sidebar-label{
-  font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;
-  color:var(--text-faint);letter-spacing:.06em;margin-bottom:8px;padding:0 10px;
-}
-.sidebar-link{
-  display:block;padding:4px 10px;border-radius:6px;
-  font-size:13px;color:var(--text-dim);transition:all .12s;
-  margin-bottom:2px;
-}
-.sidebar-link:hover{background:var(--bg-hover);color:var(--text);text-decoration:none;transform:translateX(2px)}
-.sidebar-link.active{color:var(--accent);background:var(--bg-code);font-weight:600}
-.sidebar-link .link-icon{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--border2);margin-right:6px;vertical-align:middle;transition:.1s}
-.sidebar-link:hover .link-icon{background:var(--accent2)}
-.sidebar-link.active .link-icon{background:var(--accent)}
-
-.content-wrap{flex:1;margin-left:var(--sidebar-w);min-width:0}
-.content{
-  max-width:var(--max-w);padding:calc(var(--header-h) + 28px) 36px 60px;
-}
-
-/* ── TOC sidebar ── */
-.toc-sidebar{display:none}
-@media(min-width:1200px){
-  .toc-sidebar{
-    display:block;position:sticky;top:calc(var(--header-h) + 28px);
-    width:200px;min-width:200px;max-height:calc(100vh - var(--header-h) - 56px);
-    overflow-y:auto;padding:calc(var(--header-h) + 28px) 0 40px 20px;
-    margin-left:24px;border-left:1px solid var(--border);
-  }
-  .content-wrap{display:flex;flex-direction:row}
-  .content{flex:1;min-width:0}
-}
-.toc-label{
-  font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;
-  color:var(--text-faint);letter-spacing:.06em;margin-bottom:8px;
-}
-.toc-link{
-  display:block;padding:3px 0 3px 14px;border-left:2px solid transparent;
-  font-size:12px;color:var(--text-faint);line-height:1.6;transition:all .12s;
-}
-.toc-link:hover{color:var(--accent);border-color:var(--accent2);text-decoration:none;transform:translateX(2px)}
-.toc-link.active{color:var(--accent);border-color:var(--accent);font-weight:500}
-.toc-h3{padding-left:24px;font-size:11px}
-
-/* ── breadcrumbs ── */
-.breadcrumbs{
-  font-size:13px;color:var(--text-faint);margin-bottom:28px;
-  padding:8px 0;
-}
-.breadcrumbs a{color:var(--text-faint);transition:all .12s}
-.breadcrumbs a:hover{color:var(--accent)}
-.breadcrumbs .sep{margin:0 6px;opacity:.6}
-
-/* ── headings ── */
-h1{
-  font-family:var(--mono);font-size:30px;font-weight:700;
-  margin-bottom:10px;color:var(--text);
-  letter-spacing:-0.02em;
-}
-h2{
-  font-family:var(--mono);font-size:20px;font-weight:600;
-  margin:48px 0 18px;color:var(--text);
-  padding-bottom:8px;border-bottom:1px solid var(--border);
-  letter-spacing:-0.01em;
-}
-h3{font-size:16px;font-weight:600;margin:28px 0 10px;color:var(--text)}
-p{color:var(--text-dim);margin-bottom:14px;line-height:1.8}
-.sub{color:var(--text-dim);margin-bottom:28px;font-size:16px}
-
-/* ── hero ── */
-.hero{
-  padding:56px 0 40px;
-  text-align:center;
-  position:relative;
-  overflow:hidden;
-}
-.hero::before{
-  content:'';
-  position:absolute;
-  top:-50%;left:-50%;right:-50%;bottom:-50%;
-  background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.08) 0%,transparent 60%),
-             radial-gradient(ellipse at 80% 20%,rgba(167,139,250,.06) 0%,transparent 50%);
-  pointer-events:none;
-  z-index:0;
-}
-.hero > *{position:relative;z-index:1}
-.hero h1{font-size:40px;margin-bottom:14px;letter-spacing:-0.03em}
-.hero .hl{
-  background:linear-gradient(135deg,#7c3aed,#a78bfa);
-  -webkit-background-clip:text;
-  -webkit-text-fill-color:transparent;
-  background-clip:text;
-}
-.hero p{max-width:580px;margin:0 auto 24px;font-size:17px;line-height:1.7}
-.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
-
-.badge{
-  display:inline-flex;align-items:center;gap:6px;
-  padding:4px 14px;border-radius:100px;
-  font-family:var(--mono);font-size:12px;font-weight:500;
-  color:var(--accent);background:var(--bg-code);
-  border:1px solid var(--border2);margin-bottom:24px;
-  box-shadow:0 2px 8px rgba(124,58,237,.06);
-}
-.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
-
-@keyframes pulse{
-  0%,100%{opacity:1}
-  50%{opacity:.5}
-}
-
-.btn{
-  display:inline-flex;align-items:center;gap:6px;
-  padding:10px 20px;border-radius:var(--radius-sm);
-  font-family:var(--mono);font-size:13px;font-weight:600;
-  border:1px solid var(--border);
-  background:var(--bg-card);color:var(--text);
-  cursor:pointer;transition:all .2s;
-  position:relative;
-  overflow:hidden;
-}
-.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}
-.btn-p{
-  background:var(--accent);color:#fff;border-color:var(--accent);
-  box-shadow:0 3px 14px rgba(124,58,237,.25);
-}
-.btn-p:hover{background:#6d28d9;color:#fff;border-color:#6d28d9;box-shadow:0 6px 20px rgba(124,58,237,.35);transform:translateY(-2px)}
-.btn-ghost{color:var(--text-dim);border-color:var(--border)}
-.btn-ghost:hover{color:var(--accent);border-color:var(--border2);background:var(--bg-hover);transform:translateY(-2px)}
-
-/* ── stat cards ── */
-.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0}
-.stat{
-  text-align:center;padding:20px 10px;border-radius:var(--radius);
-  background:var(--bg-card);border:1px solid var(--border);
-  transition:all .2s;
-  position:relative;
-  overflow:hidden;
-}
-.stat::before{
-  content:'';
-  position:absolute;top:0;left:0;right:0;height:2px;
-  background:linear-gradient(90deg,var(--accent),var(--accent2));
-  opacity:0;transition:opacity .2s;
-}
-.stat:hover{border-color:var(--border2);box-shadow:0 6px 20px var(--shadow);transform:translateY(-3px)}
-.stat:hover::before{opacity:1}
-.stat-num{
-  font-family:var(--mono);font-size:28px;font-weight:700;
-  background:linear-gradient(135deg,#7c3aed,#a78bfa);
-  -webkit-background-clip:text;
-  -webkit-text-fill-color:transparent;
-  background-clip:text;
-  line-height:1.2;
-}
-.stat-lbl{font-size:13px;color:var(--text-faint);font-weight:500;margin-top:4px}
-
-/* ── grid cards ── */
-.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:28px 0}
-.card{
-  padding:24px;border-radius:var(--radius);
-  background:var(--bg-card);border:1px solid var(--border);
-  transition:all .2s;
-  position:relative;
-  overflow:hidden;
-}
-.card::before{
-  content:'';
-  position:absolute;top:0;left:0;right:0;height:2px;
-  background:linear-gradient(90deg,var(--accent),var(--accent2));
-  opacity:0;transition:opacity .2s;
-}
-.card:hover{border-color:var(--border2);box-shadow:0 6px 24px var(--shadow);transform:translateY(-3px)}
-.card:hover::before{opacity:1}
-.card h3{font-family:var(--mono);font-size:14px;margin-bottom:8px;color:var(--accent);display:flex;align-items:center;gap:8px}
-.card p{font-size:13px;line-height:1.6}
-.card .tag{
-  display:inline-block;font-family:var(--mono);font-size:11px;
-  padding:2px 8px;border-radius:4px;
-  background:var(--bg-code);color:var(--accent);
-  border:1px solid var(--border2);margin:8px 4px 0 0;
-  font-weight:500;
-}
-
-/* ── card icons ── */
-.card-icon{
-  width:32px;height:32px;border-radius:8px;
-  background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(167,139,250,.1));
-  display:flex;align-items:center;justify-content:center;
-  font-size:16px;flex-shrink:0;
-}
-
-/* ── terminal mock ── */
-.term{
-  background:var(--bg-code);border:1px solid var(--border2);
-  border-radius:var(--radius);overflow:hidden;margin:36px auto;
-  max-width:680px;box-shadow:0 12px 40px var(--shadow),0 0 0 1px rgba(124,58,237,.05);
-  position:relative;
-}
-.term::after{
-  content:'';
-  position:absolute;bottom:0;left:0;right:0;height:40px;
-  background:linear-gradient(to bottom,transparent,var(--bg-code));
-  pointer-events:none;
-}
-.term-bar{
-  display:flex;align-items:center;gap:8px;
-  padding:12px 16px;background:rgba(124,58,237,.04);
-  border-bottom:1px solid var(--border2);
-}
-.term-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.1)}
-.term-dot:nth-child(1){background:#ff5f56}
-.term-dot:nth-child(2){background:#ffbd2e}
-.term-dot:nth-child(3){background:#27c93f}
-.term-title{font-family:var(--mono);font-size:12px;color:var(--text-faint);margin-left:6px;font-weight:500}
-.term-body{
-  padding:16px;font-family:var(--mono);font-size:13px;line-height:1.8;
-  color:var(--text);overflow-x:auto;white-space:pre;
-  min-height:200px;
-}
-.term-body .p{color:var(--accent);font-weight:600}
-.term-body .d{color:var(--text-faint)}
-.term-body .h{color:var(--accent)}
-.term-cursor{display:inline-block;width:8px;height:16px;background:var(--accent);animation:cursor-blink 1s infinite;vertical-align:middle;margin-left:2px}
-@keyframes cursor-blink{
-  0%,100%{opacity:1}
-  50%{opacity:0}
-}
-
-/* ── table ── */
-.table-wrap{overflow-x:auto;margin:20px 0;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.03)}
-table{width:100%;border-collapse:collapse;font-size:13px}
-th{
-  font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;
-  text-align:left;padding:10px 14px;letter-spacing:.06em;
-  color:var(--accent);background:var(--bg-code);
-  border-bottom:1px solid var(--border);
-  white-space:nowrap;
-}
-td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-dim);vertical-align:top;line-height:1.6}
-tr:last-child td{border:none}
-tr:hover td{background:rgba(124,58,237,.03)}
-
-/* ── code blocks ── */
-.code-block-wrap{margin:20px 0;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03)}
-.code-block-header{
-  display:flex;justify-content:space-between;align-items:center;
-  padding:8px 12px;background:var(--bg-card);
-  border-bottom:1px solid var(--border);font-size:12px;color:var(--text-faint);
-  font-family:var(--mono);font-weight:500;
-}
-.code-block-wrap pre{margin:0;border:none;border-radius:0;padding:14px 16px;font-size:13px;line-height:1.7}
-.copy-btn{
-  background:none;border:1px solid var(--border);border-radius:4px;
-  color:var(--text-faint);font-size:11px;padding:3px 10px;cursor:pointer;font-family:var(--mono);transition:all .15s;
-}
-.copy-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent2)}
-.copy-btn.copied{background:var(--bg-code);color:var(--accent);border-color:var(--accent)}
-
-/* ── back to top ── */
-.back-to-top{
-  position:fixed;bottom:24px;right:24px;
-  width:40px;height:40px;border-radius:50%;
-  background:var(--accent);color:#fff;border:none;
-  cursor:pointer;opacity:0;visibility:hidden;
-  transition:all .3s;z-index:80;
-  display:flex;align-items:center;justify-content:center;
-  font-size:18px;box-shadow:0 4px 12px rgba(124,58,237,.3);
-}
-.back-to-top.visible{opacity:1;visibility:visible}
-.back-to-top:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 6px 16px rgba(124,58,237,.4)}
-
-/* ── language toggle (kept for backward compat) ── */
-.lang-select{display:none}
-
-/* ── misc ── */
-hr{border:none;border-top:1px solid var(--border);margin:48px 0}
-.footer{
-  margin-top:60px;padding-top:24px;border-top:1px solid var(--border);
-  display:flex;justify-content:space-between;align-items:center;gap:16px;
-  font-size:13px;color:var(--text-faint);flex-wrap:wrap;
-}
-.footer-links{display:flex;gap:16px}
-.footer-links a{color:var(--text-faint);transition:all .12s}
-.footer-links a:hover{color:var(--accent)}
-
-/* ── responsive ── */
-@media(max-width:900px){
-  .sidebar{display:none}
-  .content-wrap{margin-left:0}
-  .content{padding:calc(var(--header-h) + 16px) 20px 40px}
-  .header-nav,.header-search,.header-breadcrumbs,.lang-toggle{display:none}
-  .menu-btn{display:flex}
-  .stats{grid-template-columns:repeat(2,1fr)}
-  .grid{grid-template-columns:1fr}
-  .hero h1{font-size:28px}
-  .hero{padding:36px 0 28px}
-  .hero p{font-size:15px}
-
-  .sidebar.open{
-    display:block;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;
-    width:auto;z-index:200;background:var(--bg);padding:24px;
-    border-right:none;animation:slideIn .2s ease-out;
-  }
-  .sidebar.open .header-search{
-    display:block;margin:0 0 16px;position:static;
-  }
-  .sidebar.open .header-search input{width:100%}
-  .sidebar.open .header-nav{display:flex;flex-direction:column;gap:2px}
-  .sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:199}
-}
-
-@media(max-width:1200px){
-  .toc-sidebar{display:none !important}
-}
-
-@keyframes slideIn{
-  from{transform:translateX(-100%);opacity:0}
-  to{transform:translateX(0);opacity:1}
-}
-
-/* ── print ── */
-@media print{
-  .header,.sidebar,.toc-sidebar,.back-to-top{display:none}
-  .content-wrap{margin-left:0}
-  .content{padding:0}
-}

package/docs/daemon.html

@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Daemon Mode — Clew Code</title>
-<meta name="description" content="Run Clew Code as a background daemon for autonomous operations.">
-<link rel="icon" type="image/svg+xml" href="assets/clew.svg">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<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">
-</head>
-<body>
-<header class="header"></header>
-<div id="sidebarOverlay" class="sidebar-overlay"></div>
-<aside id="sidebar" class="sidebar"></aside>
-
-<div class="content-wrap">
-<div class="content">
-
-<div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span class="current">Daemon Mode</span></div>
-
-<h1>Daemon Mode</h1>
-<p class="sub">Run Clew Code as a persistent background process for autonomous task execution, scheduled jobs, and continuous monitoring.</p>
-
-<h2 id="overview">Overview</h2>
-<p>Daemon mode keeps Clew Code running in the background, processing tasks from a persistent queue, executing scheduled jobs via cron, and coordinating with other peers — all without an active terminal session.</p>
-
-<h2 id="daemon-commands">Daemon Commands</h2>
-<pre><code class="language-bash">❯ /daemon          # Open daemon dashboard
-❯ /daemon status   # Check daemon status
-</code></pre>
-
-<h2 id="task-queue">Task Queue</h2>
-<p>The daemon uses a file-backed persistent task queue with:</p>
-<ul>
-  <li><strong>Lease-based concurrency</strong> — max 3 concurrent workers</li>
-  <li><strong>Exponential backoff retry</strong> — failed tasks are retried with increasing delays</li>
-  <li><strong>Dead-letter management</strong> — tasks that exceed retry limits are moved to dead-letter storage</li>
-</ul>
-
-<h2 id="scheduling">Scheduling</h2>
-<p>Use cron syntax to schedule recurring tasks:</p>
-<pre><code class="language-bash">❯ /task add "0 9 * * *" "daily standup summary"
-❯ /task list          # list scheduled tasks
-❯ /task remove &lt;id&gt;   # remove a task
-</code></pre>
-
-<h2 id="loop">Agent Loop</h2>
-<p>The daemon integrates with the autonomous agent loop for 24/7 operation:</p>
-<pre><code class="language-bash">❯ /loop start         # start the autonomous loop
-❯ /loop stop          # stop the loop
-❯ /loop status        # check loop status
-</code></pre>
-
-<p>See <a href="loop.html">Agent Loop</a> for details.</p>
-</div>
-</div>
-
-<script src="js/main.js"></script>
-</body>
-</html>

package/docs/features/bridge-mode.html

@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Bridge Mode — Clew Code</title>
-<meta name="description" content="Remote control and bridge mode for Clew Code.">
-<link rel="icon" type="image/svg+xml" href="../assets/clew.svg">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<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">
-</head>
-<body>
-<header class="header"></header>
-<div id="sidebarOverlay" class="sidebar-overlay"></div>
-<aside id="sidebar" class="sidebar"></aside>
-
-<div class="content-wrap">
-<div class="content">
-
-<div class="breadcrumbs"><a href="../index.html">Home</a><span class="sep">/</span><span class="current">Bridge Mode</span></div>
-
-<h1>Bridge Mode</h1>
-<p class="sub">Remote control Clew Code from anywhere via WebSocket bridge.</p>
-
-<h2 id="overview">Overview</h2>
-<p>Bridge mode allows you to connect to a running Clew Code instance remotely. There are two systems:</p>
-<ul>
-  <li><strong>Bridge v1 (Legacy CCR)</strong> — The original Claude Code Remote system, tied to claude.ai OAuth</li>
-  <li><strong>Bridge v2 (Provider-Agnostic)</strong> — A standalone WebSocket server that works without claude.ai</li>
-</ul>
-
-<h2 id="v2">Bridge v2 — Provider-Agnostic Remote Control</h2>
-<p>The new bridge v2 runs a local WebSocket server with:</p>
-<ul>
-  <li>One-time auth tokens (SHA-256 hashed)</li>
-  <li>Session management</li>
-  <li>Optional NAT-traversal relay</li>
-  <li>No dependency on any provider's backend</li>
-</ul>
-
-<h3>Commands</h3>
-<pre><code class="language-bash">❯ /remote listen         # start the WebSocket server
-❯ /remote connect &lt;url&gt;  # connect to a remote instance
-❯ /remote token          # generate a one-time auth token
-</code></pre>
-
-<h2 id="relay">Relay Mode</h2>
-<p>For NAT traversal, use the optional relay server:</p>
-<pre><code class="language-bash">bun run relay            # start the relay server
-</code></pre>
-
-<h2 id="bridge-commands">Bridge v1 Commands</h2>
-<pre><code class="language-bash">❯ /bridge                # configure bridge mode
-</code></pre>
-<p>Note: Bridge v1 requires a claude.ai subscription.</p>
-</div>
-</div>
-
-<script src="../js/main.js"></script>
-</body>
-</html>