@within-7/minto 0.1.7 → 0.3.0

package/dist/hooks/useTerminalSize.js

@@ -1,16 +1,47 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useRef } from "react";
 let globalSize = {
   columns: process.stdout.columns || 80,
   rows: process.stdout.rows || 24
 };
 const listeners = /* @__PURE__ */ new Set();
 let isListenerAttached = false;
+let debounceTimer = null;
+const resizeCallbacks = /* @__PURE__ */ new Set();
+const RESIZE_DEBOUNCE_MS = 300;
+const SIZE_CHANGE_THRESHOLD = 5;
+let isInClearingCycle = false;
+let lastSignificantResizeTime = 0;
+const RESIZE_COOLDOWN_MS = 2e3;
 function updateAllListeners() {
-  globalSize = {
-    columns: process.stdout.columns || 80,
-    rows: process.stdout.rows || 24
-  };
-  listeners.forEach((listener) => listener());
+  if (debounceTimer) {
+    clearTimeout(debounceTimer);
+  }
+  debounceTimer = setTimeout(() => {
+    const newColumns = process.stdout.columns || 80;
+    const newRows = process.stdout.rows || 24;
+    if (globalSize.columns !== newColumns || globalSize.rows !== newRows) {
+      const oldColumns = globalSize.columns;
+      const columnDiff = Math.abs(oldColumns - newColumns);
+      const isSignificantResize = columnDiff > SIZE_CHANGE_THRESHOLD;
+      globalSize = {
+        columns: newColumns,
+        rows: newRows
+      };
+      listeners.forEach((listener) => listener());
+      const now = Date.now();
+      const timeSinceLastResize = now - lastSignificantResizeTime;
+      const isCooldownExpired = timeSinceLastResize > RESIZE_COOLDOWN_MS;
+      if (isSignificantResize && !isInClearingCycle && isCooldownExpired) {
+        isInClearingCycle = true;
+        lastSignificantResizeTime = now;
+        resizeCallbacks.forEach((callback) => callback());
+        setTimeout(() => {
+          isInClearingCycle = false;
+        }, 500);
+      }
+    }
+    debounceTimer = null;
+  }, RESIZE_DEBOUNCE_MS);
 }
 function useTerminalSize() {
   const [size, setSize] = useState(globalSize);
@@ -27,12 +58,37 @@ function useTerminalSize() {
       if (listeners.size === 0 && isListenerAttached) {
         process.stdout.off("resize", updateAllListeners);
         isListenerAttached = false;
+        if (debounceTimer) {
+          clearTimeout(debounceTimer);
+          debounceTimer = null;
+        }
       }
     };
   }, []);
   return size;
 }
+function useFullscreenExitCallback(callback) {
+  return useSignificantResizeCallback(callback);
+}
+function useSignificantResizeCallback(callback) {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(() => {
+    if (!isListenerAttached) {
+      process.stdout.setMaxListeners(20);
+      process.stdout.on("resize", updateAllListeners);
+      isListenerAttached = true;
+    }
+    const wrappedCallback = () => callbackRef.current();
+    resizeCallbacks.add(wrappedCallback);
+    return () => {
+      resizeCallbacks.delete(wrappedCallback);
+    };
+  }, []);
+}
 export {
+  useFullscreenExitCallback,
+  useSignificantResizeCallback,
   useTerminalSize
 };
 //# sourceMappingURL=useTerminalSize.js.map

