@myrjfa/ui 0.3.1

package/dist/chat/dialogs/CreatePollDialog.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Plus, Trash2, ChartBar } from "lucide-react";
+export function CreatePollDialog({ open, onOpenChange, onCreate }) {
+    const [question, setQuestion] = useState("");
+    const [options, setOptions] = useState(["", ""]);
+    const [allowMultiple, setAllowMultiple] = useState(false);
+    const addOption = () => {
+        if (options.length < 10) {
+            setOptions([...options, ""]);
+        }
+    };
+    const removeOption = (index) => {
+        if (options.length > 2) {
+            setOptions(options.filter((_, i) => i !== index));
+        }
+    };
+    const updateOption = (index, value) => {
+        const next = [...options];
+        next[index] = value;
+        setOptions(next);
+    };
+    const handleCreate = () => {
+        const validOptions = options.map(o => o.trim()).filter(o => o.length > 0);
+        if (!question.trim() || validOptions.length < 2)
+            return;
+        onCreate(question.trim(), validOptions, allowMultiple);
+        setQuestion("");
+        setOptions(["", ""]);
+        setAllowMultiple(false);
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(ChartBar, { className: "w-5 h-5 text-indigo-500" }), "Create Poll"] }) }), _jsxs("div", { className: "space-y-4 py-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Question" }), _jsx(Input, { placeholder: "Ask a question...", value: question, onChange: (e) => setQuestion(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Options" }), _jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto pr-1", children: options.map((opt, i) => (_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { placeholder: `Option ${i + 1}`, value: opt, onChange: (e) => updateOption(i, e.target.value) }), options.length > 2 && (_jsx(Button, { variant: "ghost", size: "icon", className: "text-red-500 hover:text-red-700 hover:bg-red-50 shrink-0", onClick: () => removeOption(i), children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }, i))) }), options.length < 10 && (_jsxs(Button, { variant: "outline", size: "sm", className: "w-full gap-2 border-dashed", onClick: addOption, children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Option"] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "checkbox", id: "allowMultiple", checked: allowMultiple, onChange: (e) => setAllowMultiple(e.target.checked), className: "w-4 h-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" }), _jsx("label", { htmlFor: "allowMultiple", className: "text-sm text-gray-600", children: "Allow selecting multiple answers" })] })] }), _jsxs("div", { className: "flex justify-end gap-3 mt-2", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: handleCreate, disabled: !question.trim() || options.filter(o => o.trim()).length < 2, className: "bg-indigo-600 hover:bg-indigo-700 text-white", children: "Create Poll" })] })] }) }));
+}

package/dist/chat/dialogs/EditPollDialog.d.ts

@@ -0,0 +1,14 @@
+import type { Poll } from "@myrjfa/state/dist/lib/models/chat";
+interface EditPollDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    poll: Poll;
+    onSave: (data: {
+        question: string;
+        options: string[];
+        allowMultiple: boolean;
+    }) => Promise<Poll | null>;
+}
+export declare function EditPollDialog({ open, onOpenChange, poll, onSave }: EditPollDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditPollDialog.d.ts.map

package/dist/chat/dialogs/EditPollDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditPollDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/EditPollDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAM/D,UAAU,mBAAmB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3G;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CA8CvF"}

package/dist/chat/dialogs/EditPollDialog.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ChartBar, Plus, Trash2 } from "lucide-react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+export function EditPollDialog({ open, onOpenChange, poll, onSave }) {
+    const [question, setQuestion] = useState(poll.question);
+    const [options, setOptions] = useState(poll.options.map((option) => option.text));
+    const [allowMultiple, setAllowMultiple] = useState(poll.allowMultiple);
+    const [isSaving, setIsSaving] = useState(false);
+    useEffect(() => {
+        if (open) {
+            setQuestion(poll.question);
+            setOptions(poll.options.map((option) => option.text));
+            setAllowMultiple(poll.allowMultiple);
+        }
+    }, [open, poll]);
+    const updateOption = (index, value) => setOptions((current) => current.map((option, itemIndex) => itemIndex === index ? value : option));
+    const validOptions = options.map((option) => option.trim()).filter(Boolean);
+    const optionsChanged = validOptions.length !== poll.options.length || validOptions.some((option, index) => { var _a; return option !== ((_a = poll.options[index]) === null || _a === void 0 ? void 0 : _a.text); });
+    const save = async () => {
+        if (!question.trim() || validOptions.length < 2 || isSaving)
+            return;
+        setIsSaving(true);
+        const updated = await onSave({ question: question.trim(), options: validOptions, allowMultiple });
+        setIsSaving(false);
+        if (updated)
+            onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(ChartBar, { className: "w-5 h-5 text-indigo-500" }), "Edit Poll"] }) }), _jsxs("div", { className: "space-y-4 py-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Question" }), _jsx(Input, { value: question, onChange: (event) => setQuestion(event.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Options" }), options.map((option, index) => _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { value: option, onChange: (event) => updateOption(index, event.target.value) }), options.length > 2 && _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "text-red-500", onClick: () => setOptions((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, index)), options.length < 10 && _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "w-full gap-2 border-dashed", onClick: () => setOptions((current) => [...current, ""]), children: [_jsx(Plus, { className: "w-4 h-4" }), "Add option"] })] }), _jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300", children: [_jsx("input", { type: "checkbox", checked: allowMultiple, onChange: (event) => setAllowMultiple(event.target.checked), className: "h-4 w-4" }), "Allow selecting multiple answers"] }), optionsChanged && poll.votes.length > 0 && _jsx("p", { className: "rounded-md bg-amber-50 px-3 py-2 text-xs text-amber-800 dark:bg-amber-950/40 dark:text-amber-200", children: "Changing options clears existing votes so no vote is reassigned to a different answer." })] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), disabled: isSaving, children: "Cancel" }), _jsx(Button, { className: "bg-indigo-600 text-white hover:bg-indigo-700", onClick: save, disabled: isSaving || !question.trim() || validOptions.length < 2, children: isSaving ? "Saving…" : "Save poll" })] })] }) }));
+}

