@pheem49/mint 1.16.0 → 1.17.0

package/src/renderer/shared/css/settings/plugins.css

@@ -83,7 +83,7 @@
     gap: 12px;
     padding: 18px 20px;
     border-top: 1px solid var(--border);
-    background: rgba(0, 0, 0, 0.15);
+    background: var(--bg-surface-soft);
 }
 
 .plugin-config-panel .setting-row.stacked {
@@ -158,12 +158,12 @@
 
 .plugin-tag.accent {
     background: var(--accent);
-    color: var(--accent-contrast, #fff);
+    color: var(--accent-contrast, var(--text-on-accent));
 }
 
 .plugin-tag.ok {
-    background: color-mix(in srgb, #10b981 16%, transparent);
-    color: #10b981;
+    background: color-mix(in srgb, var(--status-success, #10b981) 16%, transparent);
+    color: var(--status-success, #10b981);
 }
 
 .plugin-tag.info {
@@ -185,9 +185,9 @@
 }
 
 .plugin-status.connected {
-    border-color: color-mix(in srgb, #10b981 30%, transparent);
-    background: color-mix(in srgb, #10b981 12%, transparent);
-    color: #10b981;
+    border-color: color-mix(in srgb, var(--status-success, #10b981) 30%, transparent);
+    background: color-mix(in srgb, var(--status-success, #10b981) 12%, transparent);
+    color: var(--status-success, #10b981);
 }
 
 .plugin-status::before {
@@ -219,7 +219,7 @@
 
 .btn-icon.is-active {
     background: var(--accent);
-    color: var(--accent-contrast, #fff);
+    color: var(--accent-contrast, var(--text-on-accent));
 }
 
 .btn-icon.danger {

package/src/renderer/shared/css/settings/theme.css

@@ -303,12 +303,18 @@
 
 .theme-preset-grid {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     width: 100%;
 }
 
-@media (max-width: 680px) {
+@media (max-width: 900px) {
+    .theme-preset-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 580px) {
     .theme-preset-grid {
         grid-template-columns: 1fr;
     }
@@ -467,7 +473,7 @@
     height: 18px;
     border-radius: 50%;
     background: var(--accent);
-    color: var(--accent-contrast, #ffffff);
+    color: var(--accent-contrast, var(--text-on-accent));
 }
 
 .theme-preset-desc,
@@ -509,12 +515,18 @@
 /* Color Mode Cards Grid */
 .color-mode-grid {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(5, 1fr);
     gap: 10px;
     width: 100%;
 }
 
-@media (max-width: 720px) {
+@media (max-width: 860px) {
+    .color-mode-grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+@media (max-width: 600px) {
     .color-mode-grid {
         grid-template-columns: repeat(2, 1fr);
     }
@@ -560,7 +572,7 @@
 
 .color-mode-card.active .mode-card-icon {
     background: var(--accent);
-    color: var(--accent-contrast, #ffffff);
+    color: var(--accent-contrast, var(--text-on-accent));
 }
 
 .mode-card-text {
@@ -588,7 +600,7 @@
     height: 18px;
     border-radius: 50%;
     background: var(--accent);
-    color: var(--accent-contrast, #ffffff);
+    color: var(--accent-contrast, var(--text-on-accent));
     display: flex;
     align-items: center;
     justify-content: center;
@@ -747,63 +759,63 @@
 /* ─── Light Mode Overrides for Theme & Controls ─────────────────────────── */
 
 [data-theme="light"] .pill-segmented {
-    background: #f1f5f9;
-    border: 1px solid rgba(15, 23, 42, 0.08);
+    background: var(--bg-surface-hover);
+    border: 1px solid var(--border-subtle);
 }
 
 [data-theme="light"] .pill-segmented-btn {
-    color: #475569;
+    color: var(--text-secondary);
 }
 
 [data-theme="light"] .pill-segmented-btn:hover {
-    color: #0f172a;
-    background: rgba(255, 255, 255, 0.6);
+    color: var(--text-primary);
+    background: color-mix(in srgb, var(--bg-surface) 60%, transparent);
 }
 
 [data-theme="light"] .pill-segmented-btn.active {
-    background: #ffffff;
+    background: var(--bg-surface);
     border-color: transparent;
-    color: #047857;
+    color: var(--interactive-fg);
     font-weight: 600;
-    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(16, 185, 129, 0.3);
+    box-shadow: var(--shadow-sm), 0 0 0 1px var(--accent-border);
 }
 
 [data-theme="light"] .section-current-badge {
-    background: #f1f5f9;
-    color: #475569;
-    border: 1px solid rgba(15, 23, 42, 0.08);
+    background: var(--bg-surface-hover);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-subtle);
 }
 
 [data-theme="light"] .theme-preset-card {
-    background: #ffffff;
-    border: 1px solid rgba(15, 23, 42, 0.12);
-    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
+    background: var(--bg-surface);
+    border: 1px solid var(--border-default);
+    box-shadow: var(--shadow-xs);
 }
 
 [data-theme="light"] .theme-preset-card:hover {
-    border-color: rgba(15, 23, 42, 0.24);
-    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
+    border-color: var(--border-strong);
+    box-shadow: var(--shadow-md);
 }
 
 [data-theme="light"] .theme-preset-card.active {
     border-color: var(--accent);
-    background: #ffffff;
-    box-shadow: 0 0 0 1px var(--accent), 0 4px 14px rgba(16, 185, 129, 0.15);
+    background: var(--bg-surface);
+    box-shadow: 0 0 0 1px var(--accent), 0 4px 14px var(--accent-subtle);
 }
 
 [data-theme="light"] .surface-card {
-    background: #ffffff;
-    border: 1px solid rgba(15, 23, 42, 0.12);
-    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
+    background: var(--bg-surface);
+    border: 1px solid var(--border-default);
+    box-shadow: var(--shadow-xs);
 }
 
 [data-theme="light"] .surface-card:hover {
-    background: #f8fafc;
-    border-color: rgba(15, 23, 42, 0.24);
+    background: var(--bg-surface-soft);
+    border-color: var(--border-strong);
 }
 
 [data-theme="light"] .surface-card.active {
     border-color: var(--accent);
-    background: #ffffff;
-    box-shadow: 0 0 0 1px var(--accent), 0 2px 8px rgba(16, 185, 129, 0.1);
+    background: var(--bg-surface);
+    box-shadow: 0 0 0 1px var(--accent), 0 2px 8px var(--accent-subtle);
 }

package/src/renderer/shared/css/ui-tailwind.css

@@ -12,8 +12,8 @@
   --color-input: var(--border-default);
   --color-accent: var(--bg-surface-hover);
   --color-accent-foreground: var(--text-main);
-  --color-secondary: var(--bg-surface-soft);
-  --color-secondary-foreground: var(--text-main);
+  --color-secondary: var(--btn-gray-bg, var(--bg-surface-soft));
+  --color-secondary-foreground: var(--btn-gray-fg, var(--text-main));
   --color-muted-foreground: var(--text-muted);
   --color-ring: var(--accent);
 }

package/src/renderer/shared/css/viewed-images.css

@@ -13,3 +13,92 @@
 .viewed-image-dialog > img { display: block; max-width: 100%; max-height: calc(94dvh - 86px); object-fit: contain; }
 .viewed-image-button:focus-visible, .viewed-image-dialog button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 @media (max-width: 480px) { .viewed-image-button img { height: 220px; } }
+
+/* ── Activity Inline Image Preview ── */
+.agent-activity-inline-preview {
+  margin: 6px 0 10px 28px;
+}
+
+.agent-activity-subitem-preview {
+  margin: 4px 10px 8px 24px;
+}
+
+.viewed-image-inline {
+  position: relative;
+  display: inline-block;
+  margin: 0;
+  max-width: 340px;
+}
+
+.viewed-image-inline-btn {
+  position: relative;
+  display: block;
+  padding: 0;
+  margin: 0;
+  border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
+  border-radius: 10px;
+  overflow: hidden;
+  background: color-mix(in srgb, var(--panel-soft, #1e293b) 60%, black);
+  cursor: zoom-in;
+  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
+              border-color 0.2s ease,
+              box-shadow 0.2s ease;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+}
+
+.viewed-image-inline-btn:hover {
+  transform: translateY(-2px);
+  border-color: var(--accent, #10b981);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35), 0 0 12px color-mix(in srgb, var(--accent, #10b981) 25%, transparent);
+}
+
+.viewed-image-inline-btn img {
+  display: block;
+  max-width: 100%;
+  max-height: 160px;
+  min-height: 60px;
+  object-fit: contain;
+  background: repeating-conic-gradient(rgba(255, 255, 255, 0.03) 0% 25%, transparent 0% 50%) 50% / 16px 16px;
+  transition: transform 0.25s ease;
+}
+
+.viewed-image-inline-btn:hover img {
+  transform: scale(1.02);
+}
+
+.viewed-image-inline-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  padding: 6px 8px;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 50%);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+}
+
+.viewed-image-inline-btn:hover .viewed-image-inline-overlay {
+  opacity: 1;
+}
+
+.viewed-image-inline-badge {
+  font-size: 11px;
+  font-weight: 500;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.65);
+  backdrop-filter: blur(4px);
+  padding: 2px 7px;
+  border-radius: 6px;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.viewed-image-inline-status {
+  margin: 0;
+  padding: 8px 12px;
+  border: 1px dashed var(--border);
+  border-radius: 8px;
+  font-size: 12px;
+  color: var(--text-muted);
+}

package/src/renderer/shared/css/workspace-file-info.css

@@ -0,0 +1,12 @@
+.workspace-file-info { width: 100%; padding: 32px 20px; color: var(--text-main); }
+.workspace-file-info > svg { color: var(--accent); }
+.workspace-file-info h2 { margin: 16px 0 8px; font-size: 16px; overflow-wrap: anywhere; }
+.workspace-file-info p { color: var(--text-muted); font-size: 12px; line-height: 1.6; }
+.workspace-file-info dl { margin: 24px 0; font-size: 12px; }
+.workspace-file-info dt { margin-top: 14px; color: var(--text-muted); }
+.workspace-file-info dd { margin: 4px 0 0; overflow-wrap: anywhere; }
+.workspace-file-info button { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm, 6px); background: var(--surface-bg); color: var(--accent); font: inherit; font-size: 12px; cursor: pointer; }
+.workspace-file-info button:hover:not(:disabled) { background: var(--surface-strong); }
+.workspace-file-info button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.workspace-file-info button:disabled { opacity: .5; cursor: default; }
+.workspace-file-info .workspace-file-info-error { color: var(--status-error); }

package/src/renderer/shared/css/workspace-media-preview.css

@@ -0,0 +1,13 @@
+.workspace-pdf-preview { width: 100%; height: 100%; min-height: 0; display: flex; flex-direction: column; color: var(--text-main); }
+.workspace-pdf-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding: 10px; flex-shrink: 0; border-bottom: 1px solid var(--border); font-size: 12px; }
+.workspace-pdf-controls button, .workspace-pdf-pages > button { min-height: 30px; padding: 4px 8px; border: 1px solid var(--border); border-radius: var(--radius-xs, 6px); background: var(--surface-bg); color: var(--text-main); font: inherit; cursor: pointer; }
+.workspace-pdf-controls button:disabled { opacity: .4; cursor: default; }
+.workspace-pdf-controls button:hover:not(:disabled) { color: var(--accent); background: var(--surface-strong); }
+.workspace-pdf-controls button:focus-visible, .workspace-pdf-pages > button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.workspace-pdf-pages { flex: 1; min-height: 0; padding: 16px; overflow: auto; }
+.workspace-pdf-pages canvas { display: block; margin-inline: auto; }
+.workspace-pdf-pages > p { color: var(--text-muted); font-size: 12px; }
+.workspace-media-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; height: 100%; min-height: 180px; padding: 20px; overflow: auto; }
+.workspace-media-preview audio { width: 100%; }
+.workspace-media-preview video { width: 100%; max-height: 100%; object-fit: contain; }
+.workspace-media-preview .workspace-media-error, .workspace-pdf-pages .workspace-media-error { color: var(--status-error); font-size: 12px; line-height: 1.6; }

package/src/renderer/shared/env.d.ts

@@ -0,0 +1,9 @@
+declare module 'react-dom' {
+  export function createPortal(children: any, container: any, key?: any): any;
+  export function flushSync<R>(fn: () => R): R;
+}
+
+declare module 'react-dom/server' {
+  export function renderToStaticMarkup(element: any): string;
+  export function renderToString(element: any): string;
+}

package/src/renderer/shared/platform.test.ts

@@ -88,3 +88,146 @@ describe.each([['Desktop fallback', desktopAdapter], ['Web', webAdapter]] as con
     expect(body).toEqual({ workspacePath: '/project', chatId: 'chat-a', action: 'action', id: 'checklist', instanceId: 'revision-instance', command: 'add', value: 'Test' })
   })
 })
+
+describe.each([['Desktop fallback', desktopAdapter], ['Web', webAdapter]] as const)('%s openExternal', (_name, adapter) => {
+  it('exports openExternal function and invokes window.open in browser fallback', async () => {
+    const openMock = vi.fn()
+    vi.stubGlobal('window', { open: openMock })
+    expect(adapter.openExternal).toBeTypeOf('function')
+    await adapter.openExternal('https://example.com/test')
+    expect(openMock).toHaveBeenCalledWith('https://example.com/test', '_blank', 'noopener,noreferrer')
+  })
+})
+
+describe('desktop external link interceptor', () => {
+  it('identifies external and internal URLs correctly', async () => {
+    const { isExternalHref } = await import('./utils/externalLinks')
+    expect(isExternalHref('https://example.com')).toBe(true)
+    expect(isExternalHref('http://example.com/page')).toBe(true)
+    expect(isExternalHref('//cdn.example.com/asset.js')).toBe(true)
+    expect(isExternalHref('#/settings')).toBe(false)
+    expect(isExternalHref('/library?item=123')).toBe(false)
+    expect(isExternalHref('./relative')).toBe(false)
+    expect(isExternalHref('../parent')).toBe(false)
+    expect(isExternalHref('javascript:void(0)')).toBe(false)
+    expect(isExternalHref('data:image/png;base64,...')).toBe(false)
+    expect(isExternalHref('blob:http://localhost/123')).toBe(false)
+  })
+
+  it('intercepts clicks on external http/https links and prevents default', async () => {
+    const openMock = vi.fn()
+    vi.stubGlobal('window', { open: openMock })
+
+    let clickHandler: ((e: any) => void) | null = null
+    const mockDocument: any = {
+      addEventListener: vi.fn((event: string, handler: any) => {
+        if (event === 'click') clickHandler = handler
+      }),
+      removeEventListener: vi.fn((event: string, handler: any) => {
+        if (event === 'click' && clickHandler === handler) clickHandler = null
+      }),
+    }
+
+    const cleanup = desktopAdapter.installExternalLinkInterceptor(mockDocument)
+    expect(mockDocument.addEventListener).toHaveBeenCalledWith('click', expect.any(Function), true)
+    expect(clickHandler).toBeTypeOf('function')
+
+    const externalAnchor: any = {
+      getAttribute: (attr: string) => (attr === 'href' ? 'https://example.com/search-result' : null),
+      hasAttribute: (attr: string) => false,
+      href: 'https://example.com/search-result',
+      target: '_blank',
+    }
+    const imgInsideAnchor: any = {
+      closest: (selector: string) => (selector === 'a' ? externalAnchor : null),
+    }
+
+    const clickEvent: any = {
+      defaultPrevented: false,
+      button: 0,
+      target: imgInsideAnchor,
+      preventDefault: vi.fn(() => { clickEvent.defaultPrevented = true }),
+      stopPropagation: vi.fn(),
+    }
+
+    clickHandler!(clickEvent)
+
+    expect(clickEvent.preventDefault).toHaveBeenCalledOnce()
+    // Does NOT suppress propagation so React/child event listeners can still run
+    expect(clickEvent.stopPropagation).not.toHaveBeenCalled()
+    expect(openMock).toHaveBeenCalledWith('https://example.com/search-result', '_blank', 'noopener,noreferrer')
+
+    // Internal relative route (/library?item=lib-123) should NOT be intercepted even if anchor.href resolves to document origin
+    openMock.mockClear()
+    const relativeAnchor: any = {
+      getAttribute: (attr: string) => (attr === 'href' ? '/library?item=lib-123' : null),
+      hasAttribute: (attr: string) => false,
+      href: 'http://localhost:9000/library?item=lib-123',
+      target: '',
+    }
+    const relativeClickEvent: any = {
+      defaultPrevented: false,
+      button: 0,
+      target: {
+        closest: (selector: string) => (selector === 'a' ? relativeAnchor : null),
+      },
+      preventDefault: vi.fn(),
+      stopPropagation: vi.fn(),
+    }
+
+    clickHandler!(relativeClickEvent)
+
+    expect(relativeClickEvent.preventDefault).not.toHaveBeenCalled()
+    expect(openMock).not.toHaveBeenCalled()
+
+    // Download link should not be intercepted
+    openMock.mockClear()
+    const downloadAnchor: any = {
+      getAttribute: (attr: string) => (attr === 'href' ? 'https://example.com/file.png' : null),
+      hasAttribute: (attr: string) => attr === 'download',
+      href: 'https://example.com/file.png',
+      target: '',
+    }
+    const downloadClickEvent: any = {
+      defaultPrevented: false,
+      button: 0,
+      target: {
+        closest: (selector: string) => (selector === 'a' ? downloadAnchor : null),
+      },
+      preventDefault: vi.fn(),
+      stopPropagation: vi.fn(),
+    }
+
+    clickHandler!(downloadClickEvent)
+
+    expect(downloadClickEvent.preventDefault).not.toHaveBeenCalled()
+    expect(openMock).not.toHaveBeenCalled()
+
+    // Internal hash link should not be intercepted
+    openMock.mockClear()
+    const internalAnchor: any = {
+      getAttribute: (attr: string) => (attr === 'href' ? '#/settings' : null),
+      hasAttribute: (attr: string) => false,
+      href: '#/settings',
+      target: '',
+    }
+    const internalClickEvent: any = {
+      defaultPrevented: false,
+      button: 0,
+      target: {
+        closest: (selector: string) => (selector === 'a' ? internalAnchor : null),
+      },
+      preventDefault: vi.fn(),
+      stopPropagation: vi.fn(),
+    }
+
+    clickHandler!(internalClickEvent)
+
+    expect(internalClickEvent.preventDefault).not.toHaveBeenCalled()
+    expect(internalClickEvent.stopPropagation).not.toHaveBeenCalled()
+    expect(openMock).not.toHaveBeenCalled()
+
+    cleanup()
+    expect(mockDocument.removeEventListener).toHaveBeenCalledWith('click', expect.any(Function), true)
+  })
+})

package/src/renderer/shared/platform.ts

@@ -68,7 +68,7 @@ export type SlashResponse =
 
 export interface MintPlatformApi {
   modsOperation(operation: import("./mods").ModOperation): Promise<import("./mods").ModResponse>
-  readMcpArtifact(id: string): Promise<string>
+  readMcpArtifact(id: string, chatId?: string): Promise<string>
   listBackgroundJobs(workspace?: string): Promise<import("./types").BackgroundJob[]>
   getBackgroundJob(id: string): Promise<import("./types").BackgroundJobOutput>
   stopBackgroundJob(id: string): Promise<import("./types").BackgroundJob>
@@ -112,6 +112,7 @@ export interface MintPlatformApi {
     onTurnStarted?: (interactionId: number) => void,
     attachmentMetadata?: import('./types').AttachmentMetadata,
   ): Promise<ChatResponse>
+  speechRequest(request: import('./speech/types').SpeechRequest): Promise<import('./speech/types').SpeechReply>
   getTtsUrls(text: string): Promise<TtsUrl[]>
   cancelChatMessage(chatId: string): Promise<void>
   getRecentInteractions(limit?: number, chatId?: string | null, workspacePath?: string | null): Promise<InteractionMemory[]>
@@ -128,6 +129,7 @@ export interface MintPlatformApi {
   ): Promise<any>
 
   saveInteractionAgentActivity(interactionId: number, progress: any[]): Promise<void>
+  pendingCompanionChat(acknowledgedId?: string): Promise<string | null>
   listChatSessions(): Promise<ChatSession[]>
   updateChatSessionWorkspace(chatId: string, workspacePath: string | null): Promise<void>
   deleteChatSession(chatId: string): Promise<number>
@@ -176,6 +178,9 @@ export interface MintPlatformApi {
   rollbackGitCheckpoint(chatId: string, step: number, workspacePath?: string): Promise<{ status: string; message: string }>
   undoGitCheckpoint(workspacePath?: string): Promise<{ status: string; message: string }>
   readWorkspaceFile(path: string, workspacePath?: string): Promise<string>
+  readWorkspaceImage(path: string, workspacePath: string): Promise<string>
+  readWorkspaceMedia(path: string, workspacePath: string): Promise<import('./types').WorkspaceMediaSource>
+  openExternal(url: string): Promise<any>
   testMcpConnection(
     url: string,
     headers?: Record<string, string>,
@@ -267,11 +272,11 @@ export const conversationPlatform = {
   clearChatHistory: operation('clearChatHistory'), deleteChatSession: operation('deleteChatSession'),
   renameChatSession: operation('renameChatSession'), getRecentInteractions: operation('getRecentInteractions'),
   getConversationSnapshot: operation('getConversationSnapshot'), getConversationChanges: operation('getConversationChanges'),
-  saveSystemInteraction: operation('saveSystemInteraction'), listChatSessions: operation('listChatSessions'),
+  saveSystemInteraction: operation('saveSystemInteraction'), listChatSessions: operation('listChatSessions'), pendingCompanionChat: operation('pendingCompanionChat'),
   updateChatSessionWorkspace: operation('updateChatSessionWorkspace'),
   saveInteractionAgentActivity: operation('saveInteractionAgentActivity'), streamChatMessage: operation('streamChatMessage'),
   cancelChatMessage: operation('cancelChatMessage'), submitToolApproval: operation('submitToolApproval'),
-  listen: operation('listen'), readClipboardImage: operation('readClipboardImage'), getTtsUrls: operation('getTtsUrls'),
+  listen: operation('listen'), readClipboardImage: operation('readClipboardImage'), getTtsUrls: operation('getTtsUrls'), speechRequest: operation('speechRequest'),
   startGeminiLiveSession: operation('startGeminiLiveSession'), sendGeminiLiveAudioChunk: operation('sendGeminiLiveAudioChunk'),
   stopGeminiLiveSession: operation('stopGeminiLiveSession'), listGitCheckpoints: operation('listGitCheckpoints'),
   rollbackGitCheckpoint: operation('rollbackGitCheckpoint'), undoGitCheckpoint: operation('undoGitCheckpoint'),
@@ -316,7 +321,8 @@ export const runtimePlatform = {
   appIconPath: () => String(requireRendererPlatform().APP_ICON_PATH ?? './assets/icon.png'),
   getRuntimeStatus: operation('getRuntimeStatus'), setActiveModel: operation('setActiveModel'),
   selectWorkspaceDirectory: operation('selectWorkspaceDirectory'), selectLinkedFolderPath: operation('selectLinkedFolderPath'),
-  isTauriRuntime: operation('isTauriRuntime'), readWorkspaceFile: operation('readWorkspaceFile'),
+  isTauriRuntime: operation('isTauriRuntime'), readWorkspaceFile: operation('readWorkspaceFile'), readWorkspaceImage: operation('readWorkspaceImage'), readWorkspaceMedia: operation('readWorkspaceMedia'),
+  openExternal: operation('openExternal'),
 }
 
 /** Install the Desktop or Web adapter before rendering the application. */