claude-code-kanban 6.1.1 → 7.0.0

package/public/index.html

@@ -26,6 +26,7 @@
   <script defer src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.12.0/build/highlight.min.js" integrity="sha384-wjfDDhOPPdjtva8vWBhWeVprSpmxisEu5aYT3q1JyACqXpdKpo3PWZTMVq24MBix" crossorigin="anonymous"></script>
   <script>window.__STORAGE_NS__ = null;</script>
   <script defer src="/project-match.js"></script>
+  <script defer src="/tree-highlight.js"></script>
   <script defer src="/link-url.js"></script>
   <script defer src="/app.js"></script>
 </head>
@@ -285,6 +286,22 @@
           </div>
         </header>
 
+        <div id="pane-strip" class="pane-strip" role="tablist" aria-label="Session panes">
+          <div id="pane-pin" class="pane-pin"></div>
+          <div id="pane-tabs" class="pane-tabs"></div>
+          <button id="pane-add" class="icon-btn pane-add" title="Add pane (paste a URL or a file path, or a linked doc)" aria-label="Add pane">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+          </button>
+          <div class="pane-tools">
+            <button id="pane-reload" class="icon-btn pane-tool" title="Reload pane" aria-label="Reload pane">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"/><polyline points="21 3 21 8 16 8"/></svg>
+            </button>
+            <button id="pane-open" class="icon-btn pane-tool" title="Open in new tab" aria-label="Open pane in new tab">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
+            </button>
+          </div>
+        </div>
+
         <div class="kanban" id="main-content">
           <div id="owner-filter-bar" class="owner-filter-bar">
             <select id="owner-filter" class="filter-dropdown" onchange="filterByOwner(this.value)" aria-label="Filter by team member">
@@ -336,6 +353,7 @@
           <div id="terminal-host" class="terminal-host"></div>
           <textarea id="terminal-key-proxy" class="terminal-key-proxy" tabindex="-1" aria-hidden="true"></textarea>
         </div>
+        <div id="pane-views" class="pane-views"></div>
         <div id="agent-footer" class="agent-footer">
           <div class="agent-footer-header" onclick="toggleAgentFooter()">
             <span id="agent-footer-label">Agents</span>
@@ -435,6 +453,9 @@
       <div class="modal-header">
         <h3 class="modal-title" id="preview-modal-title">Preview</h3>
         <div style="display:flex;gap:4px;align-items:center;">
+          <button id="preview-pane-btn" class="icon-btn" aria-label="Open in a pane" title="Open in a pane" onclick="openPreviewInPane()">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M9 4v5"/></svg>
+          </button>
           <button id="preview-link-btn" class="icon-btn" aria-label="Link to current session" title="Link to current session" onclick="togglePreviewSessionLink()">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
           </button>
@@ -825,6 +846,22 @@
     </div>
   </div>
 
+  <div id="pane-pop" class="modal-overlay" onclick="closePanePop()">
+    <div class="modal pane-pop-dialog" role="dialog" aria-labelledby="pane-pop-title" onclick="event.stopPropagation()">
+      <div class="modal-header">
+        <h3 id="pane-pop-title" class="modal-title">Add a pane</h3>
+        <button class="modal-close" aria-label="Close dialog" onclick="closePanePop()">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+        </button>
+      </div>
+      <input id="pane-pop-input" class="form-input" placeholder="Search linked docs, or paste a URL or a file path" autocomplete="off" spellcheck="false">
+      <div id="pane-pop-detect" class="pane-pop-detect"></div>
+      <div class="pane-pop-label">Linked docs</div>
+      <div id="pane-pop-docs" class="pane-pop-docs"></div>
+      <div class="sp-hint"><kbd>Enter</kbd> add &middot; <kbd>&uarr;</kbd><kbd>&darr;</kbd> select &middot; <kbd>Esc</kbd> close</div>
+    </div>
+  </div>
+
   <div id="session-picker-modal" class="modal-overlay top-aligned" onclick="closeSessionPicker()">
     <div class="modal session-picker" onclick="event.stopPropagation()">
       <input type="text" id="session-picker-input" class="form-input sp-input" placeholder="Jump to session..." autocomplete="off" spellcheck="false">

package/public/link-url.js

@@ -1,6 +1,9 @@
 // Loaded by the page as a plain script and by lib/linked-docs.js through require, so the
-// sidebar, the API and the CLI accept the same URLs. Only http(s): linked docs render as
-// links, so a `javascript:` or `data:` value sent through the API must not become one.
+// sidebar, the API and the CLI accept the same URLs and keep the same number of docs.
+const MAX_LINKED_DOCS = 200;
+
+// Only http(s): linked docs render as links, so a `javascript:` or `data:` value sent
+// through the API must not become one.
 function linkUrl(value) {
   if (typeof value !== 'string') return null;
   const v = value.trim();
@@ -12,4 +15,4 @@ function linkUrl(value) {
   }
 }
 
-if (typeof module === 'object' && module.exports) module.exports = { linkUrl };
+if (typeof module === 'object' && module.exports) module.exports = { linkUrl, MAX_LINKED_DOCS };