@aicupa/plugin-balance 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicupa/plugin-balance",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Show time balance ratio between temporary and current tasks",
   "main": "./service",
   "view": "./view",

package/service.js

@@ -56,6 +56,22 @@ module.exports = createPlugin((api) => {
     return total;
   }
 
+  function collectFocusedItems(tree) {
+    const items = [];
+    if (!Array.isArray(tree)) return items;
+    const stack = [...tree];
+    while (stack.length) {
+      const n = stack.pop();
+      if (n.todo?.focus && n.todo?.content) {
+        items.push(n.todo.content);
+      }
+      if (Array.isArray(n.children)) {
+        stack.push(...n.children);
+      }
+    }
+    return items;
+  }
+
   function findNodeById(tree, id) {
     const stack = [...tree];
     while (stack.length) {
@@ -91,6 +107,10 @@ module.exports = createPlugin((api) => {
       };
     },
 
+    getFocusedItems({ tree }) {
+      return { ok: true, result: collectFocusedItems(tree) };
+    },
+
     calculate({ tree }) {
       if (!Array.isArray(tree) || !tempNodeId || !currentNodeId) {
         return {

package/view/index.html

@@ -10,6 +10,11 @@
       box-sizing: border-box;
     }
 
+    html, body {
+      height: auto;
+      overflow: hidden;
+    }
+
     body {
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
       background: transparent;
@@ -85,6 +90,37 @@
       min-width: 36px;
       text-align: right;
     }
+
+    .focus-section {
+      margin-top: 6px;
+      padding: 0 2px;
+    }
+
+    .focus-title {
+      font-size: 10px;
+      opacity: 0.5;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 3px;
+    }
+
+    .focus-list {
+      list-style: none;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .focus-item {
+      font-size: 11px;
+      padding: 2px 6px;
+      border-radius: 3px;
+      background: rgba(64, 128, 255, 0.08);
+      border-left: 2px solid rgba(64, 128, 255, 0.4);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   </style>
 </head>
 
@@ -102,6 +138,10 @@
     </div>
     <span class="balance-ratio" id="ratio">0%</span>
   </div>
+  <div class="focus-section" id="focusSection" style="display:none">
+    <div class="focus-title">In Progress</div>
+    <ul class="focus-list" id="focusList"></ul>
+  </div>
   <script>
     (function () {
       let callId = 0
@@ -140,6 +180,8 @@
       const currentInput = document.getElementById('currentId')
       const barFill = document.getElementById('barFill')
       const ratioEl = document.getElementById('ratio')
+      const focusSection = document.getElementById('focusSection')
+      const focusList = document.getElementById('focusList')
       let debounceTimer = null
 
       function onInputChange() {
@@ -172,6 +214,26 @@
             ratioEl.textContent = pct + '%'
           }
         } catch (_) { }
+
+        try {
+          const res = await callPlugin('getFocusedItems', { tree })
+          const inner = res?.result || res
+          const items = inner?.result || inner
+          if (Array.isArray(items) && items.length) {
+            focusList.innerHTML = ''
+            items.forEach(function (text) {
+              var li = document.createElement('li')
+              li.className = 'focus-item'
+              li.textContent = text
+              focusList.appendChild(li)
+            })
+            focusSection.style.display = ''
+          } else {
+            focusSection.style.display = 'none'
+          }
+        } catch (_) {
+          focusSection.style.display = 'none'
+        }
       }
 
       async function loadConfig() {