openrune 1.1.2 → 2.0.0

package/renderer/src/features/chat/use-chat.ts

@@ -1,260 +0,0 @@
-import { useState, useCallback, useRef, useEffect } from 'react'
-import { useIPCOn, useIPCSend } from '@/hooks/use-ipc'
-import type { ChatState, ChatMessage, ContentBlock, RuneInfo } from './types'
-
-export function useChat() {
-  const [runeInfo, setRuneInfo] = useState<RuneInfo | null>(null)
-  const [connected, setConnected] = useState(false)
-  const [state, setState] = useState<ChatState>({
-    messages: [],
-    isStreaming: false,
-    shownText: '',
-    typeQueue: '',
-    activityBlocks: [],
-  })
-  const typeTimerRef = useRef<ReturnType<typeof setInterval> | null>(null)
-  const send = useIPCSend()
-
-  // Track channel connection status
-  const lastStatusRef = useRef<{ port: number; connected: boolean } | null>(null)
-  useIPCOn('rune:channelStatus', (data: { port: number; connected: boolean }) => {
-    lastStatusRef.current = data
-    if (runeInfo && data.port === runeInfo.port) setConnected(data.connected)
-  })
-
-  // Apply buffered status when runeInfo arrives
-  useEffect(() => {
-    if (runeInfo && lastStatusRef.current && lastStatusRef.current.port === runeInfo.port) {
-      setConnected(lastStatusRef.current.connected)
-    }
-  }, [runeInfo])
-
-  // Initialize from main process
-  useIPCOn('rune:init', (data: RuneInfo) => {
-    setRuneInfo(data)
-    // Restore history
-    if (data.history && data.history.length > 0) {
-      setState(prev => ({
-        ...prev,
-        messages: data.history.map(h => ({ role: h.role, text: h.text })),
-      }))
-    }
-  })
-
-  // Typewriter engine
-  const startTyping = useCallback(() => {
-    if (typeTimerRef.current) return
-    typeTimerRef.current = setInterval(() => {
-      setState(prev => {
-        if (!prev.typeQueue) {
-          if (typeTimerRef.current) {
-            clearInterval(typeTimerRef.current)
-            typeTimerRef.current = null
-          }
-          return prev
-        }
-        const batch = Math.min(prev.typeQueue.length, 4)
-        return {
-          ...prev,
-          shownText: prev.shownText + prev.typeQueue.slice(0, batch),
-          typeQueue: prev.typeQueue.slice(batch),
-        }
-      })
-    }, 10)
-  }, [])
-
-  const appendChunk = useCallback((text: string) => {
-    setState(prev => ({ ...prev, typeQueue: prev.typeQueue + text }))
-    startTyping()
-  }, [startTyping])
-
-  const finishStream = useCallback(() => {
-    if (typeTimerRef.current) {
-      clearInterval(typeTimerRef.current)
-      typeTimerRef.current = null
-    }
-    setState(prev => {
-      const fullText = prev.shownText + prev.typeQueue
-      const messages = [...prev.messages]
-      if (messages.length > 0 && messages[messages.length - 1].role === 'assistant') {
-        messages[messages.length - 1] = {
-          role: 'assistant',
-          text: fullText,
-          blocks: prev.activityBlocks.length > 0 ? [...prev.activityBlocks] : undefined,
-        }
-      }
-      return { ...prev, messages, isStreaming: false, shownText: '', typeQueue: '', activityBlocks: [] }
-    })
-  }, [])
-
-  // IPC event listeners
-  useIPCOn('rune:streamStart', () => {
-    setState(prev => ({
-      ...prev,
-      isStreaming: true,
-      shownText: '',
-      typeQueue: '',
-      activityBlocks: [],
-      messages: [...prev.messages, { role: 'assistant', text: '' }],
-    }))
-  })
-
-  useIPCOn('rune:activity', (data: { port: number; activityType: string; content?: string; tool?: string; args?: Record<string, unknown> }) => {
-    const block: ContentBlock = {
-      type: data.activityType as ContentBlock['type'],
-      content: data.content,
-      tool: data.tool,
-      args: data.args,
-      ts: Date.now(),
-    }
-    setState(prev => ({
-      ...prev,
-      activityBlocks: [...prev.activityBlocks, block],
-    }))
-  })
-
-  useIPCOn('rune:streamChunk', (data: { text: string }) => {
-    const clean = data.text
-      .replace(/[\x00-\x08\x0e-\x1f\x7f]/g, '')
-      .replace(/\^[A-Z@\[\\\]\^_]/g, '')
-    appendChunk(clean)
-  })
-
-  useIPCOn('rune:streamEnd', () => {
-    finishStream()
-  })
-
-  useIPCOn('rune:streamError', (data: { error: string }) => {
-    if (typeTimerRef.current) {
-      clearInterval(typeTimerRef.current)
-      typeTimerRef.current = null
-    }
-    setState(prev => {
-      const messages = [...prev.messages]
-      if (messages.length > 0 && messages[messages.length - 1].role === 'assistant' && !messages[messages.length - 1].text) {
-        messages[messages.length - 1] = { role: 'assistant', text: data.error }
-      } else {
-        messages.push({ role: 'assistant', text: data.error })
-      }
-      return { ...prev, messages, isStreaming: false, shownText: '', typeQueue: '' }
-    })
-  })
-
-  useIPCOn('rune:pushMessage', (data: { text: string }) => {
-    setState(prev => ({
-      ...prev,
-      messages: [...prev.messages, { role: 'assistant', text: data.text }],
-    }))
-  })
-
-  // Handle Claude Code hook events
-  useIPCOn('rune:hook', (data: { event: string; tool_name?: string; tool_input?: Record<string, unknown>; tool_output?: string; prompt?: string; permission_prompt_reason?: string; notification_type?: string; message?: string }) => {
-    let block: ContentBlock | null = null
-
-    if (data.event === 'PreToolUse' && data.tool_name) {
-      block = {
-        type: 'tool_use',
-        tool: data.tool_name,
-        args: data.tool_input,
-        ts: Date.now(),
-      }
-    } else if (data.event === 'PostToolUse' && data.tool_name) {
-      block = {
-        type: 'tool_result',
-        tool: data.tool_name,
-        content: data.tool_output ? (data.tool_output.length > 500 ? data.tool_output.slice(0, 500) + '…' : data.tool_output) : 'done',
-        ts: Date.now(),
-      }
-    } else if (data.event === 'PermissionRequest') {
-      block = {
-        type: 'thinking',
-        content: `⚠️ Permission needed: ${data.tool_name} — ${data.permission_prompt_reason || ''}`,
-        tool: data.tool_name,
-        ts: Date.now(),
-      }
-    } else if (data.event === 'Notification') {
-      block = {
-        type: 'thinking',
-        content: `📢 ${data.message || data.notification_type || 'notification'}`,
-        ts: Date.now(),
-      }
-    }
-
-    if (block) {
-      setState(prev => ({
-        ...prev,
-        activityBlocks: [...prev.activityBlocks, block!],
-      }))
-    }
-  })
-
-  // Handle file rename
-  useIPCOn('rune:fileRenamed', (data: { name: string; newPath: string }) => {
-    setRuneInfo(prev => prev ? { ...prev, name: data.name, filePath: data.newPath } : prev)
-  })
-
-  // Actions
-  const sendMessage = useCallback((content: string, files?: string[]) => {
-    if (!runeInfo || (!content.trim() && (!files || files.length === 0))) return
-
-    // If streaming, cancel current response and finalize partial text
-    if (state.isStreaming) {
-      send('rune:cancelStream', { port: runeInfo.port })
-      finishStream()
-    }
-
-    // Build the actual content sent to channel: prepend file paths
-    let channelContent = content
-    if (files && files.length > 0) {
-      const fileSection = files.map(f => `[Attached file: ${f}]`).join('\n')
-      channelContent = fileSection + (content ? '\n\n' + content : '')
-    }
-
-    setState(prev => ({
-      ...prev,
-      messages: [...prev.messages, { role: 'user', text: content, files }],
-    }))
-    send('rune:sendMessage', { content: channelContent, port: runeInfo.port })
-  }, [runeInfo, state.isStreaming, send, finishStream])
-
-  const cancelStream = useCallback(() => {
-    send('rune:cancelStream', { port: runeInfo?.port })
-  }, [send, runeInfo?.port])
-
-  const clearHistory = useCallback(() => {
-    if (!runeInfo) return
-    setState(prev => ({ ...prev, messages: [], shownText: '', typeQueue: '' }))
-    send('rune:clearHistory', { port: runeInfo.port })
-  }, [runeInfo, send])
-
-  // Connect channel on mount
-  useEffect(() => {
-    if (runeInfo) {
-      send('rune:connectChannel', { port: runeInfo.port })
-    }
-  }, [runeInfo?.port]) // eslint-disable-line react-hooks/exhaustive-deps
-
-  // Cleanup
-  useEffect(() => {
-    return () => {
-      if (typeTimerRef.current) clearInterval(typeTimerRef.current)
-    }
-  }, [])
-
-  const getDisplayText = useCallback((): string => {
-    if (!state.isStreaming || !state.shownText) return ''
-    return state.shownText
-  }, [state.isStreaming, state.shownText])
-
-  return {
-    runeInfo,
-    connected,
-    messages: state.messages,
-    isStreaming: state.isStreaming,
-    streamingDisplayText: getDisplayText(),
-    streamingActivities: state.activityBlocks,
-    sendMessage,
-    cancelStream,
-    clearHistory,
-  }
-}