package/dist/chat/dialogs/ExpenseAnalyticsDialog.d.ts

@@ -0,0 +1,20 @@
+import { type ChatActorRef, type Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface ExpenseAnalyticsDialogProps {
+    conversationId: string;
+    participants: Conversation["participants"];
+    open: boolean;
+    onClose: () => void;
+}
+export interface GroupBalance {
+    balances: (ChatActorRef & {
+        netBalance: number;
+    })[];
+    settlements: {
+        from: ChatActorRef;
+        to: ChatActorRef;
+        amount: number;
+    }[];
+}
+export declare function ExpenseAnalyticsDialog({ conversationId, participants, open, onClose }: ExpenseAnalyticsDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpenseAnalyticsDialog.d.ts.map

package/dist/chat/dialogs/ExpenseAnalyticsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpenseAnalyticsDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ExpenseAnalyticsDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEH,KAAK,YAAY,EACjB,KAAK,YAAY,EACpB,MAAM,oCAAoC,CAAC;AAE5C,UAAU,2BAA2B;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAYD,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,CAAC,YAAY,GAAG;QACtB,UAAU,EAAE,MAAM,CAAA;KACrB,CAAC,EAAE,CAAC;IACL,WAAW,EAAE;QACT,IAAI,EAAE,YAAY,CAAC;QACnB,EAAE,EAAE,YAAY,CAAC;QACjB,MAAM,EAAE,MAAM,CAAA;KACjB,EAAE,CAAA;CACN;AAED,wBAAgB,sBAAsB,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,2BAA2B,2CA+MlH"}

package/dist/chat/dialogs/ExpenseAnalyticsDialog.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { BarChart3, TrendingUp, Users, PieChart } from "lucide-react";
+import { chatActorKey, } from "@myrjfa/state/dist/lib/models/chat";
+export function ExpenseAnalyticsDialog({ conversationId, participants, open, onClose }) {
+    const [analytics, setAnalytics] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (open && conversationId) {
+            fetchAnalytics();
+        }
+    }, [open, conversationId]);
+    const fetchAnalytics = async () => {
+        setLoading(true);
+        try {
+            const data = await chatApi.getExpenseAnalytics(conversationId);
+            setAnalytics(data);
+        }
+        catch (error) {
+            console.error("Failed to fetch analytics:", error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getCategoryColor = (index) => {
+        const colors = [
+            "bg-teal-500", "bg-cyan-500", "bg-blue-500", "bg-purple-500",
+            "bg-pink-500", "bg-orange-500", "bg-yellow-500", "bg-green-500"
+        ];
+        return colors[index % colors.length];
+    };
+    const participantLabel = (actor) => {
+        const key = typeof actor === "string" ? actor : chatActorKey(actor);
+        const participant = participants.find((item) => chatActorKey(item) === key);
+        return (participant === null || participant === void 0 ? void 0 : participant.displayName) || (participant === null || participant === void 0 ? void 0 : participant.username) || "Trippeaze member";
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onClose, children: _jsxs(DialogContent, { className: "sm:max-w-2xl mt-15 max-h-[90vh] overflow-y-auto", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(BarChart3, { className: "w-5 h-5 text-teal-500" }), "Expense Analytics"] }) }), loading ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx("div", { className: "animate-spin w-6 h-6 border-2 border-teal-500 border-t-transparent rounded-full" }) })) : !analytics || analytics.count === 0 ? (_jsxs("div", { className: "text-center py-8 text-gray-400", children: [_jsx(PieChart, { className: "w-12 h-12 mx-auto mb-3 opacity-50" }), _jsx("p", { children: "No expenses to analyze yet" })] })) : (_jsxs("div", { className: "space-y-6 py-2", children: [_jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "bg-gradient-to-br from-teal-50 to-cyan-50 dark:from-teal-900/20 dark:to-cyan-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Total" }), _jsxs("p", { className: "text-lg font-bold text-teal-700 dark:text-teal-300", children: ["\u20B9", Number(analytics.total || 0).toFixed(0)] })] }), _jsxs("div", { className: "bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Count" }), _jsx("p", { className: "text-lg font-bold text-blue-700 dark:text-blue-300", children: analytics.count })] }), _jsxs("div", { className: "bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Average" }), _jsxs("p", { className: "text-lg font-bold text-purple-700 dark:text-purple-300", children: ["\u20B9", Number(analytics.averageAmount || 0).toFixed(0)] })] })] }), Object.keys(analytics.byCategory).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(PieChart, { className: "w-4 h-4" }), "By Category"] }), _jsx("div", { className: "space-y-2", children: Object.entries(analytics.byCategory)
+                                        .sort(([, a], [, b]) => b - a)
+                                        .map(([category, amount], index) => {
+                                        const percentage = (amount / analytics.total) * 100;
+                                        return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex justify-between text-xs", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: category }), _jsxs("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: ["\u20B9", amount.toFixed(0), " (", percentage.toFixed(0), "%)"] })] }), _jsx("div", { className: "w-full h-2 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden", children: _jsx("div", { className: `h-full ${getCategoryColor(index)} rounded-full transition-all duration-500`, style: { width: `${percentage}%` } }) })] }, category));
+                                    }) })] })), Object.keys(analytics.byPerson).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(Users, { className: "w-4 h-4" }), "Expense per person"] }), _jsx("div", { className: "space-y-2", children: Object.entries(analytics.byPerson)
+                                        .sort(([, a], [, b]) => b - a)
+                                        .map(([person, amount]) => {
+                                        const percentage = (amount / analytics.total) * 100;
+                                        return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-br from-teal-400 to-cyan-500 rounded-full flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: participantLabel(person).charAt(0).toUpperCase() }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: participantLabel(person) }), _jsx("div", { className: "w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden mt-1", children: _jsx("div", { className: "h-full bg-gradient-to-r from-teal-400 to-cyan-500 rounded-full transition-all duration-500", style: { width: `${percentage}%` } }) })] }), _jsxs("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 flex-shrink-0", children: ["\u20B9", amount.toFixed(0)] })] }, person));
+                                    }) })] })), Object.keys(analytics.byCategoryForUser).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(BarChart3, { className: "w-4 h-4" }), "Your Expenses by Category"] }), _jsx("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3", children: _jsx("div", { className: "space-y-1.5", children: Object.entries(analytics.byCategoryForUser)
+                                            .sort(([, a], [, b]) => b - a)
+                                            .map(([category, amount], index) => {
+                                            const userTotal = Object.values(analytics.byCategoryForUser).reduce((sum, val) => sum + val, 0);
+                                            const percentage = (amount / userTotal) * 100;
+                                            return (_jsxs("div", { className: "text-xs", children: [_jsxs("div", { className: "flex justify-between mb-1", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: category }), _jsxs("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: ["\u20B9", amount.toFixed(0), " (", percentage.toFixed(0), "%)"] })] }), _jsx("div", { className: "w-full h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: _jsx("div", { className: `h-full ${getCategoryColor(index)} rounded-full`, style: { width: `${percentage}%` } }) })] }, category));
+                                        }) }) })] })), analytics.groupBalances && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(TrendingUp, { className: "w-4 h-4" }), "Settlement Balances"] }), analytics.groupBalances.balances && analytics.groupBalances.balances.length > 0 && (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3 mb-3", children: [_jsx("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400 mb-2", children: "Individual Balances" }), _jsx("div", { className: "space-y-1.5", children: analytics.groupBalances.balances.map((b) => (_jsxs("div", { className: "flex justify-between text-xs py-1", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: participantLabel(b) }), _jsxs("span", { className: `font-medium ${b.netBalance >= 0 ? "text-green-600" : "text-red-500"}`, children: [b.netBalance >= 0 ? "+" : "", "\u20B9", b.netBalance.toFixed(2)] })] }, b.actorId))) })] }))] }))] }))] }) }));
+}

