@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.
Files changed (65) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +7 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/mentions/types.d.ts +10 -7
  6. package/dist/mentions/types.d.ts.map +1 -1
  7. package/dist/mentions/types.js +3 -0
  8. package/dist/mentions/types.js.map +1 -1
  9. package/dist/types.d.ts +18 -120
  10. package/dist/types.d.ts.map +1 -1
  11. package/dist/types.js.map +1 -1
  12. package/package.json +6 -29
  13. package/dist/context/ChatNameResolverContext.d.ts +0 -37
  14. package/dist/context/ChatNameResolverContext.d.ts.map +0 -1
  15. package/dist/context/ChatNameResolverContext.js +0 -44
  16. package/dist/context/ChatNameResolverContext.js.map +0 -1
  17. package/dist/firestore/queries.d.ts +0 -5
  18. package/dist/firestore/queries.d.ts.map +0 -1
  19. package/dist/firestore/queries.js +0 -16
  20. package/dist/firestore/queries.js.map +0 -1
  21. package/dist/hooks/useChatMessages.d.ts +0 -11
  22. package/dist/hooks/useChatMessages.d.ts.map +0 -1
  23. package/dist/hooks/useChatMessages.js +0 -139
  24. package/dist/hooks/useChatMessages.js.map +0 -1
  25. package/dist/hooks/useChatThreadAccess.d.ts +0 -8
  26. package/dist/hooks/useChatThreadAccess.d.ts.map +0 -1
  27. package/dist/hooks/useChatThreadAccess.js +0 -19
  28. package/dist/hooks/useChatThreadAccess.js.map +0 -1
  29. package/dist/mentions/MentionAutocomplete.d.ts +0 -22
  30. package/dist/mentions/MentionAutocomplete.d.ts.map +0 -1
  31. package/dist/mentions/MentionAutocomplete.js +0 -21
  32. package/dist/mentions/MentionAutocomplete.js.map +0 -1
  33. package/dist/mentions/MessageText.d.ts +0 -27
  34. package/dist/mentions/MessageText.d.ts.map +0 -1
  35. package/dist/mentions/MessageText.js +0 -20
  36. package/dist/mentions/MessageText.js.map +0 -1
  37. package/dist/mentions/use-mention-autocomplete.d.ts +0 -81
  38. package/dist/mentions/use-mention-autocomplete.d.ts.map +0 -1
  39. package/dist/mentions/use-mention-autocomplete.js +0 -323
  40. package/dist/mentions/use-mention-autocomplete.js.map +0 -1
  41. package/dist/react/index.d.ts +0 -17
  42. package/dist/react/index.d.ts.map +0 -1
  43. package/dist/react/index.js +0 -13
  44. package/dist/react/index.js.map +0 -1
  45. package/dist/ui/ChatShell.d.ts +0 -22
  46. package/dist/ui/ChatShell.d.ts.map +0 -1
  47. package/dist/ui/ChatShell.js +0 -22
  48. package/dist/ui/ChatShell.js.map +0 -1
  49. package/dist/ui/Composer.d.ts +0 -23
  50. package/dist/ui/Composer.d.ts.map +0 -1
  51. package/dist/ui/Composer.js +0 -140
  52. package/dist/ui/Composer.js.map +0 -1
  53. package/dist/ui/MessageItemDefault.d.ts +0 -11
  54. package/dist/ui/MessageItemDefault.d.ts.map +0 -1
  55. package/dist/ui/MessageItemDefault.js +0 -51
  56. package/dist/ui/MessageItemDefault.js.map +0 -1
  57. package/dist/ui/MessageList.d.ts +0 -17
  58. package/dist/ui/MessageList.d.ts.map +0 -1
  59. package/dist/ui/MessageList.js +0 -90
  60. package/dist/ui/MessageList.js.map +0 -1
  61. package/dist/ui/menus.d.ts +0 -12
  62. package/dist/ui/menus.d.ts.map +0 -1
  63. package/dist/ui/menus.js +0 -12
  64. package/dist/ui/menus.js.map +0 -1
  65. 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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"}
@@ -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"}
@@ -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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"}
@@ -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
@@ -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
@@ -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"}
@@ -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
- }