@pheem49/mint 1.8.2 → 1.10.0

package/src/renderer/shared/utils/markdown.tsx

@@ -33,27 +33,27 @@ export function readableAssistantText(text: string): string {
 function sanitizeLatex(text: string): string {
   return text
     // arrows
-    .replace(/\$\\rightarrow\$|\\\(\\rightarrow\\\)/g, '→')
-    .replace(/\$\\leftarrow\$|\\\(\\leftarrow\\\)/g, '←')
-    .replace(/\$\\Rightarrow\$|\\\(\\Rightarrow\\\)/g, '⇒')
-    .replace(/\$\\Leftarrow\$|\\\(\\Leftarrow\\\)/g, '⇐')
-    .replace(/\$\\leftrightarrow\$|\\\(\\leftrightarrow\\\)/g, '↔')
+    .replace(/\$\\rightarrow\$|\\\(\\rightarrow\\\)|\\rightarrow|\bightarrow\b/g, '→')
+    .replace(/\$\\leftarrow\$|\\\(\\leftarrow\\\)|\\leftarrow|\beftarrow\b/g, '←')
+    .replace(/\$\\Rightarrow\$|\\\(\\Rightarrow\\\)|\\Rightarrow|\begRightarrow\b/g, '⇒')
+    .replace(/\$\\Leftarrow\$|\\\(\\Leftarrow\\\)|\\Leftarrow/g, '⇐')
+    .replace(/\$\\leftrightarrow\$|\\\(\\leftrightarrow\\\)|\\leftrightarrow/g, '↔')
     // comparison
-    .replace(/\$\\leq\$|\\\(\\leq\\\)/g, '≤')
-    .replace(/\$\\geq\$|\\\(\\geq\\\)/g, '≥')
-    .replace(/\$\\neq\$|\\\(\\neq\\\)/g, '≠')
+    .replace(/\$\\leq\$|\\\(\\leq\\\)|\\leq/g, '≤')
+    .replace(/\$\\geq\$|\\\(\\geq\\\)|\\geq/g, '≥')
+    .replace(/\$\\neq\$|\\\(\\neq\\\)|\\neq/g, '≠')
     .replace(/\$\\approx\$|\\\(\\approx\\\)/g, '≈')
     // math
-    .replace(/\$\\times\$|\\\(\\times\\\)/g, '×')
-    .replace(/\$\\div\$|\\\(\\div\\\)/g, '÷')
+    .replace(/\$\\times\$|\\\(\\times\\\)|\\times/g, '×')
+    .replace(/\$\\div\$|\\\(\\div\\\)|\\div/g, '÷')
     .replace(/\$\\pm\$|\\\(\\pm\\\)/g, '±')
-    .replace(/\$\\infty\$|\\\(\\infty\\\)/g, '∞')
+    .replace(/\$\\infty\$|\\\(\\infty\\\)|\\infty/g, '∞')
     // other common symbols
-    .replace(/\$\\cdot\$|\\\(\\cdot\\\)/g, '·')
-    .replace(/\$\\in\$|\\\(\\in\\\)/g, '∈')
-    .replace(/\$\\subset\$|\\\(\\subset\\\)/g, '⊂')
-    .replace(/\$\\cup\$|\\\(\\cup\\\)/g, '∪')
-    .replace(/\$\\cap\$|\\\(\\cap\\\)/g, '∩')
+    .replace(/\$\\cdot\$|\\\(\\cdot\\\)|\\cdot/g, '·')
+    .replace(/\$\\in\$|\\\(\\in\\\)|\\in\b/g, '∈')
+    .replace(/\$\\subset\$|\\\(\\subset\\\)|\\subset/g, '⊂')
+    .replace(/\$\\cup\$|\\\(\\cup\\\)|\\cup\b/g, '∪')
+    .replace(/\$\\cap\$|\\\(\\cap\\\)|\\cap\b/g, '∩')
     // strip remaining inline math delimiters $...$ and \(...\) that weren't matched
     .replace(/\$([^$\n]{1,60})\$/g, '$1')
     .replace(/\\\(([^)]{1,60})\\\)/g, '$1')
@@ -85,11 +85,32 @@ export function renderSpeakerIcon(isSpeaking: boolean): ReactNode {
   )
 }
 
