@sylphx/flow 3.13.2 → 3.14.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @sylphx/flow
 
+## 3.14.0 (2026-02-04)
+
+### ✨ Features
+
+- **builder:** expand tech stack with modern React libraries ([af758b0](https://github.com/SylphxAI/flow/commit/af758b0847f450349a192385ccc2d466e0ce1a7f))
+
+### 🐛 Bug Fixes
+
+- **builder:** use Pragmatic Drag and Drop over dnd-kit ([75db518](https://github.com/SylphxAI/flow/commit/75db518f392ebebce65fa59739be03a983a0ed95))
+
+### ♻️ Refactoring
+
+- **builder:** consolidate tech stack to single best choice per category ([b149175](https://github.com/SylphxAI/flow/commit/b149175889c7838bf8f0a56459c0bd9ca811d01f))
+- **builder:** replace Radix UI with Base UI in tech stack ([a4e81df](https://github.com/SylphxAI/flow/commit/a4e81dfcd382030e99c49fe60082aafe033e3981))
+
+## 3.13.4 (2026-02-04)
+
+### ♻️ Refactoring
+
+- **builder:** replace Radix UI with Base UI in tech stack ([a4e81df](https://github.com/SylphxAI/flow/commit/a4e81dfcd382030e99c49fe60082aafe033e3981))
+
+## 3.13.3 (2026-02-04)
+
+### ♻️ Refactoring
+
+- **builder:** replace Radix UI with Base UI in tech stack ([a4e81df](https://github.com/SylphxAI/flow/commit/a4e81dfcd382030e99c49fe60082aafe033e3981))
+
 ## 3.13.2 (2026-02-04)
 
 ### ♻️ Refactoring

package/assets/agents/builder.md

@@ -50,7 +50,15 @@ State-of-the-art industrial standard. Every time. Would you stake your reputatio
 
 **Database & Infrastructure:** Neon PostgreSQL, Upstash Workflow, Vercel, Vercel Blob, Modal (serverless long-running)
 
-**UI & Styling:** Radix UI, Tailwind CSS v4 (CSS-first), Motion v12 (animation)
+**UI & Styling:** Base UI, Tailwind CSS v4 (CSS-first), Motion v12 (animation)
+
+**Forms:** React Hook Form + Zod
+
+**Tables & Lists:** TanStack Table, TanStack Virtual
+
+**Interactions:** Pragmatic Drag and Drop, Tiptap (rich text), react-day-picker (date), Sonner (toast)
+
+**File Upload:** Uppy
 
 **AI:** AI SDK v6+
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sylphx/flow",
-	"version": "3.13.2",
+	"version": "3.14.0",
 	"description": "One CLI to rule them all. Unified orchestration layer for AI coding assistants. Auto-detection, auto-installation, auto-upgrade.",
 	"type": "module",
 	"bin": {

package/src/core/template-loader.ts

@@ -114,10 +114,14 @@ export class TemplateLoader {
         const domainPath = path.join(skillsDir, domain);
         const stat = await fs.stat(domainPath);
 
-        if (!stat.isDirectory()) return null;
+        if (!stat.isDirectory()) {
+          return null;
+        }
 
         const skillFile = path.join(domainPath, 'SKILL.md');
-        if (!existsSync(skillFile)) return null;
+        if (!existsSync(skillFile)) {
+          return null;
+        }
 
         const content = await fs.readFile(skillFile, 'utf-8');
         return { name: `${domain}/SKILL.md`, content };
@@ -155,7 +159,9 @@ export class TemplateLoader {
         const filePath = path.join(singleFilesDir, entry);
         const stat = await fs.stat(filePath);
 
-        if (!stat.isFile()) return null;
+        if (!stat.isFile()) {
+          return null;
+        }
 
         const content = await fs.readFile(filePath, 'utf-8');
         return { path: entry, content };

package/src/index.ts

@@ -5,6 +5,8 @@
  */
 
 import { Command } from 'commander';
+// @ts-expect-error - Bun resolves JSON imports
+import pkg from '../package.json';
 import { executeFlow } from './commands/flow/execute-v2.js';
 import {
   doctorCommand,
@@ -17,8 +19,6 @@ import {
 import { hookCommand } from './commands/hook-command.js';
 import { settingsCommand } from './commands/settings-command.js';
 import { UserCancelledError } from './utils/errors.js';
-// @ts-expect-error - Bun resolves JSON imports
-import pkg from '../package.json';
 
 const VERSION = pkg.version;
 

package/src/services/auto-upgrade.ts

@@ -79,7 +79,9 @@ export class AutoUpgrade {
   private async shouldCheck(intervalMs: number): Promise<boolean> {
     try {
       const info = await this.readVersionInfo();
-      if (!info?.lastCheckTime) return true;
+      if (!info?.lastCheckTime) {
+        return true;
+      }
       return Date.now() - info.lastCheckTime >= intervalMs;
     } catch {
       return true;
@@ -111,7 +113,9 @@ export class AutoUpgrade {
       lastCheckTime: Date.now(),
     });
 
-    if (!latestVersion) return;
+    if (!latestVersion) {
+      return;
+    }
 
     // Upgrade if newer version available
     if (latestVersion !== currentVersion) {
@@ -152,9 +156,15 @@ export class AutoUpgrade {
       const { stdout } = await execAsync('which flow || where flow');
       const flowPath = stdout.trim().toLowerCase();
 
-      if (flowPath.includes('bun')) return 'bun';
-      if (flowPath.includes('pnpm')) return 'pnpm';
-      if (flowPath.includes('yarn')) return 'yarn';
+      if (flowPath.includes('bun')) {
+        return 'bun';
+      }
+      if (flowPath.includes('pnpm')) {
+        return 'pnpm';
+      }
+      if (flowPath.includes('yarn')) {
+        return 'yarn';
+      }
     } catch {
       // Fall through
     }

package/src/utils/config/target-utils.ts

@@ -1,8 +1,8 @@
 import fs from 'node:fs/promises';
 import path from 'node:path';
 import { parse as parseYaml, stringify as stringifyYaml } from 'yaml';
-import type { MCPServerConfigUnion, TargetConfig } from '../../types.js';
 import type { FrontMatterMetadata } from '../../types/target-config.types.js';
+import type { MCPServerConfigUnion, TargetConfig } from '../../types.js';
 import { readJSONCFile, writeJSONCFile } from '../files/jsonc.js';
 import { pathSecurity, sanitize } from '../security/security.js';
 
@@ -95,7 +95,9 @@ export const fileUtils = {
  * YAML utilities for targets
  */
 export const yamlUtils = {
-  async extractFrontMatter(content: string): Promise<{ metadata: FrontMatterMetadata; content: string }> {
+  async extractFrontMatter(
+    content: string
+  ): Promise<{ metadata: FrontMatterMetadata; content: string }> {
     const yamlRegex = /^---\s*\n([\s\S]*?)\n---\s*\n([\s\S]*)$/;
     const match = content.match(yamlRegex);
 
@@ -140,7 +142,10 @@ export const yamlUtils = {
     return yamlRegex.test(content);
   },
 
-  async ensureFrontMatter(content: string, defaultMetadata: FrontMatterMetadata = {}): Promise<string> {
+  async ensureFrontMatter(
+    content: string,
+    defaultMetadata: FrontMatterMetadata = {}
+  ): Promise<string> {
     if (yamlUtils.hasValidFrontMatter(content)) {
       return content;
     }
@@ -161,7 +166,10 @@ export const yamlUtils = {
     return metadata || {};
   },
 
-  async updateAgentMetadata(content: string, updates: Partial<FrontMatterMetadata>): Promise<string> {
+  async updateAgentMetadata(
+    content: string,
+    updates: Partial<FrontMatterMetadata>
+  ): Promise<string> {
     const { metadata: existingMetadata, content: baseContent } =
       await yamlUtils.extractFrontMatter(content);
     const updatedMetadata = { ...existingMetadata, ...updates };