noteconnection 1.7.0 → 1.8.0

package/dist/src/frontend/notemd.css

@@ -249,3 +249,52 @@ input[type="checkbox"] {
     align-items: flex-start;
   }
 }
+
+/* ── Agent Tools ── */
+.badge {
+  background: var(--accent);
+  color: var(--bg-0);
+  font-size: 0.75rem;
+  padding: 0.15em 0.5em;
+  border-radius: 8px;
+  margin-left: 0.5em;
+  vertical-align: middle;
+}
+.agent-tool-card {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 0.6em 0.9em;
+  margin: 0.3em 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25em;
+}
+.agent-tool-card.auto-exec {
+  border-left: 3px solid #4caf50;
+}
+.agent-tool-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.agent-tool-name {
+  font-weight: 600;
+  font-size: 0.85rem;
+}
+.agent-tool-level {
+  font-size: 0.65rem;
+  padding: 0.1em 0.4em;
+  border-radius: 4px;
+  text-transform: uppercase;
+  opacity: 0.85;
+}
+.level-safe       { background: #1b5e20; color: #a5d6a7; }
+.level-requires-active-file { background: #0d47a1; color: #90caf9; }
+.level-requires-selection  { background: #e65100; color: #ffcc80; }
+.level-interactive-ui      { background: #4a148c; color: #ce93d8; }
+.agent-tool-params {
+  font-size: 0.7rem;
+  opacity: 0.6;
+  font-family: monospace;
+}

package/dist/src/frontend/notemd.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       http-equiv="Content-Security-Policy"
-      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' http://127.0.0.1:* http://localhost:* tauri://localhost http://tauri.localhost; object-src 'none'; base-uri 'self'; frame-ancestors 'self'; form-action 'self';"
+      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' ipc: http://127.0.0.1:* http://localhost:* http://ipc.localhost https://ipc.localhost tauri://localhost http://tauri.localhost https://tauri.localhost; object-src 'none'; base-uri 'self'; form-action 'self';"
     />
     <title>NoteMD Workspace</title>
     <link rel="stylesheet" href="notemd.css" />
@@ -146,6 +146,12 @@
         </div>
       </section>
 
+      <section class="panel" id="agent-tools-panel">
+        <h2>Agent Tools <span class="badge" id="agent-op-count"></span></h2>
+        <p class="subtitle">Auto-discovered operations from the Notemd CLI registry. Safe operations can be auto-executed by the Agent Workspace.</p>
+        <div class="grid two" id="agent-tools-grid"></div>
+      </section>
+
       <section class="panel">
         <h2>Logs</h2>
         <pre id="log-output" class="log-output"></pre>

package/dist/src/frontend/notemd.js

@@ -801,4 +801,68 @@
       );
     }
   });
+
+  // ── Agent Tools: fetch & render CLI capability manifest ──
+  async function loadAgentTools() {
+    const grid = document.getElementById('agent-tools-grid');
+    const badge = document.getElementById('agent-op-count');
+    if (!grid || !badge) return;
+
+    try {
+      const res = await fetch('/api/notemd/agent-manifest');
+      if (!res.ok) throw new Error('agent-manifest fetch failed: ' + res.status);
+      const data = await res.json();
+      const manifest = data.manifest;
+      if (!manifest || !Array.isArray(manifest.operations)) return;
+
+      badge.textContent = manifest.agentExecutableCount + ' auto / ' + manifest.totalOperations + ' total';
+
+      const safeLabel = function (level) {
+        switch (level) {
+          case 'safe': return 'auto';
+          case 'requires-active-file': return 'file';
+          case 'requires-selection': return 'select';
+          case 'interactive-ui': return 'ui';
+          default: return level;
+        }
+      };
+
+      manifest.operations.forEach(function (op) {
+        var card = document.createElement('div');
+        card.className = 'agent-tool-card' + (op.agentAutoExecutable ? ' auto-exec' : '');
+        card.title = op.operationId + '\nContext: ' + op.requiredContext + '\nSide Effects: ' + op.sideEffectClass;
+
+        var header = document.createElement('div');
+        header.className = 'agent-tool-header';
+
+        var name = document.createElement('span');
+        name.className = 'agent-tool-name';
+        name.textContent = op.description;
+
+        var level = document.createElement('span');
+        level.className = 'agent-tool-level level-' + op.automationLevel;
+        level.textContent = safeLabel(op.automationLevel);
+
+        var params = document.createElement('div');
+        params.className = 'agent-tool-params';
+        if (op.requiredParams.length > 0) {
+          params.textContent = 'params: ' + op.requiredParams.join(', ');
+        } else {
+          params.textContent = 'no required params';
+        }
+
+        header.appendChild(name);
+        header.appendChild(level);
+        card.appendChild(header);
+        card.appendChild(params);
+        grid.appendChild(card);
+      });
+
+      appendLog('Agent Tools: loaded ' + manifest.totalOperations + ' operations (' + manifest.agentExecutableCount + ' auto-executable)', 'info');
+    } catch (error) {
+      appendLog('Agent Tools failed: ' + (error instanceof Error ? error.message : String(error)), 'warn');
+    }
+  }
+
+  loadAgentTools();
 })();

