@arbidocs/react 0.5.111 → 0.5.112

package/dist/directmessages/ConversationList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/ConversationList.tsx"],
+  "sourcesContent": ["/**\n * The left rail: a scrollable list of conversations (1:1 or group), each showing\n * an avatar, name or title, last-message preview, relative time, and an unread pill.\n */\n\nimport { Check, CheckCheck } from 'lucide-react'\nimport { Badge } from '../ui/badge'\nimport { cn } from '../lib/utils'\nimport type { DmClassNames, DmConversation } from './types'\nimport { formatRelativeTime, userDisplayName, isAgentUser } from './utils'\nimport { DmAvatar } from './DmAvatar'\nimport { AgentBadge } from '../entities/AgentMarkers'\n\nexport interface ConversationListProps {\n  conversations: DmConversation[]\n  /** The selected row's id (`id ?? peer.external_id`). */\n  selectedPeerId: string | null\n  /** Receives the row's id (`id ?? peer.external_id`). */\n  onSelect: (id: string) => void\n  classNames?: Pick<DmClassNames, 'unreadBadge'>\n  /** Rendered when there are no conversations. */\n  emptyState?: React.ReactNode\n  /**\n   * Replaces the default \"Conversations / N colleagues\" heading \u2014 e.g. with a\n   * call to action. Pass `null` for no heading at all.\n   */\n  header?: React.ReactNode\n  /**\n   * Overrides the rail's own sizing. The default is a fixed-width column beside\n   * a thread; a consumer showing the list on its own needs it to fill instead,\n   * and cannot get there by wrapping (a narrower wrapper clips rather than\n   * shrinks).\n   */\n  className?: string\n}\n\nexport function ConversationList({\n  conversations,\n  selectedPeerId,\n  onSelect,\n  classNames,\n  emptyState,\n  header,\n  className,\n}: ConversationListProps) {\n  return (\n    <aside\n      className={cn(\n        'flex min-h-0 flex-col border-b border-border md:w-80 md:shrink-0 md:border-b-0 md:border-r',\n        className\n      )}\n      data-testid=\"arbi-dm-list\"\n    >\n      {header === undefined ? (\n        <div className=\"border-b border-border px-4 py-3\">\n          <p className=\"text-sm font-semibold text-foreground\">Conversations</p>\n          <p className=\"text-xs text-muted-foreground\">\n            {conversations.length} {conversations.length === 1 ? 'colleague' : 'colleagues'}\n          </p>\n        </div>\n      ) : (\n        header\n      )}\n      <div className=\"min-h-0 flex-1 overflow-y-auto\">\n        {conversations.length === 0 ? (\n          <div className=\"px-4 py-6 text-xs text-muted-foreground\">\n            {emptyState ?? 'No conversations yet.'}\n          </div>\n        ) : (\n          <ul className=\"w-full\">\n            {conversations.map((c, i) => {\n              const { peer, lastMessage, unreadCount } = c\n              const rowId = c.id ?? peer.external_id\n              // The heading renders once, above the first row of its group.\n              const newSection =\n                c.sectionLabel && c.sectionLabel !== conversations[i - 1]?.sectionLabel\n              const active = rowId === selectedPeerId\n              const preview = lastMessage?.body ?? 'No messages yet \u2014 say hello'\n              // Unread rows carry weight, which is the signal you catch scanning\n              // a list \u2014 the count alone is a detail you have to go looking for.\n              const unread = unreadCount > 0\n              const body = (\n                <>\n                  {c.leading ?? <DmAvatar user={peer} />}\n                  <div className=\"min-w-0 flex-1\">\n                    {/* Count sits with the name; the time sits with the message\n                        it belongs to. They were the other way round, which put\n                        \"just now\" beside a name it said nothing about. */}\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"flex min-w-0 items-center gap-1.5\">\n                        <span\n                          className={cn(\n                            'truncate text-sm text-foreground',\n                            unread ? 'font-bold' : 'font-semibold'\n                          )}\n                        >\n                          {c.title ?? userDisplayName(peer)}\n                        </span>\n                        {/* An agent is marked by default \u2014 a consumer only\n                            supplies `badge` to say something else. */}\n                        {c.badge ?? (isAgentUser(peer) ? <AgentBadge /> : null)}\n                      </span>\n                      {c.statusLabel ? (\n                        <Badge\n                          variant=\"outline\"\n                          className=\"shrink-0 rounded-full px-2 py-0 text-xs font-medium text-muted-foreground\"\n                        >\n                          {c.statusLabel}\n                        </Badge>\n                      ) : unreadCount > 0 ? (\n                        // Quiet by default: a filled brand pill with a shadow\n                        // shouted louder than the message it was counting.\n                        // Enough to catch the eye scanning the list, no more.\n                        <Badge\n                          variant=\"accent\"\n                          className={cn(\n                            'min-w-[1.125rem] justify-center rounded-full px-1 py-0 text-xs font-medium leading-[1.125rem] shadow-none',\n                            classNames?.unreadBadge\n                          )}\n                        >\n                          {unreadCount}\n                        </Badge>\n                      ) : null}\n                    </div>\n                    <div className=\"mt-1 flex items-center gap-1.5\">\n                      {/* Your own last message is marked with the same tick the\n                          bubble carries \u2014 one delivered, two read. It says who\n                          spoke last AND whether it landed, which a \"You:\" prefix\n                          cannot, and costs no preview width. */}\n                      {lastMessage?.isMine ? (\n                        lastMessage.read ? (\n                          <CheckCheck\n                            className=\"size-3.5 shrink-0 text-ai-accent\"\n                            aria-label=\"Read\"\n                          />\n                        ) : (\n                          <Check\n                            className=\"size-3.5 shrink-0 text-muted-foreground\"\n                            aria-label=\"Sent\"\n                          />\n                        )\n                      ) : null}\n                      <p\n                        className={cn(\n                          'min-w-0 flex-1 truncate text-xs',\n                          unread ? 'font-medium text-foreground' : 'text-muted-foreground'\n                        )}\n                      >\n                        {c.subtitle ?? preview}\n                      </p>\n                      <span className=\"shrink-0 text-xs text-muted-foreground\">\n                        {lastMessage ? formatRelativeTime(lastMessage.createdAt) : ''}\n                      </span>\n                    </div>\n                  </div>\n                </>\n              )\n\n              // An invitation that nobody has accepted has no thread to open, so\n              // it is listed but not offered as something to click.\n              const rowClass = cn(\n                // Each row is its own opaque surface. Left transparent it takes\n                // the panel's colour, and the chips stop reading as cards at all\n                // \u2014 which is the whole point of them.\n                'flex w-full items-start gap-3 border-b border-border/60 bg-card px-4 py-3 text-left transition-colors',\n                c.disabled ? 'cursor-default' : active ? 'bg-ai-accent-soft' : 'hover:bg-accent/40'\n              )\n\n              return (\n                <li key={rowId}>\n                  {newSection && (\n                    <p\n                      className=\"bg-muted/40 px-4 py-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground\"\n                      data-testid=\"arbi-dm-section\"\n                    >\n                      {c.sectionLabel}\n                    </p>\n                  )}\n                  {c.disabled ? (\n                    <div data-testid={`arbi-dm-conversation-${rowId}`} className={rowClass}>\n                      {body}\n                      {c.trailing}\n                    </div>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={() => onSelect(rowId)}\n                      data-testid={`arbi-dm-conversation-${rowId}`}\n                      className={rowClass}\n                    >\n                      {body}\n                    </button>\n                  )}\n                </li>\n              )\n            })}\n          </ul>\n        )}\n      </div>\n    </aside>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/directmessages/DateSeparator.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function DateSeparator({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "my-3 flex justify-center", "data-testid": "dm-date-separator", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-background/80 px-2 py-0.5 text-xs text-muted-foreground", children }) });
+}
+export {
+  DateSeparator
+};
+//# sourceMappingURL=DateSeparator.js.map

