@pulse-editor/cli 0.1.1-beta.9 → 0.1.3

package/dist/components/commands/login.d.ts

@@ -1,5 +1,5 @@
-import { Flags } from '../../lib/cli-flags.js';
-import { Result } from 'meow';
+import { Result } from "meow";
+import { Flags } from "../../lib/cli-flags.js";
 export default function Login({ cli }: {
     cli: Result<Flags>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/commands/login.js

@@ -1,30 +1,58 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box, Text, useApp } from 'ink';
-import SelectInput from 'ink-select-input';
-import TextInput from 'ink-text-input';
-import Spinner from 'ink-spinner';
-import os from 'os';
-import path from 'path';
-import { checkToken, getToken, isTokenInEnv, saveToken, } from '../../lib/token.js';
+import { exec } from "child_process";
+import http from "http";
+import { Box, Text, useApp, useInput } from "ink";
+import SelectInput from "ink-select-input";
+import Spinner from "ink-spinner";
+import TextInput from "ink-text-input";
+import os from "os";
+import path from "path";
+import { useEffect, useState } from "react";
+import { getBackendUrl } from "../../lib/backend-url.js";
+import { checkToken, getToken, isTokenInEnv, saveToken, } from "../../lib/token.js";
+function openBrowser(url) {
+    const platform = process.platform;
+    let cmd;
+    if (platform === "win32") {
+        cmd = `start "" "${url}"`;
+    }
+    else if (platform === "darwin") {
+        cmd = `open "${url}"`;
+    }
+    else {
+        cmd = `xdg-open "${url}"`;
+    }
+    exec(cmd);
+}
+// Render a terminal hyperlink using ANSI OSC 8 escape sequences
+function TerminalLink({ url, label }) {
+    const text = label ?? url;
+    // OSC 8 hyperlink: ESC]8;;URL BEL text ESC]8;; BEL
+    const hyperlink = `\u001B]8;;${url}\u0007${text}\u001B]8;;\u0007`;
+    return _jsx(Text, { children: hyperlink });
+}
 export default function Login({ cli }) {
     const [loginMethod, setLoginMethod] = useState(undefined);
     const [isShowLoginMethod, setIsShowLoginMethod] = useState(false);
     const [isMethodSelected, setIsMethodSelected] = useState(false);
     const [isCheckingAuth, setIsCheckingAuth] = useState(true);
     const [isAuthenticated, setIsAuthenticated] = useState(false);
-    const [token, setToken] = useState('');
+    const [token, setToken] = useState("");
     const [isTokenSaved, setIsTokenSaved] = useState(false);
-    const [tokenInput, setTokenInput] = useState('');
-    const [saveTokenInput, setSaveTokenInput] = useState('');
+    const [tokenInput, setTokenInput] = useState("");
+    const [saveTokenInput, setSaveTokenInput] = useState("");
+    // Browser flow state
+    const [flowState, setFlowState] = useState("idle");
+    const [authUrl, setAuthUrl] = useState("");
+    const [flowError, setFlowError] = useState("");
     const loginMethodItems = [
         {
-            label: 'Login using access token',
-            value: 'token',
+            label: "Login in browser",
+            value: "flow",
         },
         {
-            label: '(WIP) Login in browser',
-            value: 'flow',
+            label: "Login using access token",
+            value: "token",
         },
     ];
     const { exit } = useApp();
@@ -33,22 +61,22 @@ export default function Login({ cli }) {
         const savedToken = getToken(cli.flags.stage);
         setIsShowLoginMethod(!savedToken && !cli.flags.token && !cli.flags.flow);
         if (savedToken) {
-            setLoginMethod('token');
+            setLoginMethod("token");
             setToken(savedToken);
             return;
         }
         else if (cli.flags.token) {
-            setLoginMethod('token');
+            setLoginMethod("token");
         }
         else if (cli.flags.flow) {
-            setLoginMethod('flow');
+            setLoginMethod("flow");
         }
     }, [cli]);
     // Check token validity
     useEffect(() => {
         // Only check token validity when it is set
-        if (loginMethod === 'token' && token.length > 0) {
-            checkToken(token, cli.flags.stage).then(isValid => {
+        if (loginMethod === "token" && token.length > 0) {
+            checkToken(token, cli.flags.stage).then((isValid) => {
                 setIsAuthenticated(isValid);
                 setIsCheckingAuth(false);
             });
@@ -59,21 +87,77 @@ export default function Login({ cli }) {
             setIsMethodSelected(loginMethod !== undefined);
         }, 0);
     }, [loginMethod]);
-    return (_jsxs(_Fragment, { children: [isShowLoginMethod && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Login to the Pulse Editor Platform" }), _jsx(SelectInput, { items: loginMethodItems, onSelect: item => {
+    // Browser flow: start local server and open browser
+    useEffect(() => {
+        if (loginMethod !== "flow" || !isMethodSelected)
+            return;
+        const baseUrl = getBackendUrl(cli.flags.stage);
+        const server = http.createServer((req, res) => {
+            const reqUrl = new URL(req.url ?? "/", "http://localhost");
+            const receivedToken = reqUrl.searchParams.get("token");
+            if (receivedToken) {
+                res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+                res.end('<html><body style="font-family:sans-serif;text-align:center;padding:60px">' +
+                    "<h2>Login successful!</h2><p>You can close this tab and return to the terminal.</p>" +
+                    "</body></html>");
+                server.close();
+                saveToken(receivedToken, cli.flags.stage);
+                setToken(receivedToken);
+                setFlowState("success");
+                setTimeout(() => {
+                    exit();
+                }, 1500);
+            }
+            else {
+                res.writeHead(400, { "Content-Type": "text/plain" });
+                res.end("Missing token parameter.");
+            }
+        });
+        server.listen(0, "127.0.0.1", () => {
+            const port = server.address().port;
+            const callbackUrl = `http://127.0.0.1:${port}`;
+            const url = `${baseUrl}/api/auth/cli?redirect=${encodeURIComponent(callbackUrl)}`;
+            setAuthUrl(url);
+            setFlowState("idle");
+        });
+        server.on("error", () => {
+            setFlowError("Failed to start local server for authentication.");
+            setFlowState("error");
+        });
+        return () => {
+            server.close();
+        };
+    }, [loginMethod, isMethodSelected]);
+    // Handle Enter key to open browser (when in flow mode and idle)
+    useInput((_, key) => {
+        if (key.return &&
+            loginMethod === "flow" &&
+            flowState === "idle" &&
+            authUrl) {
+            setFlowState("opening");
+            openBrowser(authUrl);
+            setTimeout(() => {
+                setFlowState("waiting");
+            }, 500);
+        }
+    }, {
+        isActive: loginMethod === "flow" && flowState === "idle" && Boolean(authUrl),
+    });
+    return (_jsxs(_Fragment, { children: [isShowLoginMethod && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Login to the Pulse Editor Platform" }), _jsx(SelectInput, { items: loginMethodItems, onSelect: (item) => {
                             setLoginMethod(item.value);
                         }, isFocused: loginMethod === undefined }), _jsx(Text, { children: " " })] })), isMethodSelected &&
-                loginMethod === 'token' &&
-                (token.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Enter your Pulse Editor access token:" }), _jsx(TextInput, { mask: "*", value: tokenInput, onChange: setTokenInput, onSubmit: value => {
+                loginMethod === "token" &&
+                (token.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Enter your Pulse Editor access token:" }), _jsx(TextInput, { mask: "*", value: tokenInput, onChange: setTokenInput, onSubmit: (value) => {
                                 if (value.length === 0) {
                                     return;
                                 }
                                 setToken(value);
                             } })] })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : isAuthenticated ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\u2705 You are signed in successfully." }), !isTokenInEnv(cli.flags.stage) &&
-                            getToken(cli.flags.stage) !== token && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\uD83D\uDFE2 It is recommended to save your access token as an environment variable PE_ACCESS_TOKEN." }), _jsxs(Box, { children: [_jsxs(Text, { children: ["\u26A0\uFE0F (NOT recommended) Or, do you want to save access token to user home directory? (y/n)", ' '] }), _jsx(TextInput, { value: saveTokenInput, onChange: setSaveTokenInput, onSubmit: value => {
+                            getToken(cli.flags.stage) !== token && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\uD83D\uDFE2 It is recommended to save your access token as an environment variable PE_ACCESS_TOKEN." }), _jsxs(Box, { children: [_jsxs(Text, { children: ["\u26A0\uFE0F (NOT recommended) Or, do you want to save access token to user home directory? (y/n)", " "] }), _jsx(TextInput, { value: saveTokenInput, onChange: setSaveTokenInput, onSubmit: (value) => {
                                                 if (value.length === 0) {
                                                     return;
                                                 }
-                                                if (value === 'y') {
+                                                if (value === "y") {
                                                     saveToken(token, cli.flags.stage);
                                                     setIsTokenSaved(true);
                                                     setTimeout(() => {
@@ -83,5 +167,5 @@ export default function Login({ cli }) {
                                                 else {
                                                     exit();
                                                 }
-                                            } })] })] })), isTokenSaved && (_jsxs(Text, { children: ["Token saved to ", path.join(os.homedir(), '.pulse-editor')] }))] })) : (_jsx(Text, { children: "Authentication error: please enter valid credentials." }))), isMethodSelected && loginMethod === 'flow' && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "(WIP) Open the following URL in your browser:" }), _jsx(Text, { children: "https://pulse-editor.com/login" })] }))] }));
+                                            } })] })] })), isTokenSaved && (_jsxs(Text, { children: ["Token saved to ", path.join(os.homedir(), ".pulse-editor")] }))] })) : (_jsx(Text, { children: "Authentication error: please enter valid credentials." }))), isMethodSelected && loginMethod === "flow" && (_jsx(_Fragment, { children: flowState === "error" ? (_jsxs(Text, { color: "red", children: ["Error: ", flowError] })) : flowState === "success" ? (_jsx(Text, { children: "\u2705 Login successful! Saving credentials..." })) : flowState === "waiting" || flowState === "opening" ? (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Waiting for browser authentication..." })] }), _jsx(Text, { dimColor: true, children: "If the browser did not open, visit: " }), authUrl && _jsx(TerminalLink, { url: authUrl })] })) : authUrl ? (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Text, { children: ["Press ", _jsx(Text, { bold: true, children: "Enter" }), " to open your browser and login:"] }), _jsx(TerminalLink, { url: authUrl, label: "Open browser to login \u2192" })] })) : (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Preparing login..." })] })) }))] }));
 }

