memory-eternal 0.11.0 → 0.13.0

package/orca-plugin/panel.html

@@ -0,0 +1,215 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Memory Atlas</title>
+<style>
+  :root { color-scheme: dark; }
+  * { box-sizing: border-box; }
+  body {
+    margin: 0;
+    min-height: 100vh;
+    padding: 18px 16px 22px;
+    font-family: var(--font-sans, system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif);
+    font-size: 12.5px;
+    line-height: 1.6;
+    color: var(--foreground, #f3f5f8);
+    background:
+      radial-gradient(120% 80% at 100% 0%, rgba(255,122,69,.10), transparent 55%),
+      var(--background, #1e2228);
+  }
+  .brand { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
+  .mark {
+    width: 38px; height: 38px; flex: none;
+    display: flex; align-items: center; justify-content: center;
+    border-radius: 11px; font-size: 21px;
+    background: rgba(255,122,69,.10);
+    border: 1px solid rgba(255,122,69,.24);
+  }
+  .brand h1 { margin: 0; font-size: 16px; line-height: 1.2; font-weight: 650; }
+  .brand p { margin: 2px 0 0; font-size: 10px; letter-spacing: .12em; color: var(--muted-foreground, #99a1ac); }
+  .card {
+    padding: 14px;
+    border: 1px solid var(--border, #3a404a);
+    border-radius: 12px;
+    background: var(--card, rgba(38,43,51,.92));
+  }
+  .card h2 { margin: 0 0 5px; font-size: 12.5px; font-weight: 600; }
+  .card p { margin: 0; color: var(--muted-foreground, #b0b7c1); font-size: 11px; }
+  .row { display: flex; flex-direction: column; gap: 5px; margin-top: 13px; }
+  .row label { font-size: 10px; color: var(--muted-foreground, #99a1ac); }
+  select {
+    width: 100%;
+    padding: 7px 8px;
+    border-radius: 7px;
+    border: 1px solid var(--border, #3a404a);
+    background: var(--secondary, #2a2f37);
+    color: var(--foreground, #f3f5f8);
+    font: inherit;
+    font-size: 11px;
+  }
+  button {
+    width: 100%;
+    margin-top: 13px;
+    padding: 9px 10px;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    background: var(--primary, #ff7a45);
+    color: var(--primary-foreground, #1b1f25);
+    font: inherit;
+    font-size: 12px;
+    font-weight: 650;
+    cursor: pointer;
+  }
+  button:hover { filter: brightness(1.06); }
+  button:disabled { opacity: .45; cursor: default; }
+  button.secondary { margin-top: 7px; background: transparent; color: var(--foreground, #f3f5f8); border-color: var(--border, #3a404a); }
+  .status { min-height: 1.6em; margin: 10px 0 0; font-size: 10.5px; color: var(--muted-foreground, #99a1ac); }
+  .fallback { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border, #3a404a); font-size: 10.5px; color: var(--muted-foreground, #99a1ac); }
+  .fallback code {
+    display: inline-block;
+    margin-top: 4px;
+    padding: 2px 6px;
+    border-radius: 4px;
+    background: rgba(127,127,127,.12);
+    color: var(--foreground, #f3f5f8);
+    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
+    font-size: 10px;
+  }
+  .warn { color: var(--destructive, #f87171); }
+  .ok { color: #4ade80; }
+</style>
+</head>
+<body>
+  <div class="brand">
+    <div class="mark">🧠</div>
+    <div>
+      <h1>Memory Atlas</h1>
+      <p>MEMORY ETERNAL</p>
+    </div>
+  </div>
+
+  <div class="card">
+    <h2>本地记忆库</h2>
+    <p>记忆库、待审、读卡器与知识星图都在 Web 面板里；Orca 只负责一键打开，不复制第二套 UI。</p>
+
+    <div class="row">
+      <label for="terminal">发送到终端</label>
+      <select id="terminal"><option value="">正在读取工作区…</option></select>
+    </div>
+
+    <button id="openOrca" disabled>在 Orca 浏览器打开</button>
+    <button id="openBrowser" class="secondary" disabled>外部浏览器打开</button>
+    <p id="status" class="status"></p>
+
+    <div class="fallback">
+      “在 Orca 浏览器打开”会执行 <code>orca tab create</code>，需要 <code>orca</code> CLI 在 PATH；失败时用外部浏览器：
+      <code>dsh-memory open</code>
+      <br/>Web 地址：<code>http://127.0.0.1:7999/</code>
+    </div>
+  </div>
+
+  <script>
+    'use strict'
+
+    var seq = 0
+    var pending = new Map()
+    var statusEl = document.getElementById('status')
+    var terminalEl = document.getElementById('terminal')
+    var openOrcaBtn = document.getElementById('openOrca')
+    var openBrowserBtn = document.getElementById('openBrowser')
+
+    function setStatus(text, cls) {
+      statusEl.textContent = text || ''
+      statusEl.className = 'status' + (cls ? ' ' + cls : '')
+    }
+
+    function call(action, params) {
+      return new Promise(function (resolve, reject) {
+        var requestId = 'req-' + (++seq)
+        pending.set(requestId, { resolve: resolve, reject: reject })
+        window.parent.postMessage({
+          type: 'orca-panel-action',
+          requestId: requestId,
+          action: action,
+          params: params || {}
+        }, '*')
+      })
+    }
+
+    window.addEventListener('message', function (event) {
+      var data = event.data
+      if (!data || data.type !== 'orca-panel-action-result') return
+      var entry = pending.get(data.requestId)
+      if (!entry) return
+      pending.delete(data.requestId)
+      if (data.ok) entry.resolve(data.value)
+      else entry.reject(new Error(data.error || data.errorCode || 'action failed'))
+    })
+
+    async function loadTerminals() {
+      try {
+        var ctx = await call('workspace.readContext')
+        var terminals = (ctx && ctx.terminals) || []
+        terminalEl.innerHTML = ''
+        if (!terminals.length) {
+          var opt = document.createElement('option')
+          opt.value = ''
+          opt.textContent = '请先打开一个 Orca 终端'
+          terminalEl.appendChild(opt)
+          openOrcaBtn.disabled = true
+          openBrowserBtn.disabled = true
+          setStatus('需要一个终端来打开 Memory Atlas。', 'warn')
+          return
+        }
+        terminals.forEach(function (term, index) {
+          var opt = document.createElement('option')
+          opt.value = term.id
+          opt.textContent = '终端 ' + (index + 1)
+          terminalEl.appendChild(opt)
+        })
+        openOrcaBtn.disabled = false
+        openBrowserBtn.disabled = false
+        setStatus('已就绪。')
+      } catch (err) {
+        setStatus('无法读取工作区终端：' + err.message, 'warn')
+      }
+    }
+
+    async function sendCommand(text, okText) {
+      var terminalId = terminalEl.value
+      if (!terminalId) {
+        setStatus('请先选择一个终端。', 'warn')
+        return
+      }
+      openOrcaBtn.disabled = true
+      openBrowserBtn.disabled = true
+      setStatus('正在打开 Memory Atlas…')
+      try {
+        await call('terminal.sendText', {
+          terminalId: terminalId,
+          text: text,
+          enter: true
+        })
+        setStatus(okText, 'ok')
+      } catch (err) {
+        setStatus('打开失败：' + err.message + '。请在终端手动执行 dsh-memory open。', 'warn')
+      } finally {
+        openOrcaBtn.disabled = false
+        openBrowserBtn.disabled = false
+      }
+    }
+
+    openOrcaBtn.addEventListener('click', function () {
+      sendCommand('orca tab create --url http://127.0.0.1:7999/', '已发送 orca tab create。若 Orca 内置浏览器打开，即可在 Orca 内使用 Memory Atlas。')
+    })
+
+    openBrowserBtn.addEventListener('click', function () {
+      sendCommand('dsh-memory open', '已发送 dsh-memory open。浏览器打开后即可使用 Memory Atlas。')
+    })
+
+    loadTerminals()
+  </script>
+</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "memory-eternal",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "记忆核心（Memory Eternal）：自研的 DeepSeek Harness 记忆插件，不移植任何既有记忆框架——对话结束后自动沉淀知识卡到本地 Markdown Vault（自研去重、自研 CJK 检索、可 git 管理），设置页提供图形化知识库（统计 / 搜索 / 知识图谱 + 侧边栏一键弹窗），Agent 通过 memory_recall 工具按需召回历史上下文。零人工干预。",
   "icon": "assets/icon.png",
   "license": "MIT",
@@ -34,6 +34,9 @@
     "hooks",
     "skills",
     "assets/icon.png",
+    "orca-plugin",
+    "dsh-tui-plugin",
+    "cursor-extension",
     ".claude-plugin",
     ".codex-plugin",
     ".cursor-plugin",

package/skills/memory-open/SKILL.md

@@ -0,0 +1,22 @@
+---
+name: memory-open
+description: Open the local Memory Atlas Web UI (memory-eternal) from Codex or Claude Code. Use when the user asks to open the memory library, review queue or knowledge graph.
+allowed-tools: Bash(dsh-memory open)
+---
+
+# Open Memory Atlas
+
+Run this once, from the workspace root:
+
+```bash
+dsh-memory open
+```
+
+It ensures the local memory Web UI is running on `http://127.0.0.1:7999/` and opens the default browser.
+
+Rules:
+
+- Do not approve or reject cards from here. Review is done by the person in the Web UI.
+- Do not write or mutate memory cards.
+- If `dsh-memory` is not on PATH, read the repository `README.md` for the CLI install path, or ask the user to run the command manually.
+- After opening, tell the user the review queue is available in the Web UI; keep the reply short.

package/web/app.js

@@ -703,7 +703,7 @@ Option A, because:
   .mc-audit-batchcard > .mc-btn { width: 100%; }
   .mc-audit-batchcard > div[style*="flex: 1"] { display: none; }
 }
-`;var ro="0.11.0";function mf({t:e,inModal:t,onClose:n}){let r=typeof window<"u"&&(!!window.__DSH_BOOT__||String(location.pathname||"").includes("/memory-eternal/api/ui/app")),[a,i]=(0,g.useState)(null),[l,s]=(0,g.useState)([]),[d,p]=(0,g.useState)(!0),[v,h]=(0,g.useState)(null),[u,S]=(0,g.useState)(""),[N,M]=(0,g.useState)("all"),[_,f]=(0,g.useState)(""),[c,y]=(0,g.useState)("all"),[C,L]=(0,g.useState)("all"),[j,P]=(0,g.useState)(()=>{try{return new Set(JSON.parse(localStorage.getItem("me-pinned-v5")||"[]"))}catch{return new Set}}),[H,ne]=(0,g.useState)(!1),B=(0,g.useCallback)(E=>{P(x=>{let D=new Set(x);D.has(E)?D.delete(E):D.add(E);try{localStorage.setItem("me-pinned-v5",JSON.stringify([...D]))}catch{}return D})},[]),[J,Ve]=(0,g.useState)(""),[X,Ye]=(0,g.useState)(()=>{try{let E=new URLSearchParams(typeof location<"u"?location.search:"").get("tab"),x={cards:"cards",graph:"graph",usage:"stats",stats:"stats",audit:"audit",recycle:"optimize",optimize:"optimize",config:"config"};if(E&&x[E])return x[E]}catch{}return"cards"}),[T,Y]=(0,g.useState)(()=>new Set([X])),q=(0,g.useCallback)(E=>{Y(x=>x.has(E)?x:new Set(x).add(E)),Ye(E)},[]),[U,De]=(0,g.useState)("recent"),[Be,ye]=(0,g.useState)(null),Ce=(0,g.useRef)(null),R=(0,g.useRef)(null),[le,ae]=(0,g.useState)(!1),[_e,se]=(0,g.useState)(null),[Ne,kt]=(0,g.useState)(!1),[k,W]=(0,g.useState)(!1),[$,re]=(0,g.useState)(!1),[Ee,fe]=(0,g.useState)("group"),[Q,ze]=(0,g.useState)(!1),be=(0,g.useCallback)(()=>{ze(!1);try{localStorage.setItem("me-onboard-v2","1")}catch{}},[]),z=(0,g.useCallback)((E="group")=>{fe(E),re(!0)},[]);(0,g.useEffect)(()=>{try{if(localStorage.getItem("me-onboard-v2")||X!=="cards")return;let E=setTimeout(()=>ze(!0),900);return()=>clearTimeout(E)}catch{}},[X]);let[w,oe]=(0,g.useState)(!0),[ke,Ie]=(0,g.useState)(null),[je,m]=(0,g.useState)(0),gn=(0,g.useCallback)(()=>m(E=>E+1),[]),Ln=a?.quarantine?.pending??0,St=a?.quarantine?.deleted??0,et=(0,g.useRef)(null),[Gt,wr]=(0,g.useState)(0),[hn,Fe]=(0,g.useState)(!1),on=(0,g.useRef)(null),tt=(0,g.useRef)(null),b=(0,g.useCallback)(async(E=N,x=_,D=C,F={})=>{let O=F.append===!0;try{O?Fe(!0):(p(!0),S(""));let K=new URLSearchParams;E&&E!=="all"&&K.set("kind",E),x.trim()&&K.set("q",x.trim());let ie=F.tag!==void 0?F.tag:J;ie&&K.set("tag",ie),K.set("status",D||"all"),K.set("limit",String(ah)),K.set("offset",String(F.offset||0)),U==="title"&&K.set("sort","title");let xe=await(await fetch(`${ee}/cards?${K.toString()}`)).json();if(xe.ok){let Qe=xe.cards||[];s(Ue=>O?[...Ue,...Qe.filter(Se=>!Ue.some(Te=>Te.path===Se.path))]:Qe),wr(Number(xe.total)||Qe.length)}}catch(K){S(String(K&&K.message?K.message:K))}finally{O?Fe(!1):p(!1)}},[N,_,C,U,J]),V=(0,g.useCallback)(async()=>{try{let[E,x]=await Promise.all([fetch(`${ee}/overview`).then(D=>D.json()),fetch(`${ee}/capture-log`).then(D=>D.json()).catch(()=>null)]);E.ok&&i(E),h(x&&x.ok&&x.available&&x.health||null)}catch(E){S(String(E&&E.message?E.message:E))}finally{p(!1)}},[]),Z=async E=>{try{let D=await(await fetch(`${ee}/delete?path=${encodeURIComponent(E)}`)).json();D.ok?(ye({ok:!0,msg:e("deleted")}),await V(),gn()):ye({ok:!1,msg:D.error||e("deleteFail")})}catch{ye({ok:!1,msg:e("deleteFail")})}Ce.current&&clearTimeout(Ce.current),Ce.current=setTimeout(()=>ye(null),2e3)};(0,g.useEffect)(()=>(V(),()=>{et.current&&clearTimeout(et.current)}),[V]);let ce=E=>{f(E),et.current&&clearTimeout(et.current),et.current=setTimeout(()=>b(N,E,C),280)},ue=E=>{M(E),b(E,_,C)},te=E=>{let x=String(E||"");Ve(x),se(null),b(N,_,C,{tag:x})};(0,g.useEffect)(()=>{X==="cards"&&b(N,_,C)},[C,X,je,U,J]),(0,g.useEffect)(()=>{if(X!=="cards"||d||hn||l.length>=Gt)return;let E=on.current,x=tt.current;if(!E)return;let D=new IntersectionObserver(F=>{F[0]&&F[0].isIntersecting&&b(N,_,C,{append:!0,offset:l.length})},{root:x||null,rootMargin:"400px"});return D.observe(E),()=>D.disconnect()},[X,l,Gt,d,hn,N,_,C,b]);let pe=async E=>{try{let x=E.status;if(!x&&E.path)try{let ie=((await fetch(`${ee}/cards?status=all&q=${encodeURIComponent(E.title||"")}&limit=50`).then(me=>me.json())).cards||[]).find(me=>me.path===E.path);ie&&(x=ie.status)}catch{}let D=x&&x!=="approved"?`&status=${encodeURIComponent(x)}`:"",F=await fetch(`${ee}/card?path=${encodeURIComponent(E.path||E.id)}${D}`),O=await F.json();O.ok?se({path:O.path,title:E.title,text:O.text}):S(O.error||`HTTP ${F.status}`)}catch(x){S(String(x&&x.message?x.message:x))}},nt=async(E,x)=>{ae(!0);try{let D=await fetch(`${ee}/export`);if(!D.ok)throw new Error("HTTP "+D.status);let F=await D.json();if(!F.ok)throw new Error(F.error||"export failed");let O,K,ie;if(E==="json"){K="memory-vault.json",ie="application/json";let Qe=F.cards.map(Ue=>({path:Ue.path,title:Ue.title,kind:Ue.kind,status:Ue.status,store:Ue.store,text:Ue.text}));O=JSON.stringify({format:F.format||"memory-eternal-vault",formatVersion:F.formatVersion||1,exportedAt:F.exportedAt||new Date().toISOString(),count:Qe.length,cards:Qe},null,2)}else K="memory-vault.md",ie="text/markdown;charset=utf-8",O=F.cards.map(Qe=>Qe.text.trim()).filter(Boolean).join(`
+`;var ro="0.13.0";function mf({t:e,inModal:t,onClose:n}){let r=typeof window<"u"&&(!!window.__DSH_BOOT__||String(location.pathname||"").includes("/memory-eternal/api/ui/app")),[a,i]=(0,g.useState)(null),[l,s]=(0,g.useState)([]),[d,p]=(0,g.useState)(!0),[v,h]=(0,g.useState)(null),[u,S]=(0,g.useState)(""),[N,M]=(0,g.useState)("all"),[_,f]=(0,g.useState)(""),[c,y]=(0,g.useState)("all"),[C,L]=(0,g.useState)("all"),[j,P]=(0,g.useState)(()=>{try{return new Set(JSON.parse(localStorage.getItem("me-pinned-v5")||"[]"))}catch{return new Set}}),[H,ne]=(0,g.useState)(!1),B=(0,g.useCallback)(E=>{P(x=>{let D=new Set(x);D.has(E)?D.delete(E):D.add(E);try{localStorage.setItem("me-pinned-v5",JSON.stringify([...D]))}catch{}return D})},[]),[J,Ve]=(0,g.useState)(""),[X,Ye]=(0,g.useState)(()=>{try{let E=new URLSearchParams(typeof location<"u"?location.search:"").get("tab"),x={cards:"cards",graph:"graph",usage:"stats",stats:"stats",audit:"audit",recycle:"optimize",optimize:"optimize",config:"config"};if(E&&x[E])return x[E]}catch{}return"cards"}),[T,Y]=(0,g.useState)(()=>new Set([X])),q=(0,g.useCallback)(E=>{Y(x=>x.has(E)?x:new Set(x).add(E)),Ye(E)},[]),[U,De]=(0,g.useState)("recent"),[Be,ye]=(0,g.useState)(null),Ce=(0,g.useRef)(null),R=(0,g.useRef)(null),[le,ae]=(0,g.useState)(!1),[_e,se]=(0,g.useState)(null),[Ne,kt]=(0,g.useState)(!1),[k,W]=(0,g.useState)(!1),[$,re]=(0,g.useState)(!1),[Ee,fe]=(0,g.useState)("group"),[Q,ze]=(0,g.useState)(!1),be=(0,g.useCallback)(()=>{ze(!1);try{localStorage.setItem("me-onboard-v2","1")}catch{}},[]),z=(0,g.useCallback)((E="group")=>{fe(E),re(!0)},[]);(0,g.useEffect)(()=>{try{if(localStorage.getItem("me-onboard-v2")||X!=="cards")return;let E=setTimeout(()=>ze(!0),900);return()=>clearTimeout(E)}catch{}},[X]);let[w,oe]=(0,g.useState)(!0),[ke,Ie]=(0,g.useState)(null),[je,m]=(0,g.useState)(0),gn=(0,g.useCallback)(()=>m(E=>E+1),[]),Ln=a?.quarantine?.pending??0,St=a?.quarantine?.deleted??0,et=(0,g.useRef)(null),[Gt,wr]=(0,g.useState)(0),[hn,Fe]=(0,g.useState)(!1),on=(0,g.useRef)(null),tt=(0,g.useRef)(null),b=(0,g.useCallback)(async(E=N,x=_,D=C,F={})=>{let O=F.append===!0;try{O?Fe(!0):(p(!0),S(""));let K=new URLSearchParams;E&&E!=="all"&&K.set("kind",E),x.trim()&&K.set("q",x.trim());let ie=F.tag!==void 0?F.tag:J;ie&&K.set("tag",ie),K.set("status",D||"all"),K.set("limit",String(ah)),K.set("offset",String(F.offset||0)),U==="title"&&K.set("sort","title");let xe=await(await fetch(`${ee}/cards?${K.toString()}`)).json();if(xe.ok){let Qe=xe.cards||[];s(Ue=>O?[...Ue,...Qe.filter(Se=>!Ue.some(Te=>Te.path===Se.path))]:Qe),wr(Number(xe.total)||Qe.length)}}catch(K){S(String(K&&K.message?K.message:K))}finally{O?Fe(!1):p(!1)}},[N,_,C,U,J]),V=(0,g.useCallback)(async()=>{try{let[E,x]=await Promise.all([fetch(`${ee}/overview`).then(D=>D.json()),fetch(`${ee}/capture-log`).then(D=>D.json()).catch(()=>null)]);E.ok&&i(E),h(x&&x.ok&&x.available&&x.health||null)}catch(E){S(String(E&&E.message?E.message:E))}finally{p(!1)}},[]),Z=async E=>{try{let D=await(await fetch(`${ee}/delete?path=${encodeURIComponent(E)}`)).json();D.ok?(ye({ok:!0,msg:e("deleted")}),await V(),gn()):ye({ok:!1,msg:D.error||e("deleteFail")})}catch{ye({ok:!1,msg:e("deleteFail")})}Ce.current&&clearTimeout(Ce.current),Ce.current=setTimeout(()=>ye(null),2e3)};(0,g.useEffect)(()=>(V(),()=>{et.current&&clearTimeout(et.current)}),[V]);let ce=E=>{f(E),et.current&&clearTimeout(et.current),et.current=setTimeout(()=>b(N,E,C),280)},ue=E=>{M(E),b(E,_,C)},te=E=>{let x=String(E||"");Ve(x),se(null),b(N,_,C,{tag:x})};(0,g.useEffect)(()=>{X==="cards"&&b(N,_,C)},[C,X,je,U,J]),(0,g.useEffect)(()=>{if(X!=="cards"||d||hn||l.length>=Gt)return;let E=on.current,x=tt.current;if(!E)return;let D=new IntersectionObserver(F=>{F[0]&&F[0].isIntersecting&&b(N,_,C,{append:!0,offset:l.length})},{root:x||null,rootMargin:"400px"});return D.observe(E),()=>D.disconnect()},[X,l,Gt,d,hn,N,_,C,b]);let pe=async E=>{try{let x=E.status;if(!x&&E.path)try{let ie=((await fetch(`${ee}/cards?status=all&q=${encodeURIComponent(E.title||"")}&limit=50`).then(me=>me.json())).cards||[]).find(me=>me.path===E.path);ie&&(x=ie.status)}catch{}let D=x&&x!=="approved"?`&status=${encodeURIComponent(x)}`:"",F=await fetch(`${ee}/card?path=${encodeURIComponent(E.path||E.id)}${D}`),O=await F.json();O.ok?se({path:O.path,title:E.title,text:O.text}):S(O.error||`HTTP ${F.status}`)}catch(x){S(String(x&&x.message?x.message:x))}},nt=async(E,x)=>{ae(!0);try{let D=await fetch(`${ee}/export`);if(!D.ok)throw new Error("HTTP "+D.status);let F=await D.json();if(!F.ok)throw new Error(F.error||"export failed");let O,K,ie;if(E==="json"){K="memory-vault.json",ie="application/json";let Qe=F.cards.map(Ue=>({path:Ue.path,title:Ue.title,kind:Ue.kind,status:Ue.status,store:Ue.store,text:Ue.text}));O=JSON.stringify({format:F.format||"memory-eternal-vault",formatVersion:F.formatVersion||1,exportedAt:F.exportedAt||new Date().toISOString(),count:Qe.length,cards:Qe},null,2)}else K="memory-vault.md",ie="text/markdown;charset=utf-8",O=F.cards.map(Qe=>Qe.text.trim()).filter(Boolean).join(`
 
 ---