package/dist/directmessages/DateSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/DateSeparator.tsx"],
+  "sourcesContent": ["/**\n * The day divider between message runs in a thread.\n *\n * The label is supplied by the caller rather than formatted here: the ARBI app\n * has a friendly formatter that already says \"Today\" / \"Yesterday\" in the user's\n * locale, and a second date-formatting opinion in the kit would drift from it.\n */\n\nimport type { ReactNode } from 'react'\n\nexport interface DateSeparatorProps {\n  children: ReactNode\n}\n\nexport function DateSeparator({ children }: DateSeparatorProps) {\n  return (\n    <div className=\"my-3 flex justify-center\" data-testid=\"dm-date-separator\">\n      <span className=\"rounded-full bg-background/80 px-2 py-0.5 text-xs text-muted-foreground\">\n        {children}\n      </span>\n    </div>\n  )\n}\n"],
+  "mappings": "AAiBM;AAHC,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC9D,SACE,oBAAC,SAAI,WAAU,4BAA2B,eAAY,qBACpD,8BAAC,UAAK,WAAU,2EACb,UACH,GACF;AAEJ;",
+  "names": []
+}

package/dist/directmessages/DmAvatar.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { UserEntity } from "../entities/UserEntity.js";
+import { getEntityColorStyles } from "../entities/colors.js";
+import { useArbiWsStore } from "../websocket/store.js";
+import { userDisplayName, userInitials, isAgentUser } from "./utils.js";
+function DmAvatar({ user, className, size = "lg" }) {
+  const presence = useArbiWsStore((s) => s.presence[user.external_id]);
+  const displayStatus = presence === void 0 ? void 0 : presence === "online" ? "connected" : "disconnected";
+  return /* @__PURE__ */ jsx(
+    UserEntity,
+    {
+      variant: "icon",
+      size,
+      className,
+      interactive: false,
+      showTooltip: false,
+      initials: userInitials(user),
+      displayName: userDisplayName(user),
+      picture: user.picture,
+      avatarStyle: getEntityColorStyles(user.external_id),
+      isAgent: isAgentUser(user),
+      displayStatus
+    }
+  );
+}
+export {
+  DmAvatar
+};
+//# sourceMappingURL=DmAvatar.js.map

package/dist/directmessages/DmAvatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/DmAvatar.tsx"],
+  "sourcesContent": ["/**\n * A peer avatar in a DM surface.\n *\n * This used to be its own small avatar that knew nothing about agents or\n * presence, which is why the ARBI app replaced it on every row with a\n * hand-rolled variant of its own. It is now a thin adapter over\n * {@link UserEntity} \u2014 the one presentational person component \u2014 so a DM row, a\n * members table and a document owner all draw a person the same way.\n *\n * The name and props are unchanged: it is exported from the package, and\n * consumers should not have to care that the implementation collapsed.\n */\n\nimport { UserEntity, type PresenceDisplayStatus } from '../entities/UserEntity'\nimport { getEntityColorStyles } from '../entities/colors'\nimport type { EntitySize } from '../entities/EntityPill'\nimport { useArbiWsStore } from '../websocket/store'\nimport type { DmUser } from './types'\nimport { userDisplayName, userInitials, isAgentUser } from './utils'\n\nexport interface DmAvatarProps {\n  user: DmUser\n  className?: string\n  /** Defaults to the 40px row avatar this component has always drawn. */\n  size?: EntitySize\n}\n\nexport function DmAvatar({ user, className, size = 'lg' }: DmAvatarProps) {\n  // Presence comes from the shared WS store, which stays empty until an app\n  // mounts ArbiWebSocketProvider. That is deliberate: with no socket we know\n  // nothing about who is online, and `undefined` hides the dot rather than\n  // asserting that everyone is offline.\n  const presence = useArbiWsStore((s) => s.presence[user.external_id])\n  const displayStatus: PresenceDisplayStatus | undefined =\n    presence === undefined ? undefined : presence === 'online' ? 'connected' : 'disconnected'\n\n  return (\n    <UserEntity\n      variant=\"icon\"\n      size={size}\n      className={className}\n      interactive={false}\n      showTooltip={false}\n      initials={userInitials(user)}\n      displayName={userDisplayName(user)}\n      picture={user.picture}\n      // Deterministic tint from the user's id so the fallback is stable + distinct.\n      avatarStyle={getEntityColorStyles(user.external_id)}\n      isAgent={isAgentUser(user)}\n      displayStatus={displayStatus}\n    />\n  )\n}\n"],
+  "mappings": "AAqCI;AAxBJ,SAAS,kBAA8C;AACvD,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,cAAc,mBAAmB;AASpD,SAAS,SAAS,EAAE,MAAM,WAAW,OAAO,KAAK,GAAkB;AAKxE,QAAM,WAAW,eAAe,CAAC,MAAM,EAAE,SAAS,KAAK,WAAW,CAAC;AACnE,QAAM,gBACJ,aAAa,SAAY,SAAY,aAAa,WAAW,cAAc;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb,UAAU,aAAa,IAAI;AAAA,MAC3B,aAAa,gBAAgB,IAAI;AAAA,MACjC,SAAS,KAAK;AAAA,MAEd,aAAa,qBAAqB,KAAK,WAAW;AAAA,MAClD,SAAS,YAAY,IAAI;AAAA,MACzB;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/directmessages/DmComposer.js

