@starlein/paperclip-plugin-company-wizard 0.4.10 → 0.4.12

package/dist/ui/index.js

@@ -581,7 +581,7 @@ var __iconNode45 = [
 var Zap = createLucideIcon("zap", __iconNode45);
 
 // src/ui/components/WizardShell.tsx
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect9 } from "react";
 
 // src/ui/context/WizardContext.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -4133,9 +4133,9 @@ function StepOnboarding() {
           title: "Update existing company",
           description: "Re-provision or modify an existing org",
           details: [
-            "Select company by ID",
-            "Choose preset, modules, and roles",
-            "Preview changes before applying",
+            "Pick from your existing companies",
+            "Re-sync instructions, docs, and routines",
+            "Name, goals, and repository stay untouched",
             "Preserves individual skill assignments"
           ],
           onClick: () => dispatch({ type: "SET_PATH", path: "update" })
@@ -5662,6 +5662,7 @@ function FileEntry({
 function ConfigReview() {
   const state = useWizard();
   const dispatch = useWizardDispatch();
+  const isUpdate = state.path === "update";
   const [editing, setEditing] = useState6(null);
   const [showDetails, setShowDetails] = useState6(false);
   const [showFiles, setShowFiles] = useState6(false);
@@ -5774,26 +5775,37 @@ function ConfigReview() {
   };
   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,
+      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+        SummaryRow,
         {
-          value: state.companyName,
-          onSave: (v) => {
-            dispatch({ type: "SET_COMPANY_NAME", value: v });
-            setEditing(null);
-          },
-          onCancel: () => setEditing(null),
-          placeholder: "Company name"
+          icon: Building2,
+          label: isUpdate ? "Company (updating)" : "Company",
+          onEdit: isUpdate ? void 0 : () => setEditing("name"),
+          children: !isUpdate && editing === "name" ? /* @__PURE__ */ jsx14(
+            InlineEdit,
+            {
+              value: state.companyName,
+              onSave: (v) => {
+                dispatch({ type: "SET_COMPANY_NAME", value: v });
+                setEditing(null);
+              },
+              onCancel: () => setEditing(null),
+              placeholder: "Company name"
+            }
+          ) : isUpdate ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
+            /* @__PURE__ */ jsx14("span", { className: "font-medium", children: state.companyName || "(unnamed)" }),
+            /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground ml-2 font-mono text-xs", children: state.existingCompanyId })
+          ] }) : /* @__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 ",
+              toPascalCase2(state.companyName || "Company"),
+              "/"
+            ] })
+          ] })
         }
-      ) : /* @__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 ",
-          toPascalCase2(state.companyName || "Company"),
-          "/"
-        ] })
-      ] }) }) }),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+      ) }),
+      !isUpdate && /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
         SummaryRow,
         {
           icon: ArrowUpRight,
@@ -5816,41 +5828,49 @@ function ConfigReview() {
           ] }) : /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Create a new company" })
         }
       ) }),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(SummaryRow, { icon: GitBranch, label: "Repository", onEdit: () => setEditing("repository"), children: editing === "repository" ? /* @__PURE__ */ jsx14(
-        RepositoryEdit,
-        {
-          project: primaryProject ?? null,
-          onSave: (repo) => {
-            saveRepository(repo);
-          },
-          onCancel: () => setEditing(null)
-        }
-      ) : /* @__PURE__ */ jsx14(
-        "button",
+      !isUpdate && /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(
+        SummaryRow,
         {
-          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(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 }),
-            primaryRepoRef && /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
-              "Ref: ",
-              primaryRepoRef
-            ] })
-          ] }) : /* @__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: [
-              "Fresh local workspace",
-              primaryRepoRef ? ` on ${primaryRepoRef}` : "",
-              primaryWorkspace?.setupCommand ? ` \xB7 ${primaryWorkspace.setupCommand}` : ""
-            ] })
-          ] })
+          icon: GitBranch,
+          label: "Repository",
+          onEdit: () => setEditing("repository"),
+          children: editing === "repository" ? /* @__PURE__ */ jsx14(
+            RepositoryEdit,
+            {
+              project: primaryProject ?? null,
+              onSave: (repo) => {
+                saveRepository(repo);
+              },
+              onCancel: () => setEditing(null)
+            }
+          ) : /* @__PURE__ */ jsx14(
+            "button",
+            {
+              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(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 }),
+                primaryRepoRef && /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
+                  "Ref: ",
+                  primaryRepoRef
+                ] })
+              ] }) : /* @__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: [
+                  "Fresh local workspace",
+                  primaryRepoRef ? ` on ${primaryRepoRef}` : "",
+                  primaryWorkspace?.setupCommand ? ` \xB7 ${primaryWorkspace.setupCommand}` : ""
+                ] })
+              ] })
+            }
+          )
         }
-      ) }) }),
-      /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(SummaryRow, { icon: Target, label: "Goal", onEdit: () => setEditing("goal"), children: editing === "goal" ? /* @__PURE__ */ jsx14(
+      ) }),
+      !isUpdate && /* @__PURE__ */ jsx14("div", { className: "px-4", children: /* @__PURE__ */ jsx14(SummaryRow, { icon: Target, label: "Goal", onEdit: () => setEditing("goal"), children: editing === "goal" ? /* @__PURE__ */ jsx14(
         InlineEdit,
         {
           value: state.goals[0]?.title || "",
@@ -7287,12 +7307,43 @@ function StepPreview() {
 }
 
 // src/ui/components/steps/StepExistingCompany.tsx
-import { useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState10 } from "react";
+import { usePluginAction as usePluginAction7 } from "@paperclipai/plugin-sdk/ui";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function StepExistingCompany() {
   const state = useWizard();
   const dispatch = useWizardDispatch();
+  const listCompanies = usePluginAction7("list-companies");
+  const [companies, setCompanies] = useState10(null);
+  const [loading, setLoading] = useState10(true);
+  const [loadError, setLoadError] = useState10(null);
+  const [manual, setManual] = useState10(false);
   const [touched, setTouched] = useState10(false);
+  const requested = useRef7(false);
+  const load = () => {
+    setLoading(true);
+    setLoadError(null);
+    listCompanies({}).then((result) => {
+      if (result?.error) {
+        setLoadError(result.error);
+        setCompanies(null);
+        return;
+      }
+      setCompanies(Array.isArray(result?.companies) ? result.companies : []);
+    }).catch((err) => {
+      setLoadError(err?.message || "Could not load companies");
+      setCompanies(null);
+    }).finally(() => setLoading(false));
+  };
+  useEffect8(() => {
+    if (requested.current) return;
+    requested.current = true;
+    load();
+  }, []);
+  const selectCompany = (company) => {
+    dispatch({ type: "SET_EXISTING_COMPANY_ID", value: company.id });
+    dispatch({ type: "SET_COMPANY_NAME", value: company.name || "" });
+  };
   const isEmpty = !state.existingCompanyId.trim();
   const handleNext = () => {
     if (isEmpty) {
@@ -7304,9 +7355,81 @@ function StepExistingCompany() {
   return /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold tracking-tight", children: "Update existing company" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Enter the ID of the company you want to update. This will load the existing configuration and allow you to modify modules, roles, and settings." })
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Pick the company you want to update. The wizard re-syncs its agent instructions, docs, modules, roles, and routines \u2014 the company name, goals, and repository stay untouched." })
+    ] }),
+    loading && /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center gap-2 py-8 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx19(LoaderCircle, { className: "h-4 w-4 animate-spin" }),
+      "Loading your companies\u2026"
+    ] }),
+    !loading && loadError && !manual && /* @__PURE__ */ jsx19("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 rounded-lg border border-amber-500/30 bg-amber-500/10 p-4", children: [
+      /* @__PURE__ */ jsx19(TriangleAlert, { className: "h-4 w-4 text-amber-500 shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium text-amber-800 dark:text-amber-200", children: "Could not load companies" }),
+        /* @__PURE__ */ jsx19("p", { className: "text-xs text-amber-700 dark:text-amber-300 wrap-break-word", children: loadError }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs13(Button, { variant: "outline", size: "sm", className: "text-xs", onClick: load, children: [
+            /* @__PURE__ */ jsx19(RefreshCw, { className: "h-3 w-3 mr-1.5" }),
+            "Retry"
+          ] }),
+          /* @__PURE__ */ jsx19(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "text-xs",
+              onClick: () => setManual(true),
+              children: "Enter ID manually"
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    !loading && !manual && companies && /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
+      companies.length === 0 ? /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: [
+        "No companies found on this instance.",
+        /* @__PURE__ */ jsx19(
+          "button",
+          {
+            type: "button",
+            onClick: () => setManual(true),
+            className: "ml-1 underline decoration-dotted underline-offset-2 hover:text-foreground",
+            children: "Enter an ID manually"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx19("div", { className: "space-y-2 max-h-[360px] overflow-y-auto pr-1", children: companies.map((company) => {
+        const selected = state.existingCompanyId === company.id;
+        return /* @__PURE__ */ jsxs13(
+          "button",
+          {
+            type: "button",
+            onClick: () => selectCompany(company),
+            className: cn(
+              "w-full flex items-start gap-3 rounded-lg border p-3 text-left transition-colors",
+              selected ? "border-foreground/30 bg-accent" : "border-border hover:border-foreground/20 hover:bg-accent/50"
+            ),
+            children: [
+              /* @__PURE__ */ jsx19("div", { className: "h-8 w-8 rounded-md bg-secondary flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium truncate", children: company.name || "(unnamed)" }),
+                company.description ? /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground line-clamp-2", children: company.description }) : /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground font-mono truncate", children: company.id })
+              ] }),
+              selected && /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4 text-foreground shrink-0 mt-0.5" })
+            ]
+          },
+          company.id
+        );
+      }) }),
+      companies.length > 0 && /* @__PURE__ */ jsx19(
+        "button",
+        {
+          type: "button",
+          onClick: () => setManual(true),
+          className: "text-xs text-muted-foreground hover:text-foreground underline decoration-dotted underline-offset-2",
+          children: "Company not listed? Enter an ID manually"
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
+    !loading && manual && /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx19(
         Input,
         {
@@ -7315,10 +7438,19 @@ function StepExistingCompany() {
           onChange: (e) => dispatch({ type: "SET_EXISTING_COMPANY_ID", value: e.target.value }),
           onKeyDown: (e) => e.key === "Enter" && handleNext(),
           autoFocus: true,
-          className: "text-base h-11"
+          className: "text-base h-11 font-mono"
         }
       ),
-      touched && isEmpty && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Please enter a company ID." })
+      touched && isEmpty && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Please enter a company ID." }),
+      companies && companies.length > 0 && /* @__PURE__ */ jsx19(
+        "button",
+        {
+          type: "button",
+          onClick: () => setManual(false),
+          className: "text-xs text-muted-foreground hover:text-foreground underline decoration-dotted underline-offset-2",
+          children: "Back to the company list"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-3", children: [
       /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: () => dispatch({ type: "GO_TO", step: "onboarding" }), children: "Back" }),
@@ -7448,7 +7580,7 @@ function WizardShell() {
   const state = useWizard();
   const dispatch = useWizardDispatch();
   const StepComponent = STEP_COMPONENTS[state.step];
-  useEffect8(() => {
+  useEffect9(() => {
     window.scrollTo({ top: 0 });
   }, [state.step]);
   return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col", children: [