@autoship/react 0.1.0

package/dist/AutoshipButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface AutoshipButtonProps {
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showTaskList?: boolean;
+}
+export declare function AutoshipButton({ position, showTaskList, }: AutoshipButtonProps): React.ReactElement;
+//# sourceMappingURL=AutoshipButton.d.ts.map

package/dist/AutoshipButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoshipButton.d.ts","sourceRoot":"","sources":["../src/AutoshipButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAyB,EACzB,YAAmB,GACpB,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAkJ1C"}

package/dist/AutoshipButton.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { TaskDialog } from "./TaskDialog";
+import { TaskList } from "./TaskList";
+export function AutoshipButton({ position = "bottom-right", showTaskList = true, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [view, setView] = useState("menu");
+    const positionStyles = {
+        "bottom-right": { bottom: 20, right: 20 },
+        "bottom-left": { bottom: 20, left: 20 },
+        "top-right": { top: 20, right: 20 },
+        "top-left": { top: 20, left: 20 },
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        setView("menu");
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsOpen(true), style: {
+                    position: "fixed",
+                    ...positionStyles[position],
+                    width: 56,
+                    height: 56,
+                    borderRadius: "50%",
+                    backgroundColor: "#10b981",
+                    color: "white",
+                    border: "none",
+                    cursor: "pointer",
+                    boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: 24,
+                    zIndex: 9999,
+                }, "aria-label": "Open Autoship", children: _jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), _jsxs("g", { children: [_jsx("path", { d: "M18 6l-1.5 1.5L18 9l1.5-1.5L18 6z", fill: "currentColor" }), _jsx("path", { d: "M20.5 3.5l-1 1L20.5 5.5l1-1L20.5 3.5z", fill: "currentColor" }), _jsx("path", { d: "M16.5 2.5l-0.5 0.5L16.5 3.5l0.5-0.5L16.5 2.5z", fill: "currentColor" })] })] }) }), isOpen && (_jsx("div", { style: {
+                    position: "fixed",
+                    inset: 0,
+                    backgroundColor: "rgba(0,0,0,0.5)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    zIndex: 10000,
+                }, onClick: handleClose, children: _jsxs("div", { style: {
+                        backgroundColor: "white",
+                        borderRadius: 12,
+                        padding: 24,
+                        minWidth: 400,
+                        maxWidth: "90vw",
+                        maxHeight: "80vh",
+                        overflow: "auto",
+                    }, onClick: (e) => e.stopPropagation(), children: [view === "menu" && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsx("h2", { style: { margin: 0, marginBottom: 8 }, children: "Autoship" }), _jsx("button", { onClick: () => setView("new"), style: {
+                                        padding: "12px 16px",
+                                        backgroundColor: "#10b981",
+                                        color: "white",
+                                        border: "none",
+                                        borderRadius: 8,
+                                        cursor: "pointer",
+                                        fontSize: 16,
+                                    }, children: "Submit New Request" }), showTaskList && (_jsx("button", { onClick: () => setView("list"), style: {
+                                        padding: "12px 16px",
+                                        backgroundColor: "#f3f4f6",
+                                        color: "#374151",
+                                        border: "1px solid #e5e7eb",
+                                        borderRadius: 8,
+                                        cursor: "pointer",
+                                        fontSize: 16,
+                                    }, children: "View My Requests" }))] })), view === "new" && (_jsx(TaskDialog, { onClose: handleClose, onBack: () => setView("menu") })), view === "list" && _jsx(TaskList, { onBack: () => setView("menu") })] }) }))] }));
+}

package/dist/AutoshipProvider.d.ts