+export function renderCopyIcon(isCopied: boolean): ReactNode {
+  if (isCopied) {
+    return (
+      <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{ display: 'block', color: 'var(--accent, #10b981)' }}>
+        <polyline points="20 6 9 17 4 12" />
+      </svg>
+    )
+  }
+  return (
+    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" style={{ display: 'block' }}>
+      <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+      <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
+    </svg>
+  )
+}
+
+
+
 export function renderFormattedMessage(text: string): ReactNode {
   const displayText = readableAssistantText(text)
   if (!displayText) return null
 
-  const formatInline = (str: string) => {
+  const formatInline = (str: string): ReactNode => {
+    if (!str) return null
+
+    // Split code backticks first
     const codeParts = str.split(/`([\s\S]*?)`/g)
     return codeParts.map((codePart, codeIndex) => {
       if (codeIndex % 2 === 1) {
@@ -99,27 +120,92 @@ export function renderFormattedMessage(text: string): ReactNode {
           </code>
         )
       }
-      const boldParts = codePart.split(/\*\*([\s\S]*?)\*\*/g)
-      return boldParts.map((boldPart, boldIndex) => {
-        if (boldIndex % 2 === 1) {
-          return (
-            <strong key={`bold-${boldIndex}`} className="chat-bold-highlight">
-              {boldPart}
-            </strong>
-          )
-        }
-        const mentionParts = boldPart.split(/(@[\w\-\.\/]+)/g)
-        return mentionParts.map((mentionPart, mentionIndex) => {
-          if (mentionIndex % 2 === 1) {
+
+      // Match markdown links [label](url)
+      const linkRegex = /\[([^\]]+)\]\((https?:\/\/[^\s\)]+)\)/g
+      const linkMatches: Array<{ index: number; length: number; label: string; url: string }> = []
+      let match: RegExpExecArray | null
+      while ((match = linkRegex.exec(codePart)) !== null) {
+        linkMatches.push({
+          index: match.index,
+          length: match[0].length,
+          label: match[1],
+          url: match[2],
+        })
+      }
+
+      const renderTextAndFormatting = (subStr: string, keyPrefix: string): ReactNode => {
+        // Process bold **text**
+        const boldParts = subStr.split(/\*\*([\s\S]*?)\*\*/g)
+        return boldParts.map((boldPart, boldIndex) => {
+          if (boldIndex % 2 === 1) {
             return (
-              <span key={`mention-${mentionIndex}`} className="chat-mention">
-                {mentionPart}
-              </span>
+              <strong key={`${keyPrefix}-bold-${boldIndex}`} className="chat-bold-highlight">
+                {boldPart}
+              </strong>
             )
           }
-          return mentionPart
+          // Process mentions (@...)
+          const mentionParts = boldPart.split(/(@[\w\-\.\/]+)/g)
+          return mentionParts.map((mentionPart, mentionIndex) => {
+            if (mentionIndex % 2 === 1) {
+              return (
+                <span key={`${keyPrefix}-mention-${mentionIndex}`} className="chat-mention">
+                  {mentionPart}
+                </span>
+              )
+            }
+            // Process raw URLs (https://... or http://...)
+            const urlRegex = /(https?:\/\/[^\s<>\(\)]+)/g
+            const urlParts = mentionPart.split(urlRegex)
+            return urlParts.map((urlPart, urlIndex) => {
+              if (urlIndex % 2 === 1) {
+                return (
+                  <a
+                    key={`${keyPrefix}-url-${urlIndex}`}
+                    href={urlPart}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="chat-link"
+                  >
+                    {urlPart}
+                  </a>
+                )
+              }
+              return urlPart
+            })
+          })
         })
+      }
+
+      if (linkMatches.length === 0) {
+        return renderTextAndFormatting(codePart, `c-${codeIndex}`)
+      }
+
+      const linkElements: ReactNode[] = []
+      let lastIdx = 0
+      linkMatches.forEach((lMatch, lIdx) => {
+        if (lMatch.index > lastIdx) {
+          linkElements.push(renderTextAndFormatting(codePart.slice(lastIdx, lMatch.index), `c-${codeIndex}-pre-${lIdx}`))
+        }
+        linkElements.push(
+          <a
+            key={`link-${codeIndex}-${lIdx}`}
+            href={lMatch.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="chat-link"
+          >
+            {renderTextAndFormatting(lMatch.label, `c-${codeIndex}-label-${lIdx}`)}
+          </a>
+        )
+        lastIdx = lMatch.index + lMatch.length
       })
+      if (lastIdx < codePart.length) {
+        linkElements.push(renderTextAndFormatting(codePart.slice(lastIdx), `c-${codeIndex}-post`))
+      }
+
+      return linkElements
     })
   }
 
@@ -231,7 +317,7 @@ export function renderFormattedMessage(text: string): ReactNode {
   }
 
   const lines = displayText.split('\n')
-  const items: ReactNode[] = []
+  const blocks: ReactNode[] = []
 
   let inCodeBlock = false
   let codeBlockLang = ''
@@ -242,22 +328,40 @@ export function renderFormattedMessage(text: string): ReactNode {
 
   const flushTable = (index: number) => {
     if (tableLines.length > 0) {
-      items.push(renderHtmlTable(tableLines, `table-${index}`))
+      blocks.push(renderHtmlTable(tableLines, `table-${index}`))
       tableLines = []
       inTable = false
     }
   }
 
+  let currentParagraphLines: string[] = []
+
+  const flushParagraph = (index: number) => {
+    if (currentParagraphLines.length > 0) {
+      const paragraphText = currentParagraphLines.join('\n')
+      if (paragraphText.trim()) {
+        blocks.push(
+          <div key={`para-${index}`} className="chat-paragraph">
+            {formatInline(paragraphText)}
+          </div>
+        )
+      }
+      currentParagraphLines = []
+    }
+  }
+
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i]
+    const trimmedLine = line.trim()
+
+    // Code block toggle
+    if (trimmedLine.startsWith('```')) {
+      if (inTable) flushTable(i)
+      flushParagraph(i)
 
-    if (line.trim().startsWith('```')) {
-      if (inTable) {
-        flushTable(i)
-      }
       if (inCodeBlock) {
         const codeText = codeBlockLines.join('\n')
-        items.push(
+        blocks.push(
           <ChatCodeBlock
             key={`code-block-${i}`}
             code={codeText}
@@ -268,7 +372,7 @@ export function renderFormattedMessage(text: string): ReactNode {
         codeBlockLines = []
       } else {
         inCodeBlock = true
-        codeBlockLang = line.trim().slice(3).trim() || 'plaintext'
+        codeBlockLang = trimmedLine.slice(3).trim() || 'plaintext'
       }
       continue
     }
@@ -278,63 +382,87 @@ export function renderFormattedMessage(text: string): ReactNode {
       continue
     }
 
+    // Markdown Table
     if (isTableLine(line)) {
+      flushParagraph(i)
       inTable = true
       tableLines.push(line)
-    } else {
-      if (inTable) {
-        flushTable(i)
-      }
+      continue
+    } else if (inTable) {
+      flushTable(i)
+    }
 
-      const headerMatch = line.match(/^(#{1,6})\s+(.*)$/)
-      if (headerMatch) {
-        const level = headerMatch[1].length
-        const content = headerMatch[2]
-
-        const style = {
-          fontWeight: 'bold',
-          display: 'block',
-          marginTop: level === 1 ? '16px' : level === 2 ? '14px' : '10px',
-          marginBottom: '6px',
-          fontSize: level === 1 ? '1.25em' : level === 2 ? '1.15em' : '1.05em',
-          color: 'var(--text-main)',
-        }
+    // Empty line -> flush paragraph (creates paragraph gap)
+    if (!trimmedLine) {
+      flushParagraph(i)
+      continue
+    }
 
-        items.push(
-          <span key={`line-${i}`} style={style}>
-            {formatInline(content)}
-          </span>
-        )
-      } else {
-        const listMatch = line.match(/^(\s*)([-*+])\s+(.*)$/)
-        if (listMatch) {
-          const indent = listMatch[1]
-          const content = listMatch[3]
-          items.push(
-            <Fragment key={`line-${i}`}>
-              {indent}• {formatInline(content)}
-              {i < lines.length - 1 && '\n'}
-            </Fragment>
-          )
-        } else {
-          items.push(
-            <Fragment key={`line-${i}`}>
-              {formatInline(line)}
-              {i < lines.length - 1 && '\n'}
-            </Fragment>
-          )
-        }
-      }
+    // Markdown Headers (# Header)
+    const headerMatch = line.match(/^(#{1,6})\s+(.*)$/)
+    if (headerMatch) {
+      flushParagraph(i)
+      const level = Math.min(headerMatch[1].length, 6)
+      const content = headerMatch[2]
+      blocks.push(
+        <div key={`header-${i}`} className={`chat-heading chat-heading-${level}`}>
+          {formatInline(content)}
+        </div>
+      )
+      continue
+    }
+
+    // Numbered list items: "1. ", "2) ", "(1) ", etc.
+    const orderedMatch = line.match(/^(\s*)(?:(\d+)[\.\)]|[\(\[](\d+)[\)\]])\s+(.*)$/)
+    if (orderedMatch) {
+      flushParagraph(i)
+      const num = orderedMatch[2] || orderedMatch[3]
+      const content = orderedMatch[4]
+      blocks.push(
+        <div key={`ordered-${i}`} className="chat-list-item chat-ordered-item">
+          <span className="chat-list-number">{num}.</span>
+          <span className="chat-list-text">{formatInline(content)}</span>
+        </div>
+      )
+      continue
+    }
+
+    // Bullet list items: "- ", "* ", "+ ", "• "
+    const bulletMatch = line.match(/^(\s*)([-*+•])\s+(.*)$/)
+    if (bulletMatch) {
+      flushParagraph(i)
+      const content = bulletMatch[3]
+      blocks.push(
+        <div key={`bullet-${i}`} className="chat-list-item chat-bullet-item">
+          <span className="chat-list-bullet">•</span>
+          <span className="chat-list-text">{formatInline(content)}</span>
+        </div>
+      )
+      continue
     }
-  }
 
-  if (inTable) {
-    flushTable(lines.length)
+    // Emoji header / Section title (e.g. "🚀 ขั้นตอนเริ่มต้นสำหรับคุณภีม:", "⚠️ ข้อควรระวังจากมัน (สำคัญมาก!):")
+    const isEmojiHeader = /^(?:[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]).*:$/u.test(trimmedLine)
+    if (isEmojiHeader) {
+      flushParagraph(i)
+      blocks.push(
+        <div key={`section-${i}`} className="chat-heading chat-heading-3 chat-section-title">
+          {formatInline(line)}
+        </div>
+      )
+      continue
+    }
+
+    // Regular text line -> append to current paragraph
+    currentParagraphLines.push(line)
   }
 
+  if (inTable) flushTable(lines.length)
+  flushParagraph(lines.length)
+
   if (inCodeBlock && codeBlockLines.length > 0) {
     const codeText = codeBlockLines.join('\n')
-    items.push(
+    blocks.push(
       <ChatCodeBlock
         key={`code-block-end`}
         code={codeText}
@@ -343,5 +471,6 @@ export function renderFormattedMessage(text: string): ReactNode {
     )
   }
 
-  return <>{items}</>
+  return <div className="chat-formatted-body">{blocks}</div>
 }
+

package/src/renderer/shared/utils/slashCommandProcessor.ts

@@ -0,0 +1,239 @@
+import { SLASH_COMMANDS } from '../constants/slashCommands'
+
+export interface SlashCommandExecutionResult {
+  handled: boolean
+  action?:
+    | 'clear_chat'
+    | 'toggle_fast'
+    | 'toggle_multi_agent'
+    | 'set_agent_mode'
+    | 'set_provider_model'
+    | 'change_workspace'
+    | 'open_image_picker'
+    | 'paste_image'
+    | 'open_plugins'
+    | 'generate_veo'
+    | 'exit_session'
+    | 'system_message'
+  payload?: any
+  systemText?: string
+}
+
+export function parseSlashCommand(input: string): { command: string; rest: string } | null {
+  const trimmed = input.trim()
+  if (!trimmed.startsWith('/')) return null
+  const spaceIndex = trimmed.search(/\s/)
+  if (spaceIndex === -1) {
+    return { command: trimmed.toLowerCase(), rest: '' }
+  }
+  return {
+    command: trimmed.slice(0, spaceIndex).toLowerCase(),
+    rest: trimmed.slice(spaceIndex).trim(),
+  }
+}
+
+export function executeSlashCommand(
+  input: string,
+  context: {
+    activeProvider?: string
+    activeModel?: string
+    availableProviders?: string[]
+    workspacePath?: string
+    interactionsCount?: number
+    fastMode?: boolean
+    multiAgent?: boolean
+  } = {}
+): SlashCommandExecutionResult {
+  const parsed = parseSlashCommand(input)
+  if (!parsed) return { handled: false }
+
+  const { command, rest } = parsed
+
+  switch (command) {
+    case '/help': {
+      let helpText = `### ⚡ Mint Interactive Slash Commands\n\n`
+      helpText += `| Command | Description | Usage |\n`
+      helpText += `| :--- | :--- | :--- |\n`
+      SLASH_COMMANDS.forEach((c) => {
+        helpText += `| \`${c.command}\` | ${c.description} | \`${c.usage || c.command}\` |\n`
+      })
+      helpText += `\n*Tip: You can also use \`@\` in the chat bar to reference workspace files!*`
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: helpText,
+      }
+    }
+
+    case '/fast': {
+      const mode = rest.toLowerCase()
+      const targetState = mode === 'on' ? true : mode === 'off' ? false : !(context.fastMode ?? false)
+      return {
+        handled: true,
+        action: 'toggle_fast',
+        payload: { enabled: targetState },
+        systemText: `⚡ Fast Mode set to **${targetState ? 'ON (Thinking hidden)' : 'OFF (Thinking visible)'}**.`,
+      }
+    }
+
+    case '/code': {
+      return {
+        handled: true,
+        action: 'set_agent_mode',
+        payload: { prompt: rest, agentMode: true },
+      }
+    }
+
+    case '/multi-agent': {
+      const mode = rest.toLowerCase()
+      const targetState = mode === 'on' ? true : mode === 'off' ? false : !(context.multiAgent ?? false)
+      return {
+        handled: true,
+        action: 'toggle_multi_agent',
+        payload: { enabled: targetState },
+        systemText: `🤖 Multi-Agent Collaboration set to **${targetState ? 'ON' : 'OFF'}**.`,
+      }
+    }
+
+    case '/cd': {
+      return {
+        handled: true,
+        action: 'change_workspace',
+        payload: { path: rest },
+      }
+    }
+
+    case '/models': {
+      if (rest) {
+        return {
+          handled: true,
+          action: 'set_provider_model',
+          payload: { target: rest },
+          systemText: `🔄 Switching provider/model to \`${rest}\`...`,
+        }
+      }
+      const providers = context.availableProviders || []
+      let text = `### 🤖 Available Providers & Current Model\n\n`
+      text += `- **Active Provider:** \`${context.activeProvider || 'None'}\`\n`
+      text += `- **Active Model:** \`${context.activeModel || 'Default'}\`\n\n`
+      text += `**Available Providers:** ${providers.map((p) => `\`${p}\``).join(', ') || 'None'}\n\n`
+      text += `*Use \`/models <provider_name>\` to switch active provider.*`
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: text,
+      }
+    }
+
+    case '/image-provider': {
+      if (rest) {
+        return {
+          handled: true,
+          action: 'system_message',
+          systemText: `🎨 Image generation provider set to \`${rest}\`.`,
+        }
+      }
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: `🎨 **Image Gen Providers:** Gemini Imagen 3, OpenAI DALL-E 3, Flux.1, HuggingFace.\nSwitch via Settings > Media Providers.`,
+      }
+    }
+
+    case '/video-provider': {
+      if (rest) {
+        return {
+          handled: true,
+          action: 'system_message',
+          systemText: `🎬 Video generation provider set to \`${rest}\`.`,
+        }
+      }
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: `🎬 **Video Gen Providers:** Google Veo 2.0, Runway Gen-3.\nSwitch via Settings > Media Providers.`,
+      }
+    }
+
+    case '/veo': {
+      if (!rest) {
+        return {
+          handled: true,
+          action: 'system_message',
+          systemText: `⚠️ Please specify a prompt for Veo video generation. Usage: \`/veo <prompt>\``,
+        }
+      }
+      return {
+        handled: true,
+        action: 'generate_veo',
+        payload: { prompt: rest },
+      }
+    }
+
+    case '/image': {
+      return {
+        handled: true,
+        action: 'open_image_picker',
+        payload: { pathOrPrompt: rest },
+      }
+    }
+
+    case '/paste': {
+      return {
+        handled: true,
+        action: 'paste_image',
+        payload: { prompt: rest },
+      }
+    }
+
+    case '/mcp': {
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: `🔌 **MCP Servers Status**\n\n- Active MCP plugins configured in Settings > Plugins.\n- Open Settings > Plugins tab to add or configure Model Context Protocol tools.`,
+      }
+    }
+
+    case '/plugins': {
+      return {
+        handled: true,
+        action: 'open_plugins',
+      }
+    }
+
+    case '/stats': {
+      let statsText = `### 📊 Mint Session Statistics\n\n`
+      statsText += `- **Active Workspace:** \`${context.workspacePath || 'Global'}\`\n`
+      statsText += `- **Current Provider:** \`${context.activeProvider || 'Unknown'}\`\n`
+      statsText += `- **Current Model:** \`${context.activeModel || 'Default'}\`\n`
+      statsText += `- **Total Interactions:** \`${context.interactionsCount ?? 0}\`\n`
+      statsText += `- **Fast Mode:** \`${context.fastMode ? 'Enabled' : 'Disabled'}\`\n`
+      statsText += `- **Multi-Agent:** \`${context.multiAgent ? 'Enabled' : 'Disabled'}\`\n`
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: statsText,
+      }
+    }
+
+    case '/memory': {
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: `🧠 **Long-Term Memory Store**\n\nManage profile variables & interactions in Settings > Memory.`,
+      }
+    }
+
+    case '/learn':
+    case '/skill': {
+      return {
+        handled: true,
+        action: 'system_message',
+        systemText: `📚 **Skill & Instruction Manager**\n\nImport skills in Settings > Plugins or place markdown files in \`.agents/skills/\`.`,
+      }
+    }
+
+    default:
+      return { handled: false }
+  }
+}