@pheem49/mint 1.17.0 → 1.18.0

package/src/renderer/shared/conversation/progressiveStream.ts

@@ -0,0 +1,219 @@
+/**
+ * shared/conversation/progressiveStream.ts
+ * Deep module for structure-aware progressive AI response rendering (Line-by-Line + Block-Aware).
+ * Holds incomplete Markdown tables and unclosed UI Card / JSON / Mermaid fenced blocks until
+ * their block completes, while streaming normal paragraphs, lists, alerts, and regular code blocks
+ * smoothly line by line.
+ */
+
+const ATOMIC_FENCED_LANGS = new Set([
+  'ui-grid',
+  'ui_grid',
+  'ui-grid-json',
+  'ui_grid_json',
+  'ui-card',
+  'ui_card',
+  'ui-card-json',
+  'ui_card_json',
+  'ui-feature',
+  'ui_feature',
+  'ui-mockup',
+  'ui_mockup',
+  'ui-mockup-json',
+  'ui_mockup_json',
+  'weather_json',
+  'weather-json',
+  'stock_json',
+  'stock-json',
+  'calculation_json',
+  'calculation-json',
+  'image_search_json',
+  'image-search-json',
+  'image_gen_json',
+  'image-gen-json',
+  'mermaid',
+])
+
+function isTableLine(line: string): boolean {
+  const trimmed = line.trim()
+  return trimmed.startsWith('|') && trimmed.endsWith('|') && trimmed.length > 1
+}
+
+function isAtomicFencedLang(lang: string): boolean {
+  return ATOMIC_FENCED_LANGS.has(lang.trim().toLowerCase())
+}
+
+/**
+ * Splits Markdown text into progressive units:
+ * - Standard lines & normal code block lines -> 1 line per unit
+ * - Consecutive Markdown table lines (`| ... |`) -> 1 atomic multi-line unit
+ * - Custom UI / JSON / Mermaid fenced blocks -> 1 atomic multi-line unit
+ * When `isComplete` is false, trailing incomplete lines, open tables, and unclosed atomic
+ * fenced blocks are held back so half-formed tables or raw JSON never flash in the UI.
+ */
+export function splitProgressiveStreamUnits(raw: string, isComplete: boolean): string[] {
+  if (!raw) return []
+  const normalized = raw.replace(/\r\n?/g, '\n')
+  let slice = normalized
+  if (!isComplete && !normalized.endsWith('\n')) {
+    const lastNewline = normalized.lastIndexOf('\n')
+    if (lastNewline === -1) return []
+    slice = normalized.slice(0, lastNewline + 1)
+  }
+
+  const rawLines = slice.endsWith('\n') ? slice.slice(0, -1).split('\n') : slice.split('\n')
+  const units: string[] = []
+  let inCodeBlock = false
+  let pendingCodeFence: { fence: string; canPromote: boolean } | null = null
+  let inAtomicFence = false
+  let atomicFenceBuffer: string[] = []
+  let tableBuffer: string[] = []
+
+  for (const line of rawLines) {
+    const trimmed = line.trimStart()
+
+    if (!inCodeBlock && !inAtomicFence && isTableLine(trimmed)) {
+      tableBuffer.push(line)
+      continue
+    }
+
+    if (tableBuffer.length > 0) {
+      units.push(tableBuffer.join('\n'))
+      tableBuffer = []
+    }
+
+    if (trimmed.startsWith('```')) {
+      if (!inCodeBlock && !inAtomicFence) {
+        const afterOpen = trimmed.replace(/^`+/, '').trim()
+        if (afterOpen.endsWith('```') && afterOpen.length > 3) {
+          units.push(line)
+          continue
+        }
+        const splitIdx = afterOpen.search(/[\s[{]/)
+        const lang = splitIdx > 0 ? afterOpen.slice(0, splitIdx) : afterOpen
+        if (isAtomicFencedLang(lang)) {
+          inAtomicFence = true
+          atomicFenceBuffer = [line]
+        } else {
+          inCodeBlock = true
+          const canPromote = !lang || lang.toLowerCase() === 'plaintext'
+          pendingCodeFence = { fence: line, canPromote }
+        }
+      } else if (inAtomicFence) {
+        atomicFenceBuffer.push(line)
+        units.push(atomicFenceBuffer.join('\n'))
+        atomicFenceBuffer = []
+        inAtomicFence = false
+      } else {
+        inCodeBlock = false
+        if (pendingCodeFence) {
+          units.push(`${pendingCodeFence.fence}\n${line}`)
+          pendingCodeFence = null
+        } else {
+          units.push(line)
+        }
+      }
+      continue
+    }
+
+    if (inAtomicFence) {
+      atomicFenceBuffer.push(line)
+      continue
+    }
+
+    if (pendingCodeFence) {
+      const { fence, canPromote } = pendingCodeFence
+      pendingCodeFence = null
+      const splitIdx = trimmed.search(/[\s[{]/)
+      const firstToken = splitIdx > 0 ? trimmed.slice(0, splitIdx) : trimmed
+      if (canPromote && isAtomicFencedLang(firstToken)) {
+        inCodeBlock = false
+        inAtomicFence = true
+        atomicFenceBuffer = [fence, line]
+      } else {
+        units.push(`${fence}\n${line}`)
+      }
+      continue
+    }
+
+    units.push(line)
+  }
+
+  if (isComplete) {
+    if (tableBuffer.length > 0) {
+      units.push(tableBuffer.join('\n'))
+    }
+    if (pendingCodeFence) {
+      units.push(pendingCodeFence.fence)
+      pendingCodeFence = null
+    }
+    if (atomicFenceBuffer.length > 0) {
+      units.push(atomicFenceBuffer.join('\n'))
+    }
+  }
+
+  return units
+}
+
+/**
+ * Returns the safe-to-render prefix of a streaming Markdown document.
+ */
+export function extractRenderableStreamPrefix(raw: string, isComplete: boolean): string {
+  const units = splitProgressiveStreamUnits(raw, isComplete)
+  return units.join('\n')
+}
+
+export interface ProgressiveStreamPacer {
+  pushDelta(delta: string): void
+  finish(authoritativeText?: string): void
+  step(): string | null
+  flushAll(): string
+  isDone(): boolean
+}
+
+export function createProgressiveStreamPacer(
+  onReveal?: (revealedText: string) => void,
+): ProgressiveStreamPacer {
+  let rawBuffer = ''
+  let completed = false
+  let revealedUnits = 0
+
+  return {
+    pushDelta(delta: string) {
+      if (delta) {
+        rawBuffer += delta
+      }
+    },
+    finish(authoritativeText?: string) {
+      if (typeof authoritativeText === 'string') {
+        rawBuffer = authoritativeText
+      }
+      completed = true
+    },
+    step(): string | null {
+      const units = splitProgressiveStreamUnits(rawBuffer, completed)
+      if (revealedUnits >= units.length) {
+        return null
+      }
+      const remaining = units.length - revealedUnits
+      const advance = remaining <= 12 ? 1 : Math.min(4, Math.max(1, Math.floor(remaining / 10)))
+      revealedUnits = Math.min(units.length, revealedUnits + advance)
+      const revealed = units.slice(0, revealedUnits).join('\n')
+      onReveal?.(revealed)
+      return revealed
+    },
+    flushAll(): string {
+      completed = true
+      const units = splitProgressiveStreamUnits(rawBuffer, true)
+      revealedUnits = units.length
+      const revealed = units.join('\n')
+      onReveal?.(revealed)
+      return revealed
+    },
+    isDone(): boolean {
+      if (!completed) return false
+      const units = splitProgressiveStreamUnits(rawBuffer, true)
+      return revealedUnits >= units.length
+    },
+  }
+}

package/src/renderer/shared/css/agent-observability.css

@@ -15,6 +15,7 @@
   color: var(--text-main, #e8e8ea);
   min-width: 0;
   max-width: 100%;
+  box-sizing: border-box;
   overflow: hidden;
 }
 
@@ -360,3 +361,135 @@
   white-space: pre-wrap;
   word-break: break-word;
 }
+
+/* --- Release Notes Card Widget --- */
+.release-notes-card {
+  border-radius: var(--radius-lg, 10px);
+  border: none;
+  background: color-mix(in srgb, #404040 95%, transparent);
+  backdrop-filter: var(--glass-blur, blur(12px));
+  -webkit-backdrop-filter: var(--glass-blur, blur(12px));
+  padding: 16px 18px;
+  margin: 10px 0;
+  color: var(--text-main, #e8e8ea);
+}
+
+.release-notes-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.release-notes-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.88rem;
+  font-weight: 650;
+  color: var(--text-main, #e8e8ea);
+}
+
+.release-notes-icon {
+  color: var(--accent, #10b981);
+}
+
+.release-notes-version-badge {
+  font-size: 0.72rem;
+  font-weight: 600;
+  padding: 1px 7px;
+  border-radius: var(--radius-full, 999px);
+  background: color-mix(in srgb, var(--accent, #10b981) 15%, transparent);
+  color: var(--accent, #10b981);
+  border: 1px solid color-mix(in srgb, var(--accent, #10b981) 30%, transparent);
+}
+
+.release-notes-count-badge {
+  font-size: 0.72rem;
+  color: var(--text-muted, #8f8f94);
+  font-weight: 500;
+}
+
+.release-notes-track {
+  display: none;
+}
+
+.release-notes-bar {
+  height: 100%;
+  width: 100%;
+  background: linear-gradient(90deg, var(--accent, #10b981), var(--status-listening, #7dd3fc));
+}
+
+.release-notes-body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.release-notes-section-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--text-main, #e8e8ea);
+  margin-bottom: 6px;
+}
+
+.release-notes-bullet {
+  color: var(--text-muted, #9ca3af);
+  font-size: 0.75rem;
+}
+
+.release-notes-items {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-left: 6px;
+}
+
+.release-notes-item {
+  font-size: 0.76rem;
+  line-height: 1.55;
+  color: var(--text-main, #e8e8ea);
+}
+
+.release-notes-item-header {
+  display: inline;
+}
+
+.release-notes-item-bullet {
+  color: var(--accent, #10b981);
+  margin-right: 6px;
+  font-weight: bold;
+}
+
+.release-notes-item-title {
+  font-weight: 650;
+  color: var(--text-main, #fff);
+  margin-right: 5px;
+}
+
+.release-notes-item-desc {
+  color: var(--text-main, #d1d5db);
+}
+
+.release-notes-subitems {
+  margin-top: 4px;
+  margin-left: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.release-notes-subitem {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  font-size: 0.73rem;
+  color: var(--text-muted, #9ca3af);
+}
+
+.release-notes-subitem-bullet {
+  color: var(--text-muted, #9ca3af);
+}

package/src/renderer/shared/css/chat-ui-cards.css

@@ -35,7 +35,7 @@
 .chat-ui-feature-item {
   display: flex;
   flex-direction: column;
-  border-radius: 18px;
+  border-radius: var(--radius-2xl, 22px);
   border: 1px solid var(--border-default);
   background: var(--bg-surface);
   overflow: hidden;
@@ -59,7 +59,7 @@
 .chat-ui-feature-thumb {
   width: 90px;
   height: 80px;
-  border-radius: 12px;
+  border-radius: var(--radius-lg, 14px);
   overflow: hidden;
   flex-shrink: 0;
   background: var(--bg-surface-soft);
@@ -76,7 +76,7 @@
 .chat-ui-feature-icon-box {
   width: 36px;
   height: 36px;
-  border-radius: 12px;
+  border-radius: var(--radius-lg, 14px);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -172,7 +172,7 @@
 .chat-ui-feature-tag {
   font-size: 0.7rem;
   padding: 3px 9px;
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
   background: var(--bg-surface-soft);
   color: var(--text-chat, var(--text-main, #94a3b8));
   opacity: 0.8;
@@ -185,7 +185,7 @@
 .chat-ui-grid-wrapper {
   margin: 14px 0;
   padding: 18px;
-  border-radius: 20px;
+  border-radius: var(--radius-xl, 18px);
   border: 1px solid var(--border-default);
   background: var(--bg-surface);
   backdrop-filter: var(--glass-blur);
@@ -223,7 +223,7 @@
   display: flex;
   flex-direction: column;
   padding: 14px;
-  border-radius: 14px;
+  border-radius: var(--radius-lg, 14px);
   background: var(--bg-surface-soft);
   border: 1px solid var(--border-subtle);
   transition: all 0.2s ease;
@@ -246,7 +246,7 @@
 .chat-ui-grid-item-icon {
   width: 34px;
   height: 34px;
-  border-radius: 10px;
+  border-radius: var(--radius-md, 10px);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -273,7 +273,7 @@
    -------------------------------------------------------------------------- */
 .chat-ui-mockup-container {
   margin: 18px 0;
-  border-radius: 22px;
+  border-radius: var(--radius-xl, 18px);
   border: 1px solid var(--border-default);
   background: var(--bg-surface-raised);
   box-shadow: var(--shadow-md);
@@ -338,7 +338,7 @@
 
 .chat-ui-mockup-dropzone {
   padding: 24px 16px;
-  border-radius: 16px;
+  border-radius: var(--radius-xl, 18px);
   border: 2px dashed var(--border-strong);
   background: var(--bg-surface-soft);
   cursor: pointer;
@@ -387,7 +387,7 @@
   padding: 7px 18px;
   font-size: 0.8rem;
   font-weight: 600;
-  border-radius: 10px;
+  border-radius: var(--radius-md, 10px);
   border: 1px solid var(--border-strong);
   background: var(--bg-surface-hover);
   color: var(--text-chat, var(--text-main, #f8fafc));
@@ -412,7 +412,7 @@
   justify-content: space-between;
   align-items: center;
   padding: 9px 14px;
-  border-radius: 12px;
+  border-radius: var(--radius-md, 10px);
   background: var(--bg-surface-soft);
   border: 1px solid var(--border-subtle);
   font-size: 0.82rem;
@@ -428,7 +428,7 @@
   color: var(--interactive-fg);
   background: color-mix(in srgb, var(--accent, #38bdf8) 12%, transparent);
   padding: 3px 10px;
-  border-radius: 8px;
+  border-radius: var(--radius-sm, 8px);
 }
 
 .chat-ui-mockup-options {
@@ -442,7 +442,7 @@
   justify-content: space-between;
   align-items: center;
   padding: 10px 14px;
-  border-radius: 12px;
+  border-radius: var(--radius-md, 10px);
   background: var(--bg-surface-soft);
   border: 1px solid var(--border-subtle);
   font-size: 0.82rem;