@@ -0,0 +1,15 @@
+import { SupabaseClient } from "@supabase/supabase-js";
+import React from "react";
+export interface AutoshipContextValue {
+    supabase: SupabaseClient;
+    userId?: string;
+}
+export declare function useAutoshipContext(): AutoshipContextValue;
+export interface AutoshipProviderProps {
+    supabaseUrl: string;
+    supabaseAnonKey: string;
+    userId?: string;
+    children: React.ReactNode;
+}
+export declare function AutoshipProvider({ supabaseUrl, supabaseAnonKey, userId, children, }: AutoshipProviderProps): React.ReactElement;
+//# sourceMappingURL=AutoshipProvider.d.ts.map

package/dist/AutoshipProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoshipProvider.d.ts","sourceRoot":"","sources":["../src/AutoshipProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,kBAAkB,IAAI,oBAAoB,CAMzD;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,MAAM,EACN,QAAQ,GACT,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAW5C"}

package/dist/AutoshipProvider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createClient } from "@supabase/supabase-js";
+import { createContext, useContext, useMemo } from "react";
+const AutoshipContext = createContext(null);
+export function useAutoshipContext() {
+    const ctx = useContext(AutoshipContext);
+    if (!ctx) {
+        throw new Error("useAutoshipContext must be used within AutoshipProvider");
+    }
+    return ctx;
+}
+export function AutoshipProvider({ supabaseUrl, supabaseAnonKey, userId, children, }) {
+    const supabase = useMemo(() => createClient(supabaseUrl, supabaseAnonKey), [supabaseUrl, supabaseAnonKey]);
+    return (_jsx(AutoshipContext.Provider, { value: { supabase, userId }, children: children }));
+}

package/dist/QuestionDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Task } from "./TaskList";
+export interface QuestionDialogProps {
+    task: Task;
+    onBack: () => void;
+    onAnswered: () => void;
+}
+export declare function QuestionDialog({ task, onBack, onAnswered, }: QuestionDialogProps): React.ReactElement;
+//# sourceMappingURL=QuestionDialog.d.ts.map

package/dist/QuestionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionDialog.d.ts","sourceRoot":"","sources":["../src/QuestionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,UAAU,GACX,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CA4I1C"}

package/dist/QuestionDialog.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useAutoshipContext } from "./AutoshipProvider";
+export function QuestionDialog({ task, onBack, onAnswered, }) {
+    const { supabase } = useAutoshipContext();
+    const [answers, setAnswers] = useState({});
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const questions = task.task_questions || [];
+    const unansweredQuestions = questions.filter((q) => !q.answer);
+    const handleSubmit = async () => {
+        if (Object.keys(answers).length === 0)
+            return;
+        setIsSubmitting(true);
+        try {
+            // Update each question in task_questions table
+            for (const [questionId, answer] of Object.entries(answers)) {
+                const { error } = await supabase
+                    .from("task_questions")
+                    .update({
+                    answer: answer,
+                    answered_at: new Date().toISOString(),
+                })
+                    .eq("id", questionId);
+                if (error)
+                    throw error;
+            }
+            // Check if all questions are now answered
+            const remainingUnanswered = unansweredQuestions.filter((q) => !answers[q.id]);
+            const allAnswered = remainingUnanswered.length === 0;
+            // Update task status if all questions answered
+            if (allAnswered && (task.status === "needs_info" || task.status === "blocked")) {
+                const { error: statusError } = await supabase
+                    .from("agent_tasks")
+                    .update({ status: "pending" })
+                    .eq("id", task.id);
+                if (statusError)
+                    throw statusError;
+            }
+            onAnswered();
+            onBack();
+        }
+        catch (err) {
+            console.error("Failed to submit answers:", err);
+            alert("Failed to submit. Please try again.");
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { style: { display: "flex", alignItems: "center", marginBottom: 16 }, children: [_jsx("button", { type: "button", onClick: onBack, style: {
+                            marginRight: 12,
+                            background: "none",
+                            border: "none",
+                            fontSize: 20,
+                            cursor: "pointer",
+                            padding: 4,
+                        }, children: "\u2190" }), _jsxs("h2", { style: { margin: 0, fontSize: 18 }, children: ["Questions: ", task.title] })] }), _jsx("p", { style: { color: "#666", marginBottom: 16, fontSize: 14 }, children: "The AI needs some clarification before proceeding. Please answer the questions below." }), unansweredQuestions.length === 0 ? (_jsx("p", { style: { color: "#10b981" }, children: "All questions have been answered!" })) : (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [unansweredQuestions.map((q, index) => (_jsxs("div", { children: [_jsxs("label", { style: {
+                                    display: "block",
+                                    marginBottom: 6,
+                                    fontWeight: 500,
+                                    fontSize: 14,
+                                }, children: [index + 1, ". ", q.question] }), _jsx("textarea", { value: answers[q.id] || "", onChange: (e) => setAnswers({ ...answers, [q.id]: e.target.value }), placeholder: "Your answer...", rows: 3, style: {
+                                    width: "100%",
+                                    padding: 10,
+                                    borderRadius: 6,
+                                    border: "1px solid #ddd",
+                                    fontSize: 14,
+                                    resize: "vertical",
+                                    boxSizing: "border-box",
+                                    fontFamily: "inherit",
+                                } })] }, q.id))), _jsx("button", { onClick: handleSubmit, disabled: isSubmitting || Object.keys(answers).length === 0, style: {
+                            padding: 12,
+                            backgroundColor: isSubmitting || Object.keys(answers).length === 0
+                                ? "#a7f3d0"
+                                : "#10b981",
+                            color: "white",
+                            border: "none",
+                            borderRadius: 6,
+                            cursor: isSubmitting || Object.keys(answers).length === 0
+                                ? "not-allowed"
+                                : "pointer",
+                            fontSize: 16,
+                            fontWeight: 500,
+                        }, children: isSubmitting ? "Submitting..." : "Submit Answers" })] }))] }));
+}