package/renderer/src/features/terminal/terminal-panel.tsx

@@ -1,155 +0,0 @@
-import { useEffect, useRef } from 'react'
-import { Terminal } from '@xterm/xterm'
-import { FitAddon } from '@xterm/addon-fit'
-import '@xterm/xterm/css/xterm.css'
-
-interface TerminalPanelProps {
-  cwd?: string
-  autoCommand?: string
-  visible?: boolean
-}
-
-const THEME = {
-  background: '#18222d',
-  foreground: '#d4d8de',
-  cursor: '#d4d8de',
-  cursorAccent: '#18222d',
-  selectionBackground: '#2B5278',
-  black: '#1a2634',
-  red: '#ef5350',
-  green: '#26a69a',
-  yellow: '#ffb74d',
-  blue: '#42a5f5',
-  magenta: '#ab47bc',
-  cyan: '#26c6da',
-  white: '#d4d8de',
-  brightBlack: '#546e7a',
-  brightRed: '#ef5350',
-  brightGreen: '#26a69a',
-  brightYellow: '#ffb74d',
-  brightBlue: '#64b5f6',
-  brightMagenta: '#ab47bc',
-  brightCyan: '#26c6da',
-  brightWhite: '#ffffff',
-}
-
-export function TerminalPanel({ cwd, autoCommand, visible }: TerminalPanelProps) {
-  const containerRef = useRef<HTMLDivElement>(null)
-  const termRef = useRef<Terminal | null>(null)
-  const fitRef = useRef<FitAddon | null>(null)
-  const ptyIdRef = useRef<string | null>(null)
-  const fittedRef = useRef(false)
-
-  useEffect(() => {
-    if (!containerRef.current) return
-
-    const term = new Terminal({
-      theme: THEME,
-      fontSize: 13,
-      fontFamily: "'Menlo', 'Monaco', 'Courier New', monospace",
-      cursorBlink: true,
-      allowProposedApi: true,
-      scrollback: 5000,
-    })
-    const fit = new FitAddon()
-    term.loadAddon(fit)
-    term.open(containerRef.current)
-
-    termRef.current = term
-    fitRef.current = fit
-
-    const doFit = () => {
-      const el = containerRef.current
-      if (!el || el.clientWidth === 0 || el.clientHeight === 0) return
-      fit.fit()
-      if (!fittedRef.current) {
-        fittedRef.current = true
-        term.focus()
-      }
-      if (ptyIdRef.current) {
-        window.rune.send('terminal:resize', {
-          id: ptyIdRef.current,
-          cols: term.cols,
-          rows: term.rows,
-        })
-      }
-    }
-
-    // ResizeObserver fires on initial observe + any resize
-    const ro = new ResizeObserver(() => requestAnimationFrame(doFit))
-    ro.observe(containerRef.current)
-
-    window.rune.invoke('terminal:spawn', { cwd: cwd || undefined }).then(({ id }: { id: string }) => {
-      ptyIdRef.current = id
-      // Sync size now that pty is ready
-      window.rune.send('terminal:resize', { id, cols: term.cols, rows: term.rows })
-
-      const onOutput = (msg: { id: string; data: string }) => {
-        if (msg.id !== id) return
-        term.write(msg.data)
-        // Auto-select "I am using this for local development" when prompted
-        if (msg.data.includes('I am using this for local development')) {
-          setTimeout(() => {
-            window.rune.send('terminal:input', { id, data: '\r' })
-          }, 300)
-        }
-      }
-      window.rune.on('terminal:output', onOutput)
-
-      const onExit = (msg: { id: string; exitCode: number }) => {
-        if (msg.id === id) {
-          term.write(`\r\n\x1b[90m[Process exited with code ${msg.exitCode}]\x1b[0m\r\n`)
-          ptyIdRef.current = null
-        }
-      }
-      window.rune.on('terminal:exit', onExit)
-
-      term.onData((data: string) => {
-        if (ptyIdRef.current) {
-          window.rune.send('terminal:input', { id: ptyIdRef.current, data })
-        }
-      })
-
-      if (autoCommand) {
-        setTimeout(() => {
-          window.rune.send('terminal:input', { id, data: autoCommand + '\n' })
-        }, 500)
-      }
-
-      ;(term as any).__cleanupOutput = onOutput
-      ;(term as any).__cleanupExit = onExit
-    })
-
-    return () => {
-      ro.disconnect()
-      if ((term as any).__cleanupOutput) window.rune.off('terminal:output', (term as any).__cleanupOutput)
-      if ((term as any).__cleanupExit) window.rune.off('terminal:exit', (term as any).__cleanupExit)
-      if (ptyIdRef.current) window.rune.send('terminal:kill', { id: ptyIdRef.current })
-      term.dispose()
-    }
-  }, []) // eslint-disable-line react-hooks/exhaustive-deps
-
-  // Re-fit terminal when visibility changes
-  useEffect(() => {
-    if (visible && fitRef.current && termRef.current) {
-      requestAnimationFrame(() => {
-        fitRef.current?.fit()
-        if (ptyIdRef.current) {
-          window.rune.send('terminal:resize', {
-            id: ptyIdRef.current,
-            cols: termRef.current!.cols,
-            rows: termRef.current!.rows,
-          })
-        }
-      })
-    }
-  }, [visible])
-
-  return (
-    <div
-      ref={containerRef}
-      className="h-full w-full"
-      style={{ backgroundColor: '#18222d', padding: '4px 0 0 4px' }}
-    />
-  )
-}

