@pheem49/mint 1.8.1 → 1.9.0

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

@@ -0,0 +1,135 @@
+/**
+ * shared/utils/fileIcons.ts
+ * Utility mapping and resolution functions for Material Icon Theme icons.
+ * Extracted from WorkspacePanel to be shared across multiple components (e.g. AgentActivityTable).
+ */
+
+import folderIcon from 'material-icon-theme/icons/folder.svg?url'
+import folderOpenIcon from 'material-icon-theme/icons/folder-open.svg?url'
+import folderComponentsIcon from 'material-icon-theme/icons/folder-components.svg?url'
+import folderComponentsOpenIcon from 'material-icon-theme/icons/folder-components-open.svg?url'
+import folderConfigIcon from 'material-icon-theme/icons/folder-config.svg?url'
+import folderConfigOpenIcon from 'material-icon-theme/icons/folder-config-open.svg?url'
+import folderDistIcon from 'material-icon-theme/icons/folder-dist.svg?url'
+import folderDistOpenIcon from 'material-icon-theme/icons/folder-dist-open.svg?url'
+import folderDocsIcon from 'material-icon-theme/icons/folder-docs.svg?url'
+import folderDocsOpenIcon from 'material-icon-theme/icons/folder-docs-open.svg?url'
+import folderGitIcon from 'material-icon-theme/icons/folder-git.svg?url'
+import folderGitOpenIcon from 'material-icon-theme/icons/folder-git-open.svg?url'
+import folderGithubIcon from 'material-icon-theme/icons/folder-github.svg?url'
+import folderGithubOpenIcon from 'material-icon-theme/icons/folder-github-open.svg?url'
+import folderImagesIcon from 'material-icon-theme/icons/folder-images.svg?url'
+import folderImagesOpenIcon from 'material-icon-theme/icons/folder-images-open.svg?url'
+import folderLogIcon from 'material-icon-theme/icons/folder-log.svg?url'
+import folderLogOpenIcon from 'material-icon-theme/icons/folder-log-open.svg?url'
+import folderNodeIcon from 'material-icon-theme/icons/folder-node.svg?url'
+import folderNodeOpenIcon from 'material-icon-theme/icons/folder-node-open.svg?url'
+import folderPublicIcon from 'material-icon-theme/icons/folder-public.svg?url'
+import folderPublicOpenIcon from 'material-icon-theme/icons/folder-public-open.svg?url'
+import folderRustIcon from 'material-icon-theme/icons/folder-rust.svg?url'
+import folderRustOpenIcon from 'material-icon-theme/icons/folder-rust-open.svg?url'
+import folderScriptsIcon from 'material-icon-theme/icons/folder-scripts.svg?url'
+import folderScriptsOpenIcon from 'material-icon-theme/icons/folder-scripts-open.svg?url'
+import folderSrcIcon from 'material-icon-theme/icons/folder-src.svg?url'
+import folderSrcOpenIcon from 'material-icon-theme/icons/folder-src-open.svg?url'
+import folderSrcTauriIcon from 'material-icon-theme/icons/folder-src-tauri.svg?url'
+import folderSrcTauriOpenIcon from 'material-icon-theme/icons/folder-src-tauri-open.svg?url'
+import folderTestIcon from 'material-icon-theme/icons/folder-test.svg?url'
+import folderTestOpenIcon from 'material-icon-theme/icons/folder-test-open.svg?url'
+import folderUiIcon from 'material-icon-theme/icons/folder-ui.svg?url'
+import folderUiOpenIcon from 'material-icon-theme/icons/folder-ui-open.svg?url'
+import folderUtilsIcon from 'material-icon-theme/icons/folder-utils.svg?url'
+import folderUtilsOpenIcon from 'material-icon-theme/icons/folder-utils-open.svg?url'
+import cssIcon from 'material-icon-theme/icons/css.svg?url'
+import documentIcon from 'material-icon-theme/icons/document.svg?url'
+import htmlIcon from 'material-icon-theme/icons/html.svg?url'
+import imageIcon from 'material-icon-theme/icons/image.svg?url'
+import javascriptIcon from 'material-icon-theme/icons/javascript.svg?url'
+import jsonIcon from 'material-icon-theme/icons/json.svg?url'
+import lockIcon from 'material-icon-theme/icons/lock.svg?url'
+import logIcon from 'material-icon-theme/icons/log.svg?url'
+import markdownIcon from 'material-icon-theme/icons/markdown.svg?url'
+import npmIcon from 'material-icon-theme/icons/npm.svg?url'
+import reactIcon from 'material-icon-theme/icons/react.svg?url'
+import reactTsIcon from 'material-icon-theme/icons/react_ts.svg?url'
+import rustIcon from 'material-icon-theme/icons/rust.svg?url'
+import settingsIcon from 'material-icon-theme/icons/settings.svg?url'
+import tauriIcon from 'material-icon-theme/icons/tauri.svg?url'
+import tomlIcon from 'material-icon-theme/icons/toml.svg?url'
+import typescriptIcon from 'material-icon-theme/icons/typescript.svg?url'
+import viteIcon from 'material-icon-theme/icons/vite.svg?url'
+import yamlIcon from 'material-icon-theme/icons/yaml.svg?url'
+
+export const FOLDER_ICONS: Record<string, { closed: string; open: string }> = {
+  '.cargo_home': { closed: folderRustIcon, open: folderRustOpenIcon },
+  '.github': { closed: folderGithubIcon, open: folderGithubOpenIcon },
+  '.git': { closed: folderGitIcon, open: folderGitOpenIcon },
+  '.rustup': { closed: folderRustIcon, open: folderRustOpenIcon },
+  '.rustup_copy': { closed: folderRustIcon, open: folderRustOpenIcon },
+  '.rustup_home': { closed: folderRustIcon, open: folderRustOpenIcon },
+  assets: { closed: folderImagesIcon, open: folderImagesOpenIcon },
+  components: { closed: folderComponentsIcon, open: folderComponentsOpenIcon },
+  crates: { closed: folderRustIcon, open: folderRustOpenIcon },
+  css: { closed: folderUiIcon, open: folderUiOpenIcon },
+  dist: { closed: folderDistIcon, open: folderDistOpenIcon },
+  docs: { closed: folderDocsIcon, open: folderDocsOpenIcon },
+  logs: { closed: folderLogIcon, open: folderLogOpenIcon },
+  node_modules: { closed: folderNodeIcon, open: folderNodeOpenIcon },
+  out: { closed: folderDistIcon, open: folderDistOpenIcon },
+  public: { closed: folderPublicIcon, open: folderPublicOpenIcon },
+  renderer: { closed: folderUiIcon, open: folderUiOpenIcon },
+  scripts: { closed: folderScriptsIcon, open: folderScriptsOpenIcon },
+  src: { closed: folderSrcIcon, open: folderSrcOpenIcon },
+  'src-tauri': { closed: folderSrcTauriIcon, open: folderSrcTauriOpenIcon },
+  tests: { closed: folderTestIcon, open: folderTestOpenIcon },
+  utils: { closed: folderUtilsIcon, open: folderUtilsOpenIcon },
+}
+
+export const FILE_ICONS_BY_EXTENSION: Record<string, string> = {
+  css: cssIcon,
+  html: htmlIcon,
+  jpeg: imageIcon,
+  jpg: imageIcon,
+  js: javascriptIcon,
+  json: jsonIcon,
+  lock: lockIcon,
+  log: logIcon,
+  md: markdownIcon,
+  png: imageIcon,
+  rs: rustIcon,
+  svg: imageIcon,
+  toml: tomlIcon,
+  ts: typescriptIcon,
+  tsx: reactTsIcon,
+  yaml: yamlIcon,
+  yml: yamlIcon,
+}
+
+export const FILE_ICONS_BY_NAME: Record<string, string> = {
+  'package-lock.json': npmIcon,
+  'package.json': npmIcon,
+  'tauri.conf.json': tauriIcon,
+  'vite.config.ts': viteIcon,
+  'vite.config.web.ts': viteIcon,
+}
+
+export function getExtension(name: string): string {
+  const index = name.lastIndexOf('.')
+  return index === -1 ? '' : name.slice(index + 1).toLowerCase()
+}
+
+export function materialFolderIcon(name: string, open: boolean): string {
+  const icon = FOLDER_ICONS[name] || FOLDER_ICONS[name.toLowerCase()]
+  if (!icon) return open ? folderOpenIcon : folderIcon
+  return open ? icon.open : icon.closed
+}
+
+export function materialFileIcon(name: string, fileExtension: string): string {
+  if (name.endsWith('.config.ts') || name.endsWith('.config.js')) return settingsIcon
+  if (name.endsWith('.tsx')) return reactTsIcon
+  if (name.endsWith('.jsx')) return reactIcon
+  return FILE_ICONS_BY_NAME[name.toLowerCase()] || FILE_ICONS_BY_EXTENSION[fileExtension] || documentIcon
+}
+
+export { folderIcon, folderOpenIcon }
+

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

