vibebusiness 1.2.80 → 1.2.83

package/package.json

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

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

@@ -0,0 +1,425 @@
+/**
+ * DemoVideo — marketing/demo video composition with custom scene types.
+ *
+ * Extends standard slide types with specialized marketing scenes:
+ *   - terminal: typewriter terminal output
+ *   - notification: slide-in notification card
+ *   - kanban: kanban board visualization
+ *   - pipeline: flowchart with animated progress
+ *
+ * Format: Feed (1080×1080) for landing page
+ * Total: 810 frames (27s at 30fps)
+ */
+
+import React from 'react';
+import { AbsoluteFill, Sequence, useCurrentFrame, interpolate } from 'remotion';
+import { BackgroundMusic } from './BackgroundMusic';
+import type { AudioConfig } from '../renderer';
+
+// ─── Types ──────────────────────────────────────────────────────────────────
+
+export interface DemoSlideData {
+  type: 'cover' | 'terminal' | 'key_point' | 'notification' | 'steps' | 'kanban' | 'pipeline' | 'quote' | 'cta';
+  title: string;
+  subtitle?: string;
+  content?: string;
+  items?: string[];
+  value?: string;
+  label?: string;
+  background_style?: string;
+  cta_text?: string;
+}
+
+export interface DemoVideoProps {
+  slides: DemoSlideData[];
+  format: 'feed' | 'reels';
+  audio?: AudioConfig;
+}
+
+// ─── Constants ──────────────────────────────────────────────────────────────
+
+const ACCENT = '#10b981';
+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
+};
+
+// ─── DemoVideo ──────────────────────────────────────────────────────────────
+
+export const DemoVideo: React.FC<DemoVideoProps> = ({ slides, audio }) => {
+  let currentFrame = 0;
+
+  return (
+    <AbsoluteFill
+      style={{
+        background: 'linear-gradient(135deg, #0f172a 0%, #1e293b 100%)',
+      }}
+    >
+      {slides.map((slide, i) => {
+        const duration = FRAME_DURATIONS[slide.type] || 90;
+        const from = currentFrame;
+        currentFrame += duration;
+
+        return (
+          <Sequence key={i} from={from} durationInFrames={duration}>
+            <DemoSlide slide={slide} />
+          </Sequence>
+        );
+      })}
+      {audio && <BackgroundMusic audio={audio} />}
+    </AbsoluteFill>
+  );
+};
+
+// ─── DemoSlide ──────────────────────────────────────────────────────────────
+
+const DemoSlide: React.FC<{ slide: DemoSlideData }> = ({ slide }) => {
+  const frame = useCurrentFrame();
+  const opacity = interpolate(frame, [0, 15], [0, 1], { extrapolateRight: 'clamp' });
+  const y = interpolate(frame, [0, 15], [24, 0], { extrapolateRight: 'clamp' });
+
+  return (
+    <AbsoluteFill
+      style={{
+        opacity,
+        transform: `translateY(${y}px)`,
+        fontFamily: FONT,
+        color: TEXT,
+        padding: '80px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'flex-start',
+      }}
+    >
+      <SlideContent slide={slide} />
+    </AbsoluteFill>
+  );
+};
+
+// ─── Slide content by type ──────────────────────────────────────────────────
+
+function SlideContent({ slide }: { slide: DemoSlideData }) {
+  const frame = useCurrentFrame();
+
+  switch (slide.type) {
+    case 'cover':
+      return (
+        <>
+          <h1
+            style={{
+              fontSize: 72,
+              fontWeight: 900,
+              lineHeight: 1.1,
+              margin: 0,
+              marginBottom: 20,
+              color: TEXT,
+            }}
+          >
+            {slide.title}
+          </h1>
+          {slide.subtitle && (
+            <p style={{ fontSize: 36, color: MUTED, fontWeight: 400, margin: 0 }}>
+              {slide.subtitle}
+            </p>
+          )}
+        </>
+      );
+
+    case 'terminal':
+      return <TerminalScene title={slide.title} content={slide.content || ''} frame={frame} />;
+
+    case 'notification':
+      return <NotificationScene title={slide.title} content={slide.content || ''} frame={frame} />;
+
+    case 'key_point':
+      return (
+        <>
+          <div
+            style={{
+              fontSize: 13,
+              fontWeight: 600,
+              letterSpacing: 2,
+              color: ACCENT,
+              textTransform: 'uppercase',
+              marginBottom: 16,
+            }}
+          >
+            {slide.title}
+          </div>
+          <p style={{ fontSize: 40, fontWeight: 600, lineHeight: 1.4, margin: 0, color: TEXT }}>
+            {slide.content}
+          </p>
+        </>
+      );
+
+    case 'steps':
+    case 'kanban':
+      return <KanbanScene title={slide.title} items={slide.items || []} frame={frame} />;
+
+    case 'pipeline':
+      return <PipelineScene title={slide.title} content={slide.content || ''} label={slide.label} frame={frame} />;
+
+    case 'quote':
+      return (
+        <>
+          <div
+            style={{
+              width: 48,
+              height: 4,
+              background: ACCENT,
+              marginBottom: 32,
+              borderRadius: 2,
+            }}
+          />
+          <p
+            style={{
+              fontSize: 36,
+              fontWeight: 600,
+              lineHeight: 1.5,
+              margin: 0,
+              marginBottom: 32,
+              fontStyle: 'italic',
+              color: TEXT,
+            }}
+          >
+            &ldquo;{slide.content}&rdquo;
+          </p>
+        </>
+      );
+
+    case 'cta':
+      return (
+        <>
+          <h2
+            style={{
+              fontSize: 56,
+              fontWeight: 800,
+              lineHeight: 1.1,
+              margin: 0,
+              marginBottom: 40,
+              color: TEXT,
+            }}
+          >
+            {slide.title}
+          </h2>
+          <div
+            style={{
+              padding: '20px 40px',
+              background: ACCENT,
+              borderRadius: 12,
+              fontSize: 22,
+              fontWeight: 700,
+              color: '#0f172a',
+              fontFamily: 'monospace',
+            }}
+          >
+            {slide.cta_text || 'Get Started'}
+          </div>
+        </>
+      );
+
+    default:
+      return <div style={{ fontSize: 32 }}>{slide.title}</div>;
+  }
+}
+
+// ─── Custom Scene Components ────────────────────────────────────────────────
+
+function TerminalScene({ title, content, frame }: { title: string; content: string; frame: number }) {
+  // Typewriter effect
+  const lines = content.split('\n');
+  const charsPerFrame = 2;
+  const visibleChars = Math.floor(frame * charsPerFrame);
+
+  let charCount = 0;
+  const visibleLines = lines.map((line) => {
+    const lineStart = charCount;
+    charCount += line.length + 1; // +1 for newline
+    const lineEnd = lineStart + line.length;
+
+    if (visibleChars < lineStart) return '';
+    if (visibleChars >= lineEnd) return line;
+    return line.slice(0, visibleChars - lineStart);
+  });
+
+  return (
+    <div style={{ width: '100%' }}>
+      <div
+        style={{
+          fontSize: 13,
+          fontWeight: 600,
+          letterSpacing: 2,
+          color: ACCENT,
+          textTransform: 'uppercase',
+          marginBottom: 24,
+        }}
+      >
+        {title}
+      </div>
+      <div
+        style={{
+          background: 'rgba(15, 23, 42, 0.8)',
+          border: `1px solid ${ACCENT}`,
+          borderRadius: 8,
+          padding: '32px',
+          fontFamily: 'monospace',
+          fontSize: 20,
+          lineHeight: 1.8,
+        }}
+      >
+        {visibleLines.map((line, i) => (
+          <div key={i} style={{ color: i === visibleLines.length - 1 ? ACCENT : TEXT }}>
+            {line || '\u00A0'}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function NotificationScene({ title, content, frame }: { title: string; content: string; frame: number }) {
+  // Slide in from right
+  const x = interpolate(frame, [0, 20], [100, 0], { extrapolateRight: 'clamp' });
+
+  return (
+    <div style={{ width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+      <div
+        style={{
+          fontSize: 80,
+          fontWeight: 900,
+          color: TEXT,
+          marginBottom: 40,
+        }}
+      >
+        {title}
+      </div>
+      <div
+        style={{
+          transform: `translateX(${x}px)`,
+          background: 'rgba(16, 185, 129, 0.1)',
+          border: `2px solid ${ACCENT}`,
+          borderRadius: 16,
+          padding: '32px 48px',
+          boxShadow: `0 0 40px rgba(16, 185, 129, 0.3)`,
+        }}
+      >
+        <div style={{ fontSize: 32, fontWeight: 600, color: TEXT }}>{content}</div>
+      </div>
+    </div>
+  );
+}
+
+function KanbanScene({ title, items, frame }: { title: string; items: string[]; frame: number }) {
+  return (
+    <div style={{ width: '100%' }}>
+      <div
+        style={{
+          fontSize: 13,
+          fontWeight: 600,
+          letterSpacing: 2,
+          color: ACCENT,
+          textTransform: 'uppercase',
+          marginBottom: 32,
+        }}
+      >
+        {title}
+      </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' });
+
+          return (
+            <div
+              key={i}
+              style={{
+                flex: 1,
+                opacity,
+                transform: `scale(${scale})`,
+                background: 'rgba(15, 23, 42, 0.6)',
+                border: `1px solid ${i === 2 ? ACCENT : 'rgba(255,255,255,0.1)'}`,
+                borderRadius: 12,
+                padding: '24px 20px',
+                boxShadow: i === 2 ? `0 0 20px rgba(16, 185, 129, 0.3)` : 'none',
+              }}
+            >
+              <div style={{ fontSize: 24, fontWeight: 600, color: TEXT, textAlign: 'center' }}>
+                {item}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function PipelineScene({ title, content, label, frame }: { title: string; content: string; label?: string; frame: number }) {
+  const steps = content.split(' → ');
+  const progress = interpolate(frame, [0, 100], [0, 1], { extrapolateRight: 'clamp' });
+
+  return (
+    <div style={{ width: '100%' }}>
+      <div
+        style={{
+          fontSize: 13,
+          fontWeight: 600,
+          letterSpacing: 2,
+          color: ACCENT,
+          textTransform: 'uppercase',
+          marginBottom: 32,
+        }}
+      >
+        {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>
+        ))}
+      </div>
+      {label && (
+        <div
+          style={{
+            fontSize: 48,
+            fontWeight: 800,
+            color: ACCENT,
+            textAlign: 'center',
+          }}
+        >
+          {label}
+        </div>
+      )}
+    </div>
+  );
+}

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

@@ -1,11 +1,12 @@
 /**
  * Root — Remotion entry point.
  *
- * Registers 4 compositions:
+ * Registers 5 compositions:
  *   ShipFeed   — 7-slide ship announcement, 1080×1080
  *   ShipReels  — 7-slide ship announcement, 1080×1920
  *   AdFeed     — 5-7 slide ad video, 1080×1080
  *   AdReels    — 5-7 slide ad video, 1080×1920
+ *   DemoFeed   — marketing demo video with custom scenes, 1080×1080
  *
  * Ad compositions use calculateMetadata for dynamic duration — Claude may
  * generate 5-7 slides, so duration is computed from props at render time.
@@ -20,6 +21,8 @@ import { ShipVideo } from './ShipVideo';
 import type { ShipVideoProps } from './ShipVideo';
 import { AdVideo } from './AdVideo';
 import type { AdVideoProps } from './AdVideo';
+import { DemoVideo } from './DemoVideo';
+import type { DemoVideoProps, DemoSlideData } from './DemoVideo';
 import type { SlideData } from './Slide';
 
 // Remotion v4 Composition requires both <Schema, Props> type args.
@@ -27,6 +30,7 @@ import type { SlideData } from './Slide';
 type AnyComp = React.ComponentType<Record<string, unknown>>;
 const ShipComp = ShipVideo as unknown as AnyComp;
 const AdComp = AdVideo as unknown as AnyComp;
+const DemoComp = DemoVideo as unknown as AnyComp;
 
 // ─── Frame counts ────────────────────────────────────────────────────────────
 
@@ -45,6 +49,16 @@ const placeholderSlide: SlideData = {
 const defaultShipSlides: SlideData[] = Array(SHIP_SLIDE_COUNT).fill(placeholderSlide);
 const defaultAdSlides: SlideData[] = Array(AD_SLIDE_COUNT_DEFAULT).fill(placeholderSlide);
 
+const defaultDemoSlides: DemoSlideData[] = [
+  { type: 'cover', title: 'Demo Preview', subtitle: 'While You Slept' },
+  { type: 'terminal', title: 'Processing', content: 'Loading...' },
+  { type: 'key_point', title: 'Key Point', content: 'Demo content' },
+  { type: 'notification', title: 'Alert', content: 'Demo notification' },
+  { type: 'kanban', title: 'Board', items: ['Col 1', 'Col 2', 'Col 3', 'Col 4'] },
+  { type: 'pipeline', title: 'Pipeline', content: 'Step 1 → Step 2 → Step 3' },
+  { type: 'cta', title: 'Get Started', cta_text: 'npm install vibebusiness' },
+];
+
 // ─── Root component ──────────────────────────────────────────────────────────
 
 export const RemotionRoot: React.FC = () => {
@@ -94,6 +108,15 @@ export const RemotionRoot: React.FC = () => {
           props,
         })}
       />
+      <Composition
+        id="DemoFeed"
+        component={DemoComp}
+        durationInFrames={810} // 27 seconds at 30fps
+        fps={30}
+        width={1080}
+        height={1080}
+        defaultProps={{ slides: defaultDemoSlides, format: 'feed' } as DemoVideoProps}
+      />
     </>
   );
 };

package/.next/static/chunks/429-c3cc9856a8a9d0d4.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[429],{9205:function(t,e,n){"use strict";n.d(e,{Z:function(){return o}});var r=n(2265);let u=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),i=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter((t,e,n)=>!!t&&n.indexOf(t)===e).join(" ")};var c={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let a=(0,r.forwardRef)((t,e)=>{let{color:n="currentColor",size:u=24,strokeWidth:a=2,absoluteStrokeWidth:o,className:l="",children:s,iconNode:h,...f}=t;return(0,r.createElement)("svg",{ref:e,...c,width:u,height:u,stroke:n,strokeWidth:o?24*Number(a)/Number(u):a,className:i("lucide",l),...f},[...h.map(t=>{let[e,n]=t;return(0,r.createElement)(e,n)}),...Array.isArray(s)?s:[s]])}),o=(t,e)=>{let n=(0,r.forwardRef)((n,c)=>{let{className:o,...l}=n;return(0,r.createElement)(a,{ref:c,iconNode:e,className:i("lucide-".concat(u(t)),o),...l})});return n.displayName="".concat(t),n}},1178:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Bookmark",[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}]])},2222:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Bot",[["path",{d:"M12 8V4H8",key:"hb8ula"}],["rect",{width:"16",height:"12",x:"4",y:"8",rx:"2",key:"enze0r"}],["path",{d:"M2 14h2",key:"vft8re"}],["path",{d:"M20 14h2",key:"4cs60a"}],["path",{d:"M15 13v2",key:"1xurst"}],["path",{d:"M9 13v2",key:"rq6x2g"}]])},1047:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]])},401:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},875:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},2135:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("ChevronUp",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]])},9322:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},6362:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])},2208:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Eye",[["path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z",key:"rwhkz3"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},6399:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Flame",[["path",{d:"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z",key:"96xj49"}]])},8220:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("FlaskConical",[["path",{d:"M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2",key:"pzvekw"}],["path",{d:"M8.5 2h7",key:"csnxdl"}],["path",{d:"M7 16h10",key:"wp8him"}]])},8997:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Heart",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]])},5621:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("History",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]])},5466:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("LayoutDashboard",[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]])},2048:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Map",[["path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",key:"169xi5"}],["path",{d:"M15 5.764v15",key:"1pn4in"}],["path",{d:"M9 3.236v15",key:"1uimfh"}]])},2718:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]])},5675:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]])},9397:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]])},7168:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},4743:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]])},8728:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},2023:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]])},8896:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]])},8930:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]])},525:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]])},2489:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},1239:function(t,e,n){"use strict";n.d(e,{Z:function(){return r}});let r=(0,n(9205).Z)("Zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]])},7648:function(t,e,n){"use strict";n.d(e,{default:function(){return u.a}});var r=n(2972),u=n.n(r)},9376:function(t,e,n){"use strict";var r=n(5475);n.o(r,"usePathname")&&n.d(e,{usePathname:function(){return r.usePathname}}),n.o(r,"useRouter")&&n.d(e,{useRouter:function(){return r.useRouter}})},257:function(t,e,n){"use strict";var r,u;t.exports=(null==(r=n.g.process)?void 0:r.env)&&"object"==typeof(null==(u=n.g.process)?void 0:u.env)?n.g.process:n(4227)},4227:function(t){!function(){var e={229:function(t){var e,n,r,u=t.exports={};function i(){throw Error("setTimeout has not been defined")}function c(){throw Error("clearTimeout has not been defined")}function a(t){if(e===setTimeout)return setTimeout(t,0);if((e===i||!e)&&setTimeout)return e=setTimeout,setTimeout(t,0);try{return e(t,0)}catch(n){try{return e.call(null,t,0)}catch(n){return e.call(this,t,0)}}}!function(){try{e="function"==typeof setTimeout?setTimeout:i}catch(t){e=i}try{n="function"==typeof clearTimeout?clearTimeout:c}catch(t){n=c}}();var o=[],l=!1,s=-1;function h(){l&&r&&(l=!1,r.length?o=r.concat(o):s=-1,o.length&&f())}function f(){if(!l){var t=a(h);l=!0;for(var e=o.length;e;){for(r=o,o=[];++s<e;)r&&r[s].run();s=-1,e=o.length}r=null,l=!1,function(t){if(n===clearTimeout)return clearTimeout(t);if((n===c||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(t)}}function d(t,e){this.fun=t,this.array=e}function y(){}u.nextTick=function(t){var e=Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];o.push(new d(t,e)),1!==o.length||l||a(f)},d.prototype.run=function(){this.fun.apply(null,this.array)},u.title="browser",u.browser=!0,u.env={},u.argv=[],u.version="",u.versions={},u.on=y,u.addListener=y,u.once=y,u.off=y,u.removeListener=y,u.removeAllListeners=y,u.emit=y,u.prependListener=y,u.prependOnceListener=y,u.listeners=function(t){return[]},u.binding=function(t){throw Error("process.binding is not supported")},u.cwd=function(){return"/"},u.chdir=function(t){throw Error("process.chdir is not supported")},u.umask=function(){return 0}}},n={};function r(t){var u=n[t];if(void 0!==u)return u.exports;var i=n[t]={exports:{}},c=!0;try{e[t](i,i.exports,r),c=!1}finally{c&&delete n[t]}return i.exports}r.ab="//";var u=r(229);t.exports=u}()},1994:function(t,e,n){"use strict";e.Z=function(){for(var t,e,n=0,r="",u=arguments.length;n<u;n++)(t=arguments[n])&&(e=function t(e){var n,r,u="";if("string"==typeof e||"number"==typeof e)u+=e;else if("object"==typeof e){if(Array.isArray(e)){var i=e.length;for(n=0;n<i;n++)e[n]&&(r=t(e[n]))&&(u&&(u+=" "),u+=r)}else for(r in e)e[r]&&(u&&(u+=" "),u+=r)}return u}(t))&&(r&&(r+=" "),r+=e);return r}}}]);

package/.next/static/chunks/827-d5a9d09b31d7eb1c.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[827],{9205:function(t,e,r){"use strict";r.d(e,{Z:function(){return o}});var n=r(2265);let i=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),u=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return e.filter((t,e,r)=>!!t&&r.indexOf(t)===e).join(" ")};var a={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let c=(0,n.forwardRef)((t,e)=>{let{color:r="currentColor",size:i=24,strokeWidth:c=2,absoluteStrokeWidth:o,className:l="",children:s,iconNode:h,...f}=t;return(0,n.createElement)("svg",{ref:e,...a,width:i,height:i,stroke:r,strokeWidth:o?24*Number(c)/Number(i):c,className:u("lucide",l),...f},[...h.map(t=>{let[e,r]=t;return(0,n.createElement)(e,r)}),...Array.isArray(s)?s:[s]])}),o=(t,e)=>{let r=(0,n.forwardRef)((r,a)=>{let{className:o,...l}=r;return(0,n.createElement)(c,{ref:a,iconNode:e,className:u("lucide-".concat(i(t)),o),...l})});return r.displayName="".concat(t),r}},2660:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},2222:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Bot",[["path",{d:"M12 8V4H8",key:"hb8ula"}],["rect",{width:"16",height:"12",x:"4",y:"8",rx:"2",key:"enze0r"}],["path",{d:"M2 14h2",key:"vft8re"}],["path",{d:"M20 14h2",key:"4cs60a"}],["path",{d:"M15 13v2",key:"1xurst"}],["path",{d:"M9 13v2",key:"rq6x2g"}]])},1047:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]])},2934:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]])},6362:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]])},8220:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("FlaskConical",[["path",{d:"M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2",key:"pzvekw"}],["path",{d:"M8.5 2h7",key:"csnxdl"}],["path",{d:"M7 16h10",key:"wp8him"}]])},5621:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("History",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]])},5466:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("LayoutDashboard",[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]])},5846:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Lightbulb",[["path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",key:"1gvzjb"}],["path",{d:"M9 18h6",key:"x1upvd"}],["path",{d:"M10 22h4",key:"ceow96"}]])},2048:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Map",[["path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",key:"169xi5"}],["path",{d:"M15 5.764v15",key:"1pn4in"}],["path",{d:"M9 3.236v15",key:"1uimfh"}]])},2718:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]])},9554:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]])},7168:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},8728:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},2023:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]])},8896:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("Target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]])},525:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]])},6865:function(t,e,r){"use strict";r.d(e,{Z:function(){return n}});let n=(0,r(9205).Z)("TriangleAlert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]])},7648:function(t,e,r){"use strict";r.d(e,{default:function(){return i.a}});var n=r(2972),i=r.n(n)},9376:function(t,e,r){"use strict";var n=r(5475);r.o(n,"usePathname")&&r.d(e,{usePathname:function(){return n.usePathname}}),r.o(n,"useRouter")&&r.d(e,{useRouter:function(){return n.useRouter}})},257:function(t,e,r){"use strict";var n,i;t.exports=(null==(n=r.g.process)?void 0:n.env)&&"object"==typeof(null==(i=r.g.process)?void 0:i.env)?r.g.process:r(4227)},4227:function(t){!function(){var e={229:function(t){var e,r,n,i=t.exports={};function u(){throw Error("setTimeout has not been defined")}function a(){throw Error("clearTimeout has not been defined")}function c(t){if(e===setTimeout)return setTimeout(t,0);if((e===u||!e)&&setTimeout)return e=setTimeout,setTimeout(t,0);try{return e(t,0)}catch(r){try{return e.call(null,t,0)}catch(r){return e.call(this,t,0)}}}!function(){try{e="function"==typeof setTimeout?setTimeout:u}catch(t){e=u}try{r="function"==typeof clearTimeout?clearTimeout:a}catch(t){r=a}}();var o=[],l=!1,s=-1;function h(){l&&n&&(l=!1,n.length?o=n.concat(o):s=-1,o.length&&f())}function f(){if(!l){var t=c(h);l=!0;for(var e=o.length;e;){for(n=o,o=[];++s<e;)n&&n[s].run();s=-1,e=o.length}n=null,l=!1,function(t){if(r===clearTimeout)return clearTimeout(t);if((r===a||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(t);try{r(t)}catch(e){try{return r.call(null,t)}catch(e){return r.call(this,t)}}}(t)}}function d(t,e){this.fun=t,this.array=e}function y(){}i.nextTick=function(t){var e=Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)e[r-1]=arguments[r];o.push(new d(t,e)),1!==o.length||l||c(f)},d.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=y,i.addListener=y,i.once=y,i.off=y,i.removeListener=y,i.removeAllListeners=y,i.emit=y,i.prependListener=y,i.prependOnceListener=y,i.listeners=function(t){return[]},i.binding=function(t){throw Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(t){throw Error("process.chdir is not supported")},i.umask=function(){return 0}}},r={};function n(t){var i=r[t];if(void 0!==i)return i.exports;var u=r[t]={exports:{}},a=!0;try{e[t](u,u.exports,n),a=!1}finally{a&&delete r[t]}return u.exports}n.ab="//";var i=n(229);t.exports=i}()},1994:function(t,e,r){"use strict";e.Z=function(){for(var t,e,r=0,n="",i=arguments.length;r<i;r++)(t=arguments[r])&&(e=function t(e){var r,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e){if(Array.isArray(e)){var u=e.length;for(r=0;r<u;r++)e[r]&&(n=t(e[r]))&&(i&&(i+=" "),i+=n)}else for(n in e)e[n]&&(i&&(i+=" "),i+=n)}return i}(t))&&(n&&(n+=" "),n+=e);return n}}}]);

package/.next/static/chunks/app/goals/[id]/page-7a60dffb8ee860ed.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[945],{1806:function(e,t,s){Promise.resolve().then(s.bind(s,8935))},9397:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});let a=(0,s(9205).Z)("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]])},8935:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return Z}});var a=s(7437),l=s(2265),r=s(9376),i=s(7648),n=s(525),c=s(6865),d=s(3085),x=s(2934),o=s(7168),h=s(2660),m=s(8896),u=s(1047),p=s(5846),j=s(6362),g=s(1994),N=s(1259),f=s(104),b=s(9554),v=s(9397),y=s(6153),w=s(281);function k(e){let{kpis:t,goalId:s,onUpdateKPI:r}=e,[i,c]=(0,l.useState)(null),[x,o]=(0,l.useState)(null),[h,m]=(0,l.useState)(""),[u,p]=(0,l.useState)(!1),j=async e=>{if(!r||!h.trim())return;let t=parseFloat(h);if(!isNaN(t)){p(!0);try{await r(e,t),o(null),m("")}catch(e){console.error("Failed to update KPI:",e)}finally{p(!1)}}};return(0,a.jsx)("div",{className:"bg-white rounded-lg border border-slate-200 overflow-hidden",children:(0,a.jsxs)("table",{className:"w-full",children:[(0,a.jsx)("thead",{className:"bg-slate-50 border-b border-slate-200",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"text-left text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3",children:"KPI"}),(0,a.jsx)("th",{className:"text-center text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-24",children:"Trend"}),(0,a.jsx)("th",{className:"text-right text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-24",children:"Current"}),(0,a.jsx)("th",{className:"text-right text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-24",children:"Target"}),(0,a.jsx)("th",{className:"text-center text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-20",children:"Progress"}),(0,a.jsx)("th",{className:"text-center text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-16",children:"Source"}),r&&(0,a.jsx)("th",{className:"text-center text-xs font-medium text-slate-500 uppercase tracking-wider px-4 py-3 w-16",children:"Action"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-slate-100",children:t.map(e=>{let t=function(e){if(e.history.length<2)return{icon:b.Z,color:"text-slate-400",label:"No trend"};let t=e.history[0].value,s=e.history[e.history.length-1].value,a="higher_is_better"===e.direction?s>t:s<t;return t===s?{icon:b.Z,color:"text-slate-400",label:"Stable"}:a?{icon:n.Z,color:"text-emerald-500",label:"Improving"}:{icon:d.Z,color:"text-red-500",label:"Declining"}}(e),s=null===e.current_value||null===e.target_value?null:"higher_is_better"===e.direction?e.current_value/e.target_value*100:e.current_value<=e.target_value?100:e.target_value/e.current_value*100,l=t.icon,p=i===e.id,N=x===e.id;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("tr",{className:(0,g.Z)("hover:bg-slate-50 cursor-pointer transition-colors",p&&"bg-slate-50"),onClick:()=>c(p?null:e.id),children:[(0,a.jsx)("td",{className:"px-4 py-3",children:(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"w-16 h-8",children:(0,a.jsx)(w.Z,{kpi:e,height:32,width:64})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-slate-900",children:e.name}),(0,a.jsx)("p",{className:"text-xs text-slate-500 line-clamp-1",children:e.description})]})]})}),(0,a.jsx)("td",{className:"px-4 py-3 text-center",children:(0,a.jsx)("span",{className:(0,g.Z)("inline-flex items-center gap-1",t.color),title:t.label,children:(0,a.jsx)(l,{className:"w-4 h-4"})})}),(0,a.jsx)("td",{className:"px-4 py-3 text-right",children:(0,a.jsx)("span",{className:"text-sm font-medium text-slate-900",children:null!==e.current_value?"".concat(e.current_value).concat(e.unit):"--"})}),(0,a.jsx)("td",{className:"px-4 py-3 text-right",children:(0,a.jsx)("span",{className:"text-sm text-slate-500",children:null!==e.target_value?"".concat(e.target_value).concat(e.unit):"--"})}),(0,a.jsx)("td",{className:"px-4 py-3",children:null!==s?(0,a.jsx)("div",{className:"flex items-center justify-center",children:(0,a.jsx)("div",{className:"w-12 h-1.5 bg-slate-100 rounded-full overflow-hidden",children:(0,a.jsx)("div",{className:(0,g.Z)("h-full rounded-full",s>=100?"bg-emerald-500":s>=70?"bg-amber-500":"bg-red-500"),style:{width:"".concat(Math.min(s,100),"%")}})})}):(0,a.jsx)("span",{className:"text-xs text-slate-400 text-center block",children:"--"})}),(0,a.jsx)("td",{className:"px-4 py-3 text-center",children:(0,a.jsx)("span",{className:(0,g.Z)("text-xs px-1.5 py-0.5 rounded","manual"===e.source?"bg-slate-100 text-slate-600":"bg-blue-50 text-blue-600"),children:y.en[e.source]})}),r&&(0,a.jsx)("td",{className:"px-4 py-3 text-center",onClick:e=>e.stopPropagation(),children:"manual"===e.source&&(0,a.jsx)("button",{onClick:t=>{var s;t.stopPropagation(),o(e.id),m((null===(s=e.current_value)||void 0===s?void 0:s.toString())||"")},className:"p-1 text-slate-400 hover:text-emerald-600 transition-colors",title:"Add value",children:(0,a.jsx)(v.Z,{className:"w-4 h-4"})})})]},e.id),p&&(0,a.jsx)("tr",{children:(0,a.jsxs)("td",{colSpan:r?7:6,className:"px-4 py-4 bg-slate-50",children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"text-xs font-medium text-slate-500 uppercase mb-2",children:"History"}),e.history.length>0?(0,a.jsx)("div",{className:"h-32 bg-white rounded border border-slate-200 p-2",children:(0,a.jsx)(w.Z,{kpi:e,height:112,showTarget:!0})}):(0,a.jsx)("div",{className:"h-32 bg-white rounded border border-slate-200 flex items-center justify-center text-sm text-slate-400",children:"No historical data"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"text-xs font-medium text-slate-500 uppercase mb-2",children:"Details"}),(0,a.jsxs)("dl",{className:"space-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("dt",{className:"text-slate-500",children:"Direction"}),(0,a.jsx)("dd",{className:"text-slate-900",children:"higher_is_better"===e.direction?"Higher is better":"Lower is better"})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("dt",{className:"text-slate-500",children:"Data points"}),(0,a.jsx)("dd",{className:"text-slate-900",children:e.history.length})]}),e.history.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("dt",{className:"text-slate-500",children:"First recorded"}),(0,a.jsx)("dd",{className:"text-slate-900",children:e.history[0].date})]}),(0,a.jsxs)("div",{className:"flex justify-between",children:[(0,a.jsx)("dt",{className:"text-slate-500",children:"Last updated"}),(0,a.jsx)("dd",{className:"text-slate-900",children:e.history[e.history.length-1].date})]})]})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("h4",{className:"text-xs font-medium text-slate-500 uppercase mb-1",children:"Query"}),(0,a.jsx)("pre",{className:"text-xs text-slate-600 bg-white p-2 rounded border border-slate-200 overflow-x-auto",children:e.query})]})]})]}),N&&"manual"===e.source&&r&&(0,a.jsxs)("div",{className:"mt-4 pt-4 border-t border-slate-200 flex items-center gap-3",children:[(0,a.jsx)("label",{className:"text-sm text-slate-600",children:"Add new value:"}),(0,a.jsx)("input",{type:"number",value:h,onChange:e=>m(e.target.value),className:"w-24 px-2 py-1 text-sm border border-slate-300 rounded focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500",placeholder:"Value",step:"any"}),(0,a.jsx)("span",{className:"text-sm text-slate-500",children:e.unit}),(0,a.jsx)("button",{onClick:()=>j(e.id),disabled:u||!h.trim(),className:"px-3 py-1 text-sm bg-emerald-600 text-white rounded hover:bg-emerald-700 disabled:opacity-50 disabled:cursor-not-allowed",children:u?"Saving...":"Save"}),(0,a.jsx)("button",{onClick:()=>{o(null),m("")},className:"px-3 py-1 text-sm text-slate-600 hover:text-slate-900",children:"Cancel"})]})]})},"".concat(e.id,"-expanded"))]})})})]})})}function _(e){let{status:t}=e;switch(t){case"on_track":return(0,a.jsx)(n.Z,{className:"w-5 h-5"});case"at_risk":return(0,a.jsx)(c.Z,{className:"w-5 h-5"});case"behind":return(0,a.jsx)(d.Z,{className:"w-5 h-5"});case"achieved":return(0,a.jsx)(x.Z,{className:"w-5 h-5"})}}function Z(e){let{params:t}=e;(0,r.useRouter)();let{id:s}=t,[n,c]=(0,l.useState)(null),[d,x]=(0,l.useState)([]),[b,v]=(0,l.useState)(!0),[w,Z]=(0,l.useState)(!1),[S,C]=(0,l.useState)(null),P=async()=>{try{let e=await fetch("/api/goals/".concat(s)),t=await e.json();if(!t.success){C(t.error||"Failed to load goal");return}if(c(t.data),t.data.related_ideas.length>0){let e=await fetch("/api/ideas"),s=await e.json();if(s.success){let e=s.data.filter(e=>t.data.related_ideas.includes(e.id));x(e)}}}catch(e){C("Failed to load goal"),console.error("Error fetching goal:",e)}finally{v(!1)}};(0,l.useEffect)(()=>{P()},[s]);let I=async(e,t)=>{try{let a=await fetch("/api/goals/".concat(s,"/kpis"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({kpi_id:e,action:"add_history",value:t})}),l=await a.json();if(l.success)await P();else throw Error(l.error)}catch(e){throw console.error("Failed to update KPI:",e),e}},T=async e=>{try{let t=await fetch("/api/goals/".concat(s),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:e})}),a=await t.json();a.success&&c(a.data)}catch(e){console.error("Failed to update status:",e)}},F=async()=>{Z(!0);try{let e=await fetch("/api/kpis/refresh",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({goal_id:s})}),t=await e.json();t.success||console.error("KPI refresh failed:",t.error),await P()}catch(e){console.error("Error refreshing KPIs:",e)}finally{Z(!1)}};return b?(0,a.jsx)(N.default,{children:(0,a.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,a.jsx)(o.Z,{className:"w-8 h-8 text-slate-400 animate-spin"})})}):S||!n?(0,a.jsx)(N.default,{children:(0,a.jsxs)("div",{className:"p-6",children:[(0,a.jsxs)(i.default,{href:"/goals",className:"inline-flex items-center gap-2 text-slate-600 hover:text-slate-900 mb-6",children:[(0,a.jsx)(h.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Back to Goals"})]}),(0,a.jsx)("div",{className:"bg-red-50 border border-red-200 rounded-lg p-6 text-center",children:(0,a.jsx)("p",{className:"text-red-600",children:S||"Goal not found"})})]})}):(0,a.jsx)(N.default,{children:(0,a.jsxs)("div",{className:"p-6",children:[(0,a.jsxs)(i.default,{href:"/goals",className:"inline-flex items-center gap-2 text-slate-600 hover:text-slate-900 mb-6",children:[(0,a.jsx)(h.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Back to Goals"})]}),(0,a.jsxs)("div",{className:"bg-white rounded-lg border border-slate-200 p-6 mb-6",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between mb-4",children:[(0,a.jsxs)("div",{className:"flex items-start gap-4",children:[(0,a.jsx)("div",{className:"w-14 h-14 bg-emerald-100 rounded-xl flex items-center justify-center flex-shrink-0",children:(0,a.jsx)(m.Z,{className:"w-7 h-7 text-emerald-600"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"flex items-center gap-2 mb-1",children:(0,a.jsx)("span",{className:(0,g.Z)("text-xs px-2 py-0.5 rounded-full",y.l5[n.category]),children:y.kT[n.category]})}),(0,a.jsx)("h1",{className:"text-2xl font-bold text-slate-900 mb-1",children:n.title}),(0,a.jsx)("p",{className:"text-slate-500",children:n.description})]})]}),(0,a.jsxs)("div",{className:"flex flex-col items-end gap-2",children:[(0,a.jsxs)("span",{className:(0,g.Z)("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium border",y.i2[n.status]),children:[(0,a.jsx)(_,{status:n.status}),(0,a.jsx)("span",{children:y.tV[n.status]})]}),(0,a.jsxs)("select",{value:n.status,onChange:e=>T(e.target.value),className:"text-xs border border-slate-200 rounded px-2 py-1 text-slate-600",children:[(0,a.jsx)("option",{value:"on_track",children:"On Track"}),(0,a.jsx)("option",{value:"at_risk",children:"At Risk"}),(0,a.jsx)("option",{value:"behind",children:"Behind"}),(0,a.jsx)("option",{value:"achieved",children:"Achieved"})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-6 text-sm text-slate-500 mb-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(u.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:["Deadline: ",(0,a.jsx)("span",{className:"font-medium text-slate-700",children:n.deadline})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(p.Z,{className:"w-4 h-4"}),(0,a.jsxs)("span",{children:[n.related_ideas.length," linked ideas"]})]})]}),(0,a.jsx)(f.Z,{current:n.current_value,target:n.target_value,unit:n.target_unit,status:n.status})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:[(0,a.jsxs)("div",{className:"lg:col-span-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-slate-900",children:["Key Performance Indicators (",n.kpis.length,")"]}),(0,a.jsxs)("button",{onClick:F,disabled:w,className:"inline-flex items-center gap-2 px-3 py-1.5 text-sm text-slate-600 hover:text-slate-900 border border-slate-200 rounded-lg hover:bg-slate-50 disabled:opacity-50",children:[(0,a.jsx)(o.Z,{className:(0,g.Z)("w-4 h-4",w&&"animate-spin")}),(0,a.jsx)("span",{children:w?"Refreshing...":"Refresh KPIs"})]})]}),n.kpis.length>0?(0,a.jsx)(k,{kpis:n.kpis,goalId:n.id,onUpdateKPI:I}):(0,a.jsx)("div",{className:"bg-white rounded-lg border border-slate-200 p-8 text-center",children:(0,a.jsx)("p",{className:"text-slate-500",children:"No KPIs defined for this goal."})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-semibold text-slate-900 mb-4",children:"Related Ideas"}),d.length>0?(0,a.jsx)("div",{className:"space-y-3",children:d.map(e=>(0,a.jsxs)(i.default,{href:"/ideas/".concat(e.id),className:"block bg-white rounded-lg border border-slate-200 p-4 hover:border-emerald-300 hover:shadow-sm transition-all",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-slate-900 mb-1",children:e.title}),(0,a.jsx)("p",{className:"text-xs text-slate-500 line-clamp-2",children:e.summary})]}),(0,a.jsx)(j.Z,{className:"w-4 h-4 text-slate-400 flex-shrink-0"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 mt-2",children:[(0,a.jsx)("span",{className:(0,g.Z)("text-xs px-1.5 py-0.5 rounded","shipped"===e.stage?"bg-green-100 text-green-700":"in_progress"===e.stage?"bg-violet-100 text-violet-700":"bg-slate-100 text-slate-600"),children:e.stage.replace("_"," ")}),e.expected_impact&&(0,a.jsx)("span",{className:"text-xs text-slate-400",children:e.expected_impact})]})]},e.id))}):(0,a.jsxs)("div",{className:"bg-white rounded-lg border border-slate-200 p-6 text-center",children:[(0,a.jsx)(p.Z,{className:"w-8 h-8 text-slate-300 mx-auto mb-2"}),(0,a.jsx)("p",{className:"text-sm text-slate-500 mb-3",children:"No ideas linked to this goal yet."}),(0,a.jsx)(i.default,{href:"/",className:"text-sm text-emerald-600 hover:text-emerald-700",children:"Browse Ideas"})]}),(0,a.jsxs)("div",{className:"mt-6 bg-slate-50 rounded-lg border border-slate-200 p-4",children:[(0,a.jsx)("h3",{className:"text-sm font-medium text-slate-700 mb-2",children:"Tip: Link Ideas to Goals"}),(0,a.jsx)("p",{className:"text-xs text-slate-500",children:"When approving ideas, link them to this goal to track which improvements support your business objectives. Ideas linked to goals are prioritized in the analysis process."})]})]})]}),(0,a.jsxs)("div",{className:"mt-6 text-xs text-slate-400",children:[(0,a.jsxs)("p",{children:["Created: ",new Date(n.created_at).toLocaleString()]}),(0,a.jsxs)("p",{children:["Last updated: ",new Date(n.updated_at).toLocaleString()]})]})]})})}}},function(e){e.O(0,[972,827,354,971,117,744],function(){return e(e.s=1806)}),_N_E=e.O()}]);