package/renderer/src/global.d.ts

@@ -1,29 +0,0 @@
-type RuneSendChannel =
-  | 'rune:sendMessage' | 'rune:cancelStream' | 'rune:connectChannel' | 'rune:clearHistory'
-  | 'rune:permissionRespond'
-  | 'terminal:input' | 'terminal:resize' | 'terminal:kill'
-
-type RuneOnChannel =
-  | 'rune:init'
-  | 'rune:streamStart' | 'rune:streamChunk' | 'rune:streamStatus'
-  | 'rune:streamEnd' | 'rune:streamError'
-  | 'rune:pushMessage' | 'rune:channelStatus'
-  | 'rune:toolActivity'
-  | 'rune:activity'
-  | 'rune:permissionNeeded'
-  | 'terminal:output' | 'terminal:exit'
-
-type RuneInvokeChannel =
-  | 'terminal:spawn'
-  | 'rune:createFile'
-
-interface RuneAPI {
-  send(channel: RuneSendChannel, data?: unknown): void
-  on(channel: RuneOnChannel, callback: (data: any) => void): void
-  off(channel: RuneOnChannel, callback: (data: any) => void): void
-  invoke(channel: RuneInvokeChannel, data?: unknown): Promise<any>
-}
-
-interface Window {
-  rune: RuneAPI
-}

