next-ai-editor 1.0.2 → 1.1.0

package/dist/index.cjs

@@ -1364,7 +1364,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -1375,14 +1375,22 @@ const __iconNode$4 = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
 ];
-const Box = createLucideIcon("box", __iconNode$4);
+const Box = createLucideIcon("box", __iconNode$a);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$9 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$9);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [
   [
     "path",
     {
@@ -1394,14 +1402,68 @@ const __iconNode$3 = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$3);
+const FileCode = createLucideIcon("file-code", __iconNode$8);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [
+const __iconNode$7 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+const FileText = createLucideIcon("file-text", __iconNode$7);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$6 = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+const GitBranch = createLucideIcon("git-branch", __iconNode$6);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
+  ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
+];
+const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$5);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$4);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
   [
     "path",
     {
@@ -1411,7 +1473,26 @@ const __iconNode$2 = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$2);
+const Pencil = createLucideIcon("pencil", __iconNode$3);
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+];
+const Sparkles = createLucideIcon("sparkles", __iconNode$2);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -1435,6 +1516,263 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X = createLucideIcon("x", __iconNode);
+function usePRStatus() {
+  const [status, setStatus] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const fetchStatus = react.useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await fetch(buildServiceUrl("api/pr/status"));
+      if (!response.ok) {
+        throw new Error("Failed to fetch PR status");
+      }
+      const data = await response.json();
+      setStatus(data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Unknown error");
+      setStatus(null);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    fetchStatus();
+  }, [fetchStatus]);
+  return {
+    status,
+    isLoading,
+    error,
+    refresh: fetchStatus
+  };
+}
+function useCreatePR() {
+  const [isCreating, setIsCreating] = react.useState(false);
+  const [isGenerating, setIsGenerating] = react.useState(false);
+  const generateContent = react.useCallback(async () => {
+    setIsGenerating(true);
+    try {
+      const response = await fetch(buildServiceUrl("api/pr/generate-description"), {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({})
+      });
+      if (!response.ok) {
+        throw new Error("Failed to generate PR content");
+      }
+      const data = await response.json();
+      return {
+        title: data.title || "",
+        description: data.description || ""
+      };
+    } catch (err) {
+      console.error("Error generating PR content:", err);
+      return { title: "", description: "" };
+    } finally {
+      setIsGenerating(false);
+    }
+  }, []);
+  const createPR = react.useCallback(async (input) => {
+    setIsCreating(true);
+    try {
+      const response = await fetch(buildServiceUrl("api/pr/create"), {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(input)
+      });
+      const data = await response.json();
+      if (!response.ok) {
+        return {
+          success: false,
+          error: data.error || "Failed to create PR",
+          branchName: data.branchName,
+          partialSuccess: data.partialSuccess
+        };
+      }
+      return {
+        success: true,
+        prUrl: data.prUrl,
+        prNumber: data.prNumber,
+        branchName: data.branchName
+      };
+    } catch (err) {
+      return {
+        success: false,
+        error: err instanceof Error ? err.message : "Failed to create PR"
+      };
+    } finally {
+      setIsCreating(false);
+    }
+  }, []);
+  return {
+    createPR,
+    generateContent,
+    isCreating,
+    isGenerating
+  };
+}
+function PRBlock({ onCancel, onSuccess }) {
+  const [title, setTitle] = react.useState("");
+  const [description, setDescription] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [result, setResult] = react.useState(null);
+  const [blockState, setBlockState] = react.useState("generating");
+  const hasGenerated = react.useRef(false);
+  const { status } = usePRStatus();
+  const { createPR, generateContent, isGenerating } = useCreatePR();
+  react.useEffect(() => {
+    if (!hasGenerated.current) {
+      hasGenerated.current = true;
+      generateContent().then((content) => {
+        setTitle(content.title);
+        setDescription(content.description);
+        setBlockState("form");
+      });
+    }
+  }, [generateContent]);
+  const handleRegenerate = react.useCallback(async () => {
+    setError(null);
+    const content = await generateContent();
+    setTitle(content.title);
+    setDescription(content.description);
+  }, [generateContent]);
+  const handleSubmit = react.useCallback(async () => {
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    setError(null);
+    setBlockState("creating");
+    const prResult = await createPR({ title: title.trim(), description });
+    if (prResult.success) {
+      setResult(prResult);
+      setBlockState("success");
+      onSuccess == null ? void 0 : onSuccess(prResult);
+    } else {
+      setError(prResult.error || "Failed to create PR");
+      setBlockState("form");
+    }
+  }, [title, description, createPR, onSuccess]);
+  if (blockState === "success" && result) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-block pr-block-success", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-success-content", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-block-success-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 16 }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-success-text", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pr-block-success-title", children: "PR Created" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: result.prUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "pr-block-success-link",
+            children: [
+              "#",
+              result.prNumber
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pr-block-success-branch", children: [
+          "on ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { children: result.branchName })
+        ] })
+      ] })
+    ] }) });
+  }
+  if (blockState === "generating") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-block pr-block-generating", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-loading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 16, className: "pr-block-spinner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Generating PR details..." })
+    ] }) });
+  }
+  const isDisabled = blockState === "creating" || isGenerating;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pr-block-title", children: "Create Pull Request" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "pr-block-cancel",
+          onClick: onCancel,
+          disabled: blockState === "creating",
+          title: "Cancel",
+          children: /* @__PURE__ */ jsxRuntime.jsx(X, { size: 14 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-content", children: [
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-block-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "pr-block-title", children: "Title" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: "pr-block-title",
+            type: "text",
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            placeholder: "PR title...",
+            disabled: isDisabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-field-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "pr-block-description", children: "Description" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              className: "pr-block-regenerate",
+              onClick: handleRegenerate,
+              disabled: isDisabled,
+              children: [
+                isGenerating ? /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 12, className: "pr-block-spinner" }) : /* @__PURE__ */ jsxRuntime.jsx(Sparkles, { size: 12 }),
+                "Regen"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            id: "pr-block-description",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            placeholder: "Describe your changes...",
+            disabled: isDisabled,
+            rows: 3
+          }
+        )
+      ] }),
+      status && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-block-info", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FileText, { size: 12 }),
+          status.changedFiles.length,
+          " files"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(GitBranch, { size: 12 }),
+          status.baseBranch
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-block-footer", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: "pr-block-submit",
+        onClick: handleSubmit,
+        disabled: isDisabled || !title.trim(),
+        children: blockState === "creating" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 14, className: "pr-block-spinner" }),
+          "Creating..."
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(GitPullRequest, { size: 14 }),
+          "Create PR"
+        ] })
+      }
+    ) })
+  ] });
+}
 function ChatPanel({
   isExpanded,
   onToggle,
@@ -1449,9 +1787,19 @@ function ChatPanel({
   const textareaRef = react.useRef(null);
   const [contextRanges, setContextRanges] = react.useState([]);
   const [isMessagesCollapsed, setMessagesCollapsed] = react.useState(false);
+  const [showPRBlock, setShowPRBlock] = react.useState(false);
   const { messages, isStreaming, sendMessage, startedToolIds, completedToolIds, todos } = useChatStream({
     threadId
   });
+  const { status: prStatus, isLoading: prLoading, refresh: refreshPRStatus } = usePRStatus();
+  const hasChanges = (prStatus == null ? void 0 : prStatus.hasChanges) ?? false;
+  const prevIsStreaming = react.useRef(isStreaming);
+  react.useEffect(() => {
+    if (prevIsStreaming.current && !isStreaming) {
+      refreshPRStatus();
+    }
+    prevIsStreaming.current = isStreaming;
+  }, [isStreaming, refreshPRStatus]);
   react.useEffect(() => {
     if (attachedContext) {
       setContextRanges((prev) => [...prev, {
@@ -1534,11 +1882,15 @@ function ChatPanel({
     }
     return count;
   }, [commentMessages]);
+  const handlePRCancel = react.useCallback(() => {
+    setShowPRBlock(false);
+  }, []);
+  const prButtonTitle = prLoading ? "Checking for changes..." : hasChanges ? `Create PR (${prStatus == null ? void 0 : prStatus.changedFiles.length} files)` : "No changes to commit";
   if (!isExpanded) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel ai-editor-ui ${theme} ${commentMessages.length === 0 ? "empty" : ""}`, children: [
-    commentMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel-messages-container ${isMessagesCollapsed ? "collapsed" : "expanded"}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel ai-editor-ui ${theme} ${commentMessages.length === 0 && !showPRBlock ? "empty" : ""}`, children: [
+    (commentMessages.length > 0 || showPRBlock) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel-messages-container ${isMessagesCollapsed ? "collapsed" : "expanded"}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-panel-messages-header", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -1554,18 +1906,21 @@ function ChatPanel({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-panel-messages", children: /* @__PURE__ */ jsxRuntime.jsx(
-        MessageList,
-        {
-          messages: commentMessages,
-          isStreaming,
-          startedToolIds,
-          completedToolIds,
-          todos
-        }
-      ) })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-panel-messages", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MessageList,
+          {
+            messages: commentMessages,
+            isStreaming,
+            startedToolIds,
+            completedToolIds,
+            todos
+          }
+        ),
+        showPRBlock && /* @__PURE__ */ jsxRuntime.jsx(PRBlock, { onCancel: handlePRCancel })
+      ] })
     ] }),
-    commentMessages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-panel-empty-content", children: /* @__PURE__ */ jsxRuntime.jsx(
+    commentMessages.length === 0 && !showPRBlock && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-panel-empty-content", children: /* @__PURE__ */ jsxRuntime.jsx(
       MessageList,
       {
         messages: [],
@@ -1642,6 +1997,16 @@ function ChatPanel({
               title: "Select Text",
               children: /* @__PURE__ */ jsxRuntime.jsx(Type, { size: 16 })
             }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: `tool-button ${showPRBlock ? "active" : ""}`,
+              onClick: () => setShowPRBlock(!showPRBlock),
+              disabled: !hasChanges || prLoading,
+              title: prButtonTitle,
+              children: /* @__PURE__ */ jsxRuntime.jsx(GitPullRequest, { size: 16 })
+            }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2103,9 +2468,162 @@ function EditorOverlay({ theme, onComponentSelect }) {
     }
   );
 }
