shadcn-studio-extension-cli 0.1.10 → 0.2.0

package/dist/toolbar-app/{index-pswOz6KO.js → index-DSOLAkGe.js}

@@ -3038,7 +3038,7 @@ var baseSelectedElementSchema = external_exports.object({
   installationCommand: external_exports.string().describe("The installation command for the theme.")
 }), promptActionSchema = external_exports.enum(["copy", "send", "both"]).describe(
   "Action to take when triggering the prompt: copy to clipboard only, send to IDE only, or both"
-), CliVersionSchema = external_exports.enum(["v3", "v2"]).describe("The version of the Shadcn CLI used."), userMessageMetadataSchema = external_exports.object({
+), userMessageMetadataSchema = external_exports.object({
   currentUrl: external_exports.string().max(1024).url().nullable(),
   currentTitle: external_exports.string().max(256).nullable(),
   currentZoomLevel: external_exports.number(),
@@ -3055,8 +3055,7 @@ var baseSelectedElementSchema = external_exports.object({
   selectedThemes: external_exports.array(selectedThemeSchema).max(20).describe("Selected themes"),
   selectedDocs: external_exports.array(selectedDocSchema).max(20).describe("Selected documentation items"),
   selectedBlocks: external_exports.array(selectedBlockSchema).max(20).describe("Selected code blocks"),
-  promptAction: promptActionSchema.optional().default("send").describe("Action to take when triggering the prompt"),
-  cliVersion: CliVersionSchema.default("v3").describe("The version of the Shadcn CLI used.")
+  promptAction: promptActionSchema.optional().default("send").describe("Action to take when triggering the prompt")
 }), userMessageContentItemSchema = external_exports.discriminatedUnion("type", [
   external_exports.object({
     type: external_exports.literal("text"),
@@ -4864,7 +4863,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -5057,7 +5056,7 @@ function AgentProvider({ children }) {
             ), scanAgents()) : (console.debug(
               `[AgentProvider] Starting retry attempts for port ${port}...`
             ), startRetryConnection(port), console.info(
-              "[FlyonUI IDE Extension] Searching for available agents after connection loss..."
+              "[Shadcn/studio IDE Extension] Searching for available agents after connection loss..."
             ), scanAgents());
           },
           () => {
@@ -8289,7 +8288,21 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   category: doc.category
   // Note: content could be added here if we fetch it separately
   // content: truncateString(doc.code || '', 32768),
-}), getSelectedBlockInfo = (block) => {
+}), getLicenseDataFromStorage = () => {
+  try {
+    const stored = localStorage.getItem("shadcnstudio_license_key");
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return {
+        email: parsed.email || null,
+        licenseKey: parsed.licenseKey || null
+      };
+    }
+  } catch (error) {
+    console.warn("Failed to get license data:", error);
+  }
+  return { email: null, licenseKey: null };
+}, getSelectedBlockInfo = (block) => {
   const blockInstallationCmd = `npx shadcn@latest add @ss-blocks/${block.name}`;
   return {
     name: block.name,
@@ -8297,12 +8310,12 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     installationCommand: blockInstallationCmd
   };
 }, getSelectedThemeInfo = (theme) => {
-  const themeInstallCommand = `npx shadcn@latest add theme ${theme.name}`;
+  const themeInstallCommand = `npx shadcn@latest apply "https://shadcnstudio.com/r/themes/${theme.name}.json"`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
   };
-}, collectUserMessageMetadata = (selectedElements, selectedDocs = [], selectedBlocks = [], selectedThemes = [], promptAction = "both", cliVersion = "v3") => {
+}, collectUserMessageMetadata = (selectedElements, selectedDocs = [], selectedBlocks = [], selectedThemes = [], promptAction = "both") => {
   const iframeWindow = getIFrameWindow();
   return {
     currentUrl: truncateString(iframeWindow == null ? void 0 : iframeWindow.location.href, 1024),
@@ -8316,7 +8329,6 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     selectedBlocks,
     selectedThemes,
     promptAction,
-    cliVersion,
     viewportResolution: {
       width: iframeWindow == null ? void 0 : iframeWindow.innerWidth,
       height: iframeWindow == null ? void 0 : iframeWindow.innerHeight
@@ -8331,8 +8343,7 @@ function loadStateFromStorage() {
     return {
       minimized: parsed.minimized,
       theme: parsed.theme,
-      promptAction: parsed.promptAction,
-      cliVersion: parsed.cliVersion
+      promptAction: parsed.promptAction
     };
   } catch (error) {
     return console.error("Failed to load state from storage:", error), {};
@@ -8358,7 +8369,6 @@ function AppStateProvider({ children }) {
       minimized: storedState.minimized ?? !1,
       theme: storedState.theme ?? "system",
       promptAction: storedState.promptAction ?? "send",
-      cliVersion: storedState.cliVersion ?? "v3",
       requestMainAppBlock: () => 0,
       // These will be replaced by the actual implementations
       requestMainAppUnblock: () => 0,
@@ -8377,8 +8387,6 @@ function AppStateProvider({ children }) {
       setTheme: () => {
       },
       setPromptAction: () => {
-      },
-      setCliVersion: () => {
       }
     };
   });
@@ -8454,8 +8462,6 @@ function AppStateProvider({ children }) {
     setState((prev) => ({ ...prev, theme }));
   }, []), setPromptAction = useCallback((promptAction) => {
     setState((prev) => ({ ...prev, promptAction }));
-  }, []), setCliVersion = useCallback((cliVersion) => {
-    setState((prev) => ({ ...prev, cliVersion }));
   }, []), value = {
     requestMainAppBlock,
     requestMainAppUnblock,
@@ -8471,9 +8477,7 @@ function AppStateProvider({ children }) {
     theme: state.theme,
     setTheme,
     promptAction: state.promptAction,
-    setPromptAction,
-    cliVersion: state.cliVersion,
-    setCliVersion
+    setPromptAction
   };
   return /* @__PURE__ */ jsx(AppContext.Provider, { value, children });
 }
@@ -8821,11 +8825,11 @@ function Button({
         size === "sm" && "h-8",
         size === "md" && "h-12",
         size === "lg" && "h-16",
-        variant === "primary" && "bg-blue-600",
+        variant === "primary" && "bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900",
         variant === "secondary" && "bg-black/5 text-zinc-950/70",
-        variant === "outline" && "border border-zinc-500 bg-white text-blue-500",
-        variant === "ghost" && "bg-transparent text-blue-500",
-        glassy && "origin-center rounded-xl border border-black/10 ring-1 ring-white/20 transition-all duration-150 ease-out after:absolute after:inset-0 after:size-full after:content-normal after:rounded-[inherit] after:bg-gradient-to-b after:from-white/5 after:to-white/0 after:transition-colors after:duration-150 after:ease-out hover:border-black/5 hover:shadow-xs hover:after:from-blue-50/20 hover:after:to-blue-50/15 active:scale-[98%] active:border-black/15 active:shadow-inset active:after:from-transparent active:after:to-transparent disabled:pointer-events-none disabled:bg-black/5 disabled:text-foreground/60 disabled:opacity-30",
+        variant === "outline" && "border border-zinc-300 bg-white text-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300",
+        variant === "ghost" && "bg-transparent text-zinc-700 dark:text-zinc-300",
+        glassy && "origin-center rounded-xl border border-black/10 ring-1 ring-white/20 transition-all duration-150 ease-out after:absolute after:inset-0 after:size-full after:content-normal after:rounded-[inherit] after:bg-gradient-to-b after:from-white/5 after:to-white/0 after:transition-colors after:duration-150 after:ease-out hover:border-black/5 hover:shadow-xs hover:after:from-zinc-50/20 hover:after:to-zinc-50/15 active:scale-[98%] active:border-black/15 active:shadow-inset active:after:from-transparent active:after:to-transparent disabled:pointer-events-none disabled:bg-black/5 disabled:text-foreground/60 disabled:opacity-30",
         className
       ),
       type: "submit",
@@ -8869,9 +8873,10 @@ export {
   ConfigProvider as C,
   PanelFooter as D,
   cva as E,
-  AppStateProvider as F,
+  getLicenseDataFromStorage as F,
   Glassy as G,
   HotkeyActions as H,
+  AppStateProvider as I,
   PanelsProvider as P,
   useAppState as a,
   usePlugins as b,

package/dist/toolbar-app/{index-rW3Giydl.js → index-DVhsFHfB.js}

@@ -4864,7 +4864,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -8304,14 +8304,14 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   }
   return { email: null, licenseKey: null };
 }, getSelectedBlockInfo = (block, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), blockInstallationCmd = cliVersion === "v3" ? `npx shadcn@latest add @ss-blocks/${block.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/blocks/${block.name}.json?email=${email}&license_key=${licenseKey}"`;
+  const { email, licenseKey } = getLicenseDataFromStorage(), blockInstallationCmd = `npx shadcn@latest add @ss-blocks/${block.name}`;
   return {
     name: block.name,
     description: block.description,
     installationCommand: blockInstallationCmd
   };
 }, getSelectedThemeInfo = (theme, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = cliVersion === "v3" ? `npx shadcn@latest add theme ${theme.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/themes/${theme.name}.json?email=${email}&license_key=${licenseKey}"`;
+  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = `npx shadcn@latest add @ss-themes/${theme.name}`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
@@ -8400,9 +8400,10 @@ function AppStateProvider({ children }) {
     saveStateToStorage({
       minimized: state.minimized,
       theme: state.theme,
-      promptAction: state.promptAction
+      promptAction: state.promptAction,
+      cliVersion: state.cliVersion
     });
-  }, [state.minimized, state.theme, state.promptAction]), useEffect(() => {
+  }, [state.minimized, state.theme, state.promptAction, state.cliVersion]), useEffect(() => {
     const applyTheme = () => {
       const toolbarElement = document.querySelector(
         "#stagewise-companion-anchor"

package/dist/toolbar-app/{index-ChCX2CjU.js → index-DfTwb8mq.js}

@@ -3038,7 +3038,7 @@ var baseSelectedElementSchema = external_exports.object({
   installationCommand: external_exports.string().describe("The installation command for the theme.")
 }), promptActionSchema = external_exports.enum(["copy", "send", "both"]).describe(
   "Action to take when triggering the prompt: copy to clipboard only, send to IDE only, or both"
-), CliVersionSchema = external_exports.enum(["v3", "v2"]).describe("The version of the Shadcn CLI used."), userMessageMetadataSchema = external_exports.object({
+), CliVersionSchema = external_exports.enum(["v3"]).describe("The version of the Shadcn CLI used."), userMessageMetadataSchema = external_exports.object({
   currentUrl: external_exports.string().max(1024).url().nullable(),
   currentTitle: external_exports.string().max(256).nullable(),
   currentZoomLevel: external_exports.number(),
@@ -4864,7 +4864,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -8291,7 +8291,7 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   // content: truncateString(doc.code || '', 32768),
 }), getLicenseDataFromStorage = () => {
   try {
-    const stored = localStorage.getItem("ShadcnStudio_license_key");
+    const stored = localStorage.getItem("shadcnstudio_license_key");
     if (stored) {
       const parsed = JSON.parse(stored);
       return {
@@ -8303,15 +8303,15 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     console.warn("Failed to get license data:", error);
   }
   return { email: null, licenseKey: null };
-}, getSelectedBlockInfo = (block, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), blockInstallationCmd = cliVersion === "v3" ? `npx shadcn@latest add @ss-blocks/${block.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/blocks/${block.name}.json?email=${email}&license_key=${licenseKey}"`;
+}, getSelectedBlockInfo = (block, _cliVersion) => {
+  const blockInstallationCmd = `npx shadcn@latest add @ss-blocks/${block.name}`;
   return {
     name: block.name,
     description: block.description,
     installationCommand: blockInstallationCmd
   };
-}, getSelectedThemeInfo = (theme, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = cliVersion === "v3" ? `npx shadcn@latest add theme ${theme.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/themes/${theme.name}.json?email=${email}&license_key=${licenseKey}"`;
+}, getSelectedThemeInfo = (theme, _cliVersion) => {
+  const themeInstallCommand = `npx shadcn@latest add @ss-themes/${theme.name}`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
@@ -8400,9 +8400,10 @@ function AppStateProvider({ children }) {
     saveStateToStorage({
       minimized: state.minimized,
       theme: state.theme,
-      promptAction: state.promptAction
+      promptAction: state.promptAction,
+      cliVersion: state.cliVersion
     });
-  }, [state.minimized, state.theme, state.promptAction]), useEffect(() => {
+  }, [state.minimized, state.theme, state.promptAction, state.cliVersion]), useEffect(() => {
     const applyTheme = () => {
       const toolbarElement = document.querySelector(
         "#stagewise-companion-anchor"

package/dist/toolbar-app/{index-BsmHzFJI.js → index-KEJk4WhW.js}

@@ -4863,7 +4863,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -5056,7 +5056,7 @@ function AgentProvider({ children }) {
             ), scanAgents()) : (console.debug(
               `[AgentProvider] Starting retry attempts for port ${port}...`
             ), startRetryConnection(port), console.info(
-              "[FlyonUI IDE Extension] Searching for available agents after connection loss..."
+              "[Shadcn/studio IDE Extension] Searching for available agents after connection loss..."
             ), scanAgents());
           },
           () => {
@@ -8288,7 +8288,21 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   category: doc.category
   // Note: content could be added here if we fetch it separately
   // content: truncateString(doc.code || '', 32768),
-}), getSelectedBlockInfo = (block) => {
+}), getLicenseDataFromStorage = () => {
+  try {
+    const stored = localStorage.getItem("shadcnstudio_license_key");
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      return {
+        email: parsed.email || null,
+        licenseKey: parsed.licenseKey || null
+      };
+    }
+  } catch (error) {
+    console.warn("Failed to get license data:", error);
+  }
+  return { email: null, licenseKey: null };
+}, getSelectedBlockInfo = (block) => {
   const blockInstallationCmd = `npx shadcn@latest add @ss-blocks/${block.name}`;
   return {
     name: block.name,
@@ -8296,7 +8310,7 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     installationCommand: blockInstallationCmd
   };
 }, getSelectedThemeInfo = (theme) => {
-  const themeInstallCommand = `npx shadcn@latest add theme ${theme.name}`;
+  const themeInstallCommand = `npx shadcn@latest add @ss-themes/${theme.name}`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
@@ -8811,11 +8825,11 @@ function Button({
         size === "sm" && "h-8",
         size === "md" && "h-12",
         size === "lg" && "h-16",
-        variant === "primary" && "bg-blue-600",
+        variant === "primary" && "bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900",
         variant === "secondary" && "bg-black/5 text-zinc-950/70",
-        variant === "outline" && "border border-zinc-500 bg-white text-blue-500",
-        variant === "ghost" && "bg-transparent text-blue-500",
-        glassy && "origin-center rounded-xl border border-black/10 ring-1 ring-white/20 transition-all duration-150 ease-out after:absolute after:inset-0 after:size-full after:content-normal after:rounded-[inherit] after:bg-gradient-to-b after:from-white/5 after:to-white/0 after:transition-colors after:duration-150 after:ease-out hover:border-black/5 hover:shadow-xs hover:after:from-blue-50/20 hover:after:to-blue-50/15 active:scale-[98%] active:border-black/15 active:shadow-inset active:after:from-transparent active:after:to-transparent disabled:pointer-events-none disabled:bg-black/5 disabled:text-foreground/60 disabled:opacity-30",
+        variant === "outline" && "border border-zinc-300 bg-white text-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-300",
+        variant === "ghost" && "bg-transparent text-zinc-700 dark:text-zinc-300",
+        glassy && "origin-center rounded-xl border border-black/10 ring-1 ring-white/20 transition-all duration-150 ease-out after:absolute after:inset-0 after:size-full after:content-normal after:rounded-[inherit] after:bg-gradient-to-b after:from-white/5 after:to-white/0 after:transition-colors after:duration-150 after:ease-out hover:border-black/5 hover:shadow-xs hover:after:from-zinc-50/20 hover:after:to-zinc-50/15 active:scale-[98%] active:border-black/15 active:shadow-inset active:after:from-transparent active:after:to-transparent disabled:pointer-events-none disabled:bg-black/5 disabled:text-foreground/60 disabled:opacity-30",
         className
       ),
       type: "submit",
@@ -8859,9 +8873,10 @@ export {
   ConfigProvider as C,
   PanelFooter as D,
   cva as E,
-  AppStateProvider as F,
+  getLicenseDataFromStorage as F,
   Glassy as G,
   HotkeyActions as H,
+  AppStateProvider as I,
   PanelsProvider as P,
   useAppState as a,
   usePlugins as b,