@@ -0,0 +1,201 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Loader2, Paperclip, Send, X } from "lucide-react";
+import { chats, formatFileSize } from "@arbidocs/sdk/browser";
+import { Button } from "../ui/button.js";
+import { Textarea } from "../ui/textarea.js";
+import { cn } from "../lib/utils.js";
+function DmComposer({
+  placeholder,
+  disabled,
+  busy,
+  onSend,
+  allowAttachments,
+  error,
+  children,
+  classNames
+}) {
+  const [draft, setDraft] = useState("");
+  const [files, setFiles] = useState([]);
+  const [attachError, setAttachError] = useState(null);
+  const [dragging, setDragging] = useState(false);
+  const inputRef = useRef(null);
+  const fileInputRef = useRef(null);
+  const addFiles = (added) => {
+    if (!allowAttachments || added.length === 0) return;
+    const next = [...files, ...added];
+    try {
+      chats.checkChatAttachmentLimits(next);
+      setFiles(next);
+      setAttachError(null);
+    } catch (err) {
+      setAttachError(err instanceof Error ? err.message : "Could not attach the file");
+    }
+  };
+  const removeFile = (index) => {
+    setFiles((current) => current.filter((_, i) => i !== index));
+    setAttachError(null);
+  };
+  const submit = async () => {
+    const text = draft.trim();
+    if (!text && files.length === 0 || disabled || busy) return;
+    const sending = files;
+    setDraft("");
+    setFiles([]);
+    setAttachError(null);
+    try {
+      await onSend(text, sending);
+      inputRef.current?.focus();
+    } catch {
+      setDraft(text);
+      setFiles(sending);
+    }
+  };
+  const onKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      void submit();
+    }
+  };
+  const onPaste = (e) => {
+    if (!allowAttachments) return;
+    const pasted = Array.from(e.clipboardData?.files ?? []);
+    if (pasted.length === 0) return;
+    e.preventDefault();
+    addFiles(pasted);
+  };
+  const hasFiles = (e) => Array.from(e.dataTransfer?.types ?? []).includes("Files");
+  const dropHandlers = allowAttachments ? {
+    onDragOver: (e) => {
+      if (!hasFiles(e) || disabled) return;
+      e.preventDefault();
+      setDragging(true);
+    },
+    onDragLeave: (e) => {
+      if (e.currentTarget.contains(e.relatedTarget)) return;
+      setDragging(false);
+    },
+    onDrop: (e) => {
+      setDragging(false);
+      const dropped = Array.from(e.dataTransfer?.files ?? []);
+      if (dropped.length === 0 || disabled) return;
+      e.preventDefault();
+      addFiles(dropped);
+    }
+  } : {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border-t border-border p-3",
+        dragging && "bg-muted/60 outline-dashed outline-2 -outline-offset-4 outline-primary"
+      ),
+      "data-testid": "arbi-dm-composer",
+      ...dropHandlers,
+      children: [
+        children,
+        files.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mb-2 flex flex-wrap gap-2", "aria-label": "Attached files", children: files.map((f, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            "data-testid": "arbi-dm-attachment-chip",
+            className: "flex max-w-full items-center gap-2 rounded-md border border-border/70 bg-muted/30 px-2.5 py-1.5 text-xs",
+            children: [
+              /* @__PURE__ */ jsx(Paperclip, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: f.name }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: formatFileSize(f.size) }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  disabled: busy,
+                  "aria-label": `Remove ${f.name}`,
+                  onClick: () => removeFile(index),
+                  className: "shrink-0 rounded focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+                }
+              )
+            ]
+          },
+          `${f.name}-${index}`
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+          allowAttachments && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                disabled: disabled || busy,
+                onClick: () => fileInputRef.current?.click(),
+                "aria-label": "Attach files",
+                title: "Attach files (or paste / drop them here)",
+                "data-testid": "arbi-dm-attach",
+                className: "min-h-[44px] shrink-0",
+                children: /* @__PURE__ */ jsx(Paperclip, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                multiple: true,
+                hidden: true,
+                "data-testid": "arbi-dm-file-input",
+                onChange: (e) => {
+                  addFiles(Array.from(e.target.files ?? []));
+                  e.target.value = "";
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ref: inputRef,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown,
+              onPaste,
+              placeholder,
+              rows: 1,
+              disabled,
+              className: "max-h-40 min-h-[44px] resize-none",
+              "data-testid": "arbi-dm-input"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              onClick: () => void submit(),
+              disabled: disabled || busy || !draft.trim() && files.length === 0,
+              className: cn(classNames?.sendButton),
+              "data-testid": "arbi-dm-send",
+              "aria-label": "Send message",
+              children: [
+                busy ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "size-4" }),
+                " Send"
+              ]
+            }
+          )
+        ] }),
+        attachError && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mt-2 text-xs text-destructive",
+            role: "alert",
+            "data-testid": "arbi-dm-attach-error",
+            children: attachError
+          }
+        ),
+        error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", "data-testid": "arbi-dm-error", children: error })
+      ]
+    }
+  );
+}
+export {
+  DmComposer
+};
+//# sourceMappingURL=DmComposer.js.map

