@assistkick/create 1.31.0 → 1.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistkick/create",
-  "version": "1.31.0",
+  "version": "1.33.0",
   "description": "Scaffold assistkick-product-system into any project",
   "type": "module",
   "bin": {

package/templates/assistkick-product-system/package.json

@@ -17,7 +17,9 @@
     "remotion:render": "pnpm --filter @assistkick/video render"
   },
   "pnpm": {
-    "onlyBuiltDependencies": ["esbuild", "node-pty", "isolated-vm"]
+    "onlyBuiltDependencies": [
+      "onnxruntime-node"
+    ]
   },
   "devDependencies": {
     "@libsql/client": "^0.17.0",

package/templates/assistkick-product-system/packages/frontend/src/components/GraphLegend.tsx

@@ -1,5 +1,5 @@
-import React, { useState, useCallback } from 'react';
-import { NODE_COLORS, EDGE_COLORS, EDGE_LABELS, LEGEND_LABELS, NODE_SHAPES, nodeShapePath } from '../constants/graph';
+import React, { useState, useCallback, useEffect } from 'react';
+import { NODE_COLORS, EDGE_COLORS, EDGE_LABELS, LEGEND_LABELS, NODE_SHAPES, nodeShapePath, DEFAULT_HIDDEN_TYPES } from '../constants/graph';
 
 interface GraphLegendProps {
   visible: boolean;
@@ -8,12 +8,19 @@ interface GraphLegendProps {
 }
 
 export function GraphLegend({ visible, onTypeToggle, onSearchChange }: GraphLegendProps) {
-  const [hiddenTypes, setHiddenTypes] = useState<Set<string>>(new Set());
+  const [hiddenTypes, setHiddenTypes] = useState<Set<string>>(() => new Set(DEFAULT_HIDDEN_TYPES));
   const [edgesCollapsed, setEdgesCollapsed] = useState(() => {
     const stored = localStorage.getItem('legend-edges-collapsed');
     return stored === null ? true : stored === 'true';
   });
 
+  // Apply default hidden types on mount
+  useEffect(() => {
+    if (hiddenTypes.size > 0) {
+      onTypeToggle(hiddenTypes);
+    }
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   const handleTypeClick = useCallback((type: string) => {
     setHiddenTypes(prev => {
       const next = new Set(prev);

package/templates/assistkick-product-system/packages/frontend/src/constants/graph.ts

@@ -16,6 +16,7 @@ export const NODE_COLORS: Record<string, string> = {
   flow: '#66d9e8',
   assumption: '#adb5bd',
   open_question: '#ffe066',
+  note: '#a9e34b',
 };
 
 export const EDGE_LABELS: Record<string, string> = {
@@ -60,6 +61,7 @@ export const TYPE_LABELS: Record<string, string> = {
   flow: 'FLOW',
   assumption: 'ASMP',
   open_question: 'OQ',
+  note: 'NOTE',
 };
 
 export const LEGEND_LABELS: Record<string, string> = {
@@ -76,6 +78,7 @@ export const LEGEND_LABELS: Record<string, string> = {
   flow: 'Flow',
   assumption: 'Assumption',
   open_question: 'Open Question',
+  note: 'Note',
 };
 
 export const NODE_SHAPES: Record<string, string> = {
@@ -92,6 +95,7 @@ export const NODE_SHAPES: Record<string, string> = {
   flow: 'arrow',
   assumption: 'triangle-down',
   open_question: 'octagon',
+  note: 'circle',
 };
 
 export const nodeShapePath = (shape: string, r: number): string => {
@@ -174,9 +178,12 @@ export const nodeShapePath = (shape: string, r: number): string => {
 export const ALL_NODE_TYPES = [
   'feature', 'epic', 'component', 'data_entity', 'decision', 'tech_choice',
   'non_functional_requirement', 'design_token', 'design_pattern',
-  'user_role', 'flow', 'assumption', 'open_question',
+  'user_role', 'flow', 'assumption', 'open_question', 'note',
 ];
 
+/** Node types hidden by default in graph visualization. */
+export const DEFAULT_HIDDEN_TYPES = new Set(['note']);
+
 export const COLUMNS = [
   { id: 'backlog', label: 'Backlog' },
   { id: 'todo', label: 'Todo' },

package/templates/assistkick-product-system/packages/shared/db/migrate.ts

@@ -14,7 +14,7 @@ import { migrate } from 'drizzle-orm/libsql/migrator';
 import { drizzle } from 'drizzle-orm/libsql';
 import { createClient } from '@libsql/client';
 import { getTableColumns, getTableName } from 'drizzle-orm';
-import { existsSync, mkdirSync } from 'node:fs';
+import { existsSync, mkdirSync, readFileSync } from 'node:fs';
 import { join } from 'node:path';
 import * as schema from './schema.js';
 
@@ -108,6 +108,164 @@ async function syncColumns() {
   return added;
 }
 
+/**
+ * Read a SKILL.md file from the skills directory.
+ * Returns the content or a placeholder if the file is not found.
+ */
+function readSkillContent(skillsDir: string, skillFolder: string): string {
+  const skillPath = join(skillsDir, skillFolder, 'SKILL.md');
+  if (existsSync(skillPath)) {
+    return readFileSync(skillPath, 'utf-8');
+  }
+  return `Placeholder — SKILL.md not found for ${skillFolder}`;
+}
+
+/**
+ * Escape single quotes for SQLite string literals.
+ */
+function sqlEscape(value: string): string {
+  return value.replace(/'/g, "''");
+}
+
+/**
+ * Seed default agents and workflows if they don't already exist.
+ * Uses INSERT OR IGNORE so existing rows are never overwritten.
+ */
+async function seedDefaults() {
+  const skillsDir = join(import.meta.dirname, '..', '..', '..', '..', '.claude', 'skills');
+  const now = new Date().toISOString();
+
+  const defaultAgents = [
+    { id: '7f83eec8-e762-46eb-9459-9f31096d5faf', name: 'Default Developer', skill: 'assistkick-developer' },
+    { id: 'cc66d167-b1aa-40c0-9b19-c683c432ffa4', name: 'Default Reviewer', skill: 'assistkick-code-reviewer' },
+    { id: '055ed5fa-83bd-42c1-a913-7a0ea7540f0f', name: 'Default Debugger', skill: 'assistkick-debugger' },
+    { id: 'a1b2c3d4-e5f6-7890-abcd-ef1234567890', name: 'Default Video Script Writer', skill: 'assistkick-video-script-writer' },
+    { id: 'b2c3d4e5-f6a7-8901-bcde-f12345678901', name: 'Default Video Composition Agent', skill: 'assistkick-video-composition-agent' },
+  ];
+
+  let seeded = 0;
+
+  for (const agent of defaultAgents) {
+    const grounding = readSkillContent(skillsDir, agent.skill);
+    const escaped = sqlEscape(grounding);
+    await client.execute(
+      `INSERT OR IGNORE INTO agents (id, name, model, skills, grounding, default_grounding, project_id, is_default, created_at, updated_at)
+       VALUES ('${agent.id}', '${sqlEscape(agent.name)}', 'claude-opus-4-6', '[]', '${escaped}', '${escaped}', NULL, 1, '${now}', '${now}')`
+    );
+    const check = await client.execute(`SELECT id FROM agents WHERE id = '${agent.id}'`);
+    if (check.rows.length > 0) seeded++;
+  }
+
+  // Default Pipeline workflow
+  const defaultPipelineGraph = JSON.stringify({
+    nodes: [
+      { id: 'start_1', type: 'start', position: { x: 50, y: 250 }, data: { label: 'Start' } },
+      { id: 'transition_1', type: 'transitionCard', position: { x: 250, y: 250 }, data: { label: 'Move to In Progress', fromColumn: 'todo', toColumn: 'in_progress' } },
+      { id: 'agent_dev', type: 'runAgent', position: { x: 500, y: 250 }, data: { label: 'Run Developer', agentId: '7f83eec8-e762-46eb-9459-9f31096d5faf' } },
+      { id: 'transition_2', type: 'transitionCard', position: { x: 750, y: 250 }, data: { label: 'Move to In Review', fromColumn: 'in_progress', toColumn: 'in_review' } },
+      { id: 'agent_rev', type: 'runAgent', position: { x: 1000, y: 250 }, data: { label: 'Run Reviewer', agentId: 'cc66d167-b1aa-40c0-9b19-c683c432ffa4' } },
+      { id: 'check_pos', type: 'checkCardPosition', position: { x: 1250, y: 250 }, data: { label: 'Check Card Position' } },
+      { id: 'end_success', type: 'end', position: { x: 1500, y: 100 }, data: { label: 'End (Success)', outcome: 'success' } },
+      { id: 'check_cycle', type: 'checkCycleCount', position: { x: 1500, y: 400 }, data: { label: 'Check Cycle Count', maxCycles: 3 } },
+      { id: 'set_meta', type: 'setCardMetadata', position: { x: 1750, y: 400 }, data: { label: 'Set dev_blocked', key: 'dev_blocked', value: 'true' } },
+      { id: 'end_blocked', type: 'end', position: { x: 2000, y: 400 }, data: { label: 'End (Blocked)', outcome: 'blocked' } },
+    ],
+    edges: [
+      { id: 'e_start_t1', source: 'start_1', target: 'transition_1' },
+      { id: 'e_t1_dev', source: 'transition_1', target: 'agent_dev' },
+      { id: 'e_dev_t2', source: 'agent_dev', target: 'transition_2' },
+      { id: 'e_t2_rev', source: 'transition_2', target: 'agent_rev' },
+      { id: 'e_rev_check', source: 'agent_rev', target: 'check_pos' },
+      { id: 'e_check_success', source: 'check_pos', target: 'end_success', sourceHandle: 'qa', data: { label: 'qa' } },
+      { id: 'e_check_cycle', source: 'check_pos', target: 'check_cycle', sourceHandle: 'todo', data: { label: 'todo' } },
+      { id: 'e_cycle_dev', source: 'check_cycle', target: 'agent_dev', sourceHandle: 'under_limit', data: { label: '< 3' } },
+      { id: 'e_cycle_meta', source: 'check_cycle', target: 'set_meta', sourceHandle: 'at_limit', data: { label: '>= 3' } },
+      { id: 'e_meta_blocked', source: 'set_meta', target: 'end_blocked' },
+    ],
+  });
+
+  await client.execute(
+    `INSERT OR IGNORE INTO workflows (id, name, description, project_id, feature_type, trigger_column, is_default, graph_data, created_at, updated_at)
+     VALUES ('d4e5f6a7-b8c9-0d1e-2f3a-4b5c6d7e8f9a', 'Default Pipeline', 'Default workflow replicating the standard develop-review-loop pipeline.', NULL, NULL, NULL, 1, '${sqlEscape(defaultPipelineGraph)}', '${now}', '${now}')`
+  );
+
+  // Video Script Generation workflow
+  const videoScriptGraph = JSON.stringify({
+    nodes: [
+      { id: 'start', type: 'start', position: { x: 50, y: 250 }, data: { label: 'Start' } },
+      { id: 'agent_script', type: 'runAgent', position: { x: 300, y: 250 }, data: { label: 'Run Script Writer', agentId: 'a1b2c3d4-e5f6-7890-abcd-ef1234567890', agentName: 'Default Video Script Writer' } },
+      { id: 'transition_review', type: 'transitionCard', position: { x: 600, y: 250 }, data: { label: 'Move to Review', fromColumn: 'todo', toColumn: 'in_review' } },
+      { id: 'end_success', type: 'end', position: { x: 900, y: 250 }, data: { label: 'End (Success)', outcome: 'success' } },
+    ],
+    edges: [
+      { id: 'e1', source: 'start', target: 'agent_script' },
+      { id: 'e2', source: 'agent_script', target: 'transition_review' },
+      { id: 'e3', source: 'transition_review', target: 'end_success' },
+    ],
+  });
+
+  await client.execute(
+    `INSERT OR IGNORE INTO workflows (id, name, description, project_id, feature_type, trigger_column, is_default, graph_data, created_at, updated_at)
+     VALUES ('wf-video-script-gen', 'Video Script Generation', 'Generate video script from feature description. Available when video feature is in TODO.', NULL, 'video', 'todo', 0, '${sqlEscape(videoScriptGraph)}', '${now}', '${now}')`
+  );
+
+  // Video Generate Preview workflow
+  const videoPreviewGraph = JSON.stringify({
+    nodes: [
+      { id: 'start', type: 'start', position: { x: 50, y: 250 }, data: { label: 'Start' } },
+      { id: 'agent_comp', type: 'runAgent', position: { x: 300, y: 250 }, data: { label: 'Run Composition Builder', agentId: 'b2c3d4e5-f6a7-8901-bcde-f12345678901', agentName: 'Default Video Composition Agent' } },
+      { id: 'rebuild', type: 'rebuildBundle', position: { x: 600, y: 250 }, data: { label: 'Rebuild Bundle' } },
+      { id: 'tts', type: 'generateTTS', position: { x: 900, y: 250 }, data: { label: 'Generate TTS', scriptPath: 'script.md', force: false, voiceId: '' } },
+      { id: 'transition_qa', type: 'transitionCard', position: { x: 1200, y: 250 }, data: { label: 'Move to QA', fromColumn: 'in_review', toColumn: 'qa' } },
+      { id: 'end_success', type: 'end', position: { x: 1500, y: 250 }, data: { label: 'End (Success)', outcome: 'success' } },
+    ],
+    edges: [
+      { id: 'e1', source: 'start', target: 'agent_comp' },
+      { id: 'e2', source: 'agent_comp', target: 'rebuild' },
+      { id: 'e3', source: 'rebuild', target: 'tts' },
+      { id: 'e4', source: 'tts', target: 'transition_qa' },
+      { id: 'e5', source: 'transition_qa', target: 'end_success' },
+    ],
+  });
+
+  await client.execute(
+    `INSERT OR IGNORE INTO workflows (id, name, description, project_id, feature_type, trigger_column, is_default, graph_data, created_at, updated_at)
+     VALUES ('wf-video-gen-preview', 'Video Generate Preview', 'Build composition, rebuild bundle, and generate TTS audio. Available when video feature is in Review.', NULL, 'video', 'in_review', 0, '${sqlEscape(videoPreviewGraph)}', '${now}', '${now}')`
+  );
+
+  // Video Rendering Pipeline workflow
+  const videoRenderGraph = JSON.stringify({
+    nodes: [
+      { id: 'start', type: 'start', position: { x: 50, y: 250 }, data: { label: 'Start' } },
+      { id: 'render', type: 'renderVideo', position: { x: 300, y: 250 }, data: { label: 'Render Video', compositionId: '', resolution: '1920x1080', aspectRatio: '', fileOutputPrefix: '' } },
+      { id: 'transition_done', type: 'transitionCard', position: { x: 600, y: 250 }, data: { label: 'Move to Done', fromColumn: 'qa', toColumn: 'done' } },
+      { id: 'end_success', type: 'end', position: { x: 900, y: 250 }, data: { label: 'End (Success)', outcome: 'success' } },
+    ],
+    edges: [
+      { id: 'e1', source: 'start', target: 'render' },
+      { id: 'e2', source: 'render', target: 'transition_done' },
+      { id: 'e3', source: 'transition_done', target: 'end_success' },
+    ],
+  });
+
+  await client.execute(
+    `INSERT OR IGNORE INTO workflows (id, name, description, project_id, feature_type, trigger_column, is_default, graph_data, created_at, updated_at)
+     VALUES ('wf-video-render', 'Video Rendering Pipeline', 'Render video with configurable resolution and output settings. Available when video feature is in QA.', NULL, 'video', 'qa', 0, '${sqlEscape(videoRenderGraph)}', '${now}', '${now}')`
+  );
+
+  return seeded;
+}
+
+/**
+ * Backfill embeddings for all nodes that don't have one yet.
+ * Uses the embedding service to compute vectors locally.
+ */
+async function backfillEmbeddings() {
+  const { backfillEmbeddings: runBackfill } = await import('../lib/embedding_service.js');
+  const count = await runBackfill((msg) => console.log(msg));
+  return count;
+}
+
 async function main() {
   console.log('Running migrations...');
   await migrate(db, { migrationsFolder: './db/migrations' });
@@ -121,12 +279,25 @@ async function main() {
     console.log('Column sync complete — all columns present.');
   }
 
+  console.log('Seeding defaults...');
+  const seeded = await seedDefaults();
+  console.log(`Seed complete — ${seeded} default agent(s) present.`);
+
+  console.log('Backfilling embeddings...');
+  const embedded = await backfillEmbeddings();
+  if (embedded > 0) {
+    console.log(`Embedding backfill complete — embedded ${embedded} node(s).`);
+  } else {
+    console.log('Embedding backfill complete — all nodes have embeddings.');
+  }
+
   client.close();
-  process.exit(0);
+  // Allow onnxruntime native cleanup to complete before exit
+  setTimeout(() => process.exit(0), 100);
 }
 
 main().catch((err) => {
   console.error('Migration failed:', err);
   client.close();
-  process.exit(1);
+  setTimeout(() => process.exit(1), 100);
 });

package/templates/assistkick-product-system/packages/shared/db/migrations/0003_solid_manta.sql

@@ -0,0 +1 @@
+ALTER TABLE `nodes` ADD `embedding` text;