package/dist/hooks/useTerminalSize.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/useTerminalSize.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react'\n\n// Global state to share across all hook instances\nlet globalSize = {\n  columns: process.stdout.columns || 80,\n  rows: process.stdout.rows || 24,\n}\n\nconst listeners = new Set<() => void>()\nlet isListenerAttached = false\n\nfunction updateAllListeners() {\n  globalSize = {\n    columns: process.stdout.columns || 80,\n    rows: process.stdout.rows || 24,\n  }\n  listeners.forEach(listener => listener())\n}\n\nexport function useTerminalSize() {\n  const [size, setSize] = useState(globalSize)\n\n  useEffect(() => {\n    // Add this component's listener to the set\n    const updateSize = () => setSize({ ...globalSize })\n    listeners.add(updateSize)\n\n    // Only attach the global resize listener once\n    if (!isListenerAttached) {\n      // Increase max listeners to prevent warnings\n      process.stdout.setMaxListeners(20)\n      process.stdout.on('resize', updateAllListeners)\n      isListenerAttached = true\n    }\n\n    return () => {\n      // Remove this component's listener\n      listeners.delete(updateSize)\n\n      // If no more listeners, remove the global listener\n      if (listeners.size === 0 && isListenerAttached) {\n        process.stdout.off('resize', updateAllListeners)\n        isListenerAttached = false\n      }\n    }\n  }, [])\n\n  return size\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,IAAI,aAAa;AAAA,EACf,SAAS,QAAQ,OAAO,WAAW;AAAA,EACnC,MAAM,QAAQ,OAAO,QAAQ;AAC/B;AAEA,MAAM,YAAY,oBAAI,IAAgB;AACtC,IAAI,qBAAqB;AAEzB,SAAS,qBAAqB;AAC5B,eAAa;AAAA,IACX,SAAS,QAAQ,OAAO,WAAW;AAAA,IACnC,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAC/B;AACA,YAAU,QAAQ,cAAY,SAAS,CAAC;AAC1C;AAEO,SAAS,kBAAkB;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,UAAU;AAE3C,YAAU,MAAM;AAEd,UAAM,aAAa,MAAM,QAAQ,EAAE,GAAG,WAAW,CAAC;AAClD,cAAU,IAAI,UAAU;AAGxB,QAAI,CAAC,oBAAoB;AAEvB,cAAQ,OAAO,gBAAgB,EAAE;AACjC,cAAQ,OAAO,GAAG,UAAU,kBAAkB;AAC9C,2BAAqB;AAAA,IACvB;AAEA,WAAO,MAAM;AAEX,gBAAU,OAAO,UAAU;AAG3B,UAAI,UAAU,SAAS,KAAK,oBAAoB;AAC9C,gBAAQ,OAAO,IAAI,UAAU,kBAAkB;AAC/C,6BAAqB;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
+  "sourcesContent": ["import { useEffect, useState, useRef, useCallback } from 'react'\n\n// Global state to share across all hook instances\nlet globalSize = {\n  columns: process.stdout.columns || 80,\n  rows: process.stdout.rows || 24,\n}\n\nconst listeners = new Set<() => void>()\nlet isListenerAttached = false\nlet debounceTimer: NodeJS.Timeout | null = null\n\n// Callbacks to trigger full re-render when significant resize occurs\nconst resizeCallbacks = new Set<() => void>()\n\n// Debounce delay in ms - prevents rapid-fire re-renders during resize\n// Increased from 150ms to 300ms to better handle window focus transitions\nconst RESIZE_DEBOUNCE_MS = 300\n\n// Threshold for detecting any significant size change (either direction)\n// Any resize > 5 columns should trigger a re-render to prevent ghost artifacts\nconst SIZE_CHANGE_THRESHOLD = 5\n\n// Track if we're currently in a fullscreen exit clearing cycle to prevent re-triggers\nlet isInClearingCycle = false\n\n// Track last significant resize time to prevent rapid re-triggers (e.g., from window focus changes)\nlet lastSignificantResizeTime = 0\nconst RESIZE_COOLDOWN_MS = 2000 // 2 second cooldown between significant resize triggers\n\nfunction updateAllListeners() {\n  // Clear any pending debounce\n  if (debounceTimer) {\n    clearTimeout(debounceTimer)\n  }\n\n  // Debounce the resize event to prevent multiple rapid re-renders\n  debounceTimer = setTimeout(() => {\n    const newColumns = process.stdout.columns || 80\n    const newRows = process.stdout.rows || 24\n\n    // Only update if dimensions actually changed\n    if (globalSize.columns !== newColumns || globalSize.rows !== newRows) {\n      const oldColumns = globalSize.columns\n\n      // Detect if screen size changed significantly (in either direction)\n      // This catches both entering and exiting fullscreen, as well as manual window resizing\n      const columnDiff = Math.abs(oldColumns - newColumns)\n      const isSignificantResize = columnDiff > SIZE_CHANGE_THRESHOLD\n\n      globalSize = {\n        columns: newColumns,\n        rows: newRows,\n      }\n      listeners.forEach(listener => listener())\n\n      // If significant resize and not already in clearing cycle, trigger callbacks\n      // The clearing cycle lock prevents multiple triggers during the clear/re-render process\n      // Also enforce a cooldown period to prevent rapid re-triggers from window focus changes\n      const now = Date.now()\n      const timeSinceLastResize = now - lastSignificantResizeTime\n      const isCooldownExpired = timeSinceLastResize > RESIZE_COOLDOWN_MS\n\n      if (isSignificantResize && !isInClearingCycle && isCooldownExpired) {\n        isInClearingCycle = true\n        lastSignificantResizeTime = now\n        resizeCallbacks.forEach(callback => callback())\n        // Release the lock after a delay to allow re-render to complete\n        setTimeout(() => {\n          isInClearingCycle = false\n        }, 500)\n      }\n    }\n    debounceTimer = null\n  }, RESIZE_DEBOUNCE_MS)\n}\n\nexport function useTerminalSize() {\n  const [size, setSize] = useState(globalSize)\n\n  useEffect(() => {\n    // Add this component's listener to the set\n    const updateSize = () => setSize({ ...globalSize })\n    listeners.add(updateSize)\n\n    // Only attach the global resize listener once\n    if (!isListenerAttached) {\n      // Increase max listeners to prevent warnings\n      process.stdout.setMaxListeners(20)\n      process.stdout.on('resize', updateAllListeners)\n      isListenerAttached = true\n    }\n\n    return () => {\n      // Remove this component's listener\n      listeners.delete(updateSize)\n\n      // If no more listeners, remove the global listener\n      if (listeners.size === 0 && isListenerAttached) {\n        process.stdout.off('resize', updateAllListeners)\n        isListenerAttached = false\n        // Clear any pending debounce\n        if (debounceTimer) {\n          clearTimeout(debounceTimer)\n          debounceTimer = null\n        }\n      }\n    }\n  }, [])\n\n  return size\n}\n\n/**\n * Hook to register a callback that fires when a significant resize occurs.\n * This is detected when the terminal width changes by more than 5 columns.\n * Useful for triggering a full UI re-render to clear ghost artifacts.\n *\n * @deprecated Use useSignificantResizeCallback instead (same function, clearer name)\n */\nexport function useFullscreenExitCallback(callback: () => void) {\n  return useSignificantResizeCallback(callback)\n}\n\n/**\n * Hook to register a callback that fires when a significant terminal resize occurs.\n * This is detected when the terminal width changes by more than SIZE_CHANGE_THRESHOLD columns.\n * Useful for triggering a full UI re-render to clear ghost artifacts caused by Ink's\n * differential rendering.\n */\nexport function useSignificantResizeCallback(callback: () => void) {\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  useEffect(() => {\n    // Ensure the global resize listener is attached\n    // This is needed because this hook might be called\n    // before any component calls useTerminalSize()\n    if (!isListenerAttached) {\n      process.stdout.setMaxListeners(20)\n      process.stdout.on('resize', updateAllListeners)\n      isListenerAttached = true\n    }\n\n    const wrappedCallback = () => callbackRef.current()\n    resizeCallbacks.add(wrappedCallback)\n\n    return () => {\n      resizeCallbacks.delete(wrappedCallback)\n    }\n  }, [])\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,UAAU,cAA2B;AAGzD,IAAI,aAAa;AAAA,EACf,SAAS,QAAQ,OAAO,WAAW;AAAA,EACnC,MAAM,QAAQ,OAAO,QAAQ;AAC/B;AAEA,MAAM,YAAY,oBAAI,IAAgB;AACtC,IAAI,qBAAqB;AACzB,IAAI,gBAAuC;AAG3C,MAAM,kBAAkB,oBAAI,IAAgB;AAI5C,MAAM,qBAAqB;AAI3B,MAAM,wBAAwB;AAG9B,IAAI,oBAAoB;AAGxB,IAAI,4BAA4B;AAChC,MAAM,qBAAqB;AAE3B,SAAS,qBAAqB;AAE5B,MAAI,eAAe;AACjB,iBAAa,aAAa;AAAA,EAC5B;AAGA,kBAAgB,WAAW,MAAM;AAC/B,UAAM,aAAa,QAAQ,OAAO,WAAW;AAC7C,UAAM,UAAU,QAAQ,OAAO,QAAQ;AAGvC,QAAI,WAAW,YAAY,cAAc,WAAW,SAAS,SAAS;AACpE,YAAM,aAAa,WAAW;AAI9B,YAAM,aAAa,KAAK,IAAI,aAAa,UAAU;AACnD,YAAM,sBAAsB,aAAa;AAEzC,mBAAa;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AACA,gBAAU,QAAQ,cAAY,SAAS,CAAC;AAKxC,YAAM,MAAM,KAAK,IAAI;AACrB,YAAM,sBAAsB,MAAM;AAClC,YAAM,oBAAoB,sBAAsB;AAEhD,UAAI,uBAAuB,CAAC,qBAAqB,mBAAmB;AAClE,4BAAoB;AACpB,oCAA4B;AAC5B,wBAAgB,QAAQ,cAAY,SAAS,CAAC;AAE9C,mBAAW,MAAM;AACf,8BAAoB;AAAA,QACtB,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AACA,oBAAgB;AAAA,EAClB,GAAG,kBAAkB;AACvB;AAEO,SAAS,kBAAkB;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,UAAU;AAE3C,YAAU,MAAM;AAEd,UAAM,aAAa,MAAM,QAAQ,EAAE,GAAG,WAAW,CAAC;AAClD,cAAU,IAAI,UAAU;AAGxB,QAAI,CAAC,oBAAoB;AAEvB,cAAQ,OAAO,gBAAgB,EAAE;AACjC,cAAQ,OAAO,GAAG,UAAU,kBAAkB;AAC9C,2BAAqB;AAAA,IACvB;AAEA,WAAO,MAAM;AAEX,gBAAU,OAAO,UAAU;AAG3B,UAAI,UAAU,SAAS,KAAK,oBAAoB;AAC9C,gBAAQ,OAAO,IAAI,UAAU,kBAAkB;AAC/C,6BAAqB;AAErB,YAAI,eAAe;AACjB,uBAAa,aAAa;AAC1B,0BAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AASO,SAAS,0BAA0B,UAAsB;AAC9D,SAAO,6BAA6B,QAAQ;AAC9C;AAQO,SAAS,6BAA6B,UAAsB;AACjE,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AAEtB,YAAU,MAAM;AAId,QAAI,CAAC,oBAAoB;AACvB,cAAQ,OAAO,gBAAgB,EAAE;AACjC,cAAQ,OAAO,GAAG,UAAU,kBAAkB;AAC9C,2BAAqB;AAAA,IACvB;AAEA,UAAM,kBAAkB,MAAM,YAAY,QAAQ;AAClD,oBAAgB,IAAI,eAAe;AAEnC,WAAO,MAAM;AACX,sBAAgB,OAAO,eAAe;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,CAAC;AACP;",
   "names": []
 }

