@zerwiz/ymir 0.1.33 → 0.1.35

package/apps/sessrumnir/src/renderer/src/app.tsx

@@ -0,0 +1,194 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { Sidebar } from './components/sidebar'
+import { ChatPanel } from './components/chat-panel'
+import { StatusBar } from './components/status-bar'
+import { SettingsPanel } from './components/settings-panel'
+import { SessionPanel } from './components/session-panel'
+import { Timeline } from './components/timeline'
+import { PackageBrowser } from './components/package-browser'
+import { DiffViewer } from './components/diff-viewer'
+import { HomeScreen } from './components/home-screen'
+import { NotesPanel } from './components/notes-panel'
+import { SkillsPanel } from './components/skills-panel'
+import { DiagnosticsPanel } from './components/diagnostics-panel'
+import { MissionControl } from './components/mission-control'
+import { TaskLauncher } from './components/task-launcher'
+import { NotePicker } from './components/note-picker'
+import { CommandPalette } from './components/command-palette'
+import { ExtensionUiDialog, AppConfirmDialog } from './components/extension-ui-dialog'
+import { ReviewRail } from './components/review-rail'
+import { WorkspaceTabs } from './components/workspace-tabs'
+import { WorkflowNavigator } from './components/workflow-navigator'
+import { useContextMenu, buildDefaultContextMenu } from './components/context-menu'
+import { usePiEvents, useMenuActions, useInitialize, useNotePickerShortcut } from './hooks'
+import { useFolderDrop } from './hooks/use-folder-drop'
+import { useAppStore } from './store'
+import { useEffect } from 'react'
+import { ArrowUpCircle, FolderOpen, PanelLeft, X } from 'lucide-react'
+
+export function App(): React.JSX.Element {
+  const { t } = useTranslation()
+  usePiEvents()
+  useMenuActions()
+  useInitialize()
+  useNotePickerShortcut()
+  const { isDraggingFolder } = useFolderDrop()
+
+  const currentView = useAppStore((state) => state.currentView)
+  const sidebarOpen = useAppStore((state) => state.sidebarOpen)
+  const toggleSidebar = useAppStore((state) => state.toggleSidebar)
+  const updateInfo = useAppStore((state) => state.updateInfo)
+  const updateDismissed = useAppStore((state) => state.updateDismissed)
+  const dismissUpdate = useAppStore((state) => state.dismissUpdate)
+  const workflowPanelOpen = useAppStore((state) => state.workflowPanelOpen)
+  const workflowPanelFilter = useAppStore((state) => state.workflowPanelFilter)
+  const workflowPanelWorkspaceId = useAppStore((state) => state.workflowPanelWorkspaceId)
+
+  // Global context menu
+  const { show, ContextMenuComponent } = useContextMenu()
+
+  // Override default right-click globally
+  useEffect(() => {
+    const handleContextMenu = (e: MouseEvent) => {
+      // Allow native context menu in input fields when no text is selected
+      const target = e.target as HTMLElement
+      const isInput = target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable
+
+      if (isInput && !window.getSelection()?.toString()) {
+        return // Let native context menu handle it
+      }
+
+      e.preventDefault()
+
+      // Build context-specific items
+      const items = buildDefaultContextMenu()
+      show(e as unknown as React.MouseEvent, items)
+    }
+
+    document.addEventListener('contextmenu', handleContextMenu)
+    return () => document.removeEventListener('contextmenu', handleContextMenu)
+  }, [show])
+
+  // Global quick-switcher launcher (Ctrl/Cmd+K): commands, workspaces,
+  // sessions, and files. No Pi-running gate — workspace/session/file
+  // navigation works with Pi stopped, and command actions soft-fail the same
+  // way their buttons do. Slash-typing in the composer is handled by
+  // ChatInput's inline popup instead.
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && (e.key === 'k' || e.key === 'K')) {
+        e.preventDefault()
+        useAppStore.getState().setCommandPalette(true)
+      }
+    }
+    document.addEventListener('keydown', handleKeyDown)
+    return () => document.removeEventListener('keydown', handleKeyDown)
+  }, [])
+
+  // Home is a full-screen splash (no sidebar/status). Chat keeps chrome; the
+  // empty-chat center prompt is the "minimal" launch surface when not opening Home.
+  const isHome = currentView === 'home'
+  const showChrome = !isHome
+  const showUpdateBanner = !!updateInfo?.updateAvailable && !updateDismissed
+  const globalWorkflowOpen =
+    showChrome && workflowPanelOpen && !workflowPanelFilter && workflowPanelWorkspaceId === null
+
+  return (
+    <div className="relative flex h-screen flex-col bg-app text-primary">
+      {isDraggingFolder && (
+        <div
+          className="pointer-events-none absolute inset-0 z-[100] flex items-center justify-center bg-app/80 backdrop-blur-sm"
+          aria-live="polite"
+        >
+          <div className="flex flex-col items-center gap-3 rounded-2xl border-2 border-dashed border-accent bg-surface/95 px-10 py-8 shadow-xl shadow-black/40">
+            <FolderOpen size={36} className="text-accent" />
+            <div className="text-center">
+              <div className="text-base font-semibold text-primary">
+                {t('app.dropFolder.title')}
+              </div>
+              <div className="mt-1 text-sm text-dim">
+                {t('app.dropFolder.description')}
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+      {showUpdateBanner && updateInfo && (
+        <div className="flex shrink-0 items-center justify-center gap-3 bg-accent px-4 py-1.5 text-xs text-inverse">
+          <ArrowUpCircle size={14} className="shrink-0" />
+          <span>
+            <Trans
+              i18nKey="app.updateBanner.available"
+              values={{ latestVersion: updateInfo.latestVersion, currentVersion: updateInfo.currentVersion }}
+              components={{ strong: <strong /> }}
+            />
+          </span>
+          <button
+            onClick={() => window.piDesktop.system.openExternal(updateInfo.url)}
+            className="rounded bg-inverse/20 px-2 py-0.5 font-medium hover:bg-inverse/30 transition-colors"
+          >
+            {t('app.updateBanner.downloadButton')}
+          </button>
+          <button
+            onClick={dismissUpdate}
+            className="rounded p-0.5 text-white/80 hover:bg-white/20 hover:text-white transition-colors"
+            aria-label={t('app.updateBanner.dismissAriaLabel')}
+            title={t('common.dismiss')}
+          >
+            <X size={13} />
+          </button>
+        </div>
+      )}
+      {isHome && !sidebarOpen && (
+        <button
+          type="button"
+          onClick={toggleSidebar}
+          className="absolute left-3 top-3 z-30 animate-fade-in rounded-md border border-border-strong bg-surface/95 p-1.5 text-muted shadow-sm backdrop-blur-sm transition-colors hover:bg-surface-hover hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus"
+          title={t('common.showSidebar')}
+          aria-label={t('common.showSidebar')}
+        >
+          <PanelLeft size={16} />
+        </button>
+      )}
+      <div className="flex flex-1 overflow-hidden">
+        {sidebarOpen && showChrome && <Sidebar />}
+
+        <div className="relative flex min-w-0 flex-1 flex-col overflow-hidden">
+          {showChrome && <WorkspaceTabs />}
+          <div className="flex min-h-0 min-w-0 flex-1 overflow-hidden">
+            <main className="flex min-w-0 flex-1 flex-col overflow-hidden">
+              <div className={globalWorkflowOpen ? 'hidden' : 'contents'}>
+                {currentView === 'home' && <HomeScreen />}
+                {currentView === 'mission-control' && <MissionControl />}
+                {/* Kept mounted (just hidden) so chat drafts and scroll state survive
+                    navigating to another view or opening global workflows. */}
+                <div className={currentView === 'chat' ? 'flex min-w-0 flex-1 flex-col overflow-hidden' : 'hidden'}>
+                  <ChatPanel />
+                </div>
+                {currentView === 'settings' && <SettingsPanel />}
+                {currentView === 'sessions' && <SessionPanel />}
+                {currentView === 'timeline' && <Timeline />}
+                {currentView === 'packages' && <PackageBrowser />}
+                {currentView === 'diff' && <DiffViewer />}
+                {currentView === 'notes' && <NotesPanel />}
+                {currentView === 'skills' && <SkillsPanel />}
+                {currentView === 'diagnostics' && <DiagnosticsPanel />}
+              </div>
+              {globalWorkflowOpen && <WorkflowNavigator embedded />}
+            </main>
+            {currentView === 'chat' && !globalWorkflowOpen && <ReviewRail />}
+          </div>
+        </div>
+      </div>
+
+      {showChrome && <StatusBar />}
+      {showChrome && !globalWorkflowOpen && <WorkflowNavigator />}
+      <ExtensionUiDialog />
+      <AppConfirmDialog />
+      <NotePicker />
+      <TaskLauncher />
+      <CommandPalette />
+      {ContextMenuComponent}
+    </div>
+  )
+}

package/apps/sessrumnir/src/renderer/src/assets/pi-logo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" role="img" aria-label="the hall — Sessrúmnir, the seat that holds the cloth">
+  <title>the hall — Sessrúmnir, the seat that holds the cloth</title>
+  <rect width="32" height="32" rx="7" fill="#0e0c09"/>
+  <g transform="translate(4 4) scale(1.0)" fill="none" stroke="#c9973f" stroke-width="1.8" stroke-linecap="square" stroke-linejoin="miter">
+    <path d="M12 4L19 9L12 14L5 9Z M9 12L7 20 M15 12L17 20"/>
+  </g>
+</svg>

package/apps/sessrumnir/src/renderer/src/assets/ymir-mark.svg

@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
+  <defs>
+    <!-- Background Slate -->
+    <linearGradient id="bg-grad" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0e0c09" />
+      <stop offset="100%" stop-color="#151209" />
+    </linearGradient>
+
+    <!-- Outer Dark Metal Forging -->
+    <linearGradient id="dark-metal" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#7d5f2a" />
+      <stop offset="100%" stop-color="#0e0c09" />
+    </linearGradient>
+
+    <!-- Inner Cyan Edge / Chisel Highlight -->
+    <linearGradient id="cyan-glow" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#e0b257" />
+      <stop offset="50%" stop-color="#c9973f" />
+      <stop offset="100%" stop-color="#7d5f2a" />
+    </linearGradient>
+
+    <!-- Drop Shadow for Depth -->
+    <filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="8" stdDeviation="12" flood-color="#000000" flood-opacity="0.6"/>
+    </filter>
+  </defs>
+
+  <!-- Canvas -->
+  <rect width="512" height="512" rx="48" fill="url(#bg-grad)" stroke="#2b241a" stroke-width="4"/>
+
+  <!-- Master Group with Drop Shadow -->
+  <g filter="url(#shadow)">
+    
+    <!-- 1. THICK OUTER BASE (The Iron Mass) -->
+    <g fill="none" stroke="url(#dark-metal)" stroke-width="48" stroke-linecap="square" stroke-linejoin="miter">
+      <!-- Algiz Y-Stem & Branches -->
+      <path d="M 144 144 L 256 256 L 368 144 M 256 256 V 352" />
+      <!-- Top Anvil Bar -->
+      <path d="M 128 352 H 384" />
+      <!-- Bottom Anvil Bar (Slightly narrower) -->
+      <path d="M 160 432 H 352" />
+    </g>
+
+    <!-- 2. THIN INNER HIGHLIGHT (The Glowing Chiseled Edge) -->
+    <g fill="none" stroke="url(#cyan-glow)" stroke-width="12" stroke-linecap="square" stroke-linejoin="miter">
+      <!-- Algiz Y-Stem & Branches -->
+      <path d="M 144 144 L 256 256 L 368 144 M 256 256 V 352" />
+      <!-- Top Anvil Bar -->
+      <path d="M 128 352 H 384" />
+      <!-- Bottom Anvil Bar -->
+      <path d="M 160 432 H 352" />
+    </g>
+
+  </g>
+</svg>

package/apps/sessrumnir/src/renderer/src/assets.d.ts

@@ -0,0 +1,7 @@
+// Ambient declarations for Vite asset imports (this file is a script, not a
+// module, so the wildcard module declaration applies globally). Vite resolves
+// an asset import to its served URL (a string).
+declare module '*.svg' {
+  const src: string
+  export default src
+}

package/apps/sessrumnir/src/renderer/src/components/chat-code-highlight.ts

@@ -0,0 +1,239 @@
+import { StreamLanguage, type Language, type StreamParser } from '@codemirror/language'
+import { javascript } from '@codemirror/lang-javascript'
+import { json } from '@codemirror/lang-json'
+import { python } from '@codemirror/lang-python'
+import { rust } from '@codemirror/lang-rust'
+import { go } from '@codemirror/lang-go'
+import { java } from '@codemirror/lang-java'
+import { php } from '@codemirror/lang-php'
+import { cpp } from '@codemirror/lang-cpp'
+import { css } from '@codemirror/lang-css'
+import { html } from '@codemirror/lang-html'
+import { xml } from '@codemirror/lang-xml'
+import { sql } from '@codemirror/lang-sql'
+import { yaml } from '@codemirror/lang-yaml'
+import { markdown, markdownLanguage } from '@codemirror/lang-markdown'
+// Stream-based (legacy) modes — no Lezer grammar, but tokenize well enough to
+// color strings/numbers/comments/keywords with the same themed style.
+import { shell } from '@codemirror/legacy-modes/mode/shell'
+import { c as clikeC, kotlin, scala, dart, objectiveC } from '@codemirror/legacy-modes/mode/clike'
+import { toml } from '@codemirror/legacy-modes/mode/toml'
+import { dockerFile } from '@codemirror/legacy-modes/mode/dockerfile'
+import { powerShell } from '@codemirror/legacy-modes/mode/powershell'
+import { lua } from '@codemirror/legacy-modes/mode/lua'
+import { swift } from '@codemirror/legacy-modes/mode/swift'
+import { perl } from '@codemirror/legacy-modes/mode/perl'
+import { ruby } from '@codemirror/legacy-modes/mode/ruby'
+import { r } from '@codemirror/legacy-modes/mode/r'
+import { diff } from '@codemirror/legacy-modes/mode/diff'
+import { properties } from '@codemirror/legacy-modes/mode/properties'
+import { nginx } from '@codemirror/legacy-modes/mode/nginx'
+import { clojure } from '@codemirror/legacy-modes/mode/clojure'
+import { haskell } from '@codemirror/legacy-modes/mode/haskell'
+import { erlang } from '@codemirror/legacy-modes/mode/erlang'
+import { groovy } from '@codemirror/legacy-modes/mode/groovy'
+import { cmake } from '@codemirror/legacy-modes/mode/cmake'
+import { julia } from '@codemirror/legacy-modes/mode/julia'
+import { fSharp, oCaml } from '@codemirror/legacy-modes/mode/mllike'
+import { pascal } from '@codemirror/legacy-modes/mode/pascal'
+import { fortran } from '@codemirror/legacy-modes/mode/fortran'
+import { verilog } from '@codemirror/legacy-modes/mode/verilog'
+import { vhdl } from '@codemirror/legacy-modes/mode/vhdl'
+import { scheme } from '@codemirror/legacy-modes/mode/scheme'
+import { commonLisp } from '@codemirror/legacy-modes/mode/commonlisp'
+import { tcl } from '@codemirror/legacy-modes/mode/tcl'
+import { protobuf } from '@codemirror/legacy-modes/mode/protobuf'
+import { coffeeScript } from '@codemirror/legacy-modes/mode/coffeescript'
+import { highlightCode } from '@lezer/highlight'
+import { StyleModule } from 'style-mod'
+import { themedHighlightStyle } from './code-editor-highlight'
+
+// Chat code blocks reuse the exact CodeMirror highlighter the code editor uses
+// (themedHighlightStyle over the same Lezer parsers), so colors match 1:1 and
+// track the active theme. We render statically with highlightCode instead of
+// spinning up an EditorView per block — lighter and safe during streaming.
+
+type LangFactory = () => Language
+
+// Wrap a legacy StreamParser mode as a Language factory.
+const stream = (parser: StreamParser<unknown>): LangFactory => () => StreamLanguage.define(parser)
+
+// Map fence language tokens (```<token>) to a CodeMirror Language. Aliases are
+// spelled out so the tokens models actually emit resolve. Lezer grammars are
+// preferred where available; StreamLanguage (legacy modes) fills the long tail.
+const LANGUAGE_FACTORIES: Record<string, LangFactory> = {
+  // ── Lezer grammars ──
+  javascript: () => javascript().language,
+  js: () => javascript().language,
+  mjs: () => javascript().language,
+  cjs: () => javascript().language,
+  jsx: () => javascript({ jsx: true }).language,
+  typescript: () => javascript({ typescript: true }).language,
+  ts: () => javascript({ typescript: true }).language,
+  tsx: () => javascript({ typescript: true, jsx: true }).language,
+  json: () => json().language,
+  jsonc: () => json().language,
+  json5: () => json().language,
+  python: () => python().language,
+  py: () => python().language,
+  rust: () => rust().language,
+  rs: () => rust().language,
+  go: () => go().language,
+  golang: () => go().language,
+  java: () => java().language,
+  php: () => php().language,
+  c: () => cpp().language,
+  cpp: () => cpp().language,
+  'c++': () => cpp().language,
+  cc: () => cpp().language,
+  h: () => cpp().language,
+  hpp: () => cpp().language,
+  cs: () => cpp().language,
+  csharp: () => cpp().language,
+  css: () => css().language,
+  scss: () => css().language,
+  less: () => css().language,
+  html: () => html().language,
+  htm: () => html().language,
+  vue: () => html().language,
+  svelte: () => html().language,
+  xml: () => xml().language,
+  svg: () => xml().language,
+  sql: () => sql().language,
+  yaml: () => yaml().language,
+  yml: () => yaml().language,
+  markdown: () => markdown({ base: markdownLanguage }).language,
+  md: () => markdown({ base: markdownLanguage }).language,
+
+  // ── Legacy stream modes ──
+  bash: stream(shell),
+  sh: stream(shell),
+  shell: stream(shell),
+  zsh: stream(shell),
+  console: stream(shell),
+  kotlin: stream(kotlin),
+  kt: stream(kotlin),
+  kts: stream(kotlin),
+  scala: stream(scala),
+  sc: stream(scala),
+  dart: stream(dart),
+  objectivec: stream(objectiveC),
+  objc: stream(objectiveC),
+  toml: stream(toml),
+  dockerfile: stream(dockerFile),
+  docker: stream(dockerFile),
+  powershell: stream(powerShell),
+  ps1: stream(powerShell),
+  ps: stream(powerShell),
+  lua: stream(lua),
+  swift: stream(swift),
+  perl: stream(perl),
+  pl: stream(perl),
+  ruby: stream(ruby),
+  rb: stream(ruby),
+  r: stream(r),
+  diff: stream(diff),
+  patch: stream(diff),
+  ini: stream(properties),
+  properties: stream(properties),
+  conf: stream(properties),
+  nginx: stream(nginx),
+  clojure: stream(clojure),
+  clj: stream(clojure),
+  cljs: stream(clojure),
+  edn: stream(clojure),
+  haskell: stream(haskell),
+  hs: stream(haskell),
+  erlang: stream(erlang),
+  erl: stream(erlang),
+  groovy: stream(groovy),
+  gradle: stream(groovy),
+  cmake: stream(cmake),
+  julia: stream(julia),
+  jl: stream(julia),
+  fsharp: stream(fSharp),
+  fs: stream(fSharp),
+  ocaml: stream(oCaml),
+  ml: stream(oCaml),
+  pascal: stream(pascal),
+  pas: stream(pascal),
+  fortran: stream(fortran),
+  f90: stream(fortran),
+  verilog: stream(verilog),
+  sv: stream(verilog),
+  vhdl: stream(vhdl),
+  scheme: stream(scheme),
+  scm: stream(scheme),
+  lisp: stream(commonLisp),
+  commonlisp: stream(commonLisp),
+  tcl: stream(tcl),
+  protobuf: stream(protobuf),
+  proto: stream(protobuf),
+  coffeescript: stream(coffeeScript),
+  coffee: stream(coffeeScript),
+  // LSL has no dedicated grammar; it is C-like, so the generic clike tokenizer
+  // colors its strings/numbers/comments/braces (but not LSL-specific keywords).
+  lsl: stream(clikeC),
+}
+
+// Resolved Language instances are cached — parser construction is not free and
+// the same few languages recur across a conversation.
+const languageCache = new Map<string, Language | null>()
+
+function getLanguage(lang: string): Language | null {
+  const key = lang.trim().toLowerCase()
+  if (!key) return null
+  if (languageCache.has(key)) return languageCache.get(key) ?? null
+  const factory = LANGUAGE_FACTORIES[key]
+  const language = factory ? factory() : null
+  languageCache.set(key, language)
+  return language
+}
+
+// The HighlightStyle generates its own CSS classes (e.g. `.ͼ1`) whose rules live
+// in a StyleModule. Inside an EditorView that module is auto-mounted; standalone
+// we must mount it ourselves once so the emitted spans actually get colored.
+let stylesMounted = false
+
+function ensureStylesMounted(): void {
+  if (stylesMounted) return
+  if (themedHighlightStyle.module) {
+    StyleModule.mount(document, themedHighlightStyle.module)
+  }
+  stylesMounted = true
+}
+
+function escapeHtml(text: string): string {
+  return text
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+}
+
+/**
+ * Highlight `code` for the given fence language token, returning an HTML string
+ * of `<span class="…">` runs (for dangerouslySetInnerHTML). Returns null when no
+ * parser is available for the language, so callers can fall back to plain text.
+ */
+export function highlightCodeToHtml(code: string, lang: string): string | null {
+  const language = getLanguage(lang)
+  if (!language) return null
+
+  ensureStylesMounted()
+
+  const tree = language.parser.parse(code)
+  let html = ''
+  highlightCode(
+    code,
+    tree,
+    themedHighlightStyle,
+    (text, classes) => {
+      const escaped = escapeHtml(text)
+      html += classes ? `<span class="${classes}">${escaped}</span>` : escaped
+    },
+    () => {
+      html += '\n'
+    }
+  )
+  return html
+}

package/apps/sessrumnir/src/renderer/src/components/chat-file-link.ts

@@ -0,0 +1,140 @@
+import { useAppStore } from '../store'
+
+// Image extensions the viewer can render. png/jpg/jpeg/gif/webp/avif/bmp/ico
+// arrive as base64 from readAttachment; svg comes back as text and is rendered
+// from its markup.
+const IMAGE_EXTENSIONS = new Set(['png', 'jpg', 'jpeg', 'gif', 'webp', 'avif', 'bmp', 'ico', 'svg'])
+
+// Common file extensions we treat as "this inline code is a filename". Kept as an
+// allowlist (rather than "anything with a dot") so abbreviations like `e.g` and
+// version strings like `1.2.3` don't masquerade as clickable files.
+const FILE_EXTENSIONS = new Set([
+  'txt', 'md', 'mdx', 'rst', 'log', 'csv', 'tsv',
+  'json', 'jsonc', 'json5', 'yaml', 'yml', 'toml', 'ini', 'conf', 'cfg', 'env', 'properties',
+  'xml', 'svg', 'html', 'htm', 'css', 'scss', 'less', 'vue', 'svelte',
+  'js', 'mjs', 'cjs', 'jsx', 'ts', 'tsx', 'json5',
+  'py', 'pyi', 'rb', 'php', 'go', 'rs', 'java', 'kt', 'kts', 'scala', 'swift', 'dart',
+  'c', 'h', 'cc', 'cpp', 'cxx', 'hpp', 'hh', 'cs', 'm', 'mm',
+  'lua', 'pl', 'pm', 'r', 'jl', 'ex', 'exs', 'erl', 'clj', 'cljs', 'edn', 'hs', 'ml', 'fs',
+  'sh', 'bash', 'zsh', 'ps1', 'bat', 'cmd',
+  'sql', 'graphql', 'gql', 'proto', 'tcl', 'gradle', 'groovy',
+  'lock', 'gitignore', 'dockerignore', 'editorconfig',
+  'pdf',
+  ...IMAGE_EXTENSIONS,
+])
+
+function extensionOf(name: string): string {
+  const dot = name.lastIndexOf('.')
+  return dot >= 0 ? name.slice(dot + 1).toLowerCase() : ''
+}
+
+export function isImagePath(name: string): boolean {
+  return IMAGE_EXTENSIONS.has(extensionOf(name))
+}
+
+// Absolute path (forward-slash normalized): Windows drive (C:/…), UNC (//…),
+// or POSIX (/…).
+function isAbsolutePath(normalized: string): boolean {
+  return /^(?:[A-Za-z]:\/|\/)/.test(normalized)
+}
+
+// True when a forward-slash-normalized absolute path lives inside the active
+// workspace. Used to keep the preview scoped to the workspace (case-insensitive
+// to be forgiving on Windows).
+function isInsideWorkspace(normalizedAbsolute: string): boolean {
+  const root = useAppStore.getState().activeWorkspace?.path
+  if (!root) return false
+  const normRoot = root.replace(/\\/g, '/').replace(/\/+$/, '').toLowerCase()
+  const p = normalizedAbsolute.toLowerCase()
+  return p === normRoot || p.startsWith(normRoot + '/')
+}
+
+/**
+ * Heuristic: does this inline-code text read like a file reference (relative or
+ * absolute)? Requires path-safe characters ending in a known extension, and
+ * rejects function calls / quoted literals so keywords stay non-clickable.
+ */
+export function looksLikeFilePath(text: string): boolean {
+  const t = text.trim()
+  if (!t || /\s/.test(t)) return false
+  // Reject function calls, quoted strings, comparisons, globs, etc. (a lone `:`
+  // is allowed so Windows drive letters like `C:\…` still qualify).
+  if (/[()"'`=<>|*?{}[\];,!@#$%^&~]/.test(t)) return false
+  if (t.includes('://')) return false // URLs
+  const match = /^(?:[A-Za-z]:)?[A-Za-z0-9_.\-/\\]+\.([A-Za-z0-9]+)$/.exec(t)
+  if (!match) return false
+  if (!FILE_EXTENSIONS.has(match[1].toLowerCase())) return false
+  // Absolute paths are only clickable when they resolve inside the workspace;
+  // relative names resolve via workspace search, so they're always fine.
+  const normalized = t.replace(/\\/g, '/')
+  if (isAbsolutePath(normalized) && !isInsideWorkspace(normalized)) return false
+  return true
+}
+
+function normalize(path: string): string {
+  return path.replace(/\\/g, '/').replace(/^\.\//, '').toLowerCase()
+}
+
+/**
+ * Open the file referenced by inline-code text. Images open in the image viewer
+ * pane; other files open in the code editor. Absolute paths are read directly
+ * (may live outside the workspace); relative names are resolved by searching the
+ * workspace on basename. No-op if nothing resolves.
+ */
+export async function openFileFromChat(text: string): Promise<void> {
+  const original = text.trim()
+  const raw = original.replace(/\\/g, '/').replace(/^\.\//, '')
+  const base = raw.split('/').pop() ?? raw
+  if (!base) return
+
+  const store = useAppStore.getState()
+  const image = isImagePath(base)
+
+  try {
+    // Absolute path: open it directly rather than searching the workspace.
+    // The code editor reads paths inside the workspace; the HTML preview loads
+    // via file:// so it works regardless. relativePath is the basename so the
+    // header stays readable and language/preview detection still works.
+    if (isAbsolutePath(raw)) {
+      // Only open absolute paths that live inside the active workspace.
+      if (!isInsideWorkspace(raw)) return
+      // Preview first: a dirty editor may decline, and the diff pane must only
+      // make way for a preview that is actually going to show. Re-read the
+      // state after the await — the pane may have opened during the confirm.
+      const ok = await store.setPreviewTarget({
+        kind: image ? 'image' : 'code',
+        name: base,
+        path: original,
+        relativePath: base,
+      })
+      const after = useAppStore.getState()
+      if (ok && after.chatSidePanel === 'diff') void after.setChatSidePanel(null)
+      return
+    }
+
+    const results = await window.piDesktop.files.search(base)
+    if (results.length === 0) return
+
+    const wanted = normalize(raw)
+    const match =
+      results.find((r) => normalize(r.relativePath) === wanted) ??
+      results.find((r) => normalize(r.relativePath).endsWith('/' + wanted)) ??
+      results.find((r) => r.name.toLowerCase() === base.toLowerCase()) ??
+      results[0]
+
+    if (!match) return
+
+    const ok = await store.setPreviewTarget({
+      kind: image ? 'image' : 'code',
+      name: match.name,
+      path: match.path,
+      relativePath: match.relativePath,
+    })
+    // Re-read the state: the diff pane may have opened during the search or
+    // confirm awaits, and a stale snapshot would leave it hiding the preview.
+    const after = useAppStore.getState()
+    if (ok && after.chatSidePanel === 'diff') void after.setChatSidePanel(null)
+  } catch {
+    // File service unavailable or no active workspace — silently ignore.
+  }
+}