entari-plugin-hyw 4.0.0rc7__py3-none-any.whl → 4.0.0rc8__py3-none-any.whl

entari_plugin_hyw/card-ui/src/components/StageCard.vue

@@ -1,240 +0,0 @@
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { Icon } from '@iconify/vue'
-import type { Stage } from '../types'
-
-const props = defineProps<{
-  stage: Stage
-  isFirst?: boolean
-  isLast?: boolean
-  prevStageName?: string
-  refOffset?: number
-  hideRefs?: boolean
-}>()
-
-const failedImages = ref<Record<string, boolean>>({})
-const imageHeights = ref<Record<string, number>>({})
-
-function handleImageError(url: string) {
-  failedImages.value[url] = true
-}
-
-function handleImageLoad(url: string, event: Event) {
-  const img = event.target as HTMLImageElement
-  if (img.naturalWidth && img.naturalHeight) {
-    // Store aspect ratio as height per unit width
-    imageHeights.value[url] = img.naturalHeight / img.naturalWidth
-  }
-}
-
-// Compute two columns for masonry layout
-const imageColumns = computed(() => {
-  const images = props.stage.image_references || []
-  const leftColumn: typeof images = []
-  const rightColumn: typeof images = []
-  let leftHeight = 0
-  let rightHeight = 0
-
-  for (const img of images) {
-    if (failedImages.value[img.url]) continue
-    
-    // Get aspect ratio (default to 1 if not loaded yet)
-    const aspectRatio = imageHeights.value[img.url] || 1
-    
-    // Add to shorter column
-    if (leftHeight <= rightHeight) {
-      leftColumn.push(img)
-      leftHeight += aspectRatio
-    } else {
-      rightColumn.push(img)
-      rightHeight += aspectRatio
-    }
-  }
-
-  return { leftColumn, rightColumn }
-})
-
-
-
-
-
-function getDomain(url: string): string {
-  try {
-    const urlObj = new URL(url)
-    const hostname = urlObj.hostname.replace('www.', '')
-    const pathname = urlObj.pathname === '/' ? '' : urlObj.pathname
-    return hostname + pathname
-  } catch {
-    return url
-  }
-}
-
-function getFavicon(url: string): string {
-  const domain = getDomain(url)
-  return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`
-}
-
-function formatTime(seconds: number): string {
-  return `${seconds.toFixed(2)}s`
-}
-
-function formatCost(dollars: number): string {
-  return dollars > 0 ? `$${dollars.toFixed(6)}` : '$0'
-}
-
-function getModelShort(model: string): string {
-  const short = model.includes('/') ? model.split('/').pop() || model : model
-  return short.length > 25 ? short.slice(0, 23) + '…' : short
-}
-
-function getStageTheme(name?: string) {
-  if (!name) return themes['default']
-  const key = name.toLowerCase()
-  
-  if (key.includes('search')) return themes['search']
-  if (key.includes('crawl') || key.includes('page')) return themes['crawler']
-  if (key.includes('agent')) return themes['agent']
-  if (key.includes('instruct')) return themes['instruct']
-  if (key.includes('vision')) return themes['vision']
-  
-  return themes['default']
-}
-
-const themes: Record<string, any> = {
-  'search': { color: 'text-blue-600', bg: 'bg-blue-50', iconBg: 'bg-blue-100/50', icon: 'mdi:magnify' },
-  'crawler': { color: 'text-orange-600', bg: 'bg-orange-50', iconBg: 'bg-orange-100/50', icon: 'mdi:web' },
-  'agent': { color: 'text-purple-600', bg: 'bg-purple-50', iconBg: 'bg-white/80', icon: 'mdi:robot' },
-  'instruct': { color: 'text-red-600', bg: 'bg-red-50', iconBg: 'bg-white/80', icon: 'mdi:lightning-bolt' },
-  'vision': { color: 'text-purple-600', bg: 'bg-purple-50', iconBg: 'bg-white/80', icon: 'mdi:eye' },
-  'default': { color: 'text-gray-600', bg: 'bg-gray-50', iconBg: 'bg-gray-100/50', icon: 'mdi:circle' }
-}
-
-function getIcon(name: string): string {
-  const key = name.toLowerCase()
-  if (key.includes('search')) return 'mdi:magnify'
-  if (key.includes('crawl') || key.includes('page')) return 'mdi:web'
-  if (key.includes('agent')) return 'mdi:robot'
-  if (key.includes('instruct')) return 'mdi:lightning-bolt'
-  if (key.includes('vision')) return 'mdi:eye'
-  return 'mdi:circle'
-}
-
-function getModelLogo(model: string): string | undefined {
-  if (!model) return undefined
-  const m = model.toLowerCase()
-  if (m.includes('openai') || m.includes('gpt')) return 'logos/openai.svg'
-  if (m.includes('claude') || m.includes('anthropic')) return 'logos/anthropic.svg'
-  if (m.includes('gemini') || m.includes('google')) return 'logos/google.svg'
-  if (m.includes('deepseek')) return 'logos/deepseek.png'
-  if (m.includes('huggingface')) return 'logos/huggingface.png'
-  if (m.includes('mistral')) return 'logos/mistral.png'
-  if (m.includes('perplexity')) return 'logos/perplexity.svg'
-  if (m.includes('cerebras')) return 'logos/cerebras.svg'
-  if (m.includes('grok')) return 'logos/grok.png'
-  if (m.includes('qwen')) return 'logos/qwen.png'
-  if (m.includes('minimax')) return 'logos/minimax.png'
-  if (m.includes('nvidia') || m.includes('nvida')) return 'logos/nvida.png'
-  if (m.includes('azure') || m.includes('microsoft')) return 'logos/microsoft.svg'
-  if (m.includes('xai')) return 'logos/xai.png'
-  if (m.includes('xiaomi')) return 'logos/xiaomi.png'
-  if (m.includes('zai')) return 'logos/zai.png'
-  return undefined
-}
-</script>
-
-<template>
-  <div class="relative">
-    <!-- Content -->
-    <div class="flex-1 min-w-0 pl-2">
-        <div class="rounded-none overflow-hidden bg-white">
-        
-          <!-- Header -->
-          <div :class="['bg-white px-4 py-2.5 flex items-center justify-between gap-3']">
-            <div class="flex items-center gap-3">
-              <div :class="['w-8 h-8 flex items-center justify-center shrink-0 overflow-hidden border border-gray-100', getStageTheme(stage.name).iconBg, getStageTheme(stage.name).color]">
-                <img v-if="getModelLogo(stage.model)" :src="getModelLogo(stage.model)" class="w-5 h-5 object-contain" />
-                <Icon v-else :icon="getIcon(stage.name)" class="text-lg" />
-              </div>
-              <div class="flex flex-col">
-                <span class="font-black text-[18px] text-gray-800 uppercase tracking-tight">{{ stage.name }}</span>
-                <span class="text-[15.5px] font-mono tabular-nums tracking-tighter" style="color: var(--text-muted)">{{ getModelShort(stage.model) }}</span>
-              </div>
-            </div>
-            <div v-if="stage.time > 0 || stage.cost > 0" class="text-[15.5px] font-mono flex items-center justify-end gap-2 leading-tight min-w-[120px]" style="color: var(--text-muted)">
-              <span v-if="stage.cost > 0">{{ formatCost(stage.cost) }}</span>
-              <span v-if="stage.time > 0 && stage.cost > 0" class="text-gray-300">·</span>
-              <span v-if="stage.time > 0">{{ formatTime(stage.time) }}</span>
-            </div>
-          </div>
-
-
-          <div v-if="stage.description" class="px-5 py-3 text-[14.5px] text-gray-600 bg-gray-50/40 border-y border-gray-100 italic leading-relaxed font-sans">
-             <span class="mr-1 text-[var(--theme-color)] not-italic opacity-50">✦</span> {{ stage.description }}
-          </div>
-
-          <div v-if="stage.references?.length || stage.image_references?.length || stage.crawled_pages?.length || stage.tasks?.length" class="bg-white pl-11 relative">
-            
-            <!-- Tasks List -->
-            <div v-if="stage.tasks?.length" class="pr-3 py-3 relative z-10 border-b border-gray-50 last:border-0">
-                <div v-for="(task, idx) in stage.tasks" :key="idx" class="flex items-start gap-2.5 mb-2 last:mb-0">
-                    <div class="w-4 h-4 rounded-full border border-[var(--theme-color)] flex items-center justify-center shrink-0 mt-0.5 bg-[var(--theme-color)]/10">
-                         <Icon icon="mdi:check" class="text-[10px] text-[var(--theme-color)]" />
-                    </div>
-                    <span class="text-[15px] text-gray-700 font-medium leading-tight select-text">{{ task }}</span>
-                </div>
-            </div>
-
-            <!-- Image Search Results - True Masonry Layout -->
-            <div v-if="stage.image_references?.length && !hideRefs" class="pr-3 py-3 relative z-10">
-              <div class="flex gap-2">
-                <!-- Left Column -->
-                <div class="flex-1 flex flex-col gap-2">
-                  <a v-for="(img, idx) in imageColumns.leftColumn" :key="`left-${img.url}-${idx}`" 
-                     :href="img.url" target="_blank" 
-                     class="relative overflow-hidden transition-all hover:opacity-90 group block">
-                    <img :src="img.thumbnail || img.url" 
-                         @load="handleImageLoad(img.url, $event)"
-                         @error="handleImageError(img.url)"
-                         class="w-full h-auto block group-hover:scale-[1.02] transition-transform">
-                  </a>
-                </div>
-                <!-- Right Column -->
-                <div class="flex-1 flex flex-col gap-2">
-                  <a v-for="(img, idx) in imageColumns.rightColumn" :key="`right-${img.url}-${idx}`" 
-                     :href="img.url" target="_blank" 
-                     class="relative overflow-hidden transition-all hover:opacity-90 group block">
-                    <img :src="img.thumbnail || img.url" 
-                         @load="handleImageLoad(img.url, $event)"
-                         @error="handleImageError(img.url)"
-                         class="w-full h-auto block group-hover:scale-[1.02] transition-transform">
-                  </a>
-                </div>
-              </div>
-            </div>
-
-            <div v-if="stage.crawled_pages?.length && !hideRefs" class="divide-y divide-gray-50 relative z-10">
-                <div v-for="(page, idx) in stage.crawled_pages" :key="idx" class="pr-3 py-3 hover:bg-gray-50 transition-colors group">
-                  <!-- Header Row: Title & Link -->
-                  <a :href="page.url" target="_blank" class="flex items-start gap-3 block">
-                    <img :src="getFavicon(page.url)" class="w-4 h-4 rounded-none shrink-0 object-contain mt-[4px]">
-                    <div class="flex-1 min-w-0 flex flex-col">
-                      <div class="flex items-center gap-2">
-                        <span class="flex-1 text-[18px] font-bold text-gray-700 truncate leading-tight tracking-tight group-hover:text-[var(--theme-color)] transition-colors">{{ page.title }}</span>
-                        <!-- Square Badge with Shadow -->
-                        <span class="shrink-0 w-[18px] h-[18px] text-[11px] font-bold flex items-center justify-center" style="background-color: var(--theme-color); color: var(--header-text-color); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15)">{{ (refOffset || 0) + (stage.references?.length || 0) + idx + 1 }}</span>
-                      </div>
-                      <div class="text-[15.5px] font-mono truncate mt-0.5 tracking-tighter" style="color: var(--text-muted)">{{ getDomain(page.url) }}</div>
-                    </div>
-                  </a>
-                  
-                  <!-- Description Sub-container -->
-                  <div v-if="page.description" class="ml-7 mt-2.5 p-3 bg-gray-100/80 text-[14px] text-gray-600 leading-snug font-sans border-l-[3px] border-[var(--theme-color)] rounded-r-sm">
-                      {{ page.description }}
-                  </div>
-                </div>
-            </div>
-          </div>
-        </div>
-    </div>
-  </div>
-</template>

entari_plugin_hyw/card-ui/src/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')

entari_plugin_hyw/card-ui/src/style.css

@@ -1,29 +0,0 @@
-@import "tailwindcss";
-@plugin "daisyui";
-@plugin "@tailwindcss/typography";
-
-/* Custom styles */
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-/* Premium reading color scheme - applies to all prose elements */
-.prose {
-  color: var(--text-body, #3a3a3c) !important;
-}
-
-.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
-  color: var(--text-primary, #2c2c2e) !important;
-}
-
-.prose p, .prose li, .prose td, .prose th {
-  color: var(--text-body, #3a3a3c) !important;
-}
-
-.prose strong, .prose b {
-  color: var(--text-primary, #2c2c2e) !important;
-}
-
-.prose code {
-  color: var(--text-body, #3a3a3c) !important;
-}

entari_plugin_hyw/card-ui/src/test_regex.js

@@ -1,103 +0,0 @@
-
-const stripPrefixBeforeH1 = (text) => {
-    const h1Match = text.match(/^#\s+/m)
-    if (h1Match && h1Match.index !== undefined) {
-        return text.substring(h1Match.index)
-    }
-    return text
-}
-
-const dedent = (text) => {
-    const lines = text.split('\n')
-    // Find minimum indentation of non-empty lines
-    let minIndent = Infinity
-    for (const line of lines) {
-        if (line.trim().length === 0) continue
-        const leadingSpace = line.match(/^\s*/)?.[0].length || 0
-        if (leadingSpace < minIndent) minIndent = leadingSpace
-    }
-
-    if (minIndent === Infinity || minIndent === 0) return text
-
-    return lines.map(line => {
-        if (line.trim().length === 0) return ''
-        return line.substring(minIndent)
-    }).join('\n')
-}
-
-const parse = (rawMd) => {
-    if (!rawMd) return []
-
-    const md = stripPrefixBeforeH1(rawMd)
-
-    let content = md.replace(/^#\s+.+$/m, '')
-    content = content.replace(/(?:^|\n)\s*(?:#{1,3}|\*\*)\s*(?:References|Citations|Sources)[\s\S]*$/i, '')
-    content = content.trim()
-
-    const sections = []
-
-    const combinedRegex = /(```[\s\S]*?```|((?:^|\n)\|[^\n]*\|(?:\n\|[^\n]*\|)*)|<summary>[\s\S]*?<\/summary>)/
-
-    let remaining = content
-
-    while (remaining) {
-        const match = remaining.match(combinedRegex)
-        if (!match) {
-            if (remaining.trim()) {
-                sections.push({ type: 'markdown', content: remaining.trim() })
-            }
-            break
-        }
-
-        const index = match.index
-        const matchedStr = match[0]
-        const preText = remaining.substring(0, index)
-
-        if (preText.trim()) {
-            sections.push({ type: 'markdown', content: preText.trim() })
-        }
-
-        const isCode = matchedStr.startsWith('```')
-        const isSummary = matchedStr.startsWith('<summary>')
-        const isTable = !isCode && !isSummary && matchedStr.trim().startsWith('|')
-
-        if (isCode || isTable || isSummary) {
-            let language = ''
-            let content = matchedStr.trim()
-
-            if (isCode) {
-                const match = matchedStr.match(/^```(\w+)/)
-                if (match && match[1]) language = match[1]
-            } else if (isSummary) {
-                content = content.replace(/^<summary>/, '').replace(/<\/summary>$/, '')
-                content = dedent(content)
-            }
-
-            sections.push({
-                type: 'card',
-                title: isCode ? 'Code' : (isSummary ? 'Summary' : 'Table'),
-                content: content,
-                contentType: isCode ? 'code' : (isSummary ? 'summary' : 'table'),
-                language: language
-            })
-        } else {
-            sections.push({ type: 'markdown', content: matchedStr })
-        }
-
-        remaining = remaining.substring(index + matchedStr.length)
-    }
-
-    return sections
-}
-
-const test1 = `
-# Title
-
-<summary>
-    Indented text.
-    It might become code block.
-</summary>
-`
-
-console.log("\n--- Test 2 (After Fix) ---")
-console.log(JSON.stringify(parse(test1), null, 2))

entari_plugin_hyw/card-ui/src/types.ts

@@ -1,61 +0,0 @@
-// Type definitions for render data
-// Python only passes raw data, all processing happens in frontend
-
-export interface Stage {
-    name: string
-    model: string
-    provider: string
-    icon_name?: string  // Icon identifier (e.g., "google", "openai")
-    icon_config?: string // Config key for icon (e.g. "openai")
-    time: number        // Time in seconds (raw number)
-    cost: number        // Cost in dollars (raw number)
-    usage?: any         // Token usage stats
-    references?: Reference[]
-    image_references?: ImageReference[]
-    crawled_pages?: CrawledPage[]
-    description?: string // Brief intro or thought for this stage
-    tasks?: string[]
-}
-
-export interface Reference {
-    title: string
-    url: string
-    is_fetched?: boolean
-    snippet?: string
-    type?: string
-    images?: string[]  // Extracted images (base64)
-}
-
-export interface ImageReference {
-    title: string
-    url: string
-    thumbnail?: string
-}
-
-export interface CrawledPage {
-    title: string
-    url: string
-    description?: string
-}
-
-export interface Stats {
-    total_time?: number
-    vision_duration?: number
-}
-
-export interface Flags {
-    has_vision: boolean
-    has_search: boolean
-}
-
-// Raw data from Python - minimal processing
-export interface RenderData {
-    markdown: string          // Raw markdown content
-    stages: Stage[]
-    references: Reference[]   // All references for citation
-    page_references: Reference[]
-    image_references: ImageReference[]
-    stats: Stats
-    total_time: number
-    theme_color?: string      // Configurable theme color (hex)
-}

entari_plugin_hyw/card-ui/tsconfig.app.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"],
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

entari_plugin_hyw/card-ui/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

entari_plugin_hyw/card-ui/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

entari_plugin_hyw/card-ui/vite.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import tailwindcss from '@tailwindcss/vite'
-import { viteSingleFile } from 'vite-plugin-singlefile'
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    tailwindcss(),
-    viteSingleFile(),
-  ],
-  build: {
-    outDir: '../assets/card-dist',
-    emptyOutDir: true,
-  },
-})