@@ -0,0 +1,347 @@
+/**
+ * shared/utils/markdown.tsx
+ * Custom markdown parsing and rendering engine for message bubbles.
+ * Shared by both Desktop and Web ChatPanel — do NOT duplicate this.
+ */
+import { Fragment, type ReactNode } from 'react'
+import { ChatCodeBlock } from '../components/ChatCodeBlock'
+
+export const isTableLine = (line: string): boolean => {
+  const trimmed = line.trim()
+  return trimmed.startsWith('|') && trimmed.endsWith('|') && trimmed.length > 1
+}
+
+export function readableAssistantText(text: string): string {
+  if (typeof text !== 'string') return ''
+  const trimmed = text.trim()
+  if (!trimmed.startsWith('{')) return sanitizeLatex(text)
+  try {
+    const value = JSON.parse(trimmed)
+    if (value?.action === 'finish' && typeof value?.input?.summary === 'string' && value.input.summary.trim()) {
+      return sanitizeLatex(value.input.summary)
+    }
+    if (typeof value?.finish?.summary === 'string' && value.finish.summary.trim()) {
+      return sanitizeLatex(value.finish.summary)
+    }
+  } catch {
+    return sanitizeLatex(text)
+  }
+  return sanitizeLatex(text)
+}
+
+/** Replace common LaTeX math symbols with their Unicode equivalents */
+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, '↔')
+    // comparison
+    .replace(/\$\\leq\$|\\\(\\leq\\\)/g, '≤')
+    .replace(/\$\\geq\$|\\\(\\geq\\\)/g, '≥')
+    .replace(/\$\\neq\$|\\\(\\neq\\\)/g, '≠')
+    .replace(/\$\\approx\$|\\\(\\approx\\\)/g, '≈')
+    // math
+    .replace(/\$\\times\$|\\\(\\times\\\)/g, '×')
+    .replace(/\$\\div\$|\\\(\\div\\\)/g, '÷')
+    .replace(/\$\\pm\$|\\\(\\pm\\\)/g, '±')
+    .replace(/\$\\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, '∩')
+    // strip remaining inline math delimiters $...$ and \(...\) that weren't matched
+    .replace(/\$([^$\n]{1,60})\$/g, '$1')
+    .replace(/\\\(([^)]{1,60})\\\)/g, '$1')
+}
+
+
+
+export function cleanSpeechText(text: string): string {
+  return readableAssistantText(text)
+    .replace(/\*\*([\s\S]*?)\*\*/g, '$1')
+    .replace(/[*_`#]/g, '')
+    .trim()
+}
+
+export function renderSpeakerIcon(isSpeaking: boolean): ReactNode {
+  if (isSpeaking) {
+    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' }}>
+        <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+        <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+        <path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
+      </svg>
+    )
+  }
+  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' }}>
+      <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+    </svg>
+  )
+}
+
+export function renderFormattedMessage(text: string): ReactNode {
+  const displayText = readableAssistantText(text)
+  if (!displayText) return null
+
+  const formatInline = (str: string) => {
+    const codeParts = str.split(/`([\s\S]*?)`/g)
+    return codeParts.map((codePart, codeIndex) => {
+      if (codeIndex % 2 === 1) {
+        return (
+          <code key={`code-${codeIndex}`} className="chat-inline-code">
+            {codePart}
+          </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) {
+            return (
+              <span key={`mention-${mentionIndex}`} className="chat-mention">
+                {mentionPart}
+              </span>
+            )
+          }
+          return mentionPart
+        })
+      })
+    })
+  }
+
+  const renderHtmlTable = (tableLines: string[], key: string) => {
+    const rows: string[][] = []
+    for (const line of tableLines) {
+      const trimmed = line.trim()
+      if (!trimmed) continue
+      const content = trimmed.slice(1, -1)
+      const contentEscaped = content.replace(/\\\|/g, '\u0000')
+      const cols = contentEscaped.split('|').map(s => s.replace(/\u0000/g, '|').trim())
+      rows.push(cols)
+    }
+
+    if (rows.length === 0) return null
+
+    let hasSeparator = false
+    let separatorIdx = -1
+    for (let i = 0; i < rows.length; i++) {
+      const row = rows[i]
+      if (row.length > 0 && row.every(col => /^[-\s:]+$/.test(col))) {
+        hasSeparator = true
+        separatorIdx = i
+        break
+      }
+    }
+
+    let headerRow: string[] | null = null
+    const dataRows: string[][] = []
+
+    if (hasSeparator) {
+      if (separatorIdx > 0) {
+        headerRow = rows[separatorIdx - 1]
+        for (let i = 0; i < rows.length; i++) {
+          if (i !== separatorIdx && i !== separatorIdx - 1) {
+            dataRows.push(rows[i])
+          }
+        }
+      } else {
+        for (let i = 0; i < rows.length; i++) {
+          if (i !== separatorIdx) {
+            dataRows.push(rows[i])
+          }
+        }
+      }
+    } else {
+      headerRow = rows[0]
+      for (let i = 1; i < rows.length; i++) {
+        dataRows.push(rows[i])
+      }
+    }
+
+    return (
+      <div key={key} className="chat-table-container" style={{
+        overflowX: 'auto',
+        margin: '14px 0',
+        width: '100%',
+        borderRadius: '8px',
+        border: '1px solid rgba(255, 255, 255, 0.12)',
+        background: 'rgba(30, 41, 59, 0.35)',
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+      }}>
+        <table className="chat-table" style={{
+          width: '100%',
+          borderCollapse: 'collapse',
+          fontSize: '0.86rem',
+          textAlign: 'left',
+          lineHeight: '1.5',
+        }}>
+          {headerRow && (
+            <thead>
+              <tr style={{
+                background: 'rgba(255, 255, 255, 0.04)',
+                borderBottom: '2px solid rgba(255, 255, 255, 0.15)',
+              }}>
+                {headerRow.map((col, idx) => (
+                  <th key={`th-${idx}`} style={{
+                    padding: '12px 16px',
+                    fontWeight: 700,
+                    color: 'var(--accent, #38bdf8)',
+                    fontFamily: 'ui-sans-serif, system-ui, sans-serif',
+                  }}>
+                    {formatInline(col)}
+                  </th>
+                ))}
+              </tr>
+            </thead>
+          )}
+          <tbody>
+            {dataRows.map((row, rIdx) => (
+              <tr key={`tr-${rIdx}`} style={{
+                background: rIdx % 2 === 1 ? 'rgba(255, 255, 255, 0.015)' : 'transparent',
+                borderBottom: rIdx < dataRows.length - 1 ? '1px solid rgba(255, 255, 255, 0.08)' : 'none',
+              }}>
+                {row.map((col, cIdx) => (
+                  <td key={`td-${cIdx}`} style={{
+                    padding: '12px 16px',
+                    color: 'var(--text-main, #e2e8f0)',
+                  }}>
+                    {formatInline(col)}
+                  </td>
+                ))}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    )
+  }
+
+  const lines = displayText.split('\n')
+  const items: ReactNode[] = []
+
+  let inCodeBlock = false
+  let codeBlockLang = ''
+  let codeBlockLines: string[] = []
+
+  let inTable = false
+  let tableLines: string[] = []
+
+  const flushTable = (index: number) => {
+    if (tableLines.length > 0) {
+      items.push(renderHtmlTable(tableLines, `table-${index}`))
+      tableLines = []
+      inTable = false
+    }
+  }
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i]
+
+    if (line.trim().startsWith('```')) {
+      if (inTable) {
+        flushTable(i)
+      }
+      if (inCodeBlock) {
+        const codeText = codeBlockLines.join('\n')
+        items.push(
+          <ChatCodeBlock
+            key={`code-block-${i}`}
+            code={codeText}
+            language={codeBlockLang}
+          />
+        )
+        inCodeBlock = false
+        codeBlockLines = []
+      } else {
+        inCodeBlock = true
+        codeBlockLang = line.trim().slice(3).trim() || 'plaintext'
+      }
+      continue
+    }
+
+    if (inCodeBlock) {
+      codeBlockLines.push(line)
+      continue
+    }
+
+    if (isTableLine(line)) {
+      inTable = true
+      tableLines.push(line)
+    } 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)',
+        }
+
+        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>
+          )
+        }
+      }
+    }
+  }
+
+  if (inTable) {
+    flushTable(lines.length)
+  }
+
+  if (inCodeBlock && codeBlockLines.length > 0) {
+    const codeText = codeBlockLines.join('\n')
+    items.push(
+      <ChatCodeBlock
+        key={`code-block-end`}
+        code={codeText}
+        language={codeBlockLang}
+      />
+    )
+  }
+
+  return <>{items}</>
+}

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