package/dist/SnapdevButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface SnapdevButtonProps {
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showTaskList?: boolean;
+}
+export declare function SnapdevButton({ position, showTaskList, }: SnapdevButtonProps): React.ReactElement;
+//# sourceMappingURL=SnapdevButton.d.ts.map

package/dist/SnapdevButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapdevButton.d.ts","sourceRoot":"","sources":["../src/SnapdevButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAyB,EACzB,YAAmB,GACpB,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAkJzC"}

package/dist/SnapdevButton.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { TaskDialog } from "./TaskDialog";
+import { TaskList } from "./TaskList";
+export function SnapdevButton({ position = "bottom-right", showTaskList = true, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [view, setView] = useState("menu");
+    const positionStyles = {
+        "bottom-right": { bottom: 20, right: 20 },
+        "bottom-left": { bottom: 20, left: 20 },
+        "top-right": { top: 20, right: 20 },
+        "top-left": { top: 20, left: 20 },
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        setView("menu");
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsOpen(true), style: {
+                    position: "fixed",
+                    ...positionStyles[position],
+                    width: 56,
+                    height: 56,
+                    borderRadius: "50%",
+                    backgroundColor: "#10b981",
+                    color: "white",
+                    border: "none",
+                    cursor: "pointer",
+                    boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: 24,
+                    zIndex: 9999,
+                }, "aria-label": "Open Snapdev", children: _jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), _jsxs("g", { children: [_jsx("path", { d: "M18 6l-1.5 1.5L18 9l1.5-1.5L18 6z", fill: "currentColor" }), _jsx("path", { d: "M20.5 3.5l-1 1L20.5 5.5l1-1L20.5 3.5z", fill: "currentColor" }), _jsx("path", { d: "M16.5 2.5l-0.5 0.5L16.5 3.5l0.5-0.5L16.5 2.5z", fill: "currentColor" })] })] }) }), isOpen && (_jsx("div", { style: {
+                    position: "fixed",
+                    inset: 0,
+                    backgroundColor: "rgba(0,0,0,0.5)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    zIndex: 10000,
+                }, onClick: handleClose, children: _jsxs("div", { style: {
+                        backgroundColor: "white",
+                        borderRadius: 12,
+                        padding: 24,
+                        minWidth: 400,
+                        maxWidth: "90vw",
+                        maxHeight: "80vh",
+                        overflow: "auto",
+                    }, onClick: (e) => e.stopPropagation(), children: [view === "menu" && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsx("h2", { style: { margin: 0, marginBottom: 8 }, children: "Snapdev" }), _jsx("button", { onClick: () => setView("new"), style: {
+                                        padding: "12px 16px",
+                                        backgroundColor: "#10b981",
+                                        color: "white",
+                                        border: "none",
+                                        borderRadius: 8,
+                                        cursor: "pointer",
+                                        fontSize: 16,
+                                    }, children: "Submit New Request" }), showTaskList && (_jsx("button", { onClick: () => setView("list"), style: {
+                                        padding: "12px 16px",
+                                        backgroundColor: "#f3f4f6",
+                                        color: "#374151",
+                                        border: "1px solid #e5e7eb",
+                                        borderRadius: 8,
+                                        cursor: "pointer",
+                                        fontSize: 16,
+                                    }, children: "View My Requests" }))] })), view === "new" && (_jsx(TaskDialog, { onClose: handleClose, onBack: () => setView("menu") })), view === "list" && _jsx(TaskList, { onBack: () => setView("menu") })] }) }))] }));
+}