package/dist/chat/dialogs/GroupInfoDialog.d.ts

@@ -0,0 +1,10 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface GroupInfoDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+    onUpdate: () => void;
+}
+export declare function GroupInfoDialog({ open, onOpenChange, conversation, onUpdate }: GroupInfoDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupInfoDialog.d.ts.map

package/dist/chat/dialogs/GroupInfoDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupInfoDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/GroupInfoDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAMvE,UAAU,oBAAoB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACX,EAAE,oBAAoB,2CAqKtB"}

package/dist/chat/dialogs/GroupInfoDialog.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Textarea } from "../../misc/textarea";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Users, Camera } from "lucide-react";
+import { Switch } from "../../misc/switch";
+import { showAlert } from "../../misc/alertdialogclaude";
+export function GroupInfoDialog({ open, onOpenChange, conversation, onUpdate }) {
+    var _a, _b, _c, _d;
+    const [name, setName] = useState(conversation.name || "");
+    const [description, setDescription] = useState(conversation.description || "");
+    const [imageFile, setImageFile] = useState(null);
+    const [previewImage, setPreviewImage] = useState(conversation.image || "");
+    const [loading, setLoading] = useState(false);
+    const [milestonesEnabled, setMilestonesEnabled] = useState(((_a = conversation.features) === null || _a === void 0 ? void 0 : _a.milestones) || false);
+    const [expensesEnabled, setExpensesEnabled] = useState(((_b = conversation.features) === null || _b === void 0 ? void 0 : _b.expenses) || false);
+    const [announcementsOnly, setAnnouncementsOnly] = useState(Boolean((_c = conversation.groupSettings) === null || _c === void 0 ? void 0 : _c.announcementsOnly));
+    const [joinApprovalRequired, setJoinApprovalRequired] = useState(Boolean((_d = conversation.groupSettings) === null || _d === void 0 ? void 0 : _d.joinApprovalRequired));
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        setName(conversation.name || "");
+        setDescription(conversation.description || "");
+        setPreviewImage(conversation.image || "");
+        setMilestonesEnabled(((_a = conversation.features) === null || _a === void 0 ? void 0 : _a.milestones) || false);
+        setExpensesEnabled(((_b = conversation.features) === null || _b === void 0 ? void 0 : _b.expenses) || false);
+        setAnnouncementsOnly(Boolean((_c = conversation.groupSettings) === null || _c === void 0 ? void 0 : _c.announcementsOnly));
+        setJoinApprovalRequired(Boolean((_d = conversation.groupSettings) === null || _d === void 0 ? void 0 : _d.joinApprovalRequired));
+    }, [conversation]);
+    const handleImageChange = (e) => {
+        if (e.target.files && e.target.files[0]) {
+            const file = e.target.files[0];
+            setImageFile(file);
+            setPreviewImage(URL.createObjectURL(file));
+        }
+    };
+    const handleSave = async () => {
+        setLoading(true);
+        try {
+            // If image changed, upload it first (reuse chat upload or dedicated endpoint)
+            let imageUrl = conversation.image;
+            if (imageFile) {
+                const formData = new FormData();
+                formData.append("chatFiles", imageFile);
+                const res = await chatApi.uploadFiles(formData);
+                if (res.data && res.data.files && res.data.files.length > 0) {
+                    imageUrl = res.data.files[0].location;
+                }
+            }
+            // Update conversation
+            await chatApi.updateConversation(conversation._id, {
+                name,
+                description,
+                image: imageUrl,
+                features: {
+                    milestones: milestonesEnabled,
+                    expenses: expensesEnabled,
+                    events: true,
+                },
+                groupSettings: {
+                    announcementsOnly,
+                    joinApprovalRequired,
+                },
+            });
+            onUpdate();
+            onOpenChange(false);
+        }
+        catch (err) {
+            console.error("Failed to update group info:", err);
+            await showAlert("We could not save the group changes. Please try again.", "Save failed");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px] mt-15", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Edit Group Info" }) }), _jsxs("div", { className: "space-y-6 py-4", children: [_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsxs("div", { className: "relative group cursor-pointer", children: [_jsxs(Avatar, { className: "w-24 h-24 shadow-md", children: [_jsx(AvatarImage, { src: previewImage }), _jsx(AvatarFallback, { className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-2xl", children: _jsx(Users, { className: "w-10 h-10" }) })] }), _jsxs("label", { className: "absolute inset-0 flex items-center justify-center bg-black/40 text-white opacity-0 group-hover:opacity-100 rounded-full transition-opacity cursor-pointer", children: [_jsx(Camera, { className: "w-8 h-8" }), _jsx("input", { type: "file", className: "hidden", accept: "image/*", onChange: handleImageChange })] })] }), _jsxs("div", { className: "space-y-3 pt-4 border-t border-gray-200 dark:border-gray-700", children: [_jsx("p", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Group permissions" }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Admins send messages" }), _jsx("p", { className: "text-xs text-gray-500", children: "Use an announcement-only group when updates should stay focused." })] }), _jsx(Switch, { checked: announcementsOnly, onCheckedChange: setAnnouncementsOnly })] }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Approve link joins" }), _jsx("p", { className: "text-xs text-gray-500", children: "Admins review people who use a group invite link." })] }), _jsx(Switch, { checked: joinApprovalRequired, onCheckedChange: setJoinApprovalRequired })] })] }), _jsx("p", { className: "text-xs text-gray-500", children: "Click to change group icon" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Group Name" }), _jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: "Enter group name" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Description" }), _jsx(Textarea, { value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Add a group description (optional)", className: "resize-none", rows: 3 })] }), _jsxs("div", { className: "space-y-3 pt-4 border-t border-gray-200 dark:border-gray-700", children: [_jsx("p", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Group Features" }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Milestones" }), _jsx("p", { className: "text-xs text-gray-500", children: "Track group tasks and progress" })] }), _jsx(Switch, { checked: milestonesEnabled, onCheckedChange: setMilestonesEnabled })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Expenses" }), _jsx("p", { className: "text-xs text-gray-500", children: "Split costs and track balances" })] }), _jsx(Switch, { checked: expensesEnabled, onCheckedChange: setExpensesEnabled })] })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: loading, children: "Cancel" }), _jsx(Button, { onClick: handleSave, loading: loading, autoLoading: false, disabled: loading, children: "Save Changes" })] })] }) }));
+}

package/dist/chat/dialogs/GroupInfoViewDialog.d.ts

@@ -0,0 +1,9 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface GroupInfoViewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+}
+export declare function GroupInfoViewDialog({ open, onOpenChange, conversation, }: GroupInfoViewDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupInfoViewDialog.d.ts.map

package/dist/chat/dialogs/GroupInfoViewDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupInfoViewDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/GroupInfoViewDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvE,UAAU,wBAAwB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,YAAY,GACf,EAAE,wBAAwB,2CAiG1B"}

package/dist/chat/dialogs/GroupInfoViewDialog.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../misc/dialog";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Users, Shield, Calendar } from "lucide-react";
+export function GroupInfoViewDialog({ open, onOpenChange, conversation, }) {
+    const admins = conversation.participants.filter(p => p.chatRole === "admin");
+    const createdDate = conversation.createdAt ? new Date(conversation.createdAt).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+    }) : "Unknown";
+    const participantLabel = (participant) => participant.displayName || participant.username || "Trippeaze member";
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md mt-15", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Group Information" }), _jsx(DialogDescription, { children: "View group details and members" })] }), _jsxs("div", { className: "space-y-6", children: [_jsx("div", { className: "flex justify-center", children: _jsxs(Avatar, { className: "w-24 h-24", children: [_jsx(AvatarImage, { src: conversation.image }), _jsx(AvatarFallback, { className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-2xl", children: _jsx(Users, { className: "w-8 h-8" }) })] }) }), _jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Group Name" }), _jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white mt-1", children: conversation.name })] }), conversation.description && (_jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Description" }), _jsx("p", { className: "text-gray-700 dark:text-gray-300 mt-1", children: conversation.description })] })), _jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Users, { className: "w-4 h-4" }), "Members"] }), _jsxs("p", { className: "text-gray-900 dark:text-white mt-1", children: [conversation.participants.length, " ", conversation.participants.length === 1 ? "member" : "members"] })] }), _jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Calendar, { className: "w-4 h-4" }), "Created"] }), _jsx("p", { className: "text-gray-900 dark:text-white mt-1", children: createdDate })] }), admins.length > 0 && (_jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Shield, { className: "w-4 h-4" }), "Admins"] }), _jsx("div", { className: "space-y-2 mt-2", children: admins.map((admin) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "w-8 h-8", children: [_jsx(AvatarImage, { src: admin.profilePic }), _jsx(AvatarFallback, { className: "bg-purple-500 text-white text-xs", children: participantLabel(admin).charAt(0).toUpperCase() })] }), _jsx("span", { className: "text-gray-900 dark:text-white", children: participantLabel(admin) })] }, admin.actorId))) })] }))] })] }) }));
+}

package/dist/chat/dialogs/HostWorkspaceDialog.d.ts

@@ -0,0 +1,9 @@
+import type { ChatOwnedListing } from "@myrjfa/state/dist/lib/models/chat";
+export declare function HostWorkspaceDialog({ open, onOpenChange, conversationId, onUseReply, onShareListing, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversationId: string;
+    onUseReply: (text: string) => void;
+    onShareListing: (listing: ChatOwnedListing) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HostWorkspaceDialog.d.ts.map

package/dist/chat/dialogs/HostWorkspaceDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostWorkspaceDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/HostWorkspaceDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGR,gBAAgB,EAGnB,MAAM,oCAAoC,CAAC;AAkB5C,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,cAAc,GACjB,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACvD,2CAsHA"}

package/dist/chat/dialogs/HostWorkspaceDialog.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { BriefcaseBusiness, CalendarClock, MessageSquareText, Plus, Send, Sparkles, Trash2 } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Textarea } from "../../misc/textarea";
+import { Switch } from "../../misc/switch";
+import { showAlert } from "../../misc/alertdialogclaude";
+const emptyProfile = {
+    displayName: "",
+    timezone: "Asia/Kolkata",
+    languages: [],
+    responseExpectation: "",
+    businessHours: [],
+    greeting: { enabled: false, text: "" },
+    away: { enabled: false, text: "", mode: "outside_hours" },
+};
+export function HostWorkspaceDialog({ open, onOpenChange, conversationId, onUseReply, onShareListing, }) {
+    var _a, _b;
+    const [tab, setTab] = useState("conversation");
+    const [profile, setProfile] = useState(emptyProfile);
+    const [state, setState] = useState(null);
+    const [replies, setReplies] = useState([]);
+    const [listings, setListings] = useState([]);
+    const [note, setNote] = useState("");
+    const [shortcut, setShortcut] = useState("");
+    const [replyText, setReplyText] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [aiInstruction, setAiInstruction] = useState("");
+    const [aiResult, setAiResult] = useState("");
+    const [aiLoading, setAiLoading] = useState(false);
+    const reload = async () => {
+        const [business, conversationState, quickReplies, ownedListings] = await Promise.all([
+            chatApi.getChatBusinessProfile(),
+            chatApi.getHostConversationState(conversationId),
+            chatApi.getChatQuickReplies(),
+            chatApi.getOwnedPublishedChatListings(),
+        ]);
+        setProfile(business || emptyProfile);
+        setState(conversationState);
+        setReplies(quickReplies);
+        setListings(ownedListings);
+    };
+    useEffect(() => {
+        if (!open)
+            return;
+        void reload().catch((error) => showAlert(error instanceof Error ? error.message : "Could not load host tools.", "Host workspace"));
+    }, [open, conversationId]);
+    const updateState = async (patch) => {
+        setSaving(true);
+        try {
+            setState(await chatApi.updateHostConversationState(conversationId, patch));
+            setNote("");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const saveProfile = async () => {
+        setSaving(true);
+        try {
+            setProfile(await chatApi.updateChatBusinessProfile(profile));
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const addReply = async () => {
+        if (!shortcut.trim() || !replyText.trim())
+            return;
+        const saved = await chatApi.saveChatQuickReply({ shortcut, text: replyText });
+        setReplies((current) => [...current.filter((item) => item._id !== saved._id), saved].sort((a, b) => a.shortcut.localeCompare(b.shortcut)));
+        setShortcut("");
+        setReplyText("");
+    };
+    const tabs = [
+        ["conversation", "Lead"],
+        ["replies", "Quick replies"],
+        ["listings", "Listings"],
+        ["ai", "AI copilot"],
+        ["profile", "Business"],
+    ];
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[560px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(BriefcaseBusiness, { className: "h-5 w-5 text-teal-600" }), "Host workspace"] }) }), _jsx("div", { className: "flex gap-1 overflow-x-auto rounded-lg bg-slate-100 p-1", children: tabs.map(([value, label]) => _jsx("button", { type: "button", onClick: () => setTab(value), className: `whitespace-nowrap rounded-md px-3 py-2 text-sm ${tab === value ? "bg-white font-medium shadow-sm" : "text-slate-600"}`, children: label }, value)) }), _jsxs("div", { className: "max-h-[62vh] space-y-3 overflow-y-auto pr-1", children: [tab === "conversation" && _jsxs(_Fragment, { children: [_jsx("label", { className: "block text-sm font-medium", children: "Lead stage" }), _jsxs("select", { className: "h-10 w-full rounded-md border bg-background px-3 text-sm", value: (state === null || state === void 0 ? void 0 : state.leadStage) || "new", onChange: (e) => void updateState({ leadStage: e.target.value }), children: [_jsx("option", { value: "new", children: "New lead" }), _jsx("option", { value: "qualified", children: "Qualified" }), _jsx("option", { value: "quote_sent", children: "Quote sent" }), _jsx("option", { value: "booking_pending", children: "Booking pending" }), _jsx("option", { value: "confirmed", children: "Confirmed" }), _jsx("option", { value: "completed", children: "Completed" }), _jsx("option", { value: "follow_up", children: "Follow-up" }), _jsx("option", { value: "closed", children: "Closed" })] }), _jsx(Input, { value: ((state === null || state === void 0 ? void 0 : state.labels) || []).join(", "), onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", privateNotes: [] }), labels: e.target.value.split(",").map((item) => item.trim()).filter(Boolean) })), onBlur: () => void updateState({ labels: (state === null || state === void 0 ? void 0 : state.labels) || [] }), placeholder: "Labels, separated by commas" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(Input, { type: "datetime-local", value: ((_a = state === null || state === void 0 ? void 0 : state.followUpAt) === null || _a === void 0 ? void 0 : _a.slice(0, 16)) || "", onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", labels: [], privateNotes: [] }), followUpAt: e.target.value })) }), _jsxs(Button, { variant: "outline", onClick: () => void updateState({ followUpAt: (state === null || state === void 0 ? void 0 : state.followUpAt) || null }), children: [_jsx(CalendarClock, { className: "mr-2 h-4 w-4" }), "Schedule"] })] }), _jsx(Textarea, { value: note, onChange: (e) => setNote(e.target.value), placeholder: "Private host note (never visible to the traveller)" }), _jsx(Button, { className: "w-full", disabled: !note.trim() || saving, onClick: () => void updateState({ privateNote: note }), children: "Add private note" }), !!((_b = state === null || state === void 0 ? void 0 : state.privateNotes) === null || _b === void 0 ? void 0 : _b.length) && _jsx("div", { className: "space-y-2 rounded-xl bg-amber-50 p-3", children: state.privateNotes.slice().reverse().map((item, index) => _jsx("p", { className: "text-sm text-amber-950", children: item.text }, `${item.createdAt}-${index}`)) })] }), tab === "replies" && _jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-[120px_1fr] gap-2", children: [_jsx(Input, { value: shortcut, onChange: (e) => setShortcut(e.target.value), placeholder: "/shortcut" }), _jsx(Input, { value: replyText, onChange: (e) => setReplyText(e.target.value), placeholder: "Reply text" })] }), _jsxs(Button, { className: "w-full", onClick: () => void addReply(), disabled: !shortcut.trim() || !replyText.trim(), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Save quick reply"] }), replies.map((reply) => _jsxs("div", { className: "flex items-center gap-2 rounded-xl border p-3", children: [_jsxs("button", { className: "min-w-0 flex-1 text-left", onClick: () => { onUseReply(reply.text); onOpenChange(false); }, children: [_jsxs("span", { className: "block text-xs font-semibold text-teal-700", children: ["/", reply.shortcut] }), _jsx("span", { className: "line-clamp-2 text-sm", children: reply.text })] }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-red-600", onClick: () => void chatApi.deleteChatQuickReply(reply._id).then(() => setReplies((items) => items.filter((item) => item._id !== reply._id))), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, reply._id))] }), tab === "listings" && _jsx(_Fragment, { children: listings.length ? listings.map((listing) => _jsxs("div", { className: "flex items-center gap-3 rounded-xl border p-3", children: [listing.image && _jsx("img", { src: listing.image, alt: "", className: "h-12 w-12 rounded-lg object-cover" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold", children: listing.title }), _jsx("p", { className: "text-xs capitalize text-slate-500", children: listing.category })] }), _jsxs(Button, { size: "sm", disabled: !listing.publicPath, onClick: () => { onShareListing(listing); onOpenChange(false); }, children: [_jsx(Send, { className: "mr-1 h-3.5 w-3.5" }), "Share"] })] }, `${listing.category}:${listing.listingId}`)) : _jsx("p", { className: "py-6 text-center text-sm text-slate-500", children: "No published owned listings found." }) }), tab === "ai" && _jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-slate-500", children: "Suggestions are private drafts. Nothing is sent or changed automatically." }), _jsx(Textarea, { value: aiInstruction, onChange: (e) => setAiInstruction(e.target.value), placeholder: "Optional instruction, e.g. keep it concise and recommend a family stay" }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: [["suggest_reply", "Suggest reply"], ["summarize", "Summarize"], ["classify", "Lead insights"], ["recommend_listings", "Recommend listings"]].map(([task, label]) => _jsxs(Button, { variant: "outline", disabled: aiLoading, onClick: () => {
+                                            setAiLoading(true);
+                                            void chatApi.requestChatCopilotAssistance(conversationId, { task, instruction: aiInstruction }).then((result) => setAiResult(result.content || result.summary || "")).catch((error) => showAlert(error instanceof Error ? error.message : "AI assistance failed.", "AI copilot")).finally(() => setAiLoading(false));
+                                        }, children: [_jsx(Sparkles, { className: "mr-1.5 h-4 w-4" }), label] }, task)) }), aiResult && _jsxs("div", { className: "space-y-3 rounded-xl border border-violet-100 bg-violet-50 p-3", children: [_jsx("p", { className: "whitespace-pre-wrap text-sm text-violet-950", children: aiResult }), _jsx(Button, { className: "w-full", onClick: () => { onUseReply(aiResult); onOpenChange(false); }, children: "Use as draft" })] })] }), tab === "profile" && _jsxs(_Fragment, { children: [_jsx(Input, { value: profile.displayName, onChange: (e) => setProfile({ ...profile, displayName: e.target.value }), placeholder: "Business display name" }), _jsx(Input, { value: profile.languages.join(", "), onChange: (e) => setProfile({ ...profile, languages: e.target.value.split(",").map((item) => item.trim()).filter(Boolean) }), placeholder: "Languages" }), _jsx(Input, { value: profile.responseExpectation, onChange: (e) => setProfile({ ...profile, responseExpectation: e.target.value }), placeholder: "Usually replies within..." }), _jsxs("div", { className: "rounded-xl border p-3", children: [_jsxs("label", { className: "flex items-center justify-between text-sm font-medium", children: ["Greeting message", _jsx(Switch, { checked: profile.greeting.enabled, onCheckedChange: (enabled) => setProfile({ ...profile, greeting: { ...profile.greeting, enabled } }) })] }), _jsx(Textarea, { className: "mt-2", value: profile.greeting.text, onChange: (e) => setProfile({ ...profile, greeting: { ...profile.greeting, text: e.target.value } }), placeholder: "Welcome message" })] }), _jsxs("div", { className: "rounded-xl border p-3", children: [_jsxs("label", { className: "flex items-center justify-between text-sm font-medium", children: ["Away message", _jsx(Switch, { checked: profile.away.enabled, onCheckedChange: (enabled) => setProfile({ ...profile, away: { ...profile.away, enabled } }) })] }), _jsx(Textarea, { className: "mt-2", value: profile.away.text, onChange: (e) => setProfile({ ...profile, away: { ...profile.away, text: e.target.value } }), placeholder: "Outside-hours response" })] }), _jsxs(Button, { className: "w-full", disabled: saving, onClick: () => void saveProfile(), children: [_jsx(MessageSquareText, { className: "mr-2 h-4 w-4" }), "Save business chat settings"] })] })] })] }) }));
+}

package/dist/chat/dialogs/MediaComposerDialog.d.ts

@@ -0,0 +1,9 @@
+interface MediaComposerDialogProps {
+    file: File | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: (file: File) => void;
+}
+export declare function MediaComposerDialog({ file, open, onOpenChange, onConfirm }: MediaComposerDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=MediaComposerDialog.d.ts.map

package/dist/chat/dialogs/MediaComposerDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaComposerDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/MediaComposerDialog.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAAE;AAchJ,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,wBAAwB,kDAuBpG"}

package/dist/chat/dialogs/MediaComposerDialog.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Crop, RotateCw, Send, Sparkles, X } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import ImageCropper from "../../misc/image-cropper";
+import { showAlert } from "../../misc/alertdialogclaude";
+async function rotateImage(file) {
+    const source = URL.createObjectURL(file);
+    try {
+        const image = new Image();
+        image.src = source;
+        await new Promise((resolve, reject) => { image.onload = () => resolve(); image.onerror = () => reject(new Error("Unable to read image")); });
+        const canvas = document.createElement("canvas");
+        canvas.width = image.naturalHeight;
+        canvas.height = image.naturalWidth;
+        const context = canvas.getContext("2d");
+        if (!context)
+            return file;
+        context.translate(canvas.width / 2, canvas.height / 2);
+        context.rotate(Math.PI / 2);
+        context.drawImage(image, -image.naturalWidth / 2, -image.naturalHeight / 2);
+        const blob = await new Promise((resolve) => canvas.toBlob(resolve, file.type || "image/jpeg", 0.92));
+        return blob ? new File([blob], file.name.replace(/(\.[^.]+)?$/, "-rotated$1"), { type: blob.type }) : file;
+    }
+    finally {
+        URL.revokeObjectURL(source);
+    }
+}
+export function MediaComposerDialog({ file, open, onOpenChange, onConfirm }) {
+    const [workingFile, setWorkingFile] = useState(file);
+    const [preview, setPreview] = useState("");
+    const [cropOpen, setCropOpen] = useState(false);
+    useEffect(() => { setWorkingFile(file); }, [file]);
+    useEffect(() => { if (!workingFile)
+        return setPreview(""); const url = URL.createObjectURL(workingFile); setPreview(url); return () => URL.revokeObjectURL(url); }, [workingFile]);
+    if (!workingFile)
+        return null;
+    return _jsxs(_Fragment, { children: [_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[calc(100vh-2rem)] overflow-y-auto", style: { width: "calc(100vw - 2rem)", maxWidth: "720px" }, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Prepare photo" }), _jsx(DialogDescription, { children: "Review and edit your photo before it is uploaded to the chat." })] }), _jsx("div", { className: "overflow-hidden rounded-xl bg-slate-950", children: _jsx("img", { src: preview, alt: "Selected upload", className: "max-h-[55vh] w-full object-contain" }) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => setCropOpen(true), children: [_jsx(Crop, { className: "mr-2 h-4 w-4" }), "Crop"] }), _jsxs(Button, { type: "button", variant: "outline", onClick: async () => setWorkingFile(await rotateImage(workingFile)), children: [_jsx(RotateCw, { className: "mr-2 h-4 w-4" }), "Rotate"] }), _jsxs(Button, { type: "button", variant: "outline", onClick: () => void showAlert("AI image transformation needs a configured image-generation provider. Crop and rotate are available locally now.", "AI edit unavailable"), children: [_jsx(Sparkles, { className: "mr-2 h-4 w-4" }), "AI edit"] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Drawing tools will be enabled when the image-generation editor service is configured." }), _jsxs(DialogFooter, { children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: [_jsx(X, { className: "mr-2 h-4 w-4" }), "Cancel"] }), _jsxs(Button, { type: "button", onClick: () => { onConfirm(workingFile); onOpenChange(false); }, children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), "Add to message"] })] })] }) }), _jsx(ImageCropper, { image: preview, open: cropOpen, onCancel: () => setCropOpen(false), onCropComplete: (blob) => { setWorkingFile(new File([blob], workingFile.name.replace(/(\.[^.]+)?$/, "-cropped$1"), { type: blob.type || workingFile.type })); setCropOpen(false); } })] });
+}

package/dist/chat/dialogs/NewChatDialog.d.ts

@@ -0,0 +1,2 @@
+export declare function NewChatDialog(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewChatDialog.d.ts.map

package/dist/chat/dialogs/NewChatDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewChatDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/NewChatDialog.tsx"],"names":[],"mappings":"AAWA,wBAAgB,aAAa,4CA+F5B"}

package/dist/chat/dialogs/NewChatDialog.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { MessageCircle, Search, User, Loader2 } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { useRouter } from "next/navigation";
+export function NewChatDialog() {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [creating, setCreating] = useState(false);
+    const router = useRouter();
+    async function searchParticipants() {
+        if (!query.trim())
+            return;
+        setLoading(true);
+        try {
+            setResults(await chatApi.searchParticipants(query));
+        }
+        catch (err) {
+            console.error(err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    function handleSearch(e) {
+        e.preventDefault();
+        void searchParticipants();
+    }
+    async function startChat(actorId, actorModel) {
+        setOpen(false);
+        setQuery("");
+        setResults([]);
+        router.push(`/chat?participantId=${encodeURIComponent(actorId)}&participantModel=${actorModel}`);
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs("div", { className: "flex-1 flex items-center justify-center gap-2 py-2.5 bg-indigo-50 dark:bg-indigo-950/30 text-indigo-600 dark:text-indigo-400 rounded-xl text-sm font-medium hover:bg-indigo-100 dark:hover:bg-indigo-950/50 transition-colors cursor-pointer", children: [_jsx(MessageCircle, { className: "w-4 h-4" }), "New Chat"] }) }), _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "New Chat" }) }), _jsxs("div", { className: "gap-4 py-4", children: [_jsxs("form", { onSubmit: handleSearch, className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Search by email, contact or username...", className: "pl-8", value: query, onChange: (e) => setQuery(e.target.value), onKeyDown: (event) => {
+                                                    if (event.key === "Enter") {
+                                                        event.preventDefault();
+                                                        void searchParticipants();
+                                                    }
+                                                } })] }), _jsx(Button, { type: "submit", disabled: loading, children: loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Search" })] }), _jsxs("div", { className: "mt-4 flex flex-col gap-2 max-h-[300px] overflow-y-auto", children: [results.length === 0 && !loading && query && (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No users found." })), results.map((user) => (_jsxs("div", { className: "flex items-center justify-between p-2 hover:bg-accent rounded-md cursor-pointer", onClick: () => startChat(user.actorId, user.actorModel), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: user.profilePic }), _jsx(AvatarFallback, { children: _jsx(User, { className: "h-4 w-4" }) })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium", children: [user.firstName, " ", user.lastName] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["@", user.username] })] })] }), creating ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null] }, `${user.actorModel}:${user.actorId}`)))] })] })] })] }));
+}

package/dist/chat/dialogs/NewGroupDialog.d.ts

@@ -0,0 +1,2 @@
+export declare function NewGroupDialog(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewGroupDialog.d.ts.map

package/dist/chat/dialogs/NewGroupDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewGroupDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/NewGroupDialog.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CA6F7B"}