@@ -0,0 +1,36 @@
+/**
+ * shared/utils/providers.ts
+ * Provider label helpers — shared by both Desktop and Web ChatPanel.
+ */
+
+/** Minimal shape needed — matches the full ChatResponse in both tauri.ts files. */
+interface ProviderResponse {
+  provider: string
+  fallbackProvider?: string | null
+}
+
+export function badge(provider: string, model: string): string {
+  return [provider, model].filter(Boolean).join(' / ')
+}
+
+export function providerLabel(provider: string): string {
+  switch (provider) {
+    case 'gemini':       return 'Gemini'
+    case 'openai':       return 'OpenAI'
+    case 'openrouter':   return 'OpenRouter'
+    case 'deepseek':     return 'DeepSeek'
+    case 'anthropic':    return 'Claude'
+    case 'huggingface':  return 'Hugging Face'
+    case 'local_openai': return 'Local OpenAI'
+    case 'ollama':       return 'Ollama'
+    default:             return provider || 'Primary provider'
+  }
+}
+
+export function fallbackNotice(
+  response: ProviderResponse | null | undefined,
+): string {
+  if (!response?.fallbackProvider) return ''
+  return `${providerLabel(response.fallbackProvider)} unavailable, fell back to ${providerLabel(response.provider)}.`
+}
+