package/dist/src/frontend/path.html

@@ -40,6 +40,12 @@
                 </select>
             </div>
 
+            <div class="toolbar-group">
+                <button id="btn-toggle-learning-workbench" class="icon-btn" title="Toggle Learning Workbench">
+                    Workbench
+                </button>
+            </div>
+
             <div class="toolbar-group right">
                 <button id="btn-exit-path" class="icon-btn" title="Exit Path Mode">
                     ❌ Exit
@@ -59,6 +65,106 @@
         </div>
     </div>
 
+    <!-- Learning Workbench Sidebar -->
+    <div
+      id="learning-workbench-sidebar"
+      class="path-sidebar workbench-sidebar"
+      style="display: none"
+    >
+      <div class="sidebar-header">
+        <h3>Learning Workbench</h3>
+        <button id="btn-close-learning-workbench" class="close-btn">&times;</button>
+      </div>
+      <div class="sidebar-content workbench-content">
+        <div class="workbench-field">
+          <label for="learning-user-id">Learner ID</label>
+          <input
+            id="learning-user-id"
+            type="text"
+            placeholder="path_user_default"
+          />
+        </div>
+        <div class="workbench-row">
+          <button id="btn-refresh-learning-workbench" class="btn-small">Refresh</button>
+          <button id="btn-ingest-focus-node" class="btn-small">Ingest Focus</button>
+          <button id="btn-run-learning-session" class="btn-small">Run Session</button>
+          <button id="btn-run-retest-session" class="btn-small">Run Retest</button>
+        </div>
+        <div id="learning-workbench-status" class="workbench-status">Ready.</div>
+        <div id="learning-workbench-updated-at" class="workbench-updated-at">Last updated: -</div>
+
+        <div class="workbench-section">
+          <h4>Quality Snapshot</h4>
+          <div class="workbench-row">
+            <button id="btn-set-quality-baseline" class="btn-small" type="button">Set Baseline</button>
+            <button id="btn-evaluate-quality-gates" class="btn-small" type="button">Evaluate Gates</button>
+          </div>
+          <ul id="learning-quality-summary" class="workbench-list">
+            <li class="muted">No quality snapshot yet.</li>
+          </ul>
+          <pre id="learning-quality-gates" class="workbench-feedback">No quality gate evaluation yet.</pre>
+        </div>
+
+        <div class="workbench-section">
+          <h4>Top Misconceptions</h4>
+          <ul id="learning-misconception-list" class="workbench-list">
+            <li class="muted">No recurring misconceptions detected.</li>
+          </ul>
+        </div>
+
+        <div class="workbench-section">
+          <h4>Session Actions</h4>
+          <ul id="learning-session-actions" class="workbench-list">
+            <li class="muted">No session actions yet.</li>
+          </ul>
+        </div>
+
+        <div class="workbench-section">
+          <h4>Tutor Feedback</h4>
+          <pre id="learning-tutor-feedback" class="workbench-feedback">No tutor feedback yet.</pre>
+        </div>
+
+        <div class="workbench-section">
+          <h4>Session Execution</h4>
+          <pre id="learning-session-execution" class="workbench-feedback">No session execution yet.</pre>
+        </div>
+
+        <div class="workbench-section">
+          <h4>Session History</h4>
+          <div class="workbench-row">
+            <label for="learning-history-kind-filter">Kind</label>
+            <select id="learning-history-kind-filter" class="control-select">
+              <option value="all">All</option>
+              <option value="session">Session</option>
+              <option value="retest">Retest</option>
+              <option value="custom">Custom</option>
+            </select>
+            <button id="btn-learning-history-prev" class="btn-small" type="button">Prev</button>
+            <button id="btn-learning-history-next" class="btn-small" type="button">Next</button>
+            <span id="learning-history-page" class="muted">Page 1/1</span>
+          </div>
+          <div class="workbench-row">
+            <label for="learning-history-from-date">From</label>
+            <input id="learning-history-from-date" type="date" class="control-input" />
+            <label for="learning-history-to-date">To</label>
+            <input id="learning-history-to-date" type="date" class="control-input" />
+            <button id="btn-learning-history-apply-range" class="btn-small" type="button">Apply</button>
+            <button id="btn-learning-history-clear-range" class="btn-small" type="button">Clear</button>
+          </div>
+          <div id="learning-session-history-summary" class="workbench-runtime">
+            History summary: unavailable
+          </div>
+          <ul id="learning-session-history" class="workbench-list">
+            <li class="muted">No session history yet.</li>
+          </ul>
+        </div>
+
+        <div id="learning-runtime-summary" class="workbench-runtime">
+          Runtime: unavailable
+        </div>
+      </div>
+    </div>
+
     <!-- Reading Mode Dependencies -->
     <script src="libs/marked.min.js"></script>
     <link rel="stylesheet" href="libs/katex/katex.min.css" />
@@ -97,6 +203,7 @@
 
     <!-- Scripts -->
     <script src="i18n.js"></script>
+    <script src="path_modules_bridge.js"></script>
     <script src="path_app.js"></script>
 </body>
 </html>