zyflow 0.6.4

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/test-results/.last-run.json

@@ -0,0 +1,4 @@
+{
+  "status": "failed",
+  "failedTests": []
+}

package/tmp/check-docker-final.ts

@@ -0,0 +1,48 @@
+import { chromium } from 'playwright'
+
+async function checkDockerTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    // Go to zyflow flow page
+    await page.goto('http://localhost:5176/flow')
+    await page.waitForLoadState('networkidle')
+    await page.waitForTimeout(1000)
+
+    // Click dev-convert.jayoo.io to activate
+    await page.click('text=dev-convert.jayoo.io')
+    await page.waitForTimeout(2000)
+
+    // Click Docker separation change
+    await page.click('text=프론트엔드-백엔드 Docker 분리')
+    await page.waitForTimeout(2000)
+    await page.screenshot({ path: '/tmp/zyflow-docker-final-1.png', fullPage: true })
+
+    // Click on Tasks tab if not already active
+    const tasksTab = page.locator('text=Tasks').first()
+    if (await tasksTab.isVisible()) {
+      await tasksTab.click()
+      await page.waitForTimeout(1000)
+    }
+
+    await page.screenshot({ path: '/tmp/zyflow-docker-final-2.png', fullPage: true })
+
+    // Get task numbers from the page
+    const pageContent = await page.textContent('body')
+    const taskNumbers = pageContent?.match(/\d+\.\d+\.\d+/g) || []
+    console.log('Found 3-level task numbers:', [...new Set(taskNumbers)].slice(0, 20))
+
+    // Also look for 2-level numbers
+    const twoLevelNumbers = pageContent?.match(/(?<!\d\.)\d+\.\d+(?!\.\d)/g) || []
+    console.log('Found 2-level task numbers:', [...new Set(twoLevelNumbers)].slice(0, 20))
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-docker-error-final.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkDockerTasks()

package/tmp/check-docker-tasks.ts

@@ -0,0 +1,58 @@
+import { chromium } from 'playwright'
+
+async function checkDockerTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    // Go to zyflow and select dev-convert project
+    await page.goto('http://localhost:5176')
+    await page.waitForLoadState('networkidle')
+
+    // Take a screenshot of current state
+    await page.screenshot({ path: '/tmp/zyflow-docker-1.png', fullPage: true })
+
+    // Look for Docker separation change
+    const dockerChange = page.locator('text=프론트엔드-백엔드 Docker 분리').first()
+    if (await dockerChange.isVisible()) {
+      console.log('Found Docker separation change')
+      await dockerChange.click()
+      await page.waitForTimeout(1000)
+      await page.screenshot({ path: '/tmp/zyflow-docker-2.png', fullPage: true })
+    } else {
+      console.log('Docker separation change not visible, checking flow page')
+
+      // Go to flow page
+      await page.goto('http://localhost:5176/flow')
+      await page.waitForLoadState('networkidle')
+      await page.waitForTimeout(2000)
+      await page.screenshot({ path: '/tmp/zyflow-docker-flow.png', fullPage: true })
+
+      // Find the Docker separation project
+      const dockerItem = page.locator('[data-testid*="docker"], :text("Docker")').first()
+      if (await dockerItem.isVisible({ timeout: 3000 }).catch(() => false)) {
+        await dockerItem.click()
+        await page.waitForTimeout(1000)
+      }
+    }
+
+    // Get all task numbers visible on page
+    const taskNumbers = await page.locator('.task-number, [class*="taskNumber"], [class*="task-id"]').allTextContents()
+    console.log('Task numbers found:', taskNumbers)
+
+    // Get all list items that look like tasks
+    const listItems = await page.locator('li, [role="listitem"]').allTextContents()
+    const taskItems = listItems.filter(item => item.includes('[ ]') || item.includes('[x]') || /^\d+\.\d+/.test(item.trim()))
+    console.log('Task items found:', taskItems.slice(0, 20))
+
+    await page.screenshot({ path: '/tmp/zyflow-docker-final.png', fullPage: true })
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-docker-error.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkDockerTasks()

package/tmp/check-docker-tasks2.ts