package/dist/hooks/useUnifiedCompletion.js

@@ -12,6 +12,7 @@ import {
   getEssentialCommands,
   getMinimalFallbackCommands
 } from "../utils/commonUnixCommands.js";
+import { listMCPResources } from "../services/mcpClient.js";
 const INITIAL_STATE = {
   suggestions: [],
   selectedIndex: 0,
@@ -143,6 +144,15 @@ function useUnifiedCompletion({
         // Use cursor position as end
       };
     }
+    if (word.startsWith("mcp:") || word.includes("mcp:")) {
+      const mcpPrefix = word.includes("mcp:") ? word.slice(word.indexOf("mcp:") + 4) : "";
+      return {
+        type: "mcp",
+        prefix: mcpPrefix,
+        startPos: start,
+        endPos: cursorOffset
+      };
+    }
     return {
       type: "file",
       prefix: word,
@@ -356,6 +366,29 @@ function useUnifiedCompletion({
       setModelSuggestions([]);
     }
   }, []);
+  const [mcpResourceSuggestions, setMcpResourceSuggestions] = useState([]);
+  useEffect(() => {
+    listMCPResources().then((resources) => {
+      const suggestions2 = resources.map((resource) => ({
+        value: resource.uri,
+        displayValue: `\u{1F50C} ${resource.name} :: ${resource.description || resource.uri}`,
+        type: "mcp-resource",
+        score: 80,
+        metadata: {
+          uri: resource.uri,
+          serverName: resource.serverName,
+          mimeType: resource.mimeType
+        }
+      }));
+      setMcpResourceSuggestions(suggestions2);
+    }).catch((error) => {
+      console.warn(
+        "[useUnifiedCompletion] MCP resources not available:",
+        error
+      );
+      setMcpResourceSuggestions([]);
+    });
+  }, []);
   useEffect(() => {
     getActiveAgents().then((agents) => {
       const suggestions2 = agents.map((config) => {
@@ -583,11 +616,42 @@ function useUnifiedCompletion({
     },
     [agentSuggestions, modelSuggestions, calculateMatchScore]
   );
+  const generateMcpResourceSuggestions = useCallback(
+    (prefix) => {
+      if (mcpResourceSuggestions.length === 0) {
+        return [
+          {
+            value: "",
+            displayValue: "\u26A0\uFE0F No MCP resources available",
+            type: "mcp-resource",
+            score: 0,
+            metadata: { isPlaceholder: true }
+          }
+        ];
+      }
+      if (!prefix) {
+        return mcpResourceSuggestions;
+      }
+      const lowerPrefix = prefix.toLowerCase();
+      return mcpResourceSuggestions.filter((s) => {
+        const uri = s.value.toLowerCase();
+        const name = s.metadata?.uri?.toLowerCase() || "";
+        const server = s.metadata?.serverName?.toLowerCase() || "";
+        return uri.includes(lowerPrefix) || name.includes(lowerPrefix) || server.includes(lowerPrefix);
+      }).map((s) => ({
+        ...s,
+        score: s.value.toLowerCase().startsWith(lowerPrefix) ? 100 : 80
+      })).sort((a, b) => b.score - a.score);
+    },
+    [mcpResourceSuggestions]
+  );
   const generateSuggestions = useCallback(
     (context) => {
       switch (context.type) {
         case "command":
           return generateCommandSuggestions(context.prefix);
+        case "mcp":
+          return generateMcpResourceSuggestions(context.prefix);
         case "agent": {
           const mentionSuggestions = generateMentionSuggestions(context.prefix);
           const fileSuggestions = generateFileSuggestions(context.prefix, true);
@@ -653,6 +717,7 @@ function useUnifiedCompletion({
     },
     [
       generateCommandSuggestions,
+      generateMcpResourceSuggestions,
       generateMentionSuggestions,
       generateFileSuggestions,
       generateUnixCommandSuggestions,
@@ -664,6 +729,8 @@ function useUnifiedCompletion({
       let completion;
       if (context.type === "command") {
         completion = `/${suggestion.value} `;
+      } else if (context.type === "mcp") {
+        completion = `mcp:${suggestion.value} `;
       } else if (context.type === "agent") {
         if (suggestion.type === "agent") {
           completion = `@${suggestion.value} `;
@@ -971,6 +1038,8 @@ function useUnifiedCompletion({
           return true;
         case "agent":
           return true;
+        case "mcp":
+          return true;
         case "file":
           const prefix = context.prefix;
           if (prefix.startsWith("./") || prefix.startsWith("../") || prefix.startsWith("/") || prefix.startsWith("~") || prefix.includes("/")) {