@ttt-productions/chat-core 0.6.0 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -4
- package/dist/index.js.map +1 -1
- package/dist/mentions/types.d.ts +10 -7
- package/dist/mentions/types.d.ts.map +1 -1
- package/dist/mentions/types.js +3 -0
- package/dist/mentions/types.js.map +1 -1
- package/dist/types.d.ts +18 -120
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/package.json +6 -29
- package/dist/context/ChatNameResolverContext.d.ts +0 -37
- package/dist/context/ChatNameResolverContext.d.ts.map +0 -1
- package/dist/context/ChatNameResolverContext.js +0 -44
- package/dist/context/ChatNameResolverContext.js.map +0 -1
- package/dist/firestore/queries.d.ts +0 -5
- package/dist/firestore/queries.d.ts.map +0 -1
- package/dist/firestore/queries.js +0 -16
- package/dist/firestore/queries.js.map +0 -1
- package/dist/hooks/useChatMessages.d.ts +0 -11
- package/dist/hooks/useChatMessages.d.ts.map +0 -1
- package/dist/hooks/useChatMessages.js +0 -139
- package/dist/hooks/useChatMessages.js.map +0 -1
- package/dist/hooks/useChatThreadAccess.d.ts +0 -8
- package/dist/hooks/useChatThreadAccess.d.ts.map +0 -1
- package/dist/hooks/useChatThreadAccess.js +0 -19
- package/dist/hooks/useChatThreadAccess.js.map +0 -1
- package/dist/mentions/MentionAutocomplete.d.ts +0 -22
- package/dist/mentions/MentionAutocomplete.d.ts.map +0 -1
- package/dist/mentions/MentionAutocomplete.js +0 -21
- package/dist/mentions/MentionAutocomplete.js.map +0 -1
- package/dist/mentions/MessageText.d.ts +0 -27
- package/dist/mentions/MessageText.d.ts.map +0 -1
- package/dist/mentions/MessageText.js +0 -20
- package/dist/mentions/MessageText.js.map +0 -1
- package/dist/mentions/use-mention-autocomplete.d.ts +0 -81
- package/dist/mentions/use-mention-autocomplete.d.ts.map +0 -1
- package/dist/mentions/use-mention-autocomplete.js +0 -323
- package/dist/mentions/use-mention-autocomplete.js.map +0 -1
- package/dist/react/index.d.ts +0 -17
- package/dist/react/index.d.ts.map +0 -1
- package/dist/react/index.js +0 -13
- package/dist/react/index.js.map +0 -1
- package/dist/ui/ChatShell.d.ts +0 -22
- package/dist/ui/ChatShell.d.ts.map +0 -1
- package/dist/ui/ChatShell.js +0 -22
- package/dist/ui/ChatShell.js.map +0 -1
- package/dist/ui/Composer.d.ts +0 -23
- package/dist/ui/Composer.d.ts.map +0 -1
- package/dist/ui/Composer.js +0 -140
- package/dist/ui/Composer.js.map +0 -1
- package/dist/ui/MessageItemDefault.d.ts +0 -11
- package/dist/ui/MessageItemDefault.d.ts.map +0 -1
- package/dist/ui/MessageItemDefault.js +0 -51
- package/dist/ui/MessageItemDefault.js.map +0 -1
- package/dist/ui/MessageList.d.ts +0 -17
- package/dist/ui/MessageList.d.ts.map +0 -1
- package/dist/ui/MessageList.js +0 -90
- package/dist/ui/MessageList.js.map +0 -1
- package/dist/ui/menus.d.ts +0 -12
- package/dist/ui/menus.d.ts.map +0 -1
- package/dist/ui/menus.js +0 -12
- package/dist/ui/menus.js.map +0 -1
- package/src/styles/chat.css +0 -153
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageItemDefault.d.ts","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAkB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAkErF,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,EAAE,aAAa,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAG9B,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAEjE,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAiEhE"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { MessageText } from "../mentions/MessageText.js";
|
|
4
|
-
import { cn } from "@ttt-productions/ui-core";
|
|
5
|
-
import { MediaViewer } from "@ttt-productions/media-viewer/react";
|
|
6
|
-
import { FileText } from "lucide-react";
|
|
7
|
-
import { MessageActions } from "./menus.js";
|
|
8
|
-
import { useResolvedSenderName } from "../context/ChatNameResolverContext.js";
|
|
9
|
-
// ============================================
|
|
10
|
-
// Attachment rendering
|
|
11
|
-
// ============================================
|
|
12
|
-
function AttachmentView({ att }) {
|
|
13
|
-
if (att.type === "image") {
|
|
14
|
-
return _jsx(MediaViewer, { type: "image", url: att.url, alt: att.name, className: "chat-attachment-media" });
|
|
15
|
-
}
|
|
16
|
-
if (att.type === "video") {
|
|
17
|
-
return _jsx(MediaViewer, { type: "video", url: att.url, controls: true, className: "chat-attachment-media" });
|
|
18
|
-
}
|
|
19
|
-
if (att.type === "audio") {
|
|
20
|
-
return _jsx(MediaViewer, { type: "audio", url: att.url, controls: true, className: "chat-attachment-media" });
|
|
21
|
-
}
|
|
22
|
-
// text/markdown — download link
|
|
23
|
-
return (_jsxs("a", { href: att.url, target: "_blank", rel: "noopener noreferrer", className: "chat-attachment-text-link", children: [_jsx(FileText, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: att.name })] }));
|
|
24
|
-
}
|
|
25
|
-
// ============================================
|
|
26
|
-
// Reply-to quote
|
|
27
|
-
// ============================================
|
|
28
|
-
function ReplyQuote({ replyTo }) {
|
|
29
|
-
const replyName = useResolvedSenderName(replyTo.senderId);
|
|
30
|
-
return (_jsxs("div", { className: "chat-reply-quote", children: [_jsx("span", { className: "chat-reply-quote-sender", children: replyName }), _jsx("span", { className: "chat-reply-quote-preview", children: _jsx(MessageText, { text: replyTo.messagePreview }) })] }));
|
|
31
|
-
}
|
|
32
|
-
// ============================================
|
|
33
|
-
// System message
|
|
34
|
-
// ============================================
|
|
35
|
-
function SystemMessage({ m }) {
|
|
36
|
-
return (_jsx("div", { className: "chat-system-message", children: m.text && _jsx("span", { children: m.text }) }));
|
|
37
|
-
}
|
|
38
|
-
export function MessageItemDefault(props) {
|
|
39
|
-
const { m, currentUserId, isAdmin, handlers, isContinuation, onSenderClick } = props;
|
|
40
|
-
const senderName = useResolvedSenderName(m.senderId);
|
|
41
|
-
// System messages render differently
|
|
42
|
-
if (m.isSystemMessage) {
|
|
43
|
-
return _jsx(SystemMessage, { m: m });
|
|
44
|
-
}
|
|
45
|
-
const mine = m.senderId === currentUserId;
|
|
46
|
-
return (_jsxs("div", { className: cn("flex flex-col w-fit max-w-[85%]", mine ? "ml-auto items-end" : "mr-auto items-start", isContinuation ? "chat-continuation-gap" : "chat-group-gap"), children: [_jsxs("div", { className: cn("chat-bubble", mine ? "chat-bubble--mine" : "chat-bubble--theirs"), children: [!isContinuation && (_jsxs("div", { className: "flex items-center gap-2 text-xs opacity-80 mb-1", children: [_jsx("span", { className: cn("font-medium", onSenderClick && "cursor-pointer hover:underline"), onClick: onSenderClick ? () => onSenderClick(m.senderId, senderName) : undefined, role: onSenderClick ? "button" : undefined, tabIndex: onSenderClick ? 0 : undefined, onKeyDown: onSenderClick ? (e) => {
|
|
47
|
-
if (e.key === "Enter" || e.key === " ")
|
|
48
|
-
onSenderClick(m.senderId, senderName);
|
|
49
|
-
} : undefined, children: senderName }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: new Date(m.createdAt).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })] })), m.replyTo && _jsx(ReplyQuote, { replyTo: m.replyTo }), m.text && (_jsx("p", { className: "text-sm whitespace-pre-wrap", children: _jsx(MessageText, { text: m.text }) })), m.attachment && (_jsx("div", { className: "mt-2", children: _jsx(AttachmentView, { att: m.attachment }) }))] }), !isContinuation && (_jsx("div", { className: "mt-1", children: _jsx(MessageActions, { messageId: m.messageId, isAdmin: isAdmin, handlers: handlers }) }))] }));
|
|
50
|
-
}
|
|
51
|
-
//# sourceMappingURL=MessageItemDefault.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageItemDefault.js","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/MessageList.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { ChatMessageV1, MessageRendererRegistry, ModerationHandlers } from "../types.js";
|
|
3
|
-
export declare function MessageList(props: {
|
|
4
|
-
messages: ChatMessageV1[];
|
|
5
|
-
currentUserId: string;
|
|
6
|
-
isAdmin: boolean;
|
|
7
|
-
isFetchingOlder?: boolean;
|
|
8
|
-
hasOlder?: boolean;
|
|
9
|
-
onLoadOlder?: () => void;
|
|
10
|
-
renderMessage?: (m: ChatMessageV1) => React.ReactNode;
|
|
11
|
-
messageRenderers?: MessageRendererRegistry;
|
|
12
|
-
showScrollToBottom?: boolean;
|
|
13
|
-
onScrollToBottom?: () => void;
|
|
14
|
-
handlers?: ModerationHandlers;
|
|
15
|
-
onSenderClick?: (senderId: string, displayName: string) => void;
|
|
16
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
//# sourceMappingURL=MessageList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAK9F,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjE,2CA+JA"}
|
package/dist/ui/MessageList.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { Button } from "@ttt-productions/ui-core/react";
|
|
5
|
-
import { MessageItemDefault } from "./MessageItemDefault.js";
|
|
6
|
-
import { isContinuation } from "../grouping.js";
|
|
7
|
-
export function MessageList(props) {
|
|
8
|
-
const { messages, currentUserId, isAdmin, isFetchingOlder, hasOlder, onLoadOlder, renderMessage, messageRenderers, showScrollToBottom, onScrollToBottom, handlers, onSenderClick, } = props;
|
|
9
|
-
const scrollRef = React.useRef(null);
|
|
10
|
-
const topSentinelRef = React.useRef(null);
|
|
11
|
-
const isAtBottomRef = React.useRef(true);
|
|
12
|
-
const prevScrollHeightRef = React.useRef(null);
|
|
13
|
-
const prevCountRef = React.useRef(0);
|
|
14
|
-
// IntersectionObserver for infinite scroll (older messages)
|
|
15
|
-
React.useEffect(() => {
|
|
16
|
-
const root = scrollRef.current;
|
|
17
|
-
const target = topSentinelRef.current;
|
|
18
|
-
if (!root || !target)
|
|
19
|
-
return;
|
|
20
|
-
if (typeof IntersectionObserver === "undefined")
|
|
21
|
-
return;
|
|
22
|
-
const io = new IntersectionObserver((entries) => {
|
|
23
|
-
const e = entries[0];
|
|
24
|
-
if (!e?.isIntersecting)
|
|
25
|
-
return;
|
|
26
|
-
if (!hasOlder || isFetchingOlder)
|
|
27
|
-
return;
|
|
28
|
-
prevScrollHeightRef.current = root.scrollHeight;
|
|
29
|
-
onLoadOlder?.();
|
|
30
|
-
}, { root, threshold: 0 });
|
|
31
|
-
io.observe(target);
|
|
32
|
-
return () => io.disconnect();
|
|
33
|
-
}, [hasOlder, isFetchingOlder, onLoadOlder]);
|
|
34
|
-
// Scroll management — FIXES accordion scroll jump
|
|
35
|
-
React.useLayoutEffect(() => {
|
|
36
|
-
const el = scrollRef.current;
|
|
37
|
-
if (!el)
|
|
38
|
-
return;
|
|
39
|
-
const count = messages.length;
|
|
40
|
-
const prev = prevCountRef.current;
|
|
41
|
-
if (prev === 0 && count > 0) {
|
|
42
|
-
// Initial load — scroll to bottom WITHOUT triggering parent scroll
|
|
43
|
-
requestAnimationFrame(() => {
|
|
44
|
-
const savedScrollY = window.scrollY;
|
|
45
|
-
el.scrollTop = el.scrollHeight;
|
|
46
|
-
// Restore page scroll if the browser moved it
|
|
47
|
-
if (window.scrollY !== savedScrollY) {
|
|
48
|
-
window.scrollTo({ top: savedScrollY, behavior: "instant" });
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
isAtBottomRef.current = true;
|
|
52
|
-
}
|
|
53
|
-
else if (count > prev && prevScrollHeightRef.current != null) {
|
|
54
|
-
// Older messages prepended — maintain scroll position
|
|
55
|
-
const diff = el.scrollHeight - prevScrollHeightRef.current;
|
|
56
|
-
el.scrollTop += diff;
|
|
57
|
-
prevScrollHeightRef.current = null;
|
|
58
|
-
}
|
|
59
|
-
else if (count > prev && isAtBottomRef.current) {
|
|
60
|
-
// New message at bottom, user is at bottom — scroll down
|
|
61
|
-
// Use scrollTop assignment, NOT scrollTo with behavior:"smooth" (causes parent scroll jump)
|
|
62
|
-
requestAnimationFrame(() => {
|
|
63
|
-
const savedScrollY = window.scrollY;
|
|
64
|
-
el.scrollTop = el.scrollHeight;
|
|
65
|
-
if (window.scrollY !== savedScrollY) {
|
|
66
|
-
window.scrollTo({ top: savedScrollY, behavior: "instant" });
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
prevCountRef.current = count;
|
|
71
|
-
}, [messages]);
|
|
72
|
-
const onScroll = (e) => {
|
|
73
|
-
const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
|
|
74
|
-
isAtBottomRef.current = scrollHeight - (scrollTop + clientHeight) < 50;
|
|
75
|
-
};
|
|
76
|
-
let lastDay = null;
|
|
77
|
-
return (_jsxs("div", { className: "relative", children: [_jsxs("div", { ref: scrollRef, className: "h-[400px] overflow-y-auto p-4", onScroll: onScroll, children: [isFetchingOlder && _jsx("div", { className: "text-center text-xs opacity-70 mb-2", children: "Loading\u2026" }), _jsx("div", { ref: topSentinelRef }), messages.length === 0 ? (_jsx("div", { className: "h-full flex items-center justify-center text-sm opacity-70", children: "No messages yet" })) : (_jsx("div", { className: "flex flex-col", children: messages.map((m, idx) => {
|
|
78
|
-
const day = new Date(m.createdAt).toDateString();
|
|
79
|
-
const showDay = day !== lastDay;
|
|
80
|
-
lastDay = day;
|
|
81
|
-
const prevMsg = idx > 0 ? messages[idx - 1] : undefined;
|
|
82
|
-
// Date separators always break grouping
|
|
83
|
-
const continuation = showDay ? false : isContinuation(prevMsg, m);
|
|
84
|
-
const byType = m.type && messageRenderers?.[m.type] ? messageRenderers[m.type](m) : null;
|
|
85
|
-
const body = renderMessage?.(m) ??
|
|
86
|
-
byType ?? (_jsx(MessageItemDefault, { m: m, currentUserId: currentUserId, isAdmin: isAdmin, handlers: handlers, isContinuation: continuation, onSenderClick: onSenderClick }));
|
|
87
|
-
return (_jsxs(React.Fragment, { children: [showDay && (_jsx("div", { className: "my-2 flex justify-center", children: _jsx("div", { className: "chat-date-separator", children: new Date(m.createdAt).toLocaleDateString() }) })), body] }, m.messageId));
|
|
88
|
-
}) }))] }), showScrollToBottom && (_jsx(Button, { type: "button", variant: "outline", size: "icon", className: "absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-sm", onClick: onScrollToBottom, children: "\u2193" }))] }));
|
|
89
|
-
}
|
|
90
|
-
//# sourceMappingURL=MessageList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/menus.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ModerationHandlers } from "../types.js";
|
|
2
|
-
export declare function MessageActions(props: {
|
|
3
|
-
messageId: string;
|
|
4
|
-
isAdmin: boolean;
|
|
5
|
-
handlers?: ModerationHandlers;
|
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare function ThreadActions(props: {
|
|
8
|
-
threadId: string;
|
|
9
|
-
isAdmin: boolean;
|
|
10
|
-
handlers?: ModerationHandlers;
|
|
11
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=menus.d.ts.map
|
package/dist/ui/menus.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menus.d.ts","sourceRoot":"","sources":["../../src/ui/menus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,2CA6BA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,2CA6BA"}
|
package/dist/ui/menus.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Button } from "@ttt-productions/ui-core/react";
|
|
4
|
-
export function MessageActions(props) {
|
|
5
|
-
const { messageId, isAdmin, handlers } = props;
|
|
6
|
-
return (_jsxs("div", { className: "flex items-center gap-2", children: [handlers?.onReportMessage && (_jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 text-xs opacity-70 hover:opacity-100", onClick: () => handlers.onReportMessage?.(messageId), children: "Report" })), isAdmin && handlers?.onDeleteMessage && (_jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 text-xs opacity-70 hover:opacity-100", onClick: () => handlers.onDeleteMessage?.(messageId), children: "Delete" }))] }));
|
|
7
|
-
}
|
|
8
|
-
export function ThreadActions(props) {
|
|
9
|
-
const { threadId, isAdmin, handlers } = props;
|
|
10
|
-
return (_jsxs("div", { className: "flex items-center gap-3", children: [handlers?.onReportThread && (_jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 text-xs opacity-70 hover:opacity-100", onClick: () => handlers.onReportThread?.(threadId), children: "Report thread" })), isAdmin && handlers?.onDeleteThread && (_jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 text-xs opacity-70 hover:opacity-100", onClick: () => handlers.onDeleteThread?.(threadId), children: "Delete thread" }))] }));
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=menus.js.map
|
package/dist/ui/menus.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menus.js","sourceRoot":"","sources":["../../src/ui/menus.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,MAAM,UAAU,cAAc,CAAC,KAI9B;IACC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACrC,QAAQ,EAAE,eAAe,IAAI,CAC5B,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC,uBAG7C,CACV,EACA,OAAO,IAAI,QAAQ,EAAE,eAAe,IAAI,CACvC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC,uBAG7C,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAI7B;IACC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACrC,QAAQ,EAAE,cAAc,IAAI,CAC3B,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,8BAG3C,CACV,EACA,OAAO,IAAI,QAAQ,EAAE,cAAc,IAAI,CACtC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,8BAG3C,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
|
package/src/styles/chat.css
DELETED
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
/* ============================================
|
|
2
|
-
chat-core — default styles
|
|
3
|
-
Uses theme-core CSS custom property tokens.
|
|
4
|
-
Apps import: @ttt-productions/chat-core/styles
|
|
5
|
-
============================================ */
|
|
6
|
-
|
|
7
|
-
/* --- Message bubbles --- */
|
|
8
|
-
.chat-bubble {
|
|
9
|
-
padding: 0.75rem;
|
|
10
|
-
border-radius: 0.5rem;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.chat-bubble--mine {
|
|
14
|
-
background-color: hsl(var(--primary) / 0.1);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.chat-bubble--theirs {
|
|
18
|
-
background-color: hsl(var(--muted));
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/* --- Message grouping --- */
|
|
22
|
-
.chat-group-gap {
|
|
23
|
-
margin-top: 0.75rem;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.chat-continuation-gap {
|
|
27
|
-
margin-top: 0.125rem;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/* --- System messages --- */
|
|
31
|
-
.chat-system-message {
|
|
32
|
-
text-align: center;
|
|
33
|
-
font-size: 0.75rem;
|
|
34
|
-
color: hsl(var(--muted-foreground));
|
|
35
|
-
padding: 0.5rem 0;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* --- Reply-to quote --- */
|
|
39
|
-
.chat-reply-quote {
|
|
40
|
-
display: flex;
|
|
41
|
-
flex-direction: column;
|
|
42
|
-
gap: 0.125rem;
|
|
43
|
-
padding: 0.375rem 0.5rem;
|
|
44
|
-
margin-bottom: 0.375rem;
|
|
45
|
-
border-left: 2px solid hsl(var(--border));
|
|
46
|
-
border-radius: 0.125rem;
|
|
47
|
-
background-color: hsl(var(--muted) / 0.5);
|
|
48
|
-
font-size: 0.75rem;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.chat-reply-quote-sender {
|
|
52
|
-
font-weight: 600;
|
|
53
|
-
color: hsl(var(--foreground));
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.chat-reply-quote-preview {
|
|
57
|
-
color: hsl(var(--muted-foreground));
|
|
58
|
-
overflow: hidden;
|
|
59
|
-
text-overflow: ellipsis;
|
|
60
|
-
white-space: nowrap;
|
|
61
|
-
max-width: 280px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* --- Attachment states --- */
|
|
65
|
-
.chat-attachment-pending {
|
|
66
|
-
display: flex;
|
|
67
|
-
align-items: center;
|
|
68
|
-
gap: 0.5rem;
|
|
69
|
-
padding: 0.5rem 0.75rem;
|
|
70
|
-
border-radius: 0.375rem;
|
|
71
|
-
background-color: hsl(var(--muted));
|
|
72
|
-
font-size: 0.75rem;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.chat-attachment-media {
|
|
76
|
-
max-width: 320px;
|
|
77
|
-
border-radius: 0.375rem;
|
|
78
|
-
overflow: hidden;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.chat-attachment-text-link {
|
|
82
|
-
display: inline-flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
gap: 0.375rem;
|
|
85
|
-
padding: 0.375rem 0.625rem;
|
|
86
|
-
border-radius: 0.375rem;
|
|
87
|
-
background-color: hsl(var(--muted));
|
|
88
|
-
color: hsl(var(--primary));
|
|
89
|
-
font-size: 0.8125rem;
|
|
90
|
-
text-decoration: none;
|
|
91
|
-
transition: opacity 0.15s;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.chat-attachment-text-link:hover {
|
|
95
|
-
opacity: 0.8;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.chat-attachment-rejected {
|
|
99
|
-
display: flex;
|
|
100
|
-
align-items: center;
|
|
101
|
-
gap: 0.375rem;
|
|
102
|
-
padding: 0.5rem 0.75rem;
|
|
103
|
-
border-radius: 0.375rem;
|
|
104
|
-
background-color: hsl(var(--warning, var(--muted)) / 0.15);
|
|
105
|
-
color: hsl(var(--warning-foreground, var(--muted-foreground)));
|
|
106
|
-
font-size: 0.75rem;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/* --- Composer --- */
|
|
110
|
-
.chat-composer {
|
|
111
|
-
display: flex;
|
|
112
|
-
flex-direction: column;
|
|
113
|
-
gap: 0.5rem;
|
|
114
|
-
width: 100%;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.chat-composer-file-preview {
|
|
118
|
-
display: flex;
|
|
119
|
-
align-items: center;
|
|
120
|
-
gap: 0.5rem;
|
|
121
|
-
padding: 0.375rem 0.5rem;
|
|
122
|
-
border-radius: 0.375rem;
|
|
123
|
-
background-color: hsl(var(--muted));
|
|
124
|
-
font-size: 0.8125rem;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.chat-composer-file-name {
|
|
128
|
-
flex: 1;
|
|
129
|
-
min-width: 0;
|
|
130
|
-
overflow: hidden;
|
|
131
|
-
text-overflow: ellipsis;
|
|
132
|
-
white-space: nowrap;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.chat-composer-upload-status {
|
|
136
|
-
display: flex;
|
|
137
|
-
align-items: center;
|
|
138
|
-
gap: 0.375rem;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/* Mention system — default chip styling. Consumers override via custom
|
|
142
|
-
renderMention or by targeting .chat-mention-chip directly. */
|
|
143
|
-
.chat-mention-chip {
|
|
144
|
-
color: hsl(var(--primary));
|
|
145
|
-
font-weight: 500;
|
|
146
|
-
cursor: pointer;
|
|
147
|
-
}
|
|
148
|
-
.chat-mention-chip:hover {
|
|
149
|
-
text-decoration: underline;
|
|
150
|
-
}
|
|
151
|
-
.chat-mention-autocomplete {
|
|
152
|
-
/* container styles applied by ui-core via Tailwind classes in the component */
|
|
153
|
-
}
|