noteconnection 1.7.0 → 1.8.0

package/dist/src/frontend/path_styles.css

@@ -238,3 +238,149 @@
   background: #444;
   color: #fff;
 }
+
+/* Learning Workbench */
+.workbench-sidebar {
+  left: 0;
+  right: auto;
+  width: min(380px, 86vw);
+  border-left: none;
+  border-right: 1px solid #444;
+  transform: translateX(-100%);
+}
+
+.workbench-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.workbench-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.workbench-field label {
+  font-size: 0.78rem;
+  color: #a8b6c7;
+}
+
+.workbench-field input {
+  background: #1c232f;
+  color: #f2f7ff;
+  border: 1px solid #3e4d63;
+  border-radius: 6px;
+  padding: 7px 8px;
+  font-size: 0.88rem;
+}
+
+.workbench-row {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.btn-small {
+  background: #2a3a52;
+  color: #ecf2fb;
+  border: 1px solid #4b6385;
+  border-radius: 6px;
+  padding: 6px 10px;
+  font-size: 0.8rem;
+  cursor: pointer;
+}
+
+.btn-small:hover {
+  background: #334869;
+}
+
+.workbench-status {
+  font-size: 0.82rem;
+  color: #9bd6ff;
+  padding: 8px 10px;
+  border: 1px solid #2b5678;
+  background: #142333;
+  border-radius: 6px;
+}
+
+.workbench-status.is-loading {
+  color: #ffe8a3;
+  border-color: #8a6a20;
+  background: #2b230f;
+}
+
+.workbench-status.is-error {
+  color: #ffb4bc;
+  border-color: #7d3240;
+  background: #2a1118;
+}
+
+.workbench-updated-at {
+  font-size: 0.75rem;
+  color: #96a2b8;
+}
+
+.workbench-section h4 {
+  margin: 0 0 6px;
+  font-size: 0.88rem;
+  color: #ffd38a;
+}
+
+.workbench-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.workbench-list li {
+  font-size: 0.8rem;
+  color: #d8dfec;
+  padding: 6px 8px;
+  border: 1px solid #2d394d;
+  border-radius: 6px;
+  background: #1a222f;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.workbench-list li.muted {
+  color: #8b96aa;
+}
+
+.chip {
+  display: inline-block;
+  padding: 2px 6px;
+  border-radius: 999px;
+  border: 1px solid #51657f;
+  background: #223046;
+  color: #d4e6ff;
+  font-size: 0.72rem;
+  margin-right: 4px;
+}
+
+.workbench-runtime {
+  font-size: 0.76rem;
+  color: #b3bfd6;
+  line-height: 1.45;
+}
+
+.workbench-run-action {
+  align-self: flex-start;
+}
+
+.workbench-feedback {
+  margin: 0;
+  font-size: 0.78rem;
+  color: #dbe9ff;
+  background: #121c2b;
+  border: 1px solid #2d4568;
+  border-radius: 6px;
+  padding: 8px;
+  white-space: pre-wrap;
+  line-height: 1.5;
+}

package/dist/src/frontend/path_worker_bridge.mjs

@@ -0,0 +1,85 @@
+/**
+ * path_worker_bridge.mjs — Extracted Web Worker communication layer.
+ * Handles worker lifecycle, message dispatch, and error recovery.
+ * Formerly inline in path_app.js (lines ~200-600).
+ */
+
+const DEFAULT_WORKER_SCRIPT = 'path_worker.js';
+
+let worker = null;
+const pendingRequests = new Map();
+let requestIdCounter = 0;
+
+export function createWorkerBridge(workerScript = DEFAULT_WORKER_SCRIPT) {
+    if (worker) return { worker, send, terminate };
+
+    try {
+        worker = new Worker(workerScript, { type: 'module' });
+    } catch (_) {
+        worker = new Worker(workerScript);
+    }
+
+    worker.onmessage = (event) => {
+        const { id, type, payload, error } = event.data || {};
+        if (id && pendingRequests.has(id)) {
+            const { resolve, reject, timer } = pendingRequests.get(id);
+            clearTimeout(timer);
+            pendingRequests.delete(id);
+            if (error) reject(new Error(error));
+            else resolve({ type, payload });
+        }
+    };
+
+    worker.onerror = (err) => {
+        console.error('[PathWorkerBridge] Worker error:', err);
+        for (const [id, { reject, timer }] of pendingRequests) {
+            clearTimeout(timer);
+            reject(new Error('Worker error'));
+            pendingRequests.delete(id);
+        }
+    };
+
+    return { worker, send, terminate };
+}
+
+function send(type, payload, timeoutMs = 30000) {
+    if (!worker) throw new Error('Worker not initialized');
+    return new Promise((resolve, reject) => {
+        const id = ++requestIdCounter;
+        const timer = setTimeout(() => {
+            pendingRequests.delete(id);
+            reject(new Error(`Worker request timed out: ${type}`));
+        }, timeoutMs);
+        pendingRequests.set(id, { resolve, reject, timer });
+        worker.postMessage({ id, type, payload });
+    });
+}
+
+export function terminate() {
+    if (worker) {
+        worker.terminate();
+        worker = null;
+        pendingRequests.clear();
+    }
+}
+
+export function isWorkerReady() {
+    return worker !== null && worker.readyState !== undefined;
+}
+
+/**
+ * Helper: compute a learning path via the worker.
+ * Falls back to synchronous computation if worker is unavailable.
+ */
+export async function computePathViaWorker(params, fallbackFn) {
+    if (!worker) {
+        return fallbackFn ? fallbackFn(params) : null;
+    }
+    try {
+        const result = await send('computePath', params);
+        return result.payload;
+    } catch (err) {
+        console.warn('[PathWorkerBridge] Worker path compute failed, using fallback:', err);
+        return fallbackFn ? fallbackFn(params) : null;
+    }
+}