@@ -0,0 +1,48 @@
+import { chromium } from 'playwright'
+
+async function checkDockerTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    // Go to zyflow flow page
+    await page.goto('http://localhost:5176/flow')
+    await page.waitForLoadState('networkidle')
+    await page.waitForTimeout(1000)
+
+    // Click dev-convert.jayoo.io
+    await page.click('text=dev-convert.jayoo.io')
+    await page.waitForTimeout(1000)
+    await page.screenshot({ path: '/tmp/zyflow-docker-2a.png', fullPage: true })
+
+    // Click Docker separation change
+    const dockerLink = page.locator('text=separate-frontend-backend-docker').first()
+    if (await dockerLink.isVisible({ timeout: 3000 }).catch(() => false)) {
+      await dockerLink.click()
+      await page.waitForTimeout(2000)
+      await page.screenshot({ path: '/tmp/zyflow-docker-2b.png', fullPage: true })
+    } else {
+      console.log('Docker change not found, looking for other patterns')
+      // Try clicking on any visible change
+      const changes = await page.locator('a[href*="separate"], [class*="change"]').all()
+      console.log('Found changes:', changes.length)
+    }
+
+    // Get page content to see task numbers
+    const pageText = await page.textContent('body')
+
+    // Extract task-like patterns
+    const taskPatterns = pageText?.match(/\d+\.\d+(\.\d+)?\s+[^\n]+/g)
+    console.log('Task patterns found:', taskPatterns?.slice(0, 30))
+
+    await page.screenshot({ path: '/tmp/zyflow-docker-final2.png', fullPage: true })
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-docker-error2.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkDockerTasks()

package/tmp/check-docker-tasks3.ts

@@ -0,0 +1,42 @@
+import { chromium } from 'playwright'
+
+async function checkDockerTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    // Go to zyflow flow page
+    await page.goto('http://localhost:5176/flow')
+    await page.waitForLoadState('networkidle')
+    await page.waitForTimeout(1000)
+
+    // Click dev-convert.jayoo.io
+    await page.click('text=dev-convert.jayoo.io')
+    await page.waitForTimeout(1000)
+
+    // Click Docker separation change
+    await page.click('text=프론트엔드-백엔드 Docker 분리 제안서')
+    await page.waitForTimeout(2000)
+    await page.screenshot({ path: '/tmp/zyflow-docker-3a.png', fullPage: true })
+
+    // Look for task numbers in the page
+    const allText = await page.textContent('body')
+
+    // Find patterns like "1.1", "1.2", "2.1" etc.
+    const taskNums = allText?.match(/\b\d+\.\d+\b/g)
+    console.log('Task number patterns:', [...new Set(taskNums || [])].slice(0, 30))
+
+    // Scroll down to see more
+    await page.evaluate(() => window.scrollBy(0, 500))
+    await page.waitForTimeout(500)
+    await page.screenshot({ path: '/tmp/zyflow-docker-3b.png', fullPage: true })
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-docker-error3.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkDockerTasks()

package/tmp/check-mobile-tasks.ts

@@ -0,0 +1,57 @@
+import { chromium } from 'playwright'
+
+async function checkMobileTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    // Go to zyflow flow page
+    await page.goto('http://localhost:5176/flow')
+    await page.waitForLoadState('networkidle')
+    await page.waitForTimeout(1000)
+
+    // Click dev-convert.jayoo.io to activate
+    await page.click('text=dev-convert.jayoo.io')
+    await page.waitForTimeout(2000)
+
+    // Click "모바일 React 앱 추가 제안서"
+    const mobileLink = page.locator('text=모바일 React 앱 추가').first()
+    if (await mobileLink.isVisible({ timeout: 3000 }).catch(() => false)) {
+      await mobileLink.click()
+      await page.waitForTimeout(2000)
+    } else {
+      // Try another pattern
+      await page.click('text=add-mobile-react-app')
+      await page.waitForTimeout(2000)
+    }
+
+    await page.screenshot({ path: '/tmp/zyflow-mobile-1.png', fullPage: true })
+
+    // Click on Tasks tab if visible
+    const tasksTab = page.locator('text=Tasks').first()
+    if (await tasksTab.isVisible()) {
+      await tasksTab.click()
+      await page.waitForTimeout(1000)
+    }
+
+    await page.screenshot({ path: '/tmp/zyflow-mobile-2.png', fullPage: true })
+
+    // Check for task-related text
+    const pageContent = await page.textContent('body')
+    if (pageContent?.includes('task 단계에 태스크가 없습니다')) {
+      console.log('Found: "task 단계에 태스크가 없습니다"')
+    }
+
+    // Look for task numbers
+    const taskNumbers = pageContent?.match(/\d+\.\d+(\.\d+)?/g) || []
+    console.log('Found task numbers:', [...new Set(taskNumbers)].slice(0, 30))
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-mobile-error.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkMobileTasks()

package/tmp/check-zywiki-tasks.ts

