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

package/dist/index.mjs

@@ -789,14 +789,24 @@ function DraftModal({ pendingContext, addingDraft, onAdd, onCancel }) {
 
 // src/components/SubmitModal.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function SubmitModal({ count, onSubmit, onCancel, submitting }) {
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function SubmitModal({ count, onSubmit, onCancel, onDone, submitting, submittedUrl }) {
   const [title, setTitle] = useState5("");
+  const [copied, setCopied] = useState5(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__ */ jsx6(
     "div",
     {
@@ -811,9 +821,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__ */ jsxs6(
+      children: /* @__PURE__ */ jsx6(
         "div",
         {
           style: {
@@ -824,7 +837,64 @@ function SubmitModal({ count, onSubmit, onCancel, submitting }) {
             maxWidth: "90vw",
             boxShadow: "0 8px 32px rgba(0,0,0,0.2)"
           },
-          children: [
+          children: submittedUrl ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+            /* @__PURE__ */ jsx6("h3", { style: { margin: "0 0 16px", fontSize: 16 }, children: "Feedback Submitted" }),
+            /* @__PURE__ */ jsx6("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#6b7280" }, children: "Share this link to view the feedback:" }),
+            /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ jsx6(
+                "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__ */ jsx6(
+                "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__ */ jsx6("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 16 }, children: /* @__PURE__ */ jsx6(
+              "button",
+              {
+                onClick: onDone,
+                style: {
+                  padding: "8px 16px",
+                  borderRadius: 6,
+                  border: "none",
+                  background: "#3b82f6",
+                  color: "#fff",
+                  fontSize: 13,
+                  cursor: "pointer"
+                },
+                children: "Done"
+              }
+            ) })
+          ] }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
             /* @__PURE__ */ jsx6("h3", { style: { margin: "0 0 16px", fontSize: 16 }, children: "Submit Feedback" }),
             /* @__PURE__ */ jsxs6("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#6b7280" }, children: [
               count,
@@ -889,7 +959,7 @@ function SubmitModal({ count, onSubmit, onCancel, submitting }) {
                 }
               )
             ] })
-          ]
+          ] })
         }
       )
     }
@@ -1179,7 +1249,7 @@ function createApiClient(apiUrl, clientId) {
 }
 
 // src/components/FeedbackWidget.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var CONTAINER_ID = "llm-ui-feedback-root";
 function getOrCreateContainer() {
   let el = document.getElementById(CONTAINER_ID);
@@ -1198,7 +1268,8 @@ var initialState = {
   selectedDraftIds: /* @__PURE__ */ new Set(),
   submitModalOpen: false,
   addingDraft: false,
-  submitting: false
+  submitting: false,
+  submittedShareUrl: null
 };
 function widgetReducer(state, action) {
   switch (action.type) {
@@ -1243,12 +1314,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()
       };
@@ -1426,19 +1500,27 @@ function FeedbackWidget({
       });
     }
   }, [api]);
+  const submittedDraftIdsRef = useRef3([]);
   const handleSubmit = useCallback3(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 = useCallback3(() => {
+    dispatch({ type: "SUBMIT_COMPLETE", submittedIds: submittedDraftIdsRef.current });
+    submittedDraftIdsRef.current = [];
+  }, []);
   if (session.status === "loading") return null;
   return createPortal(
-    /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7(Fragment3, { children: [
       /* @__PURE__ */ jsx7(
         FloatingButton,
         {
@@ -1482,7 +1564,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
         }
       )
     ] }),