+function PRView({ onClose, onSuccess }) {
+  const [title, setTitle] = react.useState("");
+  const [description, setDescription] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [result, setResult] = react.useState(null);
+  const hasGenerated = react.useRef(false);
+  const { status } = usePRStatus();
+  const { createPR, generateContent, isCreating, isGenerating } = useCreatePR();
+  react.useEffect(() => {
+    if (!hasGenerated.current && !isGenerating) {
+      hasGenerated.current = true;
+      generateContent().then((content) => {
+        setTitle(content.title);
+        setDescription(content.description);
+      });
+    }
+  }, [isGenerating, generateContent]);
+  react.useEffect(() => {
+    if (result == null ? void 0 : result.success) {
+      const timer = setTimeout(() => {
+        onClose();
+      }, 2e3);
+      return () => clearTimeout(timer);
+    }
+  }, [result == null ? void 0 : result.success, onClose]);
+  const handleRegenerate = react.useCallback(async () => {
+    setError(null);
+    const content = await generateContent();
+    setTitle(content.title);
+    setDescription(content.description);
+  }, [generateContent]);
+  const handleSubmit = react.useCallback(async () => {
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    setError(null);
+    const prResult = await createPR({ title: title.trim(), description });
+    if (prResult.success) {
+      setResult(prResult);
+      onSuccess == null ? void 0 : onSuccess(prResult);
+    } else {
+      setError(prResult.error || "Failed to create PR");
+    }
+  }, [title, description, createPR, onSuccess]);
+  if (result == null ? void 0 : result.success) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-view", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-success", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-view-success-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 32 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "PR Created!" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: result.prUrl, target: "_blank", rel: "noopener noreferrer", children: [
+          "#",
+          result.prNumber
+        ] }),
+        " ",
+        "on ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { children: result.branchName })
+      ] })
+    ] }) });
+  }
+  if (isGenerating && !title) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-view", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-loading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 24, className: "pr-view-spinner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Generating PR details..." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-content", children: [
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pr-view-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "pr-title", children: "Title" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: "pr-title",
+            type: "text",
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            placeholder: "PR title...",
+            disabled: isCreating || isGenerating
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-field-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "pr-description", children: "Description" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              className: "pr-view-regenerate",
+              onClick: handleRegenerate,
+              disabled: isGenerating || isCreating,
+              children: [
+                isGenerating ? /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 12, className: "pr-view-spinner" }) : /* @__PURE__ */ jsxRuntime.jsx(Sparkles, { size: 12 }),
+                "Regenerate"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            id: "pr-description",
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            placeholder: "Describe your changes...",
+            disabled: isCreating || isGenerating
+          }
+        )
+      ] }),
+      status && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-info", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FileText, { size: 12 }),
+          status.changedFiles.length,
+          " files"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(GitBranch, { size: 12 }),
+          status.baseBranch
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pr-view-footer", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "pr-view-btn pr-view-btn-secondary",
+          onClick: onClose,
+          disabled: isCreating,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "pr-view-btn pr-view-btn-primary",
+          onClick: handleSubmit,
+          disabled: isCreating || !title.trim(),
+          children: isCreating ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 14, className: "pr-view-spinner" }),
+            "Creating..."
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(GitPullRequest, { size: 14 }),
+            "Create PR"
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
 exports.AIEditorProvider = AIEditorProvider;
 exports.ChatPanel = ChatPanel;
 exports.ControlPill = ControlPill;
+exports.PRView = PRView;
 exports.buildServiceUrl = buildServiceUrl;
 exports.getServiceUrl = getServiceUrl;
+exports.useCreatePR = useCreatePR;
+exports.usePRStatus = usePRStatus;
 //# sourceMappingURL=index.cjs.map