package/dist/SnapdevProvider.d.ts

@@ -0,0 +1,15 @@
+import { SupabaseClient } from "@supabase/supabase-js";
+import React from "react";
+export interface SnapdevContextValue {
+    supabase: SupabaseClient;
+    userId?: string;
+}
+export declare function useSnapdevContext(): SnapdevContextValue;
+export interface SnapdevProviderProps {
+    supabaseUrl: string;
+    supabaseAnonKey: string;
+    userId?: string;
+    children: React.ReactNode;
+}
+export declare function SnapdevProvider({ supabaseUrl, supabaseAnonKey, userId, children, }: SnapdevProviderProps): React.ReactElement;
+//# sourceMappingURL=SnapdevProvider.d.ts.map

package/dist/SnapdevProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapdevProvider.d.ts","sourceRoot":"","sources":["../src/SnapdevProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,iBAAiB,IAAI,mBAAmB,CAMvD;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,eAAe,EACf,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAW3C"}

package/dist/SnapdevProvider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createClient } from "@supabase/supabase-js";
+import { createContext, useContext, useMemo } from "react";
+const SnapdevContext = createContext(null);
+export function useSnapdevContext() {
+    const ctx = useContext(SnapdevContext);
+    if (!ctx) {
+        throw new Error("useSnapdevContext must be used within SnapdevProvider");
+    }
+    return ctx;
+}
+export function SnapdevProvider({ supabaseUrl, supabaseAnonKey, userId, children, }) {
+    const supabase = useMemo(() => createClient(supabaseUrl, supabaseAnonKey), [supabaseUrl, supabaseAnonKey]);
+    return (_jsx(SnapdevContext.Provider, { value: { supabase, userId }, children: children }));
+}

package/dist/TaskDetailDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Task } from "./TaskList";
+export interface TaskDetailDialogProps {
+    task: Task;
+    onBack: () => void;
+    onUpdated: () => void;
+}
+export declare function TaskDetailDialog({ task, onBack, onUpdated, }: TaskDetailDialogProps): React.ReactElement;
+//# sourceMappingURL=TaskDetailDialog.d.ts.map

package/dist/TaskDetailDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDetailDialog.d.ts","sourceRoot":"","sources":["../src/TaskDetailDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAoU5C"}

