@david-xpn/llm-ui-feedback 0.1.4 → 0.1.5

package/dist/index.js

@@ -826,13 +826,23 @@ function DraftModal({ pendingContext, addingDraft, onAdd, onCancel }) {
 // src/components/SubmitModal.tsx
 var import_react5 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-function SubmitModal({ count, onSubmit, onCancel, submitting }) {
+function SubmitModal({ count, onSubmit, onCancel, onDone, submitting, submittedUrl }) {
   const [title, setTitle] = (0, import_react5.useState)("");
+  const [copied, setCopied] = (0, import_react5.useState)(false);
   const handleSubmit = () => {
     if (title.trim() && !submitting) {
       onSubmit(title.trim());
     }
   };
+  const handleCopy = async () => {
+    if (!submittedUrl) return;
+    try {
+      await navigator.clipboard.writeText(submittedUrl);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
@@ -847,9 +857,12 @@ function SubmitModal({ count, onSubmit, onCancel, submitting }) {
         fontFamily: "system-ui, sans-serif"
       },
       onClick: (e) => {
-        if (e.target === e.currentTarget && !submitting) onCancel();
+        if (e.target === e.currentTarget) {
+          if (submittedUrl) onDone();
+          else if (!submitting) onCancel();
+        }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           style: {
@@ -860,7 +873,64 @@ function SubmitModal({ count, onSubmit, onCancel, submitting }) {
             maxWidth: "90vw",
             boxShadow: "0 8px 32px rgba(0,0,0,0.2)"
           },
-          children: [
+          children: submittedUrl ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { style: { margin: "0 0 16px", fontSize: 16 }, children: "Feedback Submitted" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#6b7280" }, children: "Share this link to view the feedback:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: submittedUrl,
+                  readOnly: true,
+                  onFocus: (e) => e.target.select(),
+                  style: {
+                    flex: 1,
+                    padding: 10,
+                    borderRadius: 8,
+                    border: "1px solid #d1d5db",
+                    fontSize: 13,
+                    boxSizing: "border-box",
+                    color: "#374151",
+                    background: "#f9fafb"
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  onClick: handleCopy,
+                  style: {
+                    padding: "8px 14px",
+                    borderRadius: 8,
+                    border: "1px solid #d1d5db",
+                    background: copied ? "#dcfce7" : "#f3f4f6",
+                    color: copied ? "#166534" : "#374151",
+                    fontSize: 13,
+                    cursor: "pointer",
+                    whiteSpace: "nowrap"
+                  },
+                  children: copied ? "Copied!" : "Copy"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                onClick: onDone,
+                style: {
+                  padding: "8px 16px",
+                  borderRadius: 6,
+                  border: "none",
+                  background: "#3b82f6",
+                  color: "#fff",
+                  fontSize: 13,
+                  cursor: "pointer"
+                },
+                children: "Done"
+              }
+            ) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { style: { margin: "0 0 16px", fontSize: 16 }, children: "Submit Feedback" }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#6b7280" }, children: [
               count,
@@ -925,7 +995,7 @@ function SubmitModal({ count, onSubmit, onCancel, submitting }) {
                 }
               )
             ] })
-          ]
+          ] })
         }
       )
     }
@@ -1234,7 +1304,8 @@ var initialState = {
   selectedDraftIds: /* @__PURE__ */ new Set(),
   submitModalOpen: false,
   addingDraft: false,
-  submitting: false
+  submitting: false,
+  submittedShareUrl: null
 };
 function widgetReducer(state, action) {
   switch (action.type) {
@@ -1279,12 +1350,15 @@ function widgetReducer(state, action) {
       return { ...state, submitModalOpen: false };
     case "SET_SUBMITTING":
       return { ...state, submitting: action.submitting };
+    case "SUBMIT_SUCCESS":
+      return { ...state, submitting: false, submittedShareUrl: action.shareUrl };
     case "SUBMIT_COMPLETE": {
       const submitted = new Set(action.submittedIds);
       return {
         ...state,
         submitting: false,
         submitModalOpen: false,
+        submittedShareUrl: null,
         drafts: state.drafts.filter((d) => !submitted.has(d.id)),
         selectedDraftIds: /* @__PURE__ */ new Set()
       };
@@ -1462,16 +1536,24 @@ function FeedbackWidget({
       });
     }
   }, [api]);
+  const submittedDraftIdsRef = (0, import_react7.useRef)([]);
   const handleSubmit = (0, import_react7.useCallback)(async (title) => {
     dispatch({ type: "SET_SUBMITTING", submitting: true });
     const draftIds = Array.from(state.selectedDraftIds);
+    submittedDraftIdsRef.current = draftIds;
     try {
-      await api.submitSession({ title, draftIds });
-      dispatch({ type: "SUBMIT_COMPLETE", submittedIds: draftIds });
+      const result = await api.submitSession({ title, draftIds });
+      const group = result.feedbackGroup;
+      const shareUrl = group.shareToken ? `${apiUrl}/feedback-groups/${group.id}/markdown?token=${group.shareToken}` : "";
+      dispatch({ type: "SUBMIT_SUCCESS", shareUrl });
     } catch {
       dispatch({ type: "SET_SUBMITTING", submitting: false });
     }
-  }, [state.selectedDraftIds, api]);
+  }, [state.selectedDraftIds, api, apiUrl]);
+  const handleSubmitDone = (0, import_react7.useCallback)(() => {
+    dispatch({ type: "SUBMIT_COMPLETE", submittedIds: submittedDraftIdsRef.current });
+    submittedDraftIdsRef.current = [];
+  }, []);
   if (session.status === "loading") return null;
   return (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
@@ -1518,7 +1600,9 @@ function FeedbackWidget({
           count: state.selectedDraftIds.size,
           onSubmit: handleSubmit,
           onCancel: () => dispatch({ type: "CLOSE_SUBMIT_MODAL" }),
-          submitting: state.submitting
+          onDone: handleSubmitDone,
+          submitting: state.submitting,
+          submittedUrl: state.submittedShareUrl
         }
       )
     ] }),