@@ -0,0 +1,49 @@
+import { chromium } from 'playwright'
+
+async function checkZywikiTasks() {
+  const browser = await chromium.launch({ headless: true })
+  const page = await browser.newPage()
+
+  try {
+    await page.goto('http://localhost:5176/flow')
+    await page.waitForLoadState('networkidle')
+    await page.waitForTimeout(1000)
+
+    // Click zywiki project
+    await page.click('text=zywiki')
+    await page.waitForTimeout(2000)
+    await page.screenshot({ path: '/tmp/zyflow-zywiki-1.png', fullPage: true })
+
+    // Click ZyWiki RAG integration
+    const ragLink = page.locator('text=ZyWiki RAG').first()
+    if (await ragLink.isVisible({ timeout: 3000 }).catch(() => false)) {
+      await ragLink.click()
+      await page.waitForTimeout(2000)
+    } else {
+      await page.click('text=add-zywiki-rag')
+      await page.waitForTimeout(2000)
+    }
+
+    await page.screenshot({ path: '/tmp/zyflow-zywiki-2.png', fullPage: true })
+
+    // Check page content
+    const pageContent = await page.textContent('body')
+    if (pageContent?.includes('task 단계에 태스크가 없습니다')) {
+      console.log('ERROR: "task 단계에 태스크가 없습니다" found')
+    } else {
+      console.log('OK: Tasks are showing')
+    }
+
+    // Check for task numbers
+    const taskNumbers = pageContent?.match(/\d+\.\d+/g) || []
+    console.log('Task numbers found:', [...new Set(taskNumbers)].slice(0, 20))
+
+  } catch (error) {
+    console.error('Error:', error)
+    await page.screenshot({ path: '/tmp/zyflow-zywiki-error.png', fullPage: true })
+  } finally {
+    await browser.close()
+  }
+}
+
+checkZywikiTasks()

package/tmp/sync-mobile.ts

@@ -0,0 +1,11 @@
+import { syncChangeTasksFromFile } from '../server/sync.js'
+
+async function main() {
+  const changeId = 'add-zywiki-rag-integration'
+
+  console.log(`Syncing ${changeId}...`)
+  const result = await syncChangeTasksFromFile(changeId)
+  console.log(`Sync result: ${result.tasksCreated} created, ${result.tasksUpdated} updated`)
+}
+
+main().catch(console.error)

package/tmp/sync-zywiki.ts

@@ -0,0 +1,68 @@
+import { readFile } from 'fs/promises'
+import { parseTasksFile } from '../server/parser.js'
+import { getSqlite } from '../server/tasks/db/client.js'
+
+async function main() {
+  const changeId = 'add-zywiki-rag-integration'
+  const projectId = 'zywiki'
+  const tasksPath = '/Users/hansoo./ZELLYY/zywiki/openspec/changes/add-zywiki-rag-integration/tasks.md'
+
+  console.log(`Reading ${tasksPath}...`)
+  const content = await readFile(tasksPath, 'utf-8')
+
+  console.log(`Parsing tasks...`)
+  const parsed = parseTasksFile(changeId, content)
+  console.log(`Found ${parsed.groups?.length || 0} groups`)
+
+  const sqlite = getSqlite()
+  const now = Date.now()
+  let created = 0
+  let updated = 0
+
+  for (const group of parsed.groups || []) {
+    const majorOrder = (group as any).majorOrder ?? 1
+    const majorTitle = (group as any).majorTitle ?? group.title
+    const subOrder = (group as any).subOrder ?? 1
+    const groupTitle = group.title
+
+    for (let taskIdx = 0; taskIdx < group.tasks.length; taskIdx++) {
+      const task = group.tasks[taskIdx]
+      const taskOrder = taskIdx + 1
+
+      const existingTask = sqlite.prepare(`
+        SELECT id, status FROM tasks WHERE change_id = ? AND title = ?
+      `).get(changeId, task.title) as { id: number; status: string } | undefined
+
+      const newStatus = task.completed ? 'done' : 'todo'
+
+      if (existingTask) {
+        sqlite.prepare(`
+          UPDATE tasks
+          SET status = ?,
+              group_title = ?,
+              group_order = ?,
+              task_order = ?,
+              major_title = ?,
+              sub_order = ?,
+              updated_at = ?
+          WHERE id = ?
+        `).run(newStatus, groupTitle, majorOrder, taskOrder, majorTitle, subOrder, now, existingTask.id)
+        updated++
+      } else {
+        sqlite.prepare(`
+          INSERT INTO tasks (
+            change_id, stage, title, status, priority, "order",
+            group_title, group_order, task_order, major_title, sub_order,
+            created_at, updated_at
+          )
+          VALUES (?, 'task', ?, ?, 'medium', ?, ?, ?, ?, ?, ?, ?, ?)
+        `).run(changeId, task.title, newStatus, task.lineNumber, groupTitle, majorOrder, taskOrder, majorTitle, subOrder, now, now)
+        created++
+      }
+    }
+  }
+
+  console.log(`[Sync] ${changeId}: ${created} created, ${updated} updated`)
+}
+
+main().catch(console.error)