package/renderer/src/globals.css

@@ -1,92 +0,0 @@
-@import "tailwindcss";
-
-@theme {
-  --color-background: oklch(0.145 0 0);
-  --color-foreground: oklch(0.93 0.005 270);
-  --color-card: oklch(0.205 0 0);
-  --color-muted: oklch(0.455 0 0);
-  --color-muted-foreground: oklch(0.556 0 0);
-  --color-border: oklch(1 0 0 / 10%);
-  --color-input: oklch(1 0 0 / 15%);
-  --color-ring: oklch(0.556 0 0);
-
-  --color-accent: oklch(0.777 0.152 181.912);
-  --color-accent-foreground: oklch(0.145 0 0);
-  --color-accent-red: oklch(0.704 0.191 22.216);
-
-  --color-background-secondary: oklch(0.17 0 0);
-  --color-background-tertiary: oklch(0.205 0 0);
-
-  --color-sidebar: oklch(0.17 0 0);
-  --color-sidebar-border: oklch(1 0 0 / 8%);
-  --color-surface: oklch(0.17 0 0);
-  --color-user-bg: oklch(0.19 0.02 181);
-}
-
-* { box-sizing: border-box; }
-html, body, #root { height: 100%; }
-body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
-
-::-webkit-scrollbar { width: 6px; height: 6px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: oklch(1 0 0 / 8%); border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover { background: oklch(1 0 0 / 16%); }
-::-webkit-scrollbar-corner { background: transparent; }
-
-::selection { background: oklch(0.777 0.152 181.912 / 25%); color: inherit; }
-:focus-visible { outline: 2px solid oklch(0.556 0 0 / 50%); outline-offset: 2px; }
-
-.msg-content.rendered { white-space: normal; }
-.msg-content code { background: oklch(1 0 0 / 6%); border-radius: 4px; padding: 2px 6px; font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace; font-size: 0.875em; }
-.msg-content pre { background: oklch(0.13 0 0); border: 1px solid oklch(1 0 0 / 8%); border-radius: 8px; padding: 14px 16px; overflow-x: auto; margin: 8px 0; }
-.msg-content pre code { background: none; padding: 0; font-size: 12.5px; line-height: 1.6; }
-.msg-content h3 { font-size: 15px; font-weight: 600; margin: 14px 0 6px; }
-.msg-content h4 { font-size: 14px; font-weight: 600; margin: 12px 0 4px; }
-.msg-content h5 { font-size: 13px; font-weight: 600; margin: 10px 0 4px; }
-.msg-content h6 { font-size: 12px; font-weight: 500; margin: 8px 0 2px; color: oklch(0.556 0 0); }
-.msg-content blockquote { border-left: 2px solid oklch(0.777 0.152 181.912 / 50%); padding: 4px 14px; margin: 8px 0; color: oklch(0.556 0 0); background: oklch(0.777 0.152 181.912 / 4%); border-radius: 0 6px 6px 0; }
-.msg-content ul { padding-left: 22px; margin: 4px 0; list-style-type: disc; }
-.msg-content ol { padding-left: 22px; margin: 4px 0; list-style-type: decimal; }
-.msg-content li { margin: 2px 0; line-height: 1.7; }
-.msg-content li::marker { color: oklch(0.556 0 0); }
-.msg-content hr { border: none; border-top: 1px solid oklch(1 0 0 / 8%); margin: 12px 0; }
-.msg-content strong { font-weight: 600; }
-.msg-content em { font-style: italic; color: oklch(0.65 0 0); }
-.msg-content p { margin: 4px 0; line-height: 1.7; }
-.msg-content br { display: block; content: ''; margin: 2px 0; }
-.msg-content a { color: oklch(0.777 0.152 181.912); text-decoration: none; }
-.msg-content a:hover { text-decoration: underline; }
-.msg-content table { border-collapse: collapse; width: 100%; margin: 10px 0; font-size: 12.5px; }
-.msg-content th, .msg-content td { border: 1px solid oklch(1 0 0 / 8%); padding: 8px 12px; text-align: left; }
-.msg-content th { background: oklch(0.17 0 0); font-weight: 500; }
-
-.msg-content.streaming.empty-streaming::after { content: 'Thinking...'; animation: pulse 1.5s ease-in-out infinite; color: oklch(0.455 0 0); font-style: italic; }
-@keyframes pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
-.msg-content.streaming.rendered { animation: fadeChunk 0.15s ease-out; }
-@keyframes fadeChunk { from { opacity: 0.7; } to { opacity: 1; } }
-
-/* ── Activity Blocks ──────────────────────────────── */
-.activity-block { border-radius: 8px; border: 1px solid oklch(1 0 0 / 6%); overflow: hidden; animation: activityIn 0.2s ease-out; }
-@keyframes activityIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
-
-.activity-header { display: flex; align-items: center; gap: 6px; width: 100%; padding: 6px 10px; background: none; border: none; cursor: pointer; text-align: left; font-size: 11px; line-height: 1.4; color: oklch(0.65 0 0); transition: background 0.1s; }
-.activity-header:hover { background: oklch(1 0 0 / 3%); }
-.activity-icon { flex-shrink: 0; }
-.activity-label { font-weight: 600; font-size: 11px; white-space: nowrap; }
-.activity-preview { color: oklch(0.5 0 0); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
-
-.activity-result-badge { font-size: 9px; font-weight: 500; padding: 1px 5px; border-radius: 4px; background: oklch(0.45 0.12 155 / 15%); color: oklch(0.65 0.15 155); white-space: nowrap; }
-
-.activity-body { padding: 0 10px 8px 28px; font-size: 11px; color: oklch(0.6 0 0); line-height: 1.5; }
-.activity-thinking-body { font-style: italic; white-space: pre-wrap; word-break: break-word; }
-
-.activity-args, .activity-result-content { background: oklch(0.12 0 0); border: 1px solid oklch(1 0 0 / 6%); border-radius: 6px; padding: 6px 10px; font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace; font-size: 10.5px; line-height: 1.5; overflow-x: auto; white-space: pre-wrap; word-break: break-all; margin: 0; color: oklch(0.65 0 0); }
-.activity-result-content { max-height: 200px; overflow-y: auto; word-break: break-word; color: oklch(0.6 0 0); }
-
-.activity-thinking { border-left: 2px solid oklch(0.65 0.15 300); background: oklch(0.65 0.15 300 / 4%); }
-.activity-tool-use { border-left: 2px solid oklch(0.777 0.152 181.912); background: oklch(0.777 0.152 181.912 / 4%); }
-.activity-tool-result { border-left: 2px solid oklch(0.65 0.15 155); background: oklch(0.65 0.15 155 / 4%); }
-
-/* ── Sonner Toast ─────────────────────────────────── */
-[data-sonner-toaster] { pointer-events: none !important; }
-[data-sonner-toast] { pointer-events: auto !important; }

package/renderer/src/hooks/use-ipc.ts

@@ -1,24 +0,0 @@
-import { useEffect, useCallback, useRef } from 'react'
-
-export function useIPCOn(channel: RuneOnChannel, callback: (data: any) => void) {
-  const callbackRef = useRef(callback)
-  callbackRef.current = callback
-
-  useEffect(() => {
-    const handler = (data: any) => callbackRef.current(data)
-    window.rune.on(channel, handler)
-    return () => window.rune.off(channel, handler)
-  }, [channel])
-}
-
-export function useIPCSend() {
-  return useCallback((channel: RuneSendChannel, data?: unknown) => {
-    window.rune.send(channel, data)
-  }, [])
-}
-
-export function useIPCInvoke() {
-  return useCallback((channel: RuneInvokeChannel, data?: unknown) => {
-    return window.rune.invoke(channel, data)
-  }, [])
-}

package/renderer/src/lib/markdown.ts

@@ -1,83 +0,0 @@
-function escHtml(s: string): string {
-  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-}
-
-function inlineMd(s: string): string {
-  s = s.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
-  s = s.replace(/__(.+?)__/g, '<strong>$1</strong>')
-  s = s.replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, '<em>$1</em>')
-  s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" title="$1">$1</a>')
-  return s
-}
-
-export function renderMarkdown(src: string): string {
-  const blocks: string[] = []
-  let md = src.replace(/```([\w-]*)\n([\s\S]*?)```/g, (_, lang, code) => {
-    blocks.push('<pre><code>' + escHtml(code) + '</code></pre>')
-    return '\x01' + (blocks.length - 1) + '\x01'
-  })
-  md = md.replace(/`([^`\n]+)`/g, (_, code) => {
-    blocks.push('<code>' + escHtml(code) + '</code>')
-    return '\x01' + (blocks.length - 1) + '\x01'
-  })
-
-  md = escHtml(md)
-
-  const lines = md.split('\n')
-  let out = '', inUl = false, inOl = false, inTable = false
-
-  for (let li = 0; li < lines.length; li++) {
-    const line = lines[li]
-    const isUl = /^[\-\*] /.test(line)
-    const isOl = /^\d+\. /.test(line)
-    const isTableRow = /^\|(.+)\|$/.test(line.trim())
-
-    if (inUl && !isUl) { out += '</ul>'; inUl = false }
-    if (inOl && !isOl) { out += '</ol>'; inOl = false }
-    if (inTable && !isTableRow) { out += '</tbody></table>'; inTable = false }
-
-    if (isTableRow) {
-      const cells = line.trim().slice(1, -1).split('|').map(c => c.trim())
-      if (cells.every(c => /^[-:]+$/.test(c))) continue
-      if (!inTable) {
-        inTable = true
-        out += '<table><thead><tr>' + cells.map(c => '<th>' + inlineMd(c) + '</th>').join('') + '</tr></thead><tbody>'
-      } else {
-        out += '<tr>' + cells.map(c => '<td>' + inlineMd(c) + '</td>').join('') + '</tr>'
-      }
-      continue
-    }
-
-    const hm = line.match(/^(#{1,4}) (.+)$/)
-    if (hm) {
-      const lv = Math.min(hm[1].length + 2, 6)
-      out += '<h' + lv + '>' + inlineMd(hm[2]) + '</h' + lv + '>'
-      continue
-    }
-    if (/^[-*_]{3,}$/.test(line.trim())) { out += '<hr>'; continue }
-    if (/^&gt; /.test(line)) {
-      out += '<blockquote>' + inlineMd(line.slice(5)) + '</blockquote>'
-      continue
-    }
-    if (isUl) {
-      if (!inUl) { out += '<ul>'; inUl = true }
-      out += '<li>' + inlineMd(line.replace(/^[\-\*] /, '')) + '</li>'
-      continue
-    }
-    if (isOl) {
-      if (!inOl) { out += '<ol>'; inOl = true }
-      out += '<li>' + inlineMd(line.replace(/^\d+\. /, '')) + '</li>'
-      continue
-    }
-    if (line.trim() === '') { out += '<br>'; continue }
-    out += '<p>' + inlineMd(line) + '</p>'
-  }
-  if (inUl) out += '</ul>'
-  if (inOl) out += '</ol>'
-  if (inTable) out += '</tbody></table>'
-
-  blocks.forEach((html, i) => {
-    out = out.replace('\x01' + i + '\x01', html)
-  })
-  return out
-}

package/renderer/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/renderer/src/main.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { App } from './App'
-import './globals.css'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-)

package/renderer/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["src/**/*"]
-}