package/dist/directmessages/DmComposer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/DmComposer.tsx"],
+  "sourcesContent": ["/**\n * The message composer: an auto-sizing textarea + send button. Enter sends,\n * Shift+Enter inserts a newline.\n *\n * With `allowAttachments`, files can be added with the paperclip, pasted (an\n * image copied to the clipboard) or dropped onto the composer. They show as\n * removable chips and are handed to `onSend` alongside the text; the host\n * encrypts and uploads them. The DM limits (10 files, 15 MB each) are checked\n * here so an oversized file is refused before any work starts.\n */\n\nimport { useRef, useState } from 'react'\nimport { Loader2, Paperclip, Send, X } from 'lucide-react'\nimport { chats, formatFileSize } from '@arbidocs/sdk/browser'\nimport { Button } from '../ui/button'\nimport { Textarea } from '../ui/textarea'\nimport { cn } from '../lib/utils'\nimport type { DmClassNames } from './types'\n\nexport interface DmComposerProps {\n  /** Placeholder, e.g. \"Message Eleanor\u2026\". */\n  placeholder?: string\n  disabled?: boolean\n  /**\n   * A send is in flight: swaps the icon for a spinner and blocks a second\n   * submit, so a slow encrypt-and-post can't be fired twice by an impatient\n   * Enter.\n   */\n  busy?: boolean\n  /**\n   * Called with the trimmed text and any attached files when the user sends.\n   * The text may be empty when files are attached. May reject if the send\n   * fails, in which case the text and files are given back.\n   */\n  onSend: (text: string, files: File[]) => void | Promise<void>\n  /** Offer attaching files (button, paste, drag-and-drop). Off by default. */\n  allowAttachments?: boolean\n  /** Shown under the box when the last send failed. */\n  error?: string | null\n  /** Extra content between the box and the border (e.g. a peer-specific action). */\n  children?: React.ReactNode\n  classNames?: Pick<DmClassNames, 'sendButton'>\n}\n\nexport function DmComposer({\n  placeholder,\n  disabled,\n  busy,\n  onSend,\n  allowAttachments,\n  error,\n  children,\n  classNames,\n}: DmComposerProps) {\n  const [draft, setDraft] = useState('')\n  const [files, setFiles] = useState<File[]>([])\n  const [attachError, setAttachError] = useState<string | null>(null)\n  const [dragging, setDragging] = useState(false)\n  const inputRef = useRef<HTMLTextAreaElement>(null)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n\n  const addFiles = (added: File[]) => {\n    if (!allowAttachments || added.length === 0) return\n    const next = [...files, ...added]\n    try {\n      chats.checkChatAttachmentLimits(next)\n      setFiles(next)\n      setAttachError(null)\n    } catch (err) {\n      setAttachError(err instanceof Error ? err.message : 'Could not attach the file')\n    }\n  }\n\n  const removeFile = (index: number) => {\n    setFiles((current) => current.filter((_, i) => i !== index))\n    setAttachError(null)\n  }\n\n  const submit = async () => {\n    const text = draft.trim()\n    if ((!text && files.length === 0) || disabled || busy) return\n    const sending = files\n    setDraft('')\n    setFiles([])\n    setAttachError(null)\n    try {\n      await onSend(text, sending)\n      // Keep the caret in the box so a reply can follow straight on.\n      inputRef.current?.focus()\n    } catch {\n      // The send failed (the error surfaces via `error`) \u2014 give the text and\n      // files back rather than losing what the user wrote.\n      setDraft(text)\n      setFiles(sending)\n    }\n  }\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      void submit()\n    }\n  }\n\n  const onPaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (!allowAttachments) return\n    const pasted = Array.from(e.clipboardData?.files ?? [])\n    if (pasted.length === 0) return\n    e.preventDefault()\n    addFiles(pasted)\n  }\n\n  const hasFiles = (e: React.DragEvent) => Array.from(e.dataTransfer?.types ?? []).includes('Files')\n\n  const dropHandlers = allowAttachments\n    ? {\n        onDragOver: (e: React.DragEvent) => {\n          if (!hasFiles(e) || disabled) return\n          e.preventDefault()\n          setDragging(true)\n        },\n        onDragLeave: (e: React.DragEvent) => {\n          if (e.currentTarget.contains(e.relatedTarget as Node | null)) return\n          setDragging(false)\n        },\n        onDrop: (e: React.DragEvent) => {\n          setDragging(false)\n          const dropped = Array.from(e.dataTransfer?.files ?? [])\n          if (dropped.length === 0 || disabled) return\n          e.preventDefault()\n          addFiles(dropped)\n        },\n      }\n    : {}\n\n  return (\n    <div\n      className={cn(\n        'border-t border-border p-3',\n        dragging && 'bg-muted/60 outline-dashed outline-2 -outline-offset-4 outline-primary'\n      )}\n      data-testid=\"arbi-dm-composer\"\n      {...dropHandlers}\n    >\n      {children}\n      {files.length > 0 && (\n        <ul className=\"mb-2 flex flex-wrap gap-2\" aria-label=\"Attached files\">\n          {files.map((f, index) => (\n            <li\n              key={`${f.name}-${index}`}\n              data-testid=\"arbi-dm-attachment-chip\"\n              className=\"flex max-w-full items-center gap-2 rounded-md border border-border/70 bg-muted/30 px-2.5 py-1.5 text-xs\"\n            >\n              <Paperclip className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n              <span className=\"truncate\">{f.name}</span>\n              <span className=\"shrink-0 text-muted-foreground\">{formatFileSize(f.size)}</span>\n              <button\n                type=\"button\"\n                disabled={busy}\n                aria-label={`Remove ${f.name}`}\n                onClick={() => removeFile(index)}\n                className=\"shrink-0 rounded focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n              >\n                <X className=\"size-3\" />\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n      <div className=\"flex items-end gap-2\">\n        {allowAttachments && (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              disabled={disabled || busy}\n              onClick={() => fileInputRef.current?.click()}\n              aria-label=\"Attach files\"\n              title=\"Attach files (or paste / drop them here)\"\n              data-testid=\"arbi-dm-attach\"\n              className=\"min-h-[44px] shrink-0\"\n            >\n              <Paperclip className=\"size-4\" />\n            </Button>\n            <input\n              ref={fileInputRef}\n              type=\"file\"\n              multiple\n              hidden\n              data-testid=\"arbi-dm-file-input\"\n              onChange={(e) => {\n                addFiles(Array.from(e.target.files ?? []))\n                // Let the same file be picked again after it was removed.\n                e.target.value = ''\n              }}\n            />\n          </>\n        )}\n        <Textarea\n          ref={inputRef}\n          value={draft}\n          onChange={(e) => setDraft(e.target.value)}\n          onKeyDown={onKeyDown}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          rows={1}\n          disabled={disabled}\n          className=\"max-h-40 min-h-[44px] resize-none\"\n          data-testid=\"arbi-dm-input\"\n        />\n        <Button\n          type=\"button\"\n          onClick={() => void submit()}\n          disabled={disabled || busy || (!draft.trim() && files.length === 0)}\n          className={cn(classNames?.sendButton)}\n          data-testid=\"arbi-dm-send\"\n          aria-label=\"Send message\"\n        >\n          {busy ? <Loader2 className=\"size-4 animate-spin\" /> : <Send className=\"size-4\" />} Send\n        </Button>\n      </div>\n      {attachError && (\n        <p\n          className=\"mt-2 text-xs text-destructive\"\n          role=\"alert\"\n          data-testid=\"arbi-dm-attach-error\"\n        >\n          {attachError}\n        </p>\n      )}\n      {error && (\n        <p className=\"mt-2 text-xs text-destructive\" data-testid=\"arbi-dm-error\">\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/directmessages/arrivals.js

@@ -0,0 +1,29 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { useArbi } from "../useArbi.js";
+import { arbiQueryKeys } from "../query-keys.js";
+import { useArbiWsMessage } from "../websocket/hooks.js";
+import { cachedChat, getOpenChat, myChatId } from "./chat-cache.js";
+function useChatArrivals(onArrival) {
+  const arbi = useArbi();
+  const queryClient = useQueryClient();
+  useArbiWsMessage("chat.message", (message) => {
+    const senderId = message.message.sender_ext_id;
+    if (!senderId || senderId === myChatId(arbi)) return;
+    if (message.message.kind !== "text" || getOpenChat() === message.chat_ext_id) return;
+    const muted = queryClient.getQueriesData({ queryKey: arbiQueryKeys.userSettings() }).map(([, data]) => data).find(Boolean)?.muted_users;
+    if (muted?.includes(senderId)) return;
+    const chat = cachedChat(queryClient, message.chat_ext_id);
+    const sender = chat?.members.find((m) => m.user.external_id === senderId)?.user;
+    onArrival({
+      chatId: message.chat_ext_id,
+      chat,
+      sender,
+      senderId,
+      replyTo: chat?.kind === "direct" ? senderId : message.chat_ext_id
+    });
+  });
+}
+export {
+  useChatArrivals
+};
+//# sourceMappingURL=arrivals.js.map

package/dist/directmessages/arrivals.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/arrivals.ts"],
+  "sourcesContent": ["/**\n * Someone else's message arriving in one of my chats that is not open: what a host announces (a\n * toast pointing at the thread). Text messages only, never from a person I muted; no preview (the\n * text is end-to-end encrypted, the announcement stays a pointer). The chat cache itself follows\n * by itself (`<ArbiWebSocketProvider>` applies the event first).\n */\n\nimport { useQueryClient } from '@tanstack/react-query'\nimport type { WsChatMessageMessage } from '@arbidocs/client'\nimport { useArbi } from '../useArbi'\nimport { arbiQueryKeys } from '../query-keys'\nimport { useArbiWsMessage } from '../websocket/hooks'\nimport { cachedChat, getOpenChat, myChatId, type ChatResponse } from './chat-cache'\n\n/** A chat message to announce. */\nexport interface ChatArrival {\n  chatId: string\n  chat: ChatResponse | undefined\n  /** The sender, when the chat list knows them. */\n  sender: ChatResponse['members'][number]['user'] | undefined\n  senderId: string\n  /** Where \"Reply\" goes: the person for a direct chat, the chat otherwise. */\n  replyTo: string\n}\n\n/** Call `onArrival` for each chat message to announce (see the module comment). */\nexport function useChatArrivals(onArrival: (arrival: ChatArrival) => void): void {\n  const arbi = useArbi()\n  const queryClient = useQueryClient()\n  useArbiWsMessage<WsChatMessageMessage>('chat.message', (message) => {\n    const senderId = message.message.sender_ext_id\n    if (!senderId || senderId === myChatId(arbi)) return\n    if (message.message.kind !== 'text' || getOpenChat() === message.chat_ext_id) return\n    const muted = queryClient\n      .getQueriesData<{ muted_users?: string[] }>({ queryKey: arbiQueryKeys.userSettings() })\n      .map(([, data]) => data)\n      .find(Boolean)?.muted_users\n    if (muted?.includes(senderId)) return\n    const chat = cachedChat(queryClient, message.chat_ext_id)\n    const sender = chat?.members.find((m) => m.user.external_id === senderId)?.user\n    onArrival({\n      chatId: message.chat_ext_id,\n      chat,\n      sender,\n      senderId,\n      replyTo: chat?.kind === 'direct' ? senderId : message.chat_ext_id,\n    })\n  })\n}\n"],
+  "mappings": "AAOA,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,YAAY,aAAa,gBAAmC;AAc9D,SAAS,gBAAgB,WAAiD;AAC/E,QAAM,OAAO,QAAQ;AACrB,QAAM,cAAc,eAAe;AACnC,mBAAuC,gBAAgB,CAAC,YAAY;AAClE,UAAM,WAAW,QAAQ,QAAQ;AACjC,QAAI,CAAC,YAAY,aAAa,SAAS,IAAI,EAAG;AAC9C,QAAI,QAAQ,QAAQ,SAAS,UAAU,YAAY,MAAM,QAAQ,YAAa;AAC9E,UAAM,QAAQ,YACX,eAA2C,EAAE,UAAU,cAAc,aAAa,EAAE,CAAC,EACrF,IAAI,CAAC,CAAC,EAAE,IAAI,MAAM,IAAI,EACtB,KAAK,OAAO,GAAG;AAClB,QAAI,OAAO,SAAS,QAAQ,EAAG;AAC/B,UAAM,OAAO,WAAW,aAAa,QAAQ,WAAW;AACxD,UAAM,SAAS,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,KAAK,gBAAgB,QAAQ,GAAG;AAC3E,cAAU;AAAA,MACR,QAAQ,QAAQ;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,SAAS,WAAW,WAAW,QAAQ;AAAA,IACxD,CAAC;AAAA,EACH,CAAC;AACH;",
+  "names": []
+}