package/tmp/test-docker-parser.ts

@@ -0,0 +1,15 @@
+import { readFile } from 'fs/promises'
+import { parseTasksFile } from '../server/parser.js'
+
+async function main() {
+  const content = await readFile(
+    '/Users/hansoo./JAYOO/dev-convert.jayoo.io/openspec/changes/separate-frontend-backend-docker/tasks.md',
+    'utf-8'
+  )
+  const result = parseTasksFile('separate-frontend-backend-docker', content)
+
+  console.log('Result type:', typeof result)
+  console.log('Result:', JSON.stringify(result, null, 2).slice(0, 2000))
+}
+
+main().catch(console.error)

package/tmp/test-mobile-parser.ts

@@ -0,0 +1,28 @@
+import { readFile } from 'fs/promises'
+import { parseTasksFile } from '../server/parser.js'
+
+async function main() {
+  const content = await readFile(
+    '/Users/hansoo./JAYOO/dev-convert.jayoo.io/openspec/changes/add-mobile-react-app/tasks.md',
+    'utf-8'
+  )
+  const result = parseTasksFile('add-mobile-react-app', content)
+
+  console.log('Result type:', typeof result)
+  console.log('Groups count:', result.groups?.length || 0)
+  console.log('Total tasks:', result.groups?.reduce((acc, g) => acc + (g.tasks?.length || 0), 0) || 0)
+
+  // Show first few groups
+  if (result.groups) {
+    result.groups.slice(0, 3).forEach((g, i) => {
+      console.log(`\nGroup ${i + 1}:`, g.title)
+      console.log('  Subsections:', g.subsections?.map(s => s.title))
+      console.log('  Tasks count:', g.tasks?.length || 0)
+      if (g.tasks?.length) {
+        console.log('  First tasks:', g.tasks.slice(0, 3).map(t => t.number + ' ' + t.title))
+      }
+    })
+  }
+}
+
+main().catch(console.error)

package/tmp/test-parser.ts

@@ -0,0 +1,27 @@
+import { parseTasksFile } from '../server/parser.js'
+
+const contentWithoutNumbers = `# Test Tasks
+
+## 1. 프로젝트 설정
+
+- [ ] lancedb 패키지 설치
+- [ ] 디렉토리 구조 생성
+- [ ] 환경 변수 설정
+
+## 2. 임베딩 구현
+
+- [ ] client.ts 생성
+- [ ] 배치 지원
+`
+
+const result = parseTasksFile('test', contentWithoutNumbers)
+console.log('Groups:', result.groups.length)
+for (const group of result.groups) {
+  console.log(`\nGroup: ${group.title}`)
+  console.log(`  majorOrder: ${(group as any).majorOrder}`)
+  console.log(`  subOrder: ${(group as any).subOrder}`)
+  console.log(`  Tasks: ${group.tasks.length}`)
+  for (const task of group.tasks) {
+    console.log(`    - ${task.title} (line ${task.lineNumber})`)
+  }
+}

package/tmp/test-unnumbered.ts

@@ -0,0 +1,35 @@
+import { parseTasksFile } from '../server/parser.js'
+
+// 원래 zywiki tasks.md처럼 번호 없는 형태
+const originalZywikiTasks = `# ZyWiki RAG 태스크
+
+## 1. 프로젝트 설정
+
+- [ ] lancedb 패키지 설치
+- [ ] lib/rag, lib/embedding, lib/vectordb 디렉토리 구조 생성
+- [ ] 환경 변수 설정 (EMBEDDING_URL, RERANKER_URL)
+
+## 2. 임베딩 클라이언트 구현
+
+- [ ] lib/embedding/client.ts 생성 (z1 서버 연동)
+- [ ] 배치 임베딩 지원 (여러 텍스트 한번에)
+- [ ] 에러 핸들링 및 재시도 로직
+- [ ] 연결 테스트 함수
+
+## 3. 벡터 DB 구현
+
+- [ ] lib/vectordb/lancedb.ts 생성
+- [ ] 테이블 스키마 정의 (file_path, section, content, vector)
+`
+
+const result = parseTasksFile('add-zywiki-rag-integration', originalZywikiTasks)
+
+console.log('Parsed groups:', result.groups.length)
+for (const group of result.groups) {
+  const g = group as any
+  console.log(`\n## Group: ${group.title}`)
+  console.log(`   majorOrder=${g.majorOrder}, subOrder=${g.subOrder}`)
+  group.tasks.forEach((t, i) => {
+    console.log(`   ${g.majorOrder}.${i+1} ${t.title}`)
+  })
+}