package/dist/TaskDetailDialog.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useAutoshipContext } from "./AutoshipProvider";
+export function TaskDetailDialog({ task, onBack, onUpdated, }) {
+    const { supabase } = useAutoshipContext();
+    const [answers, setAnswers] = useState({});
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const questions = task.task_questions || [];
+    const unansweredQuestions = questions.filter((q) => !q.answer);
+    const answeredQuestions = questions.filter((q) => q.answer);
+    const statusColors = {
+        pending: "#f59e0b",
+        in_progress: "#3b82f6",
+        complete: "#10b981",
+        failed: "#ef4444",
+        blocked: "#f59e0b",
+        needs_info: "#8b5cf6",
+    };
+    const statusLabels = {
+        pending: "Pending",
+        in_progress: "In Progress",
+        complete: "Complete",
+        failed: "Failed",
+        blocked: "Blocked",
+        needs_info: "Needs Info",
+    };
+    const handleSubmitAnswers = async () => {
+        if (Object.keys(answers).length === 0)
+            return;
+        setIsSubmitting(true);
+        try {
+            // Update each question in task_questions table
+            for (const [questionId, answer] of Object.entries(answers)) {
+                const { error } = await supabase
+                    .from("task_questions")
+                    .update({
+                    answer: answer,
+                    answered_at: new Date().toISOString(),
+                })
+                    .eq("id", questionId);
+                if (error)
+                    throw error;
+            }
+            // Check if all questions are now answered
+            const remainingUnanswered = unansweredQuestions.filter((q) => !answers[q.id]);
+            const allAnswered = remainingUnanswered.length === 0;
+            // Update task status if all questions answered
+            if (allAnswered && (task.status === "needs_info" || task.status === "blocked")) {
+                const { error: statusError } = await supabase
+                    .from("agent_tasks")
+                    .update({ status: "pending" })
+                    .eq("id", task.id);
+                if (statusError)
+                    throw statusError;
+            }
+            onUpdated();
+            onBack();
+        }
+        catch (err) {
+            console.error("Failed to submit answers:", err);
+            alert("Failed to submit. Please try again.");
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const formatDate = (dateStr) => {
+        return new Date(dateStr).toLocaleString();
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { style: { display: "flex", alignItems: "center", marginBottom: 16 }, children: [_jsx("button", { type: "button", onClick: onBack, style: {
+                            marginRight: 12,
+                            background: "none",
+                            border: "none",
+                            fontSize: 20,
+                            cursor: "pointer",
+                            padding: 4,
+                        }, children: "\u2190" }), _jsx("h2", { style: { margin: 0, fontSize: 18, flex: 1 }, children: "Task Details" }), _jsx("span", { style: {
+                            backgroundColor: statusColors[task.status] || "#9ca3af",
+                            color: "white",
+                            padding: "4px 10px",
+                            borderRadius: 12,
+                            fontSize: 12,
+                        }, children: statusLabels[task.status] || task.status })] }), _jsxs("div", { style: {
+                    padding: 12,
+                    backgroundColor: "#f9fafb",
+                    borderRadius: 8,
+                    marginBottom: 16,
+                }, children: [_jsx("h3", { style: { margin: "0 0 8px 0", fontSize: 16 }, children: task.title }), _jsx("p", { style: {
+                            margin: 0,
+                            fontSize: 14,
+                            color: "#4b5563",
+                            lineHeight: 1.5,
+                            whiteSpace: "pre-wrap",
+                        }, children: task.description }), _jsxs("p", { style: {
+                            margin: "12px 0 0 0",
+                            fontSize: 12,
+                            color: "#9ca3af",
+                        }, children: ["Created: ", formatDate(task.created_at)] }), task.pr_url && (_jsx("a", { href: task.pr_url, target: "_blank", rel: "noopener noreferrer", style: {
+                            display: "inline-block",
+                            marginTop: 8,
+                            fontSize: 13,
+                            color: "#10b981",
+                        }, children: "View Pull Request" }))] }), questions.length > 0 && (_jsxs("div", { children: [_jsx("h3", { style: { margin: "0 0 12px 0", fontSize: 15, color: "#374151" }, children: "Agent Feedback & Questions" }), answeredQuestions.length > 0 && (_jsxs("div", { style: { marginBottom: 16 }, children: [_jsx("p", { style: {
+                                    margin: "0 0 8px 0",
+                                    fontSize: 12,
+                                    color: "#6b7280",
+                                    textTransform: "uppercase",
+                                    fontWeight: 600,
+                                }, children: "Previous Q&A" }), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: answeredQuestions.map((q) => (_jsxs("div", { style: {
+                                        padding: 12,
+                                        backgroundColor: "#f0fdf4",
+                                        borderRadius: 8,
+                                        borderLeft: "3px solid #10b981",
+                                    }, children: [_jsxs("p", { style: {
+                                                margin: 0,
+                                                fontSize: 14,
+                                                fontWeight: 500,
+                                                color: "#166534",
+                                            }, children: ["Q: ", q.question] }), _jsxs("p", { style: {
+                                                margin: "8px 0 0 0",
+                                                fontSize: 14,
+                                                color: "#15803d",
+                                            }, children: ["A: ", q.answer] }), q.answered_at && (_jsxs("p", { style: {
+                                                margin: "6px 0 0 0",
+                                                fontSize: 11,
+                                                color: "#6b7280",
+                                            }, children: ["Answered: ", formatDate(q.answered_at)] }))] }, q.id))) })] })), unansweredQuestions.length > 0 && (_jsxs("div", { children: [_jsx("p", { style: {
+                                    margin: "0 0 8px 0",
+                                    fontSize: 12,
+                                    color: "#059669",
+                                    textTransform: "uppercase",
+                                    fontWeight: 600,
+                                }, children: "Questions Awaiting Your Response" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [unansweredQuestions.map((q, index) => (_jsxs("div", { style: {
+                                            padding: 12,
+                                            backgroundColor: "#ecfdf5",
+                                            borderRadius: 8,
+                                            borderLeft: "3px solid #10b981",
+                                        }, children: [_jsxs("label", { style: {
+                                                    display: "block",
+                                                    marginBottom: 8,
+                                                    fontWeight: 500,
+                                                    fontSize: 14,
+                                                    color: "#047857",
+                                                }, children: [index + 1, ". ", q.question] }), _jsx("textarea", { value: answers[q.id] || "", onChange: (e) => setAnswers({ ...answers, [q.id]: e.target.value }), placeholder: "Type your answer here...", rows: 3, style: {
+                                                    width: "100%",
+                                                    padding: 10,
+                                                    borderRadius: 6,
+                                                    border: "1px solid #a7f3d0",
+                                                    fontSize: 14,
+                                                    resize: "vertical",
+                                                    boxSizing: "border-box",
+                                                    fontFamily: "inherit",
+                                                } })] }, q.id))), _jsx("button", { onClick: handleSubmitAnswers, disabled: isSubmitting || Object.keys(answers).length === 0, style: {
+                                            padding: 12,
+                                            backgroundColor: isSubmitting || Object.keys(answers).length === 0
+                                                ? "#a7f3d0"
+                                                : "#10b981",
+                                            color: "white",
+                                            border: "none",
+                                            borderRadius: 6,
+                                            cursor: isSubmitting || Object.keys(answers).length === 0
+                                                ? "not-allowed"
+                                                : "pointer",
+                                            fontSize: 16,
+                                            fontWeight: 500,
+                                        }, children: isSubmitting ? "Submitting..." : "Submit Answers" })] })] }))] })), questions.length === 0 && (_jsx("div", { style: {
+                    padding: 16,
+                    backgroundColor: "#f9fafb",
+                    borderRadius: 8,
+                    textAlign: "center",
+                }, children: _jsx("p", { style: { margin: 0, color: "#6b7280", fontSize: 14 }, children: "No questions or feedback from the agent yet." }) }))] }));
+}