package/dist/directmessages/chat-cache.js

@@ -0,0 +1,192 @@
+import { chats } from "@arbidocs/sdk/browser";
+import { arbiQueryKeys } from "../hooks.js";
+function myChatId(arbi) {
+  try {
+    return arbi.user.identity()?.externalId ?? null;
+  } catch {
+    return null;
+  }
+}
+let openChatExtId = null;
+function setOpenChat(chatExtId) {
+  openChatExtId = chatExtId;
+}
+function getOpenChat() {
+  return openChatExtId;
+}
+function byActivity(a, b) {
+  const at = Date.parse(a.last_message_at ?? a.created_at);
+  const bt = Date.parse(b.last_message_at ?? b.created_at);
+  return bt - at;
+}
+function cachedChats(queryClient) {
+  return queryClient.getQueryData(arbiQueryKeys.chatList()) ?? [];
+}
+function cachedChat(queryClient, chatExtId) {
+  return cachedChats(queryClient).find((c) => c.external_id === chatExtId);
+}
+function upsertChat(queryClient, chat) {
+  queryClient.setQueryData(arbiQueryKeys.chatList(), (old) => {
+    if (!old) return old;
+    const rest = old.filter((c) => c.external_id !== chat.external_id);
+    return [chat, ...rest].sort(byActivity);
+  });
+}
+function removeChat(queryClient, chatExtId) {
+  queryClient.setQueryData(
+    arbiQueryKeys.chatList(),
+    (old) => old?.filter((c) => c.external_id !== chatExtId)
+  );
+  queryClient.removeQueries({ queryKey: arbiQueryKeys.chatThread(chatExtId) });
+}
+function appendToThread(queryClient, chatExtId, message, replaceOptimisticId) {
+  queryClient.setQueryData(arbiQueryKeys.chatThread(chatExtId), (old) => {
+    if (!old) return old;
+    const without = old.messages.filter(
+      (m) => m.external_id !== message.external_id && m.external_id !== replaceOptimisticId
+    );
+    return { ...old, messages: [...without, message] };
+  });
+}
+function dropFromThread(queryClient, chatExtId, messageExtId) {
+  queryClient.setQueryData(
+    arbiQueryKeys.chatThread(chatExtId),
+    (old) => old ? { ...old, messages: old.messages.filter((m) => m.external_id !== messageExtId) } : old
+  );
+}
+function replaceInThread(queryClient, chatExtId, message) {
+  queryClient.setQueryData(arbiQueryKeys.chatThread(chatExtId), (old) => {
+    if (!old || !old.messages.some((m) => m.external_id === message.external_id)) return old;
+    return {
+      ...old,
+      messages: old.messages.map((m) => m.external_id === message.external_id ? message : m)
+    };
+  });
+}
+function patchLastMessage(queryClient, chatExtId, message) {
+  queryClient.setQueryData(
+    arbiQueryKeys.chatList(),
+    (old) => old?.map(
+      (c) => c.external_id === chatExtId && c.last_message?.external_id === message.external_id ? { ...c, last_message: message } : c
+    )
+  );
+}
+async function deleteChatMessage(arbi, queryClient, chatExtId, messageExtId) {
+  const thread = queryClient.getQueryData(arbiQueryKeys.chatThread(chatExtId));
+  const before = thread?.messages.find((m) => m.external_id === messageExtId);
+  const listed = cachedChat(queryClient, chatExtId);
+  const wasLast = listed?.last_message?.external_id === messageExtId ? listed.last_message : null;
+  if (before) replaceInThread(queryClient, chatExtId, chats.chatMessageTombstone(before));
+  if (wasLast) patchLastMessage(queryClient, chatExtId, chats.chatMessageTombstone(wasLast));
+  try {
+    await arbi.chats.deleteMessage(chatExtId, messageExtId);
+  } catch (err) {
+    if (before) replaceInThread(queryClient, chatExtId, before);
+    if (wasLast) patchLastMessage(queryClient, chatExtId, wasLast);
+    throw err;
+  }
+}
+async function applyChangedMessage(arbi, queryClient, chatExtId, message) {
+  if (message.deleted) {
+    replaceInThread(queryClient, chatExtId, chats.chatMessageTombstone(message));
+    patchLastMessage(queryClient, chatExtId, chats.chatMessageTombstone(message));
+    return;
+  }
+  const chat = cachedChat(queryClient, chatExtId);
+  if (!chat || !queryClient.getQueryData(arbiQueryKeys.chatThread(chatExtId))) return;
+  try {
+    replaceInThread(queryClient, chatExtId, await arbi.chats.decrypt(chat, message));
+  } catch (err) {
+    console.error("[chats] could not decrypt a changed message", err);
+  }
+}
+async function applyChatMessage(arbi, queryClient, chatExtId, message) {
+  if (message.deleted) return applyChangedMessage(arbi, queryClient, chatExtId, message);
+  const me = myChatId(arbi);
+  const chat = cachedChat(queryClient, chatExtId);
+  if (!chat) {
+    void queryClient.invalidateQueries({ queryKey: arbiQueryKeys.chatList() });
+    return;
+  }
+  const mine = message.sender_ext_id === me;
+  const isOpen = openChatExtId === chatExtId;
+  upsertChat(queryClient, {
+    ...chat,
+    last_message: message,
+    last_message_at: message.created_at,
+    unread_count: mine ? 0 : isOpen ? chat.unread_count : chat.unread_count + 1,
+    members: mine ? chat.members.map(
+      (m) => m.user.external_id === me ? { ...m, last_read_at: message.created_at } : m
+    ) : chat.members
+  });
+  if (queryClient.getQueryData(arbiQueryKeys.chatThread(chatExtId))) {
+    try {
+      appendToThread(queryClient, chatExtId, await arbi.chats.decrypt(chat, message));
+    } catch (err) {
+      console.error("[chats] could not decrypt a live message", err);
+    }
+  }
+}
+function applyChatRead(arbi, queryClient, chatExtId, userExtId, lastReadAt) {
+  const me = myChatId(arbi);
+  queryClient.setQueryData(
+    arbiQueryKeys.chatList(),
+    (old) => old?.map(
+      (c) => c.external_id !== chatExtId ? c : {
+        ...c,
+        unread_count: userExtId === me ? 0 : c.unread_count,
+        members: c.members.map(
+          (m) => m.user.external_id === userExtId ? { ...m, last_read_at: lastReadAt } : m
+        )
+      }
+    )
+  );
+}
+async function applyChatUpdated(arbi, queryClient, chatExtId, message) {
+  if (message) await applyChangedMessage(arbi, queryClient, chatExtId, message);
+  let chat;
+  try {
+    chat = await arbi.chats.get(chatExtId);
+  } catch {
+    removeChat(queryClient, chatExtId);
+    return;
+  }
+  if (chat.rotation_required) {
+    chat = await arbi.chats.ready(chat).catch(() => chat);
+  }
+  upsertChat(queryClient, chat);
+  if (!message)
+    void queryClient.invalidateQueries({ queryKey: arbiQueryKeys.chatThread(chatExtId) });
+}
+function applyAgentDmStatus(queryClient, status) {
+  if (!["queued", "working", "done", "failed"].includes(status.status)) return;
+  queryClient.setQueryData(arbiQueryKeys.agentDmStatus(status.agent_ext_id), status);
+}
+async function applyChatEvent(arbi, queryClient, event) {
+  const e = event;
+  if (e.type === "chat.message")
+    return applyChatMessage(arbi, queryClient, e.chat_ext_id, e.message);
+  if (e.type === "chat.read")
+    return applyChatRead(arbi, queryClient, e.chat_ext_id, e.user_ext_id, e.last_read_at);
+  if (e.type === "chat.updated")
+    return applyChatUpdated(arbi, queryClient, e.chat_ext_id, e.message);
+  if (e.type === "agent_dm_status") applyAgentDmStatus(queryClient, e);
+}
+export {
+  appendToThread,
+  applyAgentDmStatus,
+  applyChatEvent,
+  applyChatMessage,
+  applyChatRead,
+  applyChatUpdated,
+  cachedChat,
+  cachedChats,
+  deleteChatMessage,
+  dropFromThread,
+  getOpenChat,
+  myChatId,
+  removeChat,
+  setOpenChat,
+  upsertChat
+};
+//# sourceMappingURL=chat-cache.js.map

