@starlein/paperclip-plugin-company-wizard 0.4.3 → 0.4.5-a

package/dist/ui/index.js

@@ -549,8 +549,7 @@ var __iconNode41 = [
 var Zap = createLucideIcon("zap", __iconNode41);
 
 // src/ui/components/WizardShell.tsx
-import { useEffect as useEffect6, useState as useState9 } from "react";
-import { usePluginAction as usePluginAction6 } from "@paperclipai/plugin-sdk/ui";
+import { useEffect as useEffect7 } from "react";
 
 // src/ui/context/WizardContext.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -722,7 +721,7 @@ function useWizardDispatch() {
 }
 
 // src/ui/components/steps/StepOnboarding.tsx
-import { useState as useState2 } from "react";
+import { useEffect, useState as useState2 } from "react";
 import { usePluginAction } from "@paperclipai/plugin-sdk/ui";
 
 // src/ui/components/ui/card.tsx
@@ -3975,7 +3974,7 @@ var CardFooter = React.forwardRef(
 CardFooter.displayName = "CardFooter";
 
 // src/ui/components/steps/StepOnboarding.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 function PathCard({
   icon: Icon2,
   title,
@@ -4011,8 +4010,21 @@ function PathCard({
 function StepOnboarding() {
   const dispatch = useWizardDispatch();
   const refreshTemplates = usePluginAction("refresh-templates");
+  const checkUpdate = usePluginAction("check-update");
   const [refreshing, setRefreshing] = useState2(false);
   const [refreshMsg, setRefreshMsg] = useState2(null);
+  const [updateInfo, setUpdateInfo] = useState2(null);
+  useEffect(() => {
+    let cancelled = false;
+    checkUpdate({}).then((result) => {
+      if (!cancelled) setUpdateInfo(result);
+    }).catch(() => {
+      if (!cancelled) setUpdateInfo(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
   const handleRefresh = async () => {
     setRefreshing(true);
     setRefreshMsg(null);
@@ -4066,7 +4078,7 @@ function StepOnboarding() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 pt-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2 pt-2", children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -4079,6 +4091,30 @@ function StepOnboarding() {
           ]
         }
       ),
+      updateInfo?.ok && updateInfo.updateAvailable && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx3("span", { className: "text-xs text-muted-foreground/40", children: "|" }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 rounded-full bg-amber-500" }),
+          "Company Wizard plugin update: ",
+          updateInfo.currentVersion,
+          " \u2192 ",
+          updateInfo.latestVersion,
+          updateInfo.url && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: updateInfo.url,
+              target: "_blank",
+              rel: "noreferrer",
+              className: "inline-flex items-center gap-0.5 font-medium text-foreground hover:underline",
+              title: "Update the Company Wizard plugin package, then reload Paperclip",
+              children: [
+                "npm",
+                /* @__PURE__ */ jsx3(ExternalLink, { className: "h-3 w-3" })
+              ]
+            }
+          )
+        ] })
+      ] }),
       refreshMsg && /* @__PURE__ */ jsx3("span", { className: "text-xs text-muted-foreground", children: refreshMsg })
     ] })
   ] });
@@ -4977,24 +5013,24 @@ function StepRoles() {
 }
 
 // src/ui/components/steps/StepSummary.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState7 } from "react";
+import { useEffect as useEffect4, useRef as useRef3, useState as useState7 } from "react";
 import { usePluginAction as usePluginAction3 } from "@paperclipai/plugin-sdk/ui";
 
 // src/ui/components/ConfigReview.tsx
-import { useEffect as useEffect2, useState as useState6, useCallback as useCallback6, useRef as useRef2 } from "react";
+import { useEffect as useEffect3, useState as useState6, useCallback as useCallback6, useRef as useRef2 } from "react";
 import { usePluginAction as usePluginAction2 } from "@paperclipai/plugin-sdk/ui";
 
 // src/ui/components/ui/hover-card.tsx
 import {
   useState as useState5,
   useRef,
-  useEffect,
+  useEffect as useEffect2,
   useCallback as useCallback5,
   createContext as createContext2,
   useContext as useContext2
 } from "react";
 import * as ReactDOM from "react-dom";