package/dist/TaskDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface TaskDialogProps {
+    onClose: () => void;
+    onBack: () => void;
+}
+export declare function TaskDialog({ onClose, onBack, }: TaskDialogProps): React.ReactElement;
+//# sourceMappingURL=TaskDialog.d.ts.map

package/dist/TaskDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDialog.d.ts","sourceRoot":"","sources":["../src/TaskDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAiJtC"}

package/dist/TaskDialog.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useAutoshipContext } from "./AutoshipProvider";
+export function TaskDialog({ onClose, onBack, }) {
+    const { supabase, userId } = useAutoshipContext();
+    const [title, setTitle] = useState("");
+    const [description, setDescription] = useState("");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [submitted, setSubmitted] = useState(false);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!title.trim() || !description.trim())
+            return;
+        setIsSubmitting(true);
+        try {
+            const id = `task_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            const { error } = await supabase.from("agent_tasks").insert({
+                id,
+                title: title.trim(),
+                description: description.trim(),
+                priority: 0,
+                status: "pending",
+                submitted_by: userId || null,
+            });
+            if (error)
+                throw error;
+            setSubmitted(true);
+            setTimeout(() => onClose(), 2000);
+        }
+        catch (err) {
+            console.error("Failed to submit task:", err);
+            alert("Failed to submit. Please try again.");
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    if (submitted) {
+        return (_jsxs("div", { style: { textAlign: "center", padding: 20 }, children: [_jsx("div", { style: { fontSize: 48, marginBottom: 16 }, children: "\u2713" }), _jsx("h3", { style: { margin: 0, marginBottom: 8 }, children: "Request Submitted!" }), _jsx("p", { style: { margin: 0, color: "#666" }, children: "We'll get to work on this soon." })] }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", marginBottom: 16 }, children: [_jsx("button", { type: "button", onClick: onBack, style: {
+                            marginRight: 12,
+                            background: "none",
+                            border: "none",
+                            fontSize: 20,
+                            cursor: "pointer",
+                            padding: 4,
+                        }, children: "\u2190" }), _jsx("h2", { style: { margin: 0 }, children: "New Request" })] }), _jsxs("div", { style: { marginBottom: 16 }, children: [_jsx("label", { style: {
+                            display: "block",
+                            marginBottom: 4,
+                            fontWeight: 500,
+                            fontSize: 14,
+                        }, children: "Title" }), _jsx("input", { type: "text", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "e.g., Add dark mode", style: {
+                            width: "100%",
+                            padding: 10,
+                            borderRadius: 6,
+                            border: "1px solid #ddd",
+                            fontSize: 16,
+                            boxSizing: "border-box",
+                        }, required: true })] }), _jsxs("div", { style: { marginBottom: 16 }, children: [_jsx("label", { style: {
+                            display: "block",
+                            marginBottom: 4,
+                            fontWeight: 500,
+                            fontSize: 14,
+                        }, children: "Description" }), _jsx("textarea", { value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Describe what you'd like in detail...", rows: 5, style: {
+                            width: "100%",
+                            padding: 10,
+                            borderRadius: 6,
+                            border: "1px solid #ddd",
+                            fontSize: 16,
+                            resize: "vertical",
+                            boxSizing: "border-box",
+                            fontFamily: "inherit",
+                        }, required: true })] }), _jsx("button", { type: "submit", disabled: isSubmitting, style: {
+                    width: "100%",
+                    padding: 12,
+                    backgroundColor: isSubmitting ? "#a7f3d0" : "#10b981",
+                    color: "white",
+                    border: "none",
+                    borderRadius: 6,
+                    cursor: isSubmitting ? "not-allowed" : "pointer",
+                    fontSize: 16,
+                    fontWeight: 500,
+                }, children: isSubmitting ? "Submitting..." : "Submit Request" })] }));
+}