feat(ui): add dynamic window title and sprite-based project/file icons (#529)

* feat(ui): add dynamic titles and sprite-based project/file icons

* feat(files): add viewer syntax fallback and tab file icons

* fix(files): restore file viewer highlighting and add diff file icons

* feat(git): add file icons and async file-viewer syntax fallback

* fix(files): force codemirror token colors in file viewer

* feat(files): add shiki view mode for file viewer

* fix(files): force codemirror parse after programmatic content updates

* feat(files): support markdown frontmatter preview

* feat(chat): use pierre diffs for tool previews

* feat(chat): add configurable beautiful-mermaid rendering

* feat(perf): virtualize chat rendering and add react-scan toggle

* feat(build): enable React Compiler in Vite React apps

* fix(chat): reduce rerenders from tooltips and streamed activity

* fix(ui): make MessageList React Compiler safe

* chore(ui): batch commit remaining pending ui updates

* fix: polish chat and diff preview rendering

- Keep Mermaid action buttons fixed while diagram content scrolls
- Align Diff All Files headers and match Git-style path truncation
- Default chat tool diffs to unified view with lightweight indicators disabled

* fix: preserve file tree expansion and delay git action label collapse

* fix: refine project icon controls in settings

---------

Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/lib/codemirror/languageByExtension.ts

@@ -109,6 +109,14 @@ function codeBlockLanguageResolver(info: string): Language | LanguageDescription
 
 const normalizeFileName = (filePath: string) => filePath.split('/').pop()?.toLowerCase() ?? '';
 
+const matchLanguageDescriptionForFile = (filePath: string): LanguageDescription | null => {
+  const filename = normalizeFileName(filePath);
+  if (!filename) {
+    return null;
+  }
+  return LanguageDescription.matchFilename(languages, filename);
+};
+
 const markdownHighlight = () => syntaxHighlighting(HighlightStyle.define([
   { tag: [t.heading1, t.heading2, t.heading3, t.heading4, t.heading5, t.heading6], fontWeight: '600' },
   { tag: t.strong, fontWeight: '600' },
@@ -250,3 +258,20 @@ export function languageByExtension(filePath: string): Extension | null {
       return null;
   }
 }
+
+export async function loadLanguageByExtension(filePath: string): Promise<Extension | null> {
+  const description = matchLanguageDescriptionForFile(filePath);
+  if (!description) {
+    return null;
+  }
+
+  if (description.support) {
+    return description.support;
+  }
+
+  try {
+    return await description.load();
+  } catch {
+    return null;
+  }
+}