-import { Fragment, jsx as jsx13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
 var HoverCardContext = createContext2({ open: false, triggerRef: { current: null } });
 function HoverCardRoot({
   children,
@@ -5013,7 +5049,7 @@ function HoverCardRoot({
     clearTimeout(openTimer.current);
     closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
   }, [closeDelay]);
-  useEffect(
+  useEffect2(
     () => () => {
       clearTimeout(openTimer.current);
       clearTimeout(closeTimer.current);
@@ -5032,7 +5068,7 @@ function HoverCardRoot({
   ) });
 }
 function HoverCardTrigger({ children }) {
-  return /* @__PURE__ */ jsx13(Fragment, { children });
+  return /* @__PURE__ */ jsx13(Fragment2, { children });
 }
 function HoverCardContent({
   children,
@@ -5044,7 +5080,7 @@ function HoverCardContent({
   const { open, triggerRef } = useContext2(HoverCardContext);
   const [pos, setPos] = useState5(null);
   const contentRef = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     if (!open || !triggerRef.current) {
       setPos(null);
       return;
@@ -5093,7 +5129,7 @@ function HoverCardPortal({ children }) {
 }
 
 // src/ui/components/ConfigReview.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function SummaryRow({
   icon: Icon2,
   label,
@@ -5657,7 +5693,7 @@ function ConfigReview() {
       loadPreview();
     }
   }, [loadingFiles, previewFiles, repositoryFingerprint, showFiles, loadPreview]);
-  useEffect2(() => {
+  useEffect3(() => {
     refreshPreview();
   }, [refreshPreview]);
   const saveRepository = (repo) => {
@@ -5672,7 +5708,7 @@ function ConfigReview() {
     });
     setEditing(null);
   };
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
     /* @__PURE__ */ jsx14(Card, { children: /* @__PURE__ */ jsxs8(CardContent, { className: "divide-y p-0", children: [
       /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(SummaryRow, { icon: Building2, label: "Company", onEdit: () => setEditing("name"), children: editing === "name" ? /* @__PURE__ */ jsx14(
         InlineEdit,
@@ -5685,7 +5721,7 @@ function ConfigReview() {
           onCancel: () => setEditing(null),
           placeholder: "Company name"
         }
-      ) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      ) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
         /* @__PURE__ */ jsx14("span", { className: "font-medium", children: state.companyName || "(unnamed)" }),
         /* @__PURE__ */ jsxs8("span", { className: "text-muted-foreground ml-2", children: [
           "\u2192 ",
@@ -5710,7 +5746,7 @@ function ConfigReview() {
               onCancel: () => setEditing(null),
               placeholder: "Leave empty to create a new company, or paste existing company ID"
             }
-          ) : state.existingCompanyId ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          ) : state.existingCompanyId ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
             /* @__PURE__ */ jsx14("span", { className: "font-medium", children: "Existing company" }),
             /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground ml-2 font-mono text-xs", children: state.existingCompanyId })
           ] }) : /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Create a new company" })
@@ -5731,7 +5767,7 @@ function ConfigReview() {
           type: "button",
           onClick: () => setEditing("repository"),
           className: "group/repo w-full text-left rounded-md -mx-1 px-1 py-0.5 hover:bg-accent/50 transition-colors",
-          children: isExternalRepo ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          children: isExternalRepo ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
             /* @__PURE__ */ jsx14("span", { className: "font-medium", children: "External Git repository" }),
             /* @__PURE__ */ jsx14("span", { className: "ml-2 text-xs text-muted-foreground underline decoration-dotted underline-offset-2 group-hover/repo:text-foreground", children: "Change" }),
             primaryRepoUrl && /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground mt-0.5 wrap-break-word", children: primaryRepoUrl }),
@@ -5739,7 +5775,7 @@ function ConfigReview() {
               "Ref: ",
               primaryRepoRef
             ] })
-          ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
             /* @__PURE__ */ jsx14("span", { className: "font-medium", children: "Create a new Git repository" }),
             /* @__PURE__ */ jsx14("span", { className: "ml-2 text-xs text-muted-foreground underline decoration-dotted underline-offset-2 group-hover/repo:text-foreground", children: "Change \u2014 use an existing repository" }),
             /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
@@ -5782,7 +5818,7 @@ function ConfigReview() {
             multiline: true
           }
         )
-      ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      ] }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
         /* @__PURE__ */ jsx14("span", { children: state.goals[0]?.title || "(no goal)" }),
         state.goals[0]?.description && /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground mt-0.5", children: state.goals[0].description }),
         state.goals.length > 1 && /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
@@ -5925,7 +5961,7 @@ function ConfigReview() {
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground mt-0.5", children: previewError })
         ] })
       ] }),
-      previewFiles && !loadingFiles && /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      previewFiles && !loadingFiles && /* @__PURE__ */ jsxs8(Fragment3, { children: [
         /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "Click a file to expand. Use the edit button to override its content before provisioning." }),
           /* @__PURE__ */ jsxs8(
@@ -6010,7 +6046,7 @@ function StepSummary() {
   const checkAuth = usePluginAction3("check-auth");
   const [authError, setAuthError] = useState7(null);
   const checked = useRef3(false);
-  useEffect3(() => {
+  useEffect4(() => {
     if (checked.current) return;
     checked.current = true;
     checkAuth({}).then((result) => {
@@ -6055,7 +6091,7 @@ function StepSummary() {
 }
 
 // src/ui/components/steps/StepAiWizard.tsx
-import { useState as useState8, useRef as useRef4, useEffect as useEffect4 } from "react";
+import { useState as useState8, useRef as useRef4, useEffect as useEffect5 } from "react";
 import { usePluginAction as usePluginAction4 } from "@paperclipai/plugin-sdk/ui";
 
 // raw:/paperclip/paperclip-plugin-company-wizard/src/ui/prompts/interview-system.md
@@ -6232,7 +6268,7 @@ function PhaseIndicator({
 function ConfiguringAnimation({ ready, onDone }) {
   const [step, setStep] = useState8(0);
   const [animDone, setAnimDone] = useState8(false);
-  useEffect4(() => {
+  useEffect5(() => {
     if (step < CONFIG_STEPS.length) {
       const timer = setTimeout(() => setStep((s) => s + 1), 600);
       return () => clearTimeout(timer);
@@ -6240,7 +6276,7 @@ function ConfiguringAnimation({ ready, onDone }) {
       setAnimDone(true);
     }
   }, [step]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (animDone && ready) {
       const timer = setTimeout(onDone, 300);
       return () => clearTimeout(timer);
@@ -6290,22 +6326,22 @@ function StepAiWizard() {
   const scrollRef = useRef4(null);
   const inputRef = useRef4(null);
   const pendingConfigRef = useRef4(null);
-  useEffect4(() => {
+  useEffect5(() => {
     checkAiConfig({}).then((result) => {
       if (!result.ok) setConfigWarning(result.error);
       else setConfigWarning(null);
     }).catch(() => {
     });
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
   }, [messages, loading]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!loading && phase === "interview") {
       inputRef.current?.focus();
     }
   }, [loading, phase]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!loading) return;
     const interval = setInterval(() => {
       setLoadingMsg(LOADING_MESSAGES[Math.floor(Math.random() * LOADING_MESSAGES.length)]);
@@ -6857,7 +6893,7 @@ function StepAiWizard() {
 }
 
 // src/ui/components/steps/StepProvision.tsx
-import { useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useEffect as useEffect6, useRef as useRef5 } from "react";
 import { usePluginAction as usePluginAction5 } from "@paperclipai/plugin-sdk/ui";
 import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function isConfigError(error) {
@@ -6871,10 +6907,10 @@ function StepProvision() {
   const started = useRef5(false);
   const logEndRef = useRef5(null);
   const startProvision = usePluginAction5("start-provision");
-  useEffect5(() => {
+  useEffect6(() => {
     logEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [state.provisionLog]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (started.current) return;
     started.current = true;
     dispatch({ type: "SET_PROVISIONING", value: true });
@@ -7130,52 +7166,11 @@ function StepIndicator() {
 function WizardShell() {
   const state = useWizard();
   const dispatch = useWizardDispatch();
-  const checkUpdate = usePluginAction6("check-update");
-  const [updateInfo, setUpdateInfo] = useState9(null);
   const StepComponent = STEP_COMPONENTS[state.step];
-  useEffect6(() => {
+  useEffect7(() => {
     window.scrollTo({ top: 0 });
   }, [state.step]);
-  useEffect6(() => {
-    let cancelled = false;
-    checkUpdate({}).then((result) => {
-      if (!cancelled) setUpdateInfo(result);
-    }).catch(() => {
-      if (!cancelled) setUpdateInfo(null);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
   return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
-    updateInfo?.ok && updateInfo.updateAvailable && /* @__PURE__ */ jsx19("div", { className: "mx-6 mt-4 rounded-lg border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-800 dark:text-amber-200", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx19(TriangleAlert, { className: "h-4 w-4 shrink-0 mt-0.5" }),
-        /* @__PURE__ */ jsxs13("div", { children: [
-          /* @__PURE__ */ jsx19("p", { className: "font-medium", children: "Company Wizard update available" }),
-          /* @__PURE__ */ jsxs13("p", { className: "mt-0.5 text-amber-700 dark:text-amber-300", children: [
-            "Installed ",
-            updateInfo.currentVersion,
-            "; latest ",
-            updateInfo.latestVersion,
-            ". Update the plugin package, then reload Paperclip."
-          ] })
-        ] })
-      ] }),
-      updateInfo.url && /* @__PURE__ */ jsxs13(
-        "a",
-        {
-          href: updateInfo.url,
-          target: "_blank",
-          rel: "noreferrer",
-          className: "inline-flex items-center gap-1 whitespace-nowrap font-medium hover:underline",
-          children: [
-            "npm",
-            /* @__PURE__ */ jsx19(ExternalLink, { className: "h-3 w-3" })
-          ]
-        }
-      )
-    ] }) }),
     getUserStepIndex(state) >= 1 && state.step !== "provision" && state.step !== "done" && /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-end px-6 py-3", children: /* @__PURE__ */ jsx19(StepIndicator, {}) }),
     /* @__PURE__ */ jsx19("main", { className: "flex-1 flex items-start justify-center p-6", children: /* @__PURE__ */ jsx19("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx19(StepComponent, {}) }) }),
     state.error && /* @__PURE__ */ jsxs13("div", { className: "fixed bottom-0 inset-x-0 bg-destructive/10 border-t border-destructive/20 px-6 py-3 text-sm text-destructive flex items-center justify-between", children: [