package/dist/components/commands/preview.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from 'ink';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { execa } from 'execa';
 import fs from 'fs';
 import { getDepsBinPath } from '../../lib/execa-utils/deps.js';
 import { cleanDist } from '../../lib/execa-utils/clean.js';
+import { webpackCompile } from '../../lib/webpack/compile.js';
 export default function Preview({ cli }) {
     useEffect(() => {
         async function startPreviewServer() {
@@ -22,9 +22,19 @@ export default function Preview({ cli }) {
                     });
                 }
             }
-            await execa('mkdir "node_modules/.pulse/server"', {
-                shell: true,
-            });
+            // Create node_modules/.pulse/server directory
+            if (!fs.existsSync('node_modules/.pulse/server')) {
+                if (process.platform === 'win32') {
+                    await execa('mkdir node_modules\\.pulse\\server', {
+                        shell: true,
+                    });
+                }
+                else {
+                    await execa('mkdir -p node_modules/.pulse/server', {
+                        shell: true,
+                    });
+                }
+            }
             if (process.platform === 'win32') {
                 await execa('xcopy /E /I node_modules\\@pulse-editor\\cli\\dist\\lib\\server node_modules\\.pulse\\server', {
                     shell: true,
@@ -37,11 +47,28 @@ export default function Preview({ cli }) {
             }
             // Start preview server
             await cleanDist();
-            await execa(getDepsBinPath('concurrently'), [
-                '--prefix',
-                'none',
-                '"npx webpack --mode development --watch"',
-                '"tsx watch --clear-screen=false node_modules/@pulse-editor/cli/dist/lib/server/express.js"',
+            // await execa(
+            // 	getDepsBinPath('concurrently'),
+            // 	[
+            // 		'--prefix',
+            // 		'none',
+            // 		'"npx webpack --mode development --watch"',
+            // 		'"tsx watch --clear-screen=false node_modules/@pulse-editor/cli/dist/lib/server/express.js"',
+            // 	],
+            // 	{
+            // 		stdio: 'inherit',
+            // 		shell: true,
+            // 		env: {
+            // 			NODE_OPTIONS: '--import=tsx',
+            // 			PREVIEW: 'true',
+            // 		},
+            // 	},
+            // );
+            const compiler = await webpackCompile('preview', undefined, true);
+            await execa(getDepsBinPath('tsx'), [
+                'watch',
+                '--clear-screen=false',
+                'node_modules/@pulse-editor/cli/dist/lib/server/express.js',
             ], {
                 stdio: 'inherit',
                 shell: true,
@@ -50,8 +77,20 @@ export default function Preview({ cli }) {
                     PREVIEW: 'true',
                 },
             });
+            // Handle process exit to close webpack compiler
+            process.on('SIGINT', () => {
+                if (compiler && typeof compiler.close === 'function') {
+                    compiler.close(() => {
+                        process.exit();
+                    });
+                }
+                else {
+                    process.exit();
+                }
+            });
         }
+        console.log('🚀 Starting preview server...');
         startPreviewServer();
     }, []);
-    return (_jsx(_Fragment, { children: _jsx(Text, { children: "Starting preview server..." }) }));
+    return _jsx(_Fragment, {});
 }

package/dist/components/commands/publish.js

@@ -5,12 +5,15 @@ import { checkToken, getToken } from '../../lib/token.js';
 import Spinner from 'ink-spinner';
 import fs from 'fs';
 import { $ } from 'execa';
+import { publishApp } from '../../lib/backend/publish-app.js';
 export default function Publish({ cli }) {
     const [isInProjectDir, setIsInProjectDir] = useState(false);
     const [isCheckingAuth, setIsCheckingAuth] = useState(true);
     const [isAuthenticated, setIsAuthenticated] = useState(false);
     const [isBuilding, setIsBuilding] = useState(false);
     const [isBuildingError, setIsBuildingError] = useState(false);
+    const [isZipping, setIsZipping] = useState(false);
+    const [isZippingError, setIsZippingError] = useState(false);
     const [isPublishing, setIsPublishing] = useState(false);
     const [isPublishingError, setIsPublishingError] = useState(false);
     const [isPublished, setIsPublished] = useState(false);
@@ -45,56 +48,39 @@ export default function Publish({ cli }) {
     // Build the extension
     useEffect(() => {
         async function buildExtension() {
-            setIsBuilding(true);
-            try {
-                await $ `npm run build`;
-            }
-            catch (error) {
-                setIsBuildingError(true);
-                setIsBuilding(false);
-                setFailureMessage('Build failed. Please run `npm run build` to see the error.');
-                return;
+            if (cli.flags.build) {
+                setIsBuilding(true);
+                try {
+                    await $ `npm run build`;
+                }
+                catch (error) {
+                    setIsBuildingError(true);
+                    setFailureMessage('Build failed. Please run `npm run build` to see the error.');
+                    return;
+                }
+                finally {
+                    setIsBuilding(false);
+                }
             }
+            setIsZipping(true);
             // Zip the dist folder
             try {
-                await $({ cwd: 'dist' }) `zip -r ../node_modules/@pulse-editor/dist.zip *`;
+                await $({ cwd: 'dist' }) `zip -r ../node_modules/@pulse-editor/dist.zip .`;
             }
             catch (error) {
-                setIsBuildingError(true);
-                setIsBuilding(false);
-                setFailureMessage('Failed to zip the build output.');
+                setIsZippingError(true);
+                setFailureMessage('Failed to zip the build output. ' + error.message);
                 return;
             }
             finally {
-                setIsBuilding(false);
+                setIsZipping(false);
             }
             await publishExtension();
         }
         async function publishExtension() {
             setIsPublishing(true);
-            // Read pulse.config.json for visibility
-            const config = JSON.parse(fs.readFileSync('./dist/client/pulse.config.json', 'utf-8'));
-            const visibility = config.visibility;
-            // Upload the zip file to the server
             try {
-                const formData = new FormData();
-                const buffer = fs.readFileSync('./node_modules/@pulse-editor/dist.zip');
-                // @ts-ignore Create a Blob from the buffer
-                const blob = new Blob([buffer], {
-                    type: 'application/zip',
-                });
-                formData.append('file', blob, 'dist.zip');
-                formData.append('visibility', visibility);
-                // Send the file to the server
-                const res = await fetch(cli.flags.stage
-                    ? 'https://localhost:8080/api/app/publish'
-                    : 'https://pulse-editor.com/api/app/publish', {
-                    method: 'POST',
-                    headers: {
-                        Authorization: `Bearer ${getToken(cli.flags.stage)}`,
-                    },
-                    body: formData,
-                });
+                const res = await publishApp(cli.flags.stage);
                 if (res.status === 200) {
                     setIsPublished(true);
                 }
@@ -122,5 +108,5 @@ export default function Publish({ cli }) {
             buildExtension();
         }
     }, [isAuthenticated]);
-    return (_jsx(_Fragment, { children: !isInProjectDir ? (_jsx(Text, { color: 'redBright', children: "\u26D4 The current directory does not contain a Pulse Editor project." })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : isAuthenticated ? (_jsxs(_Fragment, { children: [isBuilding && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Building..." })] })), isBuildingError && (_jsx(Text, { color: 'redBright', children: "\u274C Error building the extension. Please run `npm run build` to see the error." })), isPublishing && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Publishing..." })] })), isPublishingError && (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'redBright', children: "\u274C Failed to publish extension." }), failureMessage && (_jsxs(Text, { color: 'redBright', children: ["Error: ", failureMessage] }))] })), isPublished && (_jsx(Text, { color: 'greenBright', children: "\u2705 Extension published successfully." }))] })) : (_jsxs(Text, { children: ["You are not authenticated or your access token is invalid. Publishing to Extension Marketplace is in Beta access. Please visit", _jsx(Text, { color: 'blueBright', children: " https://pulse-editor.com/beta " }), "to apply for Beta access."] })) }));
+    return (_jsx(_Fragment, { children: !isInProjectDir ? (_jsx(Text, { color: 'redBright', children: "\u26D4 The current directory does not contain a Pulse Editor project." })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : !isAuthenticated ? (_jsxs(Text, { children: ["You are not authenticated or your access token is invalid. Publishing to Extension Marketplace is in Beta access. Please visit", _jsx(Text, { color: 'blueBright', children: " https://pulse-editor.com/beta " }), "to apply for Beta access."] })) : (_jsxs(_Fragment, { children: [isBuilding && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Building..." })] })), isBuildingError && (_jsx(Text, { color: 'redBright', children: "\u274C Error building the extension. Please run `npm run build` to see the error." })), isZipping && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Compressing build..." })] })), isZippingError && (_jsxs(Text, { color: 'redBright', children: ["\u274C Error zipping the build output. ", failureMessage] })), isPublishing && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Publishing..." })] })), isPublishingError && (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'redBright', children: "\u274C Failed to publish extension." }), failureMessage && (_jsxs(Text, { color: 'redBright', children: ["Error: ", failureMessage] }))] })), isPublished && (_jsx(Text, { color: 'greenBright', children: "\u2705 Extension published successfully." }))] })) }));
 }

package/dist/components/commands/{start copy.d.ts → skill.d.ts}

@@ -1,5 +1,5 @@
 import { Result } from 'meow';
 import { Flags } from '../../lib/cli-flags.js';
-export default function Start({ cli }: {
+export default function Skill({ cli }: {
     cli: Result<Flags>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/commands/skill.js

@@ -0,0 +1,230 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import fs from 'fs';
+import path from 'path';
+import { checkToken, getToken } from '../../lib/token.js';
+import { getBackendUrl } from '../../lib/backend-url.js';
+// ---------------------------------------------------------------------------
+// MultilineInput
+// ---------------------------------------------------------------------------
+function MultilineInput({ onSubmit, focus, }) {
+    const [lines, setLines] = useState(['']);
+    useInput((input, key) => {
+        // Regular Enter (\r) → submit
+        // Shift+Enter → terminals send \n (0x0A) rather than setting key.shift+key.return
+        if (input === '\n') {
+            setLines(prev => [...prev, '']);
+            return;
+        }
+        if (key.return) {
+            const value = lines.join('\n').trim();
+            if (value)
+                onSubmit(value);
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setLines(prev => {
+                const next = [...prev];
+                const last = next[next.length - 1];
+                if (last.length > 0) {
+                    next[next.length - 1] = last.slice(0, -1);
+                }
+                else if (next.length > 1) {
+                    next.pop();
+                }
+                return next;
+            });
+            return;
+        }
+        if (input) {
+            setLines(prev => {
+                const next = [...prev];
+                next[next.length - 1] += input;
+                return next;
+            });
+        }
+    }, { isActive: focus });
+    return (_jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: lines.map((line, i) => (_jsxs(Text, { children: [line, i === lines.length - 1 ? _jsx(Text, { backgroundColor: "white", children: " " }) : ''] }, i))) }));
+}
+// ---------------------------------------------------------------------------
+// SkillCreate
+// ---------------------------------------------------------------------------
+function SkillCreate({ cli }) {
+    const [skillName, setSkillName] = useState(cli.input[2]);
+    const [description, setDescription] = useState(cli.flags.description);
+    const [status, setStatus] = useState();
+    const [errorMessage, setErrorMessage] = useState('');
+    const [chunkCount, setChunkCount] = useState(0);
+    // Once both fields are collected, authenticate
+    useEffect(() => {
+        if (!skillName || !description)
+            return;
+        setStatus('authenticating');
+    }, [skillName, description]);
+    useEffect(() => {
+        if (status !== 'authenticating')
+            return;
+        async function authenticate() {
+            const token = getToken(cli.flags.stage);
+            if (token && (await checkToken(token, cli.flags.stage))) {
+                setStatus('generating');
+            }
+            else {
+                setErrorMessage('You are not authenticated. Please run pulse login first.');
+                setStatus('error');
+                setTimeout(() => process.exit(1), 0);
+            }
+        }
+        authenticate();
+    }, [status]);
+    useEffect(() => {
+        if (status !== 'generating' || !skillName || !description)
+            return;
+        async function generate() {
+            const token = getToken(cli.flags.stage);
+            const backendUrl = getBackendUrl(cli.flags.stage);
+            try {
+                const res = await fetch(`${backendUrl}/api/inference/cli/skill/create`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        ...(token ? { Authorization: `Bearer ${token}` } : {}),
+                    },
+                    body: JSON.stringify({ description }),
+                });
+                if (!res.ok) {
+                    setErrorMessage(`Server returned error code ${res.status}.`);
+                    setStatus('error');
+                    setTimeout(() => process.exit(), 0);
+                    return;
+                }
+                const reader = res.body?.getReader();
+                const decoder = new TextDecoder();
+                let code = '';
+                if (reader) {
+                    while (true) {
+                        const { done, value } = await reader.read();
+                        if (done)
+                            break;
+                        code += decoder.decode(value, { stream: true });
+                        setChunkCount(n => n + 1);
+                    }
+                }
+                const skillDir = path.join(process.cwd(), 'src', 'skill', skillName);
+                fs.mkdirSync(skillDir, { recursive: true });
+                fs.writeFileSync(path.join(skillDir, 'action.ts'), code, 'utf-8');
+                setStatus('done');
+                setTimeout(() => process.exit(), 0);
+            }
+            catch (err) {
+                setErrorMessage(err?.message ?? String(err));
+                setStatus('error');
+                setTimeout(() => process.exit(), 0);
+            }
+        }
+        generate();
+    }, [status]);
+    return (_jsxs(_Fragment, { children: [!skillName && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Skill name:" }), _jsx(MultilineInput, { onSubmit: value => setTimeout(() => setSkillName(value), 0), focus: !skillName })] })), skillName && !description && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["What should this skill do?", ' ', _jsx(Text, { color: "blueBright", children: "(Shift+Enter for newline, Enter to confirm)" })] }), _jsx(MultilineInput, { onSubmit: value => setTimeout(() => setDescription(value), 0), focus: !!skillName && !description })] })), status === 'authenticating' && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })), status === 'generating' && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsxs(Text, { children: [" Generating skill action for \"", skillName, "\"... "] }), _jsxs(Text, { color: "blueBright", children: ["[", chunkCount, " chunks received]"] })] })), status === 'done' && (_jsxs(Text, { color: "greenBright", children: ["\u2705 Skill action created at src/skill/", skillName, "/action.ts"] })), status === 'error' && (_jsxs(Text, { color: "redBright", children: ["\u274C ", errorMessage] }))] }));
+}
+// ---------------------------------------------------------------------------
+// SkillFix
+// ---------------------------------------------------------------------------
+function SkillFix({ cli }) {
+    const [skillName, setSkillName] = useState(cli.input[2]);
+    const [status, setStatus] = useState();
+    const [errorMessage, setErrorMessage] = useState('');
+    const [chunkCount, setChunkCount] = useState(0);
+    // Once skill name is collected, authenticate
+    useEffect(() => {
+        if (!skillName)
+            return;
+        setStatus('authenticating');
+    }, [skillName]);
+    useEffect(() => {
+        if (status !== 'authenticating')
+            return;
+        async function authenticate() {
+            const token = getToken(cli.flags.stage);
+            if (token && (await checkToken(token, cli.flags.stage))) {
+                // Validate file exists before fixing
+                const actionPath = path.join(process.cwd(), 'src', 'skill', skillName, 'action.ts');
+                if (!fs.existsSync(actionPath)) {
+                    setErrorMessage(`Action file not found: src/skill/${skillName}/action.ts`);
+                    setStatus('error');
+                    setTimeout(() => process.exit(), 0);
+                    return;
+                }
+                setStatus('fixing');
+            }
+            else {
+                setErrorMessage('You are not authenticated. Please run pulse login first.');
+                setStatus('error');
+                setTimeout(() => process.exit(1), 0);
+            }
+        }
+        authenticate();
+    }, [status]);
+    useEffect(() => {
+        if (status !== 'fixing' || !skillName)
+            return;
+        async function fix() {
+            const actionPath = path.join(process.cwd(), 'src', 'skill', skillName, 'action.ts');
+            const code = fs.readFileSync(actionPath, 'utf-8');
+            const token = getToken(cli.flags.stage);
+            const backendUrl = getBackendUrl(cli.flags.stage);
+            try {
+                const res = await fetch(`${backendUrl}/api/inference/cli/skill/fix`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        ...(token ? { Authorization: `Bearer ${token}` } : {}),
+                    },
+                    body: JSON.stringify({ code }),
+                });
+                if (!res.ok) {
+                    setErrorMessage(`Server returned error code ${res.status}.`);
+                    setStatus('error');
+                    setTimeout(() => process.exit(), 0);
+                    return;
+                }
+                const reader = res.body?.getReader();
+                const decoder = new TextDecoder();
+                let fixed = '';
+                if (reader) {
+                    while (true) {
+                        const { done, value } = await reader.read();
+                        if (done)
+                            break;
+                        fixed += decoder.decode(value, { stream: true });
+                        setChunkCount(n => n + 1);
+                    }
+                }
+                fs.writeFileSync(actionPath, fixed, 'utf-8');
+                setStatus('done');
+                setTimeout(() => process.exit(), 0);
+            }
+            catch (err) {
+                setErrorMessage(err?.message ?? String(err));
+                setStatus('error');
+                setTimeout(() => process.exit(), 0);
+            }
+        }
+        fix();
+    }, [status]);
+    return (_jsxs(_Fragment, { children: [!skillName && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Action name:" }), _jsx(MultilineInput, { onSubmit: value => setTimeout(() => setSkillName(value), 0), focus: !skillName })] })), status === 'authenticating' && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })), status === 'fixing' && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsxs(Text, { children: [" Fixing JSDoc for skill \"", skillName, "\"... "] }), _jsxs(Text, { color: "blueBright", children: ["[", chunkCount, " chunks received]"] })] })), status === 'done' && (_jsxs(Text, { color: "greenBright", children: ["\u2705 JSDoc fixed and saved to src/skill/", skillName, "/action.ts"] })), status === 'error' && (_jsxs(Text, { color: "redBright", children: ["\u274C ", errorMessage] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Skill (top-level router)
+// ---------------------------------------------------------------------------
+export default function Skill({ cli }) {
+    const subCommand = cli.input[1];
+    if (subCommand === 'create') {
+        return _jsx(SkillCreate, { cli: cli });
+    }
+    if (subCommand === 'fix') {
+        return _jsx(SkillFix, { cli: cli });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "redBright", children: ["Unknown subcommand: ", subCommand ?? '(none)'] }), _jsxs(Text, { children: ["Available subcommands:", '\n', '  ', "pulse skill create ", '<skill-name>', " --description \"", '<description>', "\"", '\n', '  ', "pulse skill fix ", '<action-name>'] })] }));
+}

package/dist/components/commands/{preview copy.d.ts → upgrade.d.ts}

@@ -1,5 +1,5 @@
 import { Result } from 'meow';
 import { Flags } from '../../lib/cli-flags.js';
-export default function Preview({ cli }: {
+export default function Upgrade({ cli }: {
     cli: Result<Flags>;
 }): import("react/jsx-runtime").JSX.Element;