package/dist/directmessages/chat-cache.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/directmessages/chat-cache.ts"],
+  "sourcesContent": ["/**\n * The one chat cache: my chat list (`arbiQueryKeys.chatList()`, raw \u2014 titles and last messages\n * stay ciphertext) and each open thread (`arbiQueryKeys.chatThread(id)`, decrypted). Every reader\n * (the messenger, unread badges, the DM kit, a call's chat) and every writer (a send, a delete,\n * a WebSocket event) goes through here, so one change shows everywhere at once.\n *\n * Live events: `<ArbiWebSocketProvider>` applies them itself; a host with its own socket passes each\n * chat event to `applyChatEvent`.\n */\n\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { WsAgentDmStatusMessage } from '@arbidocs/client'\nimport { chats, type Arbi } from '@arbidocs/sdk/browser'\nimport { arbiQueryKeys } from '../hooks'\n\nexport type ChatResponse = chats.ChatResponse\nexport type ChatMessageResponse = chats.ChatMessageResponse\nexport type DecryptedChatMessage = chats.DecryptedChatMessage\nexport type ChatAttachmentFile = chats.ChatAttachmentFile\nexport type ChatMemberKey = chats.ChatMemberKey\n\n/** A message in an open thread; an optimistic row carries a local id until the server echoes it. */\nexport type ChatThreadMessage = DecryptedChatMessage & { optimistic?: boolean }\n\n/** An open thread's cache entry: decrypted messages, oldest first. */\nexport interface ChatThreadData {\n  messages: ChatThreadMessage[]\n  /** False once the oldest page has been loaded. */\n  hasMore: boolean\n}\n\n/** The signed-in user's external id, or null when signed out. */\nexport function myChatId(arbi: Arbi): string | null {\n  try {\n    return arbi.user.identity()?.externalId ?? null\n  } catch {\n    return null\n  }\n}\n\n// \u2500\u2500 The chat open in a messenger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/** The chat open in a messenger, if any: its new messages do not count as unread. */\nlet openChatExtId: string | null = null\nexport function setOpenChat(chatExtId: string | null): void {\n  openChatExtId = chatExtId\n}\nexport function getOpenChat(): string | null {\n  return openChatExtId\n}\n\n// \u2500\u2500 Writers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nfunction byActivity(a: ChatResponse, b: ChatResponse): number {\n  const at = Date.parse(a.last_message_at ?? a.created_at)\n  const bt = Date.parse(b.last_message_at ?? b.created_at)\n  return bt - at\n}\n\n/** My chats as the cache holds them (empty until the list has loaded). */\nexport function cachedChats(queryClient: QueryClient): ChatResponse[] {\n  return queryClient.getQueryData<ChatResponse[]>(arbiQueryKeys.chatList()) ?? []\n}\n\n/** One of my chats from the cache, if the list has it. */\nexport function cachedChat(queryClient: QueryClient, chatExtId: string): ChatResponse | undefined {\n  return cachedChats(queryClient).find((c) => c.external_id === chatExtId)\n}\n\n/** Put a chat (new or updated) into the list, keeping the list newest first. */\nexport function upsertChat(queryClient: QueryClient, chat: ChatResponse): void {\n  queryClient.setQueryData<ChatResponse[]>(arbiQueryKeys.chatList(), (old) => {\n    if (!old) return old\n    const rest = old.filter((c) => c.external_id !== chat.external_id)\n    return [chat, ...rest].sort(byActivity)\n  })\n}\n\n/** Drop a chat I left or lost, with its thread. */\nexport function removeChat(queryClient: QueryClient, chatExtId: string): void {\n  queryClient.setQueryData<ChatResponse[]>(arbiQueryKeys.chatList(), (old) =>\n    old?.filter((c) => c.external_id !== chatExtId)\n  )\n  queryClient.removeQueries({ queryKey: arbiQueryKeys.chatThread(chatExtId) })\n}\n\n/** Append a message to a loaded thread (deduplicated, replacing its optimistic copy). */\nexport function appendToThread(\n  queryClient: QueryClient,\n  chatExtId: string,\n  message: ChatThreadMessage,\n  replaceOptimisticId?: string\n): void {\n  queryClient.setQueryData<ChatThreadData>(arbiQueryKeys.chatThread(chatExtId), (old) => {\n    if (!old) return old\n    const without = old.messages.filter(\n      (m) => m.external_id !== message.external_id && m.external_id !== replaceOptimisticId\n    )\n    return { ...old, messages: [...without, message] }\n  })\n}\n\n/** Take a message out of a loaded thread (a failed optimistic send). */\nexport function dropFromThread(queryClient: QueryClient, chatExtId: string, messageExtId: string) {\n  queryClient.setQueryData<ChatThreadData>(arbiQueryKeys.chatThread(chatExtId), (old) =>\n    old ? { ...old, messages: old.messages.filter((m) => m.external_id !== messageExtId) } : old\n  )\n}\n\n/** Replace a message of a loaded thread where it stands (no-op when it is not loaded). */\nfunction replaceInThread(\n  queryClient: QueryClient,\n  chatExtId: string,\n  message: ChatThreadMessage\n): void {\n  queryClient.setQueryData<ChatThreadData>(arbiQueryKeys.chatThread(chatExtId), (old) => {\n    if (!old || !old.messages.some((m) => m.external_id === message.external_id)) return old\n    return {\n      ...old,\n      messages: old.messages.map((m) => (m.external_id === message.external_id ? message : m)),\n    }\n  })\n}\n\n/** Swap a chat's `last_message` in the list when it is still `message`. */\nfunction patchLastMessage(\n  queryClient: QueryClient,\n  chatExtId: string,\n  message: ChatMessageResponse\n): void {\n  queryClient.setQueryData<ChatResponse[]>(arbiQueryKeys.chatList(), (old) =>\n    old?.map((c) =>\n      c.external_id === chatExtId && c.last_message?.external_id === message.external_id\n        ? { ...c, last_message: message }\n        : c\n    )\n  )\n}\n\n/**\n * Delete one of my messages. The server keeps it in place as a tombstone (`deleted: true`), so\n * the cache marks it the same way at once \u2014 a refetch then returns exactly what is shown. Rolled\n * back (and rethrown) when the delete fails.\n */\nexport async function deleteChatMessage(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  chatExtId: string,\n  messageExtId: string\n): Promise<void> {\n  const thread = queryClient.getQueryData<ChatThreadData>(arbiQueryKeys.chatThread(chatExtId))\n  const before = thread?.messages.find((m) => m.external_id === messageExtId)\n  const listed = cachedChat(queryClient, chatExtId)\n  const wasLast = listed?.last_message?.external_id === messageExtId ? listed.last_message : null\n  if (before) replaceInThread(queryClient, chatExtId, chats.chatMessageTombstone(before))\n  if (wasLast) patchLastMessage(queryClient, chatExtId, chats.chatMessageTombstone(wasLast))\n  try {\n    await arbi.chats.deleteMessage(chatExtId, messageExtId)\n  } catch (err) {\n    if (before) replaceInThread(queryClient, chatExtId, before)\n    if (wasLast) patchLastMessage(queryClient, chatExtId, wasLast)\n    throw err\n  }\n}\n\n// \u2500\u2500 Live events \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/** A message changed in place (a deleted message's tombstone): update it where it stands. */\nasync function applyChangedMessage(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  chatExtId: string,\n  message: ChatMessageResponse\n): Promise<void> {\n  if (message.deleted) {\n    replaceInThread(queryClient, chatExtId, chats.chatMessageTombstone(message))\n    patchLastMessage(queryClient, chatExtId, chats.chatMessageTombstone(message))\n    return\n  }\n  const chat = cachedChat(queryClient, chatExtId)\n  if (!chat || !queryClient.getQueryData(arbiQueryKeys.chatThread(chatExtId))) return\n  try {\n    replaceInThread(queryClient, chatExtId, await arbi.chats.decrypt(chat, message))\n  } catch (err) {\n    console.error('[chats] could not decrypt a changed message', err)\n  }\n}\n\n/** `chat.message`: a new message in one of my chats. */\nexport async function applyChatMessage(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  chatExtId: string,\n  message: ChatMessageResponse\n): Promise<void> {\n  // Not new: a tombstone replaces the message where it stands (never unread, never the preview).\n  if (message.deleted) return applyChangedMessage(arbi, queryClient, chatExtId, message)\n  const me = myChatId(arbi)\n  const chat = cachedChat(queryClient, chatExtId)\n  if (!chat) {\n    // A chat I was just added to: fetch the list fresh.\n    void queryClient.invalidateQueries({ queryKey: arbiQueryKeys.chatList() })\n    return\n  }\n  const mine = message.sender_ext_id === me\n  const isOpen = openChatExtId === chatExtId\n  upsertChat(queryClient, {\n    ...chat,\n    last_message: message,\n    last_message_at: message.created_at,\n    unread_count: mine ? 0 : isOpen ? chat.unread_count : chat.unread_count + 1,\n    members: mine\n      ? chat.members.map((m) =>\n          m.user.external_id === me ? { ...m, last_read_at: message.created_at } : m\n        )\n      : chat.members,\n  })\n  if (queryClient.getQueryData(arbiQueryKeys.chatThread(chatExtId))) {\n    try {\n      appendToThread(queryClient, chatExtId, await arbi.chats.decrypt(chat, message))\n    } catch (err) {\n      console.error('[chats] could not decrypt a live message', err)\n    }\n  }\n}\n\n/** `chat.read`: a member's watermark moved (a read receipt). */\nexport function applyChatRead(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  chatExtId: string,\n  userExtId: string,\n  lastReadAt: string\n): void {\n  const me = myChatId(arbi)\n  queryClient.setQueryData<ChatResponse[]>(arbiQueryKeys.chatList(), (old) =>\n    old?.map((c) =>\n      c.external_id !== chatExtId\n        ? c\n        : {\n            ...c,\n            unread_count: userExtId === me ? 0 : c.unread_count,\n            members: c.members.map((m) =>\n              m.user.external_id === userExtId ? { ...m, last_read_at: lastReadAt } : m\n            ),\n          }\n    )\n  )\n}\n\n/**\n * `chat.updated`: members, keys, title or a deleted message changed. Refetch the chat; when it now\n * needs a new epoch and I am still in it, seal one. A changed `message` (a deleted message's\n * tombstone) is applied in place; without one the open thread is reloaded.\n */\nexport async function applyChatUpdated(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  chatExtId: string,\n  message?: ChatMessageResponse | null\n): Promise<void> {\n  if (message) await applyChangedMessage(arbi, queryClient, chatExtId, message)\n  let chat: ChatResponse\n  try {\n    chat = await arbi.chats.get(chatExtId)\n  } catch {\n    // Removed from it (or it is gone).\n    removeChat(queryClient, chatExtId)\n    return\n  }\n  if (chat.rotation_required) {\n    // Best effort: whoever posts next rotates first.\n    chat = await arbi.chats.ready(chat).catch(() => chat)\n  }\n  upsertChat(queryClient, chat)\n  // Members, keys or a new epoch: reload the open thread. A changed message is already in place.\n  if (!message)\n    void queryClient.invalidateQueries({ queryKey: arbiQueryKeys.chatThread(chatExtId) })\n}\n\n/** My own agent's progress on a message I sent it (`agent_dm_status`). */\nexport type AgentDmStatus = WsAgentDmStatusMessage\n\n/** `agent_dm_status`: remember my agent's latest progress (read by `useAgentDmStatus`). */\nexport function applyAgentDmStatus(queryClient: QueryClient, status: AgentDmStatus): void {\n  if (!['queued', 'working', 'done', 'failed'].includes(status.status)) return\n  queryClient.setQueryData(arbiQueryKeys.agentDmStatus(status.agent_ext_id), status)\n}\n\n/** The chat events of the server's WebSocket, as `applyChatEvent` takes them. */\nexport type ChatEvent =\n  | { type: 'chat.message'; chat_ext_id: string; message: ChatMessageResponse }\n  | { type: 'chat.read'; chat_ext_id: string; user_ext_id: string; last_read_at: string }\n  | { type: 'chat.updated'; chat_ext_id: string; message?: ChatMessageResponse | null }\n  | AgentDmStatus\n\n/** Apply one chat event of the server's WebSocket to the cache. Other messages are ignored. */\nexport async function applyChatEvent(\n  arbi: Arbi,\n  queryClient: QueryClient,\n  event: { type: string }\n): Promise<void> {\n  const e = event as ChatEvent\n  if (e.type === 'chat.message')\n    return applyChatMessage(arbi, queryClient, e.chat_ext_id, e.message)\n  if (e.type === 'chat.read')\n    return applyChatRead(arbi, queryClient, e.chat_ext_id, e.user_ext_id, e.last_read_at)\n  if (e.type === 'chat.updated')\n    return applyChatUpdated(arbi, queryClient, e.chat_ext_id, e.message)\n  if (e.type === 'agent_dm_status') applyAgentDmStatus(queryClient, e)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/directmessages/grouping.js

@@ -0,0 +1,26 @@
+const RUN_WINDOW_MS = 2 * 60 * 1e3;
+function dayKey(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
+}
+function annotateThread(messages, accessors, runWindowMs = RUN_WINDOW_MS) {
+  const { senderId, createdAt } = accessors;
+  return messages.map((message, i) => {
+    const next = messages[i + 1];
+    const prev = messages[i - 1];
+    const day = dayKey(createdAt(message));
+    const continuesIntoNext = !!next && senderId(next) === senderId(message) && dayKey(createdAt(next)) === day && Date.parse(createdAt(next)) - Date.parse(createdAt(message)) < runWindowMs;
+    return {
+      message,
+      isLastOfRun: !continuesIntoNext,
+      isFirstOfDay: !prev || dayKey(createdAt(prev)) !== day
+    };
+  });
+}
+export {
+  RUN_WINDOW_MS,
+  annotateThread,
+  dayKey
+};
+//# sourceMappingURL=grouping.js.map