vibebusiness 1.2.83 → 1.2.86

package/dist/scripts/analyze.js

@@ -553,7 +553,7 @@ Each idea must be a valid JSON object with these fields:
   "category": "product | ux_design | growth | performance | tech_debt | security | infrastructure | content | analytics | integration",
   "priority": "critical | high | medium | low",
   "effort": "xs | s | m | l | xl",
-  "impact": "xs | s | m | l | xl",
+  "impact": "xs | s | m | l | xl  (size of business impact \u2014 NOT a priority level; never use 'critical', 'high', 'medium', 'low' here)",
   "context": "string - What triggered this idea (observations, data)",
   "rationale": "string - Why this matters for the business",
   "implementation_plan": "string - Step-by-step implementation (markdown ok)",
@@ -1825,9 +1825,12 @@ function parseIdeas(response, sessionId) {
         title: idea.title || "Untitled Idea",
         summary: idea.summary || "",
         category: idea.category || "product",
-        priority: idea.priority || "medium",
-        effort: idea.effort || "m",
-        impact: idea.impact || "m",
+        priority: ["critical", "high", "medium", "low"].includes(idea.priority) ? idea.priority : "medium",
+        effort: ["xs", "s", "m", "l", "xl"].includes(idea.effort) ? idea.effort : "m",
+        impact: ["xs", "s", "m", "l", "xl"].includes(idea.impact) ? idea.impact : (() => {
+          if (idea.impact) logError("analyze:parseIdeas", new Error(`invalid impact "${idea.impact}" for idea "${idea.title}" \u2014 defaulting to "m"`));
+          return "m";
+        })(),
         context: idea.context || "",
         rationale: idea.rationale || "",
         implementation_plan: idea.implementation_plan || "",

package/dist/scripts/heartbeat.js

@@ -33249,7 +33249,8 @@ async function renderCarousel(carousel, format, outputPath, _depsOverride, compo
     const inputProps = {
       slides: carousel.slides,
       format,
-      ...carousel.audio ? { audio: carousel.audio } : {}
+      ...carousel.audio ? { audio: carousel.audio } : {},
+      ...carousel.variant ? { variant: carousel.variant } : {}
     };
     const composition = await selectComposition({
       serveUrl: bundleCache,
@@ -34403,8 +34404,16 @@ async function writeJsonFile(filePath, data) {
 }
 async function getIdeas() {
   const store = await readJsonFile(getFilePath("ideas.json"), { ideas: [] });
+  const VALID_PRIORITIES = ["critical", "high", "medium", "low"];
+  const VALID_SIZES = ["xs", "s", "m", "l", "xl"];
   return store.ideas.map((idea) => ({
     ...idea,
+    stage: idea.stage ?? idea.status ?? "inbox",
+    priority: VALID_PRIORITIES.includes(idea.priority) ? idea.priority : "medium",
+    impact: VALID_SIZES.includes(idea.impact) ? idea.impact : "m",
+    effort: VALID_SIZES.includes(idea.effort) ? idea.effort : "s",
+    comments: idea.comments ?? [],
+    tags: idea.tags ?? [],
     epic_id: idea.epic_id ?? null,
     implementation: {
       ...idea.implementation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibebusiness",
-  "version": "1.2.83",
+  "version": "1.2.86",
   "description": "AI-powered autonomous product manager. Research. Build. Ship. Grow.",
   "license": "SEE LICENSE IN LICENSE",
   "private": false,

package/scripts/lib/video/compositions/DemoVideo.tsx

@@ -12,7 +12,7 @@
  */
 
 import React from 'react';
-import { AbsoluteFill, Sequence, useCurrentFrame, interpolate } from 'remotion';
+import { AbsoluteFill, Sequence, useCurrentFrame, interpolate, spring } from 'remotion';
 import { BackgroundMusic } from './BackgroundMusic';
 import type { AudioConfig } from '../renderer';
 
@@ -33,6 +33,7 @@ export interface DemoSlideData {
 export interface DemoVideoProps {
   slides: DemoSlideData[];
   format: 'feed' | 'reels';
+  variant?: 'fast' | 'dynamic';
   audio?: AudioConfig;
 }
 
@@ -43,22 +44,56 @@ const TEXT = '#ffffff';
 const MUTED = 'rgba(255,255,255,0.6)';
 const FONT = '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
 
-// Custom frame durations for different scene types
-const FRAME_DURATIONS: Record<string, number> = {
-  cover: 90,        // 3s
-  terminal: 150,    // 5s
-  key_point: 90,    // 3s
-  notification: 90, // 3s
-  steps: 150,       // 5s (kanban)
-  kanban: 150,      // 5s
-  pipeline: 135,    // 4.5s
-  quote: 135,       // 4.5s
-  cta: 105,         // 3.5s
+// Variant-specific frame durations
+const FRAME_DURATIONS: Record<string, Record<string, number>> = {
+  fast: {
+    cover: 60,        // 2s
+    terminal: 90,     // 3s
+    key_point: 60,    // 2s
+    notification: 60, // 2s
+    steps: 90,        // 3s (kanban)
+    kanban: 90,       // 3s
+    pipeline: 90,     // 3s
+    quote: 90,        // 3s
+    cta: 75,          // 2.5s
+  },
+  dynamic: {
+    cover: 75,        // 2.5s
+    terminal: 105,    // 3.5s
+    key_point: 75,    // 2.5s
+    notification: 75, // 2.5s
+    steps: 105,       // 3.5s (kanban)
+    kanban: 105,      // 3.5s
+    pipeline: 105,    // 3.5s
+    quote: 105,       // 3.5s
+    cta: 90,          // 3s
+  },
+};
+
+// Variant-specific animation configuration
+const ANIMATION_CONFIG = {
+  fast: {
+    transitionFrames: 8,
+    charsPerFrame: 4,
+    kanbanDelay: 5,
+    enableBounce: false,
+    enableSpring: false,
+    enableGlow: false,
+  },
+  dynamic: {
+    transitionFrames: 12,
+    charsPerFrame: 3,
+    kanbanDelay: 7,
+    enableBounce: true,
+    enableSpring: true,
+    enableGlow: true,
+  },
 };
 
 // ─── DemoVideo ──────────────────────────────────────────────────────────────
 
-export const DemoVideo: React.FC<DemoVideoProps> = ({ slides, audio }) => {
+export const DemoVideo: React.FC<DemoVideoProps> = ({ slides, audio, variant = 'dynamic' }) => {
+  const durations = FRAME_DURATIONS[variant];
   let currentFrame = 0;
 
   return (
@@ -68,13 +103,13 @@ export const DemoVideo: React.FC<DemoVideoProps> = ({ slides, audio }) => {
       }}
     >
       {slides.map((slide, i) => {
-        const duration = FRAME_DURATIONS[slide.type] || 90;
+        const duration = durations[slide.type] || 90;
         const from = currentFrame;
         currentFrame += duration;
 
         return (
           <Sequence key={i} from={from} durationInFrames={duration}>
-            <DemoSlide slide={slide} />
+            <DemoSlide slide={slide} variant={variant} />
           </Sequence>
         );
       })}
@@ -85,10 +120,30 @@ export const DemoVideo: React.FC<DemoVideoProps> = ({ slides, audio }) => {
 
 // ─── DemoSlide ──────────────────────────────────────────────────────────────
 
-const DemoSlide: React.FC<{ slide: DemoSlideData }> = ({ slide }) => {
+const DemoSlide: React.FC<{ slide: DemoSlideData; variant: string }> = ({ slide, variant }) => {
+  const config = ANIMATION_CONFIG[variant as keyof typeof ANIMATION_CONFIG];
   const frame = useCurrentFrame();
-  const opacity = interpolate(frame, [0, 15], [0, 1], { extrapolateRight: 'clamp' });
-  const y = interpolate(frame, [0, 15], [24, 0], { extrapolateRight: 'clamp' });
+
+  // Entrance animation with optional bounce
+  const opacity = interpolate(frame, [0, config.transitionFrames], [0, 1], { extrapolateRight: 'clamp' });
+
+  let y = interpolate(frame, [0, config.transitionFrames], [24, 0], { extrapolateRight: 'clamp' });
+
+  if (config.enableBounce && frame > config.transitionFrames) {
+    const overshoot = interpolate(
+      frame,
+      [config.transitionFrames, config.transitionFrames + 8],
+      [0, -4],
+      { extrapolateRight: 'clamp' }
+    );
+    const settle = interpolate(
+      frame,
+      [config.transitionFrames + 8, config.transitionFrames + 16],
+      [-4, 0],
+      { extrapolateRight: 'clamp' }
+    );
+    y = frame <= config.transitionFrames + 8 ? overshoot : settle;
+  }
 
   return (
     <AbsoluteFill
@@ -104,14 +159,14 @@ const DemoSlide: React.FC<{ slide: DemoSlideData }> = ({ slide }) => {
         alignItems: 'flex-start',
       }}
     >
-      <SlideContent slide={slide} />
+      <SlideContent slide={slide} variant={variant} />
     </AbsoluteFill>
   );
 };
 
 // ─── Slide content by type ──────────────────────────────────────────────────
 
-function SlideContent({ slide }: { slide: DemoSlideData }) {
+function SlideContent({ slide, variant }: { slide: DemoSlideData; variant: string }) {
   const frame = useCurrentFrame();
 
   switch (slide.type) {
@@ -139,7 +194,7 @@ function SlideContent({ slide }: { slide: DemoSlideData }) {
       );
 
     case 'terminal':
-      return <TerminalScene title={slide.title} content={slide.content || ''} frame={frame} />;
+      return <TerminalScene title={slide.title} content={slide.content || ''} frame={frame} variant={variant} />;
 
     case 'notification':
       return <NotificationScene title={slide.title} content={slide.content || ''} frame={frame} />;
@@ -167,10 +222,10 @@ function SlideContent({ slide }: { slide: DemoSlideData }) {
 
     case 'steps':
     case 'kanban':
-      return <KanbanScene title={slide.title} items={slide.items || []} frame={frame} />;
+      return <KanbanScene title={slide.title} items={slide.items || []} frame={frame} variant={variant} />;
 
     case 'pipeline':
-      return <PipelineScene title={slide.title} content={slide.content || ''} label={slide.label} frame={frame} />;
+      return <PipelineScene title={slide.title} content={slide.content || ''} label={slide.label} frame={frame} variant={variant} />;
 
     case 'quote':
       return (
@@ -238,10 +293,11 @@ function SlideContent({ slide }: { slide: DemoSlideData }) {
 
 // ─── Custom Scene Components ────────────────────────────────────────────────
 
-function TerminalScene({ title, content, frame }: { title: string; content: string; frame: number }) {
+function TerminalScene({ title, content, frame, variant }: { title: string; content: string; frame: number; variant: string }) {
   // Typewriter effect
+  const config = ANIMATION_CONFIG[variant as keyof typeof ANIMATION_CONFIG];
   const lines = content.split('\n');
-  const charsPerFrame = 2;
+  const charsPerFrame = config.charsPerFrame;
   const visibleChars = Math.floor(frame * charsPerFrame);
 
   let charCount = 0;
@@ -322,7 +378,9 @@ function NotificationScene({ title, content, frame }: { title: string; content:
   );
 }
 
-function KanbanScene({ title, items, frame }: { title: string; items: string[]; frame: number }) {
+function KanbanScene({ title, items, frame, variant }: { title: string; items: string[]; frame: number; variant: string }) {
+  const config = ANIMATION_CONFIG[variant as keyof typeof ANIMATION_CONFIG];
+
   return (
     <div style={{ width: '100%' }}>
       <div
@@ -339,9 +397,19 @@ function KanbanScene({ title, items, frame }: { title: string; items: string[];
       </div>
       <div style={{ display: 'flex', gap: 24 }}>
         {items.map((item, i) => {
-          const delay = i * 10;
-          const opacity = interpolate(frame, [delay, delay + 15], [0, 1], { extrapolateRight: 'clamp' });
-          const scale = interpolate(frame, [delay, delay + 15], [0.8, 1], { extrapolateRight: 'clamp' });
+          const delay = i * config.kanbanDelay;
+
+          let opacity, scale;
+
+          if (config.enableSpring) {
+            // Use spring physics
+            opacity = spring({ frame: frame - delay, fps: 30, config: { damping: 15, mass: 0.5 } });
+            scale = spring({ frame: frame - delay, fps: 30, config: { damping: 12, mass: 0.6 } }) * 0.2 + 0.8;
+          } else {
+            // Use linear interpolation
+            opacity = interpolate(frame, [delay, delay + 15], [0, 1], { extrapolateRight: 'clamp' });
+            scale = interpolate(frame, [delay, delay + 15], [0.8, 1], { extrapolateRight: 'clamp' });
+          }
 
           return (
             <div
@@ -368,7 +436,8 @@ function KanbanScene({ title, items, frame }: { title: string; items: string[];
   );
 }
 
-function PipelineScene({ title, content, label, frame }: { title: string; content: string; label?: string; frame: number }) {
+function PipelineScene({ title, content, label, frame, variant }: { title: string; content: string; label?: string; frame: number; variant: string }) {
+  const config = ANIMATION_CONFIG[variant as keyof typeof ANIMATION_CONFIG];
   const steps = content.split(' → ');
   const progress = interpolate(frame, [0, 100], [0, 1], { extrapolateRight: 'clamp' });
 
@@ -387,26 +456,41 @@ function PipelineScene({ title, content, label, frame }: { title: string; conten
         {title}
       </div>
       <div style={{ display: 'flex', alignItems: 'center', gap: 16, marginBottom: 32 }}>
-        {steps.map((step, i) => (
-          <React.Fragment key={i}>
-            <div
-              style={{
-                padding: '16px 24px',
-                background: i / (steps.length - 1) <= progress ? ACCENT : 'rgba(255,255,255,0.1)',
-                borderRadius: 8,
-                fontSize: 20,
-                fontWeight: 600,
-                color: i / (steps.length - 1) <= progress ? '#0f172a' : TEXT,
-                transition: 'all 0.3s',
-              }}
-            >
-              {step}
-            </div>
-            {i < steps.length - 1 && (
-              <div style={{ fontSize: 24, color: MUTED }}>→</div>
-            )}
-          </React.Fragment>
-        ))}
+        {steps.map((step, i) => {
+          const isActive = i / (steps.length - 1) <= progress;
+
+          let boxShadow = 'none';
+          if (config.enableGlow && isActive) {
+            const glowIntensity = interpolate(
+              frame % 30,
+              [0, 15, 30],
+              [0.3, 0.6, 0.3],
+              { extrapolateRight: 'clamp' }
+            );
+            boxShadow = `0 0 ${20 * glowIntensity}px rgba(16, 185, 129, ${glowIntensity})`;
+          }
+
+          return (
+            <React.Fragment key={i}>
+              <div
+                style={{
+                  padding: '16px 24px',
+                  background: isActive ? ACCENT : 'rgba(255,255,255,0.1)',
+                  borderRadius: 8,
+                  fontSize: 20,
+                  fontWeight: 600,
+                  color: isActive ? '#0f172a' : TEXT,
+                  boxShadow,
+                }}
+              >
+                {step}
+              </div>
+              {i < steps.length - 1 && (
+                <div style={{ fontSize: 24, color: MUTED }}>→</div>
+              )}
+            </React.Fragment>
+          );
+        })}
       </div>
       {label && (
         <div

package/scripts/lib/video/compositions/Root.tsx

@@ -111,11 +111,30 @@ export const RemotionRoot: React.FC = () => {
       <Composition
         id="DemoFeed"
         component={DemoComp}
-        durationInFrames={810} // 27 seconds at 30fps
+        durationInFrames={630} // Default to dynamic variant duration
         fps={30}
         width={1080}
         height={1080}
-        defaultProps={{ slides: defaultDemoSlides, format: 'feed' } as DemoVideoProps}
+        defaultProps={{ slides: defaultDemoSlides, format: 'feed', variant: 'dynamic' } as DemoVideoProps}
+        calculateMetadata={({ props }) => {
+          const p = props as unknown as DemoVideoProps;
+          const variant = p.variant || 'dynamic';
+
+          // Calculate total duration based on variant and slides
+          const durations = variant === 'fast'
+            ? { cover: 60, terminal: 90, key_point: 60, notification: 60, steps: 90, kanban: 90, pipeline: 90, quote: 90, cta: 75 }
+            : { cover: 75, terminal: 105, key_point: 75, notification: 75, steps: 105, kanban: 105, pipeline: 105, quote: 105, cta: 90 };
+
+          let totalFrames = 0;
+          p.slides.forEach(slide => {
+            totalFrames += durations[slide.type as keyof typeof durations] || 90;
+          });
+
+          return {
+            durationInFrames: totalFrames,
+            props,
+          };
+        }}
       />
     </>
   );

package/.next/static/chunks/app/page-3635a292b3d471c0.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{7075:function(e,t,s){Promise.resolve().then(s.bind(s,4067)),Promise.resolve().then(s.bind(s,1259)),Promise.resolve().then(s.bind(s,8825))},4067:function(e,t,s){"use strict";s.d(t,{default:function(){return o}});var a=s(7437),r=s(9376),l=s(6221),i=s(9801),n=s(4372),c=s(6076),d=s(8623);function o(e){let{stats:t}=e,s=(0,r.useRouter)();return(0,a.jsx)("header",{className:"px-6 py-4 bg-white border-b border-slate-200",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-slate-900",children:"Idea Dashboard"}),(0,a.jsxs)("div",{className:"flex items-center gap-6 mt-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-slate-600",children:[(0,a.jsx)(l.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:[t.total," total"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-amber-600",children:[(0,a.jsx)(i.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:[t.inbox," in inbox"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-violet-600",children:[(0,a.jsx)(n.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:[t.inProgress," in progress"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-emerald-600",children:[(0,a.jsx)(c.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:[t.shipped," shipped"]})]})]})]}),(0,a.jsx)(d.Z,{onAnalysisComplete:()=>{s.refresh()}})]})})}},1259:function(e,t,s){"use strict";s.d(t,{default:function(){return f}});var a=s(7437),r=s(7648),l=s(9376),i=s(5466),n=s(2048),c=s(8896),d=s(8220),o=s(2718),x=s(5621),m=s(8728),u=s(2222),h=s(2023),b=s(1994),g=s(257);let p=[{href:"/",label:"Dashboard",icon:(0,a.jsx)(i.Z,{className:"w-5 h-5"})},{href:"/roadmap",label:"Roadmap",icon:(0,a.jsx)(n.Z,{className:"w-5 h-5"})},{href:"/goals",label:"Goals",icon:(0,a.jsx)(c.Z,{className:"w-5 h-5"})},{href:"/hypotheses",label:"Hypotheses",icon:(0,a.jsx)(d.Z,{className:"w-5 h-5"})},{href:"/social",label:"Social",icon:(0,a.jsx)(o.Z,{className:"w-5 h-5"})},{href:"/sessions",label:"Sessions",icon:(0,a.jsx)(x.Z,{className:"w-5 h-5"})},{href:"/settings",label:"Settings",icon:(0,a.jsx)(m.Z,{className:"w-5 h-5"})}];function f(e){let{children:t}=e,s=(0,l.usePathname)();return(0,a.jsxs)("div",{className:"min-h-screen flex",children:[(0,a.jsxs)("aside",{className:"w-64 bg-slate-900 text-white flex flex-col",children:[(0,a.jsx)("div",{className:"p-4 border-b border-slate-700",children:(0,a.jsxs)(r.default,{href:"/",className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-10 h-10 bg-emerald-500 rounded-lg flex items-center justify-center",children:(0,a.jsx)(u.Z,{className:"w-6 h-6 text-white"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"font-bold text-lg leading-tight",children:"Analyst"}),(0,a.jsx)("p",{className:"text-xs text-slate-400",children:g.env.NEXT_PUBLIC_PRODUCT_NAME||"Business"})]})]})}),(0,a.jsx)("nav",{className:"flex-1 p-4",children:(0,a.jsx)("ul",{className:"space-y-1",children:p.map(e=>{let t="/"===e.href?"/"===s:s.startsWith(e.href);return(0,a.jsx)("li",{children:(0,a.jsxs)(r.default,{href:e.href,className:(0,b.Z)("flex items-center gap-3 px-3 py-2 rounded-lg transition-colors",t?"bg-slate-800 text-white":"text-slate-400 hover:text-white hover:bg-slate-800"),children:[e.icon,(0,a.jsx)("span",{children:e.label})]})},e.href)})})}),(0,a.jsx)("div",{className:"p-4 border-t border-slate-700",children:(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs text-slate-500",children:[(0,a.jsx)(h.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Powered by Claude"})]})})]}),(0,a.jsx)("main",{className:"flex-1 overflow-auto",children:t})]})}},8623:function(e,t,s){"use strict";s.d(t,{Z:function(){return o}});var a=s(7437),r=s(2265),l=s(1817),i=s(3276),n=s(1671),c=s(9322),d=s(1994);function o(e){let{onAnalysisComplete:t}=e,[s,o]=(0,r.useState)(!1),[x,m]=(0,r.useState)(!1),[u,h]=(0,r.useState)(null),b=async e=>{m(!0),h(null);try{let s=await fetch("/api/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:e})}),a=await s.json();a.success?(h({success:!0,message:"Generated ".concat(a.ideas_count," new ideas")}),null==t||t()):h({success:!1,message:a.error||"Analysis failed"})}catch(e){h({success:!1,message:"Failed to start analysis"})}finally{m(!1),setTimeout(()=>{h(null),o(!1)},3e3)}};return(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("button",{onClick:()=>o(!s),disabled:x,className:(0,d.Z)("btn btn-primary gap-2",x&&"opacity-75 cursor-wait"),children:x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"w-4 h-4 animate-spin"}),(0,a.jsx)("span",{children:"Analyzing..."})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Analyze Now"})]})}),s&&!x&&(0,a.jsxs)("div",{className:"absolute right-0 mt-2 w-56 bg-white rounded-lg shadow-lg border border-slate-200 py-2 z-10 animate-slide-in",children:[(0,a.jsxs)("button",{onClick:()=>b("quick"),className:"w-full px-4 py-2 text-left hover:bg-slate-50 transition-colors",children:[(0,a.jsx)("div",{className:"font-medium text-slate-900",children:"Quick Scan"}),(0,a.jsx)("div",{className:"text-xs text-slate-500",children:"Recent changes, TODOs, errors"})]}),(0,a.jsxs)("button",{onClick:()=>b("deep"),className:"w-full px-4 py-2 text-left hover:bg-slate-50 transition-colors",children:[(0,a.jsx)("div",{className:"font-medium text-slate-900",children:"Deep Review"}),(0,a.jsx)("div",{className:"text-xs text-slate-500",children:"Architecture, tech debt, security"})]}),(0,a.jsxs)("button",{onClick:()=>b("metrics"),className:"w-full px-4 py-2 text-left hover:bg-slate-50 transition-colors",children:[(0,a.jsx)("div",{className:"font-medium text-slate-900",children:"Metrics Review"}),(0,a.jsx)("div",{className:"text-xs text-slate-500",children:"Funnels, conversions, drop-offs"})]}),(0,a.jsxs)("button",{onClick:()=>b("seo"),className:"w-full px-4 py-2 text-left hover:bg-slate-50 transition-colors",children:[(0,a.jsx)("div",{className:"font-medium text-slate-900",children:"SEO Audit"}),(0,a.jsx)("div",{className:"text-xs text-slate-500",children:"Blog performance, technical SEO"})]})]}),u&&(0,a.jsx)("div",{className:(0,d.Z)("absolute right-0 mt-2 px-4 py-3 rounded-lg shadow-lg animate-slide-in",u.success?"bg-emerald-50 border border-emerald-200":"bg-red-50 border border-red-200"),children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[u.success?(0,a.jsx)(n.Z,{className:"w-4 h-4 text-emerald-600"}):(0,a.jsx)(c.Z,{className:"w-4 h-4 text-red-600"}),(0,a.jsx)("span",{className:(0,d.Z)("text-sm font-medium",u.success?"text-emerald-800":"text-red-800"),children:u.message})]})})]})}},8825:function(e,t,s){"use strict";s.d(t,{default:function(){return C}});var a=s(7437),r=s(2265),l=s(3247),i=s(740),n=s(2489),c=s(1994),d=s(7648),o=s(9322),x=s(265),m=s(6858),u=s(5051),h=s(1239),b=s(3417),g=s(8896),p=s(4286),f=s(6646),j=s(6153);function v(e){let{priority:t}=e;switch(t){case"critical":return(0,a.jsx)(o.Z,{className:"w-3 h-3"});case"high":return(0,a.jsx)(x.Z,{className:"w-3 h-3"});case"medium":return(0,a.jsx)(m.Z,{className:"w-3 h-3"});case"low":return(0,a.jsx)(u.Z,{className:"w-3 h-3"})}}function N(e){let{size:t,label:s}=e;return(0,a.jsx)("span",{className:"size-badge",title:s,children:j.bi[t]})}function y(e){let{idea:t,compact:s=!1}=e,r=t.comments.length>0;return(0,a.jsx)(d.default,{href:"/ideas/".concat(t.id),children:(0,a.jsxs)("div",{className:"idea-card",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsxs)("span",{className:(0,c.Z)("priority-badge",j.Gs[t.priority]),children:[(0,a.jsx)(v,{priority:t.priority}),(0,a.jsx)("span",{className:"ml-1",children:j.rF[t.priority]})]}),(0,a.jsx)("span",{className:(0,c.Z)("category-badge",j.pG[t.category]),children:j.Hs[t.category]})]}),(0,a.jsx)("h3",{className:"font-medium text-slate-900 text-sm leading-snug mb-1",children:t.title}),!s&&(0,a.jsx)("p",{className:"text-xs text-slate-500 line-clamp-2 mb-2",children:t.summary}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-2 pt-2 border-t border-slate-100",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1",title:"Effort",children:[(0,a.jsx)(h.Z,{className:"w-3 h-3 text-slate-400"}),(0,a.jsx)(N,{size:t.effort,label:"Effort"})]}),(0,a.jsx)("span",{className:"text-slate-300",children:"/"}),(0,a.jsxs)("div",{className:"flex items-center gap-1",title:"Impact",children:[(0,a.jsx)(x.Z,{className:"w-3 h-3 text-slate-400"}),(0,a.jsx)(N,{size:t.impact,label:"Impact"})]})]}),r&&(0,a.jsxs)("div",{className:"flex items-center gap-1 text-slate-400",children:[(0,a.jsx)(b.Z,{className:"w-3 h-3"}),(0,a.jsx)("span",{className:"text-xs",children:t.comments.length})]})]}),t.goal_id&&(0,a.jsxs)("div",{className:"flex items-center gap-1 mt-2 text-emerald-600",children:[(0,a.jsx)(g.Z,{className:"w-3 h-3"}),(0,a.jsx)("span",{className:"text-[10px]",children:"Goal aligned"})]}),"shipped"===t.stage&&t.verification&&"pending"!==t.verification.status&&(0,a.jsxs)("div",{className:"flex items-center gap-1 mt-1",children:[(0,a.jsx)(p.Z,{className:"w-3 h-3"}),(0,a.jsx)("span",{className:(0,c.Z)("text-[10px] px-1 py-0.5 rounded",j.aR[t.verification.status]),children:j.Wb[t.verification.status]})]}),t.verification_status&&(0,a.jsxs)("div",{className:"flex items-center gap-1 mt-1",children:[(0,a.jsx)(f.Z,{className:"w-3 h-3"}),(0,a.jsx)("span",{className:(0,c.Z)("text-[10px] px-1 py-0.5 rounded","proceed"===t.verification_status&&"bg-green-100 text-green-700","extend"===t.verification_status&&"bg-blue-100 text-blue-700","investigate"===t.verification_status&&"bg-yellow-100 text-yellow-700","stop"===t.verification_status&&"bg-red-100 text-red-700"),children:t.verification_status.toUpperCase()})]}),!s&&t.tags.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-1 mt-2",children:[t.tags.slice(0,3).map(e=>(0,a.jsx)("span",{className:"text-[10px] px-1.5 py-0.5 bg-slate-100 text-slate-500 rounded",children:e},e)),t.tags.length>3&&(0,a.jsxs)("span",{className:"text-[10px] text-slate-400",children:["+",t.tags.length-3]})]})]})})}var w=s(8623);let Z=["product","ux_design","growth","performance","tech_debt","security","infrastructure","content","analytics","integration"],_=["critical","high","medium","low"],k=["xs","s","m","l","xl"];function C(e){let{ideas:t}=e,[s,d]=(0,r.useState)({categories:[],priorities:[],efforts:[],search:""}),[o,x]=(0,r.useState)(!1),[m,u]=(0,r.useState)(null),h=(0,r.useMemo)(()=>{let e={all:t.length};return t.forEach(t=>{e[t.category]=(e[t.category]||0)+1}),e},[t]),b=(0,r.useMemo)(()=>t.filter(e=>{if(m&&e.category!==m)return!1;if(s.search){let t=s.search.toLowerCase();if(!(e.title.toLowerCase().includes(t)||e.summary.toLowerCase().includes(t)||e.tags.some(e=>e.toLowerCase().includes(t))))return!1}return(!(s.categories.length>0)||!!s.categories.includes(e.category))&&(!(s.priorities.length>0)||!!s.priorities.includes(e.priority))&&(!(s.efforts.length>0)||!!s.efforts.includes(e.effort))}),[t,s,m]),g=(0,r.useMemo)(()=>{let e={};return j.G.forEach(t=>{e[t]=[]}),b.forEach(t=>{j.G.includes(t.stage)&&e[t.stage].push(t)}),e},[b]),p=s.categories.length+s.priorities.length+s.efforts.length,f=null!==m||""!==s.search||p>0,v=(e,t)=>{d(s=>{let a=s[e],r=a.includes(t)?a.filter(e=>e!==t):[...a,t];return{...s,[e]:r}})};return(0,a.jsxs)("div",{className:"h-full flex flex-col",children:[(0,a.jsx)("div",{className:"px-6 py-3 bg-slate-50 border-b border-slate-200 overflow-x-auto",children:(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("button",{onClick:()=>u(null),className:(0,c.Z)("px-3 py-1.5 text-sm font-medium rounded-full whitespace-nowrap transition-colors",null===m?"bg-slate-800 text-white":"bg-white text-slate-600 hover:bg-slate-100 border border-slate-200"),children:["All",(0,a.jsxs)("span",{className:"ml-1.5 text-xs opacity-70",children:["(",h.all,")"]})]}),Z.map(e=>(0,a.jsxs)("button",{onClick:()=>u(e),className:(0,c.Z)("px-3 py-1.5 text-sm font-medium rounded-full whitespace-nowrap transition-colors",m===e?j.pG[e]:"bg-white text-slate-600 hover:bg-slate-100 border border-slate-200"),children:[j.Hs[e],h[e]>0&&(0,a.jsxs)("span",{className:"ml-1.5 text-xs opacity-70",children:["(",h[e],")"]})]},e))]})}),(0,a.jsxs)("div",{className:"px-6 py-4 bg-white border-b border-slate-200",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsxs)("div",{className:"relative flex-1 max-w-md",children:[(0,a.jsx)(l.Z,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400"}),(0,a.jsx)("input",{type:"text",placeholder:"Search ideas...",value:s.search,onChange:e=>d(t=>({...t,search:e.target.value})),className:"input pl-10"})]}),(0,a.jsxs)("button",{onClick:()=>x(!o),className:(0,c.Z)("btn btn-secondary gap-2",o&&"bg-slate-200"),children:[(0,a.jsx)(i.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Filters"}),p>0&&(0,a.jsx)("span",{className:"px-1.5 py-0.5 bg-emerald-500 text-white text-xs rounded-full",children:p})]}),p>0&&(0,a.jsxs)("button",{onClick:()=>{d({categories:[],priorities:[],efforts:[],search:""})},className:"btn btn-ghost gap-1 text-sm",children:[(0,a.jsx)(n.Z,{className:"w-4 h-4"}),"Clear"]})]}),o&&(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap gap-6 animate-slide-in",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-xs font-medium text-slate-500 mb-2",children:"Category"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:Z.map(e=>(0,a.jsx)("button",{onClick:()=>v("categories",e),className:(0,c.Z)("px-2 py-1 text-xs rounded border transition-colors",s.categories.includes(e)?"bg-emerald-100 border-emerald-300 text-emerald-800":"bg-white border-slate-200 text-slate-600 hover:border-slate-300"),children:j.Hs[e]},e))})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-xs font-medium text-slate-500 mb-2",children:"Priority"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:_.map(e=>(0,a.jsx)("button",{onClick:()=>v("priorities",e),className:(0,c.Z)("px-2 py-1 text-xs rounded border transition-colors",s.priorities.includes(e)?"bg-emerald-100 border-emerald-300 text-emerald-800":"bg-white border-slate-200 text-slate-600 hover:border-slate-300"),children:j.rF[e]},e))})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-xs font-medium text-slate-500 mb-2",children:"Effort"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1",children:k.map(e=>(0,a.jsx)("button",{onClick:()=>v("efforts",e),className:(0,c.Z)("px-2 py-1 text-xs rounded border transition-colors",s.efforts.includes(e)?"bg-emerald-100 border-emerald-300 text-emerald-800":"bg-white border-slate-200 text-slate-600 hover:border-slate-300"),children:j.bi[e]},e))})]})]})]}),0!==t.length||f?(0,a.jsx)("div",{className:"flex-1 overflow-x-auto p-6",children:(0,a.jsx)("div",{className:"flex gap-4 h-full min-w-max",children:j.G.map(e=>(0,a.jsxs)("div",{className:"w-72 flex flex-col",children:[(0,a.jsxs)("div",{className:"kanban-column-header",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:(0,c.Z)("stage-indicator",j.lv[e])}),(0,a.jsx)("span",{className:"font-medium text-slate-700",children:j.yb[e]})]}),(0,a.jsx)("span",{className:"text-sm text-slate-400",children:g[e].length})]}),(0,a.jsx)("div",{className:"kanban-column flex-1 overflow-y-auto",children:0===g[e].length?(0,a.jsx)("div",{className:"text-center py-8 text-slate-400 text-sm",children:"No ideas"}):g[e].map(e=>(0,a.jsx)(y,{idea:e},e.id))})]},e))})}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center p-6",children:(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center h-96 text-center gap-6",children:[(0,a.jsx)("div",{className:"text-6xl",children:"\uD83E\uDD16"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-gray-900 mb-2",children:"Your AI analyst is ready"}),(0,a.jsx)("p",{className:"text-gray-500 max-w-md",children:"Run your first vibe cycle to generate prioritized improvement ideas for your codebase."})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,a.jsx)(w.Z,{}),(0,a.jsxs)("p",{className:"text-sm text-gray-400",children:["Or run: ",(0,a.jsx)("code",{className:"bg-gray-100 px-2 py-0.5 rounded",children:"vibebusiness analyze --type=quick"})]})]}),(0,a.jsxs)("div",{className:"mt-4 opacity-40 pointer-events-none border border-dashed border-gray-300 rounded-lg p-4 w-72 text-left",children:[(0,a.jsx)("div",{className:"text-xs font-medium text-gray-400 uppercase mb-1",children:"Example idea"}),(0,a.jsx)("div",{className:"font-medium text-gray-700 text-sm",children:"Add empty-state onboarding UI to Kanban"}),(0,a.jsx)("div",{className:"text-xs text-gray-400 mt-1",children:"ux_design \xb7 XS effort \xb7 high impact"})]})]})})]})}},6153:function(e,t,s){"use strict";s.d(t,{G:function(){return n},GK:function(){return _},Gs:function(){return o},Hs:function(){return a},PN:function(){return h},PW:function(){return w},Q_:function(){return b},R$:function(){return N},Vr:function(){return x},Wb:function(){return u},aR:function(){return m},bi:function(){return c},en:function(){return v},i2:function(){return j},kT:function(){return g},l5:function(){return p},lE:function(){return y},lv:function(){return i},pG:function(){return r},rF:function(){return d},tV:function(){return f},tl:function(){return Z},xP:function(){return k},yb:function(){return l}});let a={product:"Product",ux_design:"UX/Design",growth:"Growth",performance:"Performance",tech_debt:"Tech Debt",security:"Security",infrastructure:"Infrastructure",content:"Content",analytics:"Analytics",integration:"Integration"},r={product:"bg-blue-100 text-blue-800",ux_design:"bg-purple-100 text-purple-800",growth:"bg-green-100 text-green-800",performance:"bg-orange-100 text-orange-800",tech_debt:"bg-yellow-100 text-yellow-800",security:"bg-red-100 text-red-800",infrastructure:"bg-gray-100 text-gray-800",content:"bg-pink-100 text-pink-800",analytics:"bg-cyan-100 text-cyan-800",integration:"bg-indigo-100 text-indigo-800"},l={inbox:"Inbox",under_review:"Under Review",approved:"Approved",in_progress:"In Progress",testing:"Testing",shipped:"Shipped",deferred:"Deferred",rejected:"Rejected",rolled_back:"Rolled Back"},i={inbox:"bg-amber-500",under_review:"bg-blue-500",approved:"bg-emerald-500",in_progress:"bg-violet-500",testing:"bg-cyan-500",shipped:"bg-green-500",deferred:"bg-gray-500",rejected:"bg-red-500",rolled_back:"bg-orange-500"},n=["inbox","under_review","approved","in_progress","testing","shipped"],c={xs:"XS",s:"S",m:"M",l:"L",xl:"XL"},d={critical:"Critical",high:"High",medium:"Medium",low:"Low"},o={critical:"bg-red-100 text-red-800 border-red-300",high:"bg-orange-100 text-orange-800 border-orange-300",medium:"bg-yellow-100 text-yellow-800 border-yellow-300",low:"bg-gray-100 text-gray-800 border-gray-300"},x={codebase_analysis:"Codebase Analysis",metrics_review:"Metrics Review",market_research:"Market Research",seo_audit:"SEO Audit",manual:"Manual"},m={pending:"bg-slate-100 text-slate-700",validated:"bg-emerald-100 text-emerald-800",needs_investigation:"bg-amber-100 text-amber-800",inconclusive:"bg-slate-100 text-slate-600",invalidated:"bg-red-100 text-red-800"},u={pending:"Pending",validated:"Validated",needs_investigation:"Needs Investigation",inconclusive:"Inconclusive",invalidated:"Invalidated"},h={ship:"Ship",update:"Update",milestone:"Milestone",digest:"Digest",manual:"Manual",thread:"Thread",insight:"Insight"},b={ship:"bg-green-100 text-green-800",update:"bg-blue-100 text-blue-800",milestone:"bg-amber-100 text-amber-800",digest:"bg-purple-100 text-purple-800",manual:"bg-slate-100 text-slate-800",thread:"bg-indigo-100 text-indigo-800",insight:"bg-cyan-100 text-cyan-800"},g={acquisition:"Acquisition",activation:"Activation",retention:"Retention",revenue:"Revenue",referral:"Referral"},p={acquisition:"bg-blue-100 text-blue-800",activation:"bg-emerald-100 text-emerald-800",retention:"bg-purple-100 text-purple-800",revenue:"bg-amber-100 text-amber-800",referral:"bg-pink-100 text-pink-800"},f={on_track:"On Track",at_risk:"At Risk",behind:"Behind",achieved:"Achieved"},j={on_track:"bg-emerald-100 text-emerald-800 border-emerald-300",at_risk:"bg-amber-100 text-amber-800 border-amber-300",behind:"bg-red-100 text-red-800 border-red-300",achieved:"bg-blue-100 text-blue-800 border-blue-300"},v={manual:"Manual",rest_api:"REST API",posthog:"PostHog",firestore:"Firestore",stripe:"Stripe",whatsapp:"WhatsApp"},N={stated:"Stated",testing:"Testing",validated:"Validated",invalidated:"Invalidated",deferred:"Deferred"},y={stated:"bg-slate-100 text-slate-800 border-slate-300",testing:"bg-amber-100 text-amber-800 border-amber-300",validated:"bg-emerald-100 text-emerald-800 border-emerald-300",invalidated:"bg-red-100 text-red-800 border-red-300",deferred:"bg-slate-100 text-slate-500 border-slate-200"},w={acquisition:"Acquisition",engagement:"Engagement",conversion:"Conversion",monetization:"Monetization"},Z={acquisition:"bg-blue-100 text-blue-800",engagement:"bg-purple-100 text-purple-800",conversion:"bg-amber-100 text-amber-800",monetization:"bg-emerald-100 text-emerald-800"},_={planned:"Planned",active:"Active",completed:"Completed",paused:"Paused"},k={planned:"bg-slate-100 text-slate-700 border-slate-300",active:"bg-blue-100 text-blue-800 border-blue-300",completed:"bg-emerald-100 text-emerald-800 border-emerald-300",paused:"bg-amber-100 text-amber-800 border-amber-300"}}},function(e){e.O(0,[972,851,971,117,744],function(){return e(e.s=7075)}),_N_E=e.O()}]);