@pheem49/mint 1.17.0 → 1.18.0

package/src/renderer/shared/utils/artifactBrowser.test.ts

@@ -1,61 +1,66 @@
 import { describe, expect, it, vi } from 'vitest'
 import { installRendererPlatform } from '../platform'
 import * as desktopAdapter from '../../src/tauri'
-import { openArtifactInMintBrowser } from './artifactBrowser'
+import { openArtifactInBrowser } from './artifactBrowser'
 
 const native = vi.hoisted(() => ({ invoke: vi.fn(async () => undefined) }))
 vi.mock('@tauri-apps/api/core', () => ({ invoke: native.invoke }))
 
 const url = 'http://127.0.0.1:12345/site/index.html'
-describe('opening a preview in Mint Browser', () => {
-  it('opens an existing served URL through Mint Browser on Desktop', async () => {
+describe('opening a preview in system browser', () => {
+  it('opens an existing served URL through browser on Desktop', async () => {
     const opened: string[] = []
-    await openArtifactInMintBrowser({ path: 'site/index.html', url }, '/projects/Demo', {
+    await openArtifactInBrowser({ path: 'site/index.html', url }, '/projects/Demo', {
       desktop: true,
       startPreview: async () => { throw new Error('An existing URL must be reused') },
-      openMintBrowser: async (target) => { opened.push(target) },
+      openBrowser: async (target) => { opened.push(target) },
     })
     expect(opened).toEqual([url])
   })
-  it('serves chat artifacts from their pinned project before opening Mint Browser', async () => {
+  it('serves chat artifacts from their pinned project before opening browser', async () => {
     const actions: unknown[] = []
-    await openArtifactInMintBrowser({ path: 'site/index.html', workspacePath: '/projects/Original' }, '/projects/Other', {
+    await openArtifactInBrowser({ path: 'site/index.html', workspacePath: '/projects/Original' }, '/projects/Other', {
       desktop: true,
-      startPreview: async (root, path, mint) => { actions.push([root, path, mint]); return { url, jobId: 'preview-1' } },
-      openMintBrowser: async (target) => { actions.push(target) },
+      startPreview: async (root, path) => { actions.push([root, path]); return { url, jobId: 'preview-1' } },
+      openBrowser: async (target) => { actions.push(target) },
     })
-    expect(actions).toEqual([['/projects/Original', 'site/index.html', false], url])
+    expect(actions).toEqual([['/projects/Original', 'site/index.html'], url])
   })
-  it('opens the controlled browser through the authenticated local backend on Web', async () => {
-    const requests: unknown[] = []
-    await openArtifactInMintBrowser({ path: 'site/index.html', url, workspacePath: '/projects/Demo' }, undefined, {
+  it('opens preview via system browser on Web', async () => {
+    const actions: unknown[] = []
+    await openArtifactInBrowser({ path: 'site/index.html', url, workspacePath: '/projects/Demo' }, undefined, {
       desktop: false,
-      startPreview: async (root, path, mint) => { requests.push([root, path, mint]); return { url, jobId: 'preview-1' } },
-      openMintBrowser: async () => { throw new Error('Web must not call native IPC') },
+      startPreview: async (root, path) => { actions.push([root, path]); return { url, jobId: 'preview-1' } },
+      openBrowser: async (target) => { actions.push(target) },
     })
-    expect(requests).toEqual([['/projects/Demo', 'site/index.html', true]])
+    expect(actions).toEqual([url])
   })
   it('reports browser launch failures so the button can show an error', async () => {
-    await expect(openArtifactInMintBrowser({ path: 'site/index.html', url }, undefined, {
+    await expect(openArtifactInBrowser({ path: 'site/index.html', url }, undefined, {
       desktop: true,
       startPreview: async () => { throw new Error('Unexpected server startup') },
-      openMintBrowser: async () => { throw new Error('Chrome unavailable') },
-    })).rejects.toThrow('Chrome unavailable')
+      openBrowser: async () => { throw new Error('Browser unavailable') },
+    })).rejects.toThrow('Browser unavailable')
   })
   it('does not start a server without a source project', async () => {
-    await expect(openArtifactInMintBrowser({ path: 'site/index.html' }, undefined, {
+    await expect(openArtifactInBrowser({ path: 'site/index.html' }, undefined, {
       desktop: true,
       startPreview: async () => { throw new Error('Unexpected server startup') },
-      openMintBrowser: async () => { throw new Error('Unexpected browser startup') },
+      openBrowser: async () => { throw new Error('Unexpected browser startup') },
     })).rejects.toThrow('Select a project')
   })
 })
 
-it('sends the existing open_mint_browser IPC command for the default Desktop action', async () => {
-  installRendererPlatform({ ...desktopAdapter, isTauriRuntime: () => true })
-  native.invoke.mockClear()
-  await openArtifactInMintBrowser({ path: 'site/index.html', url }, undefined)
-  expect(native.invoke).toHaveBeenCalledWith('open_mint_browser', { url })
+it('sends the open_url desktop action for the default Desktop action', async () => {
+  vi.stubGlobal('window', { __TAURI_INTERNALS__: {} })
+  try {
+    installRendererPlatform({ ...desktopAdapter, isTauriRuntime: () => true })
+    native.invoke.mockClear()
+    await openArtifactInBrowser({ path: 'site/index.html', url }, undefined)
+    expect(native.invoke).toHaveBeenCalledWith('run_desktop_action', { action: { type: 'open_url', target: url } })
+  } finally {
+    vi.unstubAllGlobals()
+  }
 })
 
 it.each([
@@ -63,18 +68,18 @@ it.each([
   ['C:\\Projects\\Demo', 'c:\\projects\\demo\\site\\index.html', 'site/index.html'],
 ])('opens absolute artifact paths relative to their source project %s', async (root, path, relative) => {
   const requests: unknown[] = []
-  await openArtifactInMintBrowser({ path, workspacePath: root }, '/projects/Other', {
+  await openArtifactInBrowser({ path, workspacePath: root }, '/projects/Other', {
     desktop: true,
-    startPreview: async (workspace, file, mint) => { requests.push([workspace, file, mint]); return { url, jobId: 'preview-1' } },
-    openMintBrowser: async () => {},
+    startPreview: async (workspace, file) => { requests.push([workspace, file]); return { url, jobId: 'preview-1' } },
+    openBrowser: async () => {},
   })
-  expect(requests).toEqual([[root, relative, false]])
+  expect(requests).toEqual([[root, relative]])
 })
 
 it('rejects an absolute artifact from a different project without starting a server', async () => {
-  await expect(openArtifactInMintBrowser({ path: '/projects/Demo-copy/index.html', workspacePath: '/projects/Demo' }, undefined, {
+  await expect(openArtifactInBrowser({ path: '/projects/Demo-copy/index.html', workspacePath: '/projects/Demo' }, undefined, {
     desktop: true,
     startPreview: async () => { throw new Error('Unexpected server startup') },
-    openMintBrowser: async () => {},
+    openBrowser: async () => {},
   })).rejects.toThrow('outside its source project')
 })

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

@@ -1,30 +1,28 @@
 import type { ArtifactFile } from './artifacts'
 import { runtimePlatform, workspacePlatform } from '../platform'
 
-interface BrowserApi {
-  desktop: boolean
-  startPreview(root: string, path: string, mintBrowser: boolean): Promise<{ url: string; jobId: string }>
-  openMintBrowser(url: string): Promise<void>
+export interface BrowserApi {
+  desktop?: boolean
+  startPreview?(root: string, path: string): Promise<{ url: string; jobId: string }>
+  openBrowser?(url: string): Promise<void>
 }
 
-export async function openArtifactInMintBrowser(
+export async function openArtifactInBrowser(
   artifact: ArtifactFile,
   workspace: string | undefined,
-  api: BrowserApi = {
-    desktop: runtimePlatform.isTauriRuntime(),
-    startPreview: (root, path, mint) => workspacePlatform.startHtmlPreview(root, path, mint),
-    openMintBrowser: async (url) => {
-      const { invoke } = await import('@tauri-apps/api/core')
-      await invoke('open_mint_browser', { url })
-    },
-  },
+  api: BrowserApi = {},
 ): Promise<void> {
-  if (api.desktop && artifact.url) {
-    await api.openMintBrowser(artifact.url)
+  const openBrowser = api.openBrowser ?? (async (targetUrl: string) => {
+    await runtimePlatform.openExternal(targetUrl)
+  })
+  const startPreview = api.startPreview ?? ((root: string, targetPath: string) => workspacePlatform.startHtmlPreview(root, targetPath))
+
+  if (artifact.url) {
+    await openBrowser(artifact.url)
     return
   }
   const root = (artifact.workspacePath ?? workspace)?.trim()
-  if (!root) throw new Error('Select a project before opening its preview in Mint Browser')
+  if (!root) throw new Error('Select a project before opening its preview in browser')
   let path = artifact.path.replace(/\\/g, '/')
   if (/^(\/|[a-z]:\/)/i.test(path)) {
     const normalizedRoot = root.replace(/\\/g, '/').replace(/\/+$/, '')
@@ -35,7 +33,7 @@ export async function openArtifactInMintBrowser(
     }
     path = path.slice(prefix.length)
   }
-  // The authenticated local Web endpoint launches the same automation browser on the backend.
-  const preview = await api.startPreview(root, path, !api.desktop)
-  if (api.desktop) await api.openMintBrowser(preview.url)
+  const preview = await startPreview(root, path)
+  await openBrowser(preview.url)
 }
+

package/src/renderer/shared/utils/attachedDocument.test.ts

@@ -0,0 +1,73 @@
+/// <reference path="../../env.d.ts" />
+import { describe, it, expect } from 'vitest'
+import { parseAttachedDocument } from './attachedDocument'
+
+describe('parseAttachedDocument', () => {
+  it('returns raw text unchanged when no document attachment pattern is present', () => {
+    const raw = 'สวัสดีครับ ช่วยดูโค้ดนี้หน่อย'
+    const res = parseAttachedDocument(raw)
+    expect(res.userText).toBe(raw)
+    expect(res.attachedDocument).toBeUndefined()
+  })
+
+  it('handles null, undefined, and empty string', () => {
+    expect(parseAttachedDocument(null).userText).toBe('')
+    expect(parseAttachedDocument(undefined).userText).toBe('')
+    expect(parseAttachedDocument('').userText).toBe('')
+  })
+
+  it('parses user text and attached document payload accurately', () => {
+    const raw = `@generate_harness_pdf.py ขอปรับหน่อยอะ ไฟล์ที่ลากมาวา
+
+Attached document: LICENSE.electron.txt
+Use the extracted document text below when answering. If the user asks for a summary, summarize this document.
+
+--- Extracted document text ---
+Copyright (c) Electron contributors
+Copyright (c) 2013-2020 GitHub Inc.
+
+Permission is hereby granted, free of charge.
+--- End extracted document text ---`
+
+    const res = parseAttachedDocument(raw)
+    expect(res.userText).toBe('@generate_harness_pdf.py ขอปรับหน่อยอะ ไฟล์ที่ลากมาวา')
+    expect(res.attachedDocument).toBeDefined()
+    expect(res.attachedDocument?.filename).toBe('LICENSE.electron.txt')
+    expect(res.attachedDocument?.lineCount).toBe(4)
+    expect(res.attachedDocument?.content).toContain('Copyright (c) Electron contributors')
+    expect(res.attachedDocument?.content).toContain('Permission is hereby granted, free of charge.')
+  })
+
+  it('handles when the user sent only an attachment without typing any message', () => {
+    const raw = `Attached document: notes.md
+Use the extracted document text below when answering. If the user asks for a summary, summarize this document.
+
+--- Extracted document text ---
+# Notes
+Here are the notes.
+--- End extracted document text ---`
+
+    const res = parseAttachedDocument(raw)
+    expect(res.userText).toBe('')
+    expect(res.attachedDocument?.filename).toBe('notes.md')
+    expect(res.attachedDocument?.lineCount).toBe(2)
+  })
+
+  it('handles truncated document notice properly', () => {
+    const raw = `Check this file
+
+Attached document: large.json
+Use the extracted document text below when answering. If the user asks for a summary, summarize this document.
+
+--- Extracted document text ---
+{"key": "val"}
+
+[Document text truncated because it is long.]
+--- End extracted document text ---`
+
+    const res = parseAttachedDocument(raw)
+    expect(res.userText).toBe('Check this file')
+    expect(res.attachedDocument?.filename).toBe('large.json')
+    expect(res.attachedDocument?.content).toContain('[Document text truncated because it is long.]')
+  })
+})

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

@@ -0,0 +1,49 @@
+/**
+ * shared/utils/attachedDocument.ts
+ *
+ * Parses document attachment text and boilerplate injected into `interaction.userText`
+ * by the backend (`with_document_text`), allowing the chat interface to separate
+ * authentic user prompt text from the attached file contents.
+ */
+
+export interface AttachedDocumentPayload {
+  filename: string
+  content: string
+  lineCount: number
+  charCount: number
+}
+
+export interface ParsedUserMessage {
+  userText: string
+  attachedDocument?: AttachedDocumentPayload
+}
+
+const ATTACHED_DOC_REGEX =
+  /(?:^|\n\n)Attached document: ([^\n]+)\nUse the extracted document text below when answering[^\n]*\n\n--- Extracted document text ---\n([\s\S]*?)\n--- End extracted document text ---$/
+
+export function parseAttachedDocument(rawText: string | null | undefined): ParsedUserMessage {
+  if (!rawText || typeof rawText !== 'string') {
+    return { userText: '' }
+  }
+
+  const match = rawText.match(ATTACHED_DOC_REGEX)
+  if (!match || match.index === undefined) {
+    return { userText: rawText }
+  }
+
+  const userText = rawText.slice(0, match.index).trim()
+  const filename = match[1].trim()
+  const content = match[2]
+  const lineCount = content ? content.split('\n').length : 0
+  const charCount = content ? content.length : 0
+
+  return {
+    userText,
+    attachedDocument: {
+      filename,
+      content,
+      lineCount,
+      charCount,
+    },
+  }
+}

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

@@ -0,0 +1,59 @@
+import { describe, expect, it } from 'vitest'
+import {
+  getExtension,
+  materialFileIcon,
+  materialFolderIcon,
+  documentIcon,
+  folderIcon,
+  folderOpenIcon,
+  FILE_ICONS_BY_EXTENSION,
+  FILE_ICONS_BY_NAME,
+} from './fileIcons'
+
+describe('fileIcons utility', () => {
+  it('correctly extracts extensions case-insensitively', () => {
+    expect(getExtension('main.py')).toBe('py')
+    expect(getExtension('foo.BAR.TSX')).toBe('tsx')
+    expect(getExtension('Dockerfile')).toBe('')
+    expect(getExtension('.gitignore')).toBe('gitignore')
+  })
+
+  it('maps python files (.py, .pyw, .ipynb) to Python/Jupyter icons', () => {
+    const pyIcon = materialFileIcon('script.py', 'py')
+    expect(pyIcon).toBeDefined()
+    expect(pyIcon).not.toBe(documentIcon)
+    expect(pyIcon).toBe(FILE_ICONS_BY_EXTENSION['py'])
+
+    const ipynbIcon = materialFileIcon('analysis.ipynb', 'ipynb')
+    expect(ipynbIcon).toBe(FILE_ICONS_BY_EXTENSION['ipynb'])
+  })
+
+  it('maps major programming languages to their dedicated icons', () => {
+    expect(materialFileIcon('main.rs', 'rs')).toBe(FILE_ICONS_BY_EXTENSION['rs'])
+    expect(materialFileIcon('main.go', 'go')).toBe(FILE_ICONS_BY_EXTENSION['go'])
+    expect(materialFileIcon('Main.java', 'java')).toBe(FILE_ICONS_BY_EXTENSION['java'])
+    expect(materialFileIcon('app.c', 'c')).toBe(FILE_ICONS_BY_EXTENSION['c'])
+    expect(materialFileIcon('app.cpp', 'cpp')).toBe(FILE_ICONS_BY_EXTENSION['cpp'])
+    expect(materialFileIcon('App.cs', 'cs')).toBe(FILE_ICONS_BY_EXTENSION['cs'])
+    expect(materialFileIcon('script.sh', 'sh')).toBe(FILE_ICONS_BY_EXTENSION['sh'])
+    expect(materialFileIcon('query.sql', 'sql')).toBe(FILE_ICONS_BY_EXTENSION['sql'])
+    expect(materialFileIcon('doc.pdf', 'pdf')).toBe(FILE_ICONS_BY_EXTENSION['pdf'])
+  })
+
+  it('maps special file names by exact or lowercased name', () => {
+    expect(materialFileIcon('Dockerfile', '')).toBe(FILE_ICONS_BY_NAME['dockerfile'])
+    expect(materialFileIcon('.gitignore', 'gitignore')).toBe(FILE_ICONS_BY_NAME['.gitignore'])
+    expect(materialFileIcon('package.json', 'json')).toBe(FILE_ICONS_BY_NAME['package.json'])
+  })
+
+  it('falls back to documentIcon for unrecognized extensions', () => {
+    expect(materialFileIcon('mystery.unrecognizedext123', 'unrecognizedext123')).toBe(documentIcon)
+  })
+
+  it('returns appropriate folder icons', () => {
+    expect(materialFolderIcon('unknown_folder', false)).toBe(folderIcon)
+    expect(materialFolderIcon('unknown_folder', true)).toBe(folderOpenIcon)
+    expect(materialFolderIcon('src', false)).not.toBe(folderIcon)
+    expect(materialFolderIcon('src', true)).not.toBe(folderOpenIcon)
+  })
+})

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

@@ -1,7 +1,7 @@
 /**
  * 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).
+ * Extracted from WorkspacePanel to be shared across multiple components (e.g. AgentActivityTable, TurnFileChanges).
  */
 
 import folderIcon from 'material-icon-theme/icons/folder.svg?url'
@@ -40,25 +40,57 @@ 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'
+
+// Language & file icons
+import audioIcon from 'material-icon-theme/icons/audio.svg?url'
+import cIcon from 'material-icon-theme/icons/c.svg?url'
+import consoleIcon from 'material-icon-theme/icons/console.svg?url'
+import cppIcon from 'material-icon-theme/icons/cpp.svg?url'
+import csharpIcon from 'material-icon-theme/icons/csharp.svg?url'
 import cssIcon from 'material-icon-theme/icons/css.svg?url'
+import dartIcon from 'material-icon-theme/icons/dart.svg?url'
+import databaseIcon from 'material-icon-theme/icons/database.svg?url'
+import dockerIcon from 'material-icon-theme/icons/docker.svg?url'
 import documentIcon from 'material-icon-theme/icons/document.svg?url'
+import fontIcon from 'material-icon-theme/icons/font.svg?url'
+import gitIcon from 'material-icon-theme/icons/git.svg?url'
+import goIcon from 'material-icon-theme/icons/go.svg?url'
+import graphqlIcon from 'material-icon-theme/icons/graphql.svg?url'
 import htmlIcon from 'material-icon-theme/icons/html.svg?url'
 import imageIcon from 'material-icon-theme/icons/image.svg?url'
+import javaIcon from 'material-icon-theme/icons/java.svg?url'
 import javascriptIcon from 'material-icon-theme/icons/javascript.svg?url'
 import jsonIcon from 'material-icon-theme/icons/json.svg?url'
+import jupyterIcon from 'material-icon-theme/icons/jupyter.svg?url'
+import kotlinIcon from 'material-icon-theme/icons/kotlin.svg?url'
 import lockIcon from 'material-icon-theme/icons/lock.svg?url'
 import logIcon from 'material-icon-theme/icons/log.svg?url'
+import luaIcon from 'material-icon-theme/icons/lua.svg?url'
 import markdownIcon from 'material-icon-theme/icons/markdown.svg?url'
 import npmIcon from 'material-icon-theme/icons/npm.svg?url'
+import pdfIcon from 'material-icon-theme/icons/pdf.svg?url'
+import phpIcon from 'material-icon-theme/icons/php.svg?url'
+import powershellIcon from 'material-icon-theme/icons/powershell.svg?url'
+import pythonIcon from 'material-icon-theme/icons/python.svg?url'
+import rIcon from 'material-icon-theme/icons/r.svg?url'
 import reactIcon from 'material-icon-theme/icons/react.svg?url'
 import reactTsIcon from 'material-icon-theme/icons/react_ts.svg?url'
+import rubyIcon from 'material-icon-theme/icons/ruby.svg?url'
 import rustIcon from 'material-icon-theme/icons/rust.svg?url'
+import sassIcon from 'material-icon-theme/icons/sass.svg?url'
+import scalaIcon from 'material-icon-theme/icons/scala.svg?url'
 import settingsIcon from 'material-icon-theme/icons/settings.svg?url'
+import svelteIcon from 'material-icon-theme/icons/svelte.svg?url'
+import swiftIcon from 'material-icon-theme/icons/swift.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 videoIcon from 'material-icon-theme/icons/video.svg?url'
 import viteIcon from 'material-icon-theme/icons/vite.svg?url'
+import vueIcon from 'material-icon-theme/icons/vue.svg?url'
+import xmlIcon from 'material-icon-theme/icons/xml.svg?url'
 import yamlIcon from 'material-icon-theme/icons/yaml.svg?url'
+import zipIcon from 'material-icon-theme/icons/zip.svg?url'
 
 export const FOLDER_ICONS: Record<string, { closed: string; open: string }> = {
   '.cargo_home': { closed: folderRustIcon, open: folderRustOpenIcon },
@@ -86,23 +118,111 @@ export const FOLDER_ICONS: Record<string, { closed: string; open: string }> = {
 }
 
 export const FILE_ICONS_BY_EXTENSION: Record<string, string> = {
+  // Web & Styles
   css: cssIcon,
+  scss: sassIcon,
+  sass: sassIcon,
+  less: cssIcon,
   html: htmlIcon,
-  jpeg: imageIcon,
-  jpg: imageIcon,
+  htm: htmlIcon,
+  graphql: graphqlIcon,
+  gql: graphqlIcon,
+  vue: vueIcon,
+  svelte: svelteIcon,
+
+  // JavaScript & TypeScript
   js: javascriptIcon,
-  json: jsonIcon,
-  lock: lockIcon,
-  log: logIcon,
-  md: markdownIcon,
-  png: imageIcon,
-  rs: rustIcon,
-  svg: imageIcon,
-  toml: tomlIcon,
+  mjs: javascriptIcon,
+  cjs: javascriptIcon,
+  jsx: reactIcon,
   ts: typescriptIcon,
+  mts: typescriptIcon,
+  cts: typescriptIcon,
   tsx: reactTsIcon,
+
+  // Python & Data Science
+  py: pythonIcon,
+  pyc: pythonIcon,
+  pyd: pythonIcon,
+  pyw: pythonIcon,
+  ipynb: jupyterIcon,
+
+  // Systems & Compiled Languages
+  rs: rustIcon,
+  c: cIcon,
+  h: cIcon,
+  cpp: cppIcon,
+  cc: cppIcon,
+  cxx: cppIcon,
+  hpp: cppIcon,
+  hh: cppIcon,
+  hxx: cppIcon,
+  cs: csharpIcon,
+  go: goIcon,
+  java: javaIcon,
+  jar: javaIcon,
+  kt: kotlinIcon,
+  kts: kotlinIcon,
+  php: phpIcon,
+  rb: rubyIcon,
+  swift: swiftIcon,
+  scala: scalaIcon,
+  dart: dartIcon,
+  lua: luaIcon,
+  r: rIcon,
+
+  // Shell & Scripts
+  sh: consoleIcon,
+  bash: consoleIcon,
+  zsh: consoleIcon,
+  fish: consoleIcon,
+  ps1: powershellIcon,
+  psm1: powershellIcon,
+  bat: consoleIcon,
+  cmd: consoleIcon,
+
+  // Data, Config & Docs
+  json: jsonIcon,
+  json5: jsonIcon,
+  jsonc: jsonIcon,
   yaml: yamlIcon,
   yml: yamlIcon,
+  toml: tomlIcon,
+  xml: xmlIcon,
+  sql: databaseIcon,
+  db: databaseIcon,
+  sqlite: databaseIcon,
+  sqlite3: databaseIcon,
+  md: markdownIcon,
+  mdx: markdownIcon,
+  pdf: pdfIcon,
+  log: logIcon,
+  lock: lockIcon,
+
+  // Media, Fonts & Archives
+  png: imageIcon,
+  jpg: imageIcon,
+  jpeg: imageIcon,
+  gif: imageIcon,
+  webp: imageIcon,
+  svg: imageIcon,
+  ico: imageIcon,
+  mp3: audioIcon,
+  wav: audioIcon,
+  ogg: audioIcon,
+  mp4: videoIcon,
+  webm: videoIcon,
+  mov: videoIcon,
+  zip: zipIcon,
+  tar: zipIcon,
+  gz: zipIcon,
+  tgz: zipIcon,
+  '7z': zipIcon,
+  rar: zipIcon,
+  woff: fontIcon,
+  woff2: fontIcon,
+  ttf: fontIcon,
+  otf: fontIcon,
 }
 
 export const FILE_ICONS_BY_NAME: Record<string, string> = {
@@ -111,6 +231,18 @@ export const FILE_ICONS_BY_NAME: Record<string, string> = {
   'tauri.conf.json': tauriIcon,
   'vite.config.ts': viteIcon,
   'vite.config.web.ts': viteIcon,
+  'vite.config.js': viteIcon,
+  'dockerfile': dockerIcon,
+  'containerfile': dockerIcon,
+  'docker-compose.yml': dockerIcon,
+  'docker-compose.yaml': dockerIcon,
+  '.gitignore': gitIcon,
+  '.gitattributes': gitIcon,
+  '.gitmodules': gitIcon,
+  '.env': settingsIcon,
+  '.env.local': settingsIcon,
+  '.env.development': settingsIcon,
+  '.env.production': settingsIcon,
 }
 
 export function getExtension(name: string): string {
@@ -125,11 +257,12 @@ export function materialFolderIcon(name: string, open: boolean): string {
 }
 
 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
+  const lowerName = name.toLowerCase()
+  if (FILE_ICONS_BY_NAME[lowerName]) return FILE_ICONS_BY_NAME[lowerName]
+  if (lowerName.endsWith('.config.ts') || lowerName.endsWith('.config.js') || lowerName.endsWith('.config.mjs')) return settingsIcon
+  if (lowerName.endsWith('.tsx')) return reactTsIcon
+  if (lowerName.endsWith('.jsx')) return reactIcon
+  return FILE_ICONS_BY_EXTENSION[fileExtension.toLowerCase()] || documentIcon
 }
 
 export { folderIcon, folderOpenIcon, documentIcon }
-