feat(im): message forwarding (single + multi-select bundle)

CLAUDE.md

@@ -84,7 +84,7 @@ The backend follows a modular NestJS architecture with two main applications:
 - **Auth Module** ([apps/server/apps/gateway/src/auth](apps/server/apps/gateway/src/auth)): JWT-based authentication with Passport strategy, 7-day token expiry
 - **IM Module** ([apps/server/apps/gateway/src/im](apps/server/apps/gateway/src/im)): Instant messaging functionality
   - Channels: direct, public, private types
-  - Messages: text, file, image, system, long_text types with threading support (parentId)
+  - Messages: text, file, image, system, long_text, forward types with threading support (parentId)
   - Long text: messages >=20 lines or >=2000 chars auto-classified as `long_text`, truncated at API layer, full content via `GET /messages/:id/full-content`
   - Users: profile management, status tracking
   - Properties: channel property definitions, message property values (16 types), AI auto-fill
@@ -102,7 +102,7 @@ The codebase supports Community and Enterprise editions via environment variable
 
 - Uses Drizzle ORM with PostgreSQL
 - Schemas organized by domain in [apps/server/libs/database/schemas](apps/server/libs/database/schemas):
-  - **im/**: users, channels, messages, channel_members, message_attachments, message_reactions, message_acks, mentions, user_channel_read_status, channel_property_definitions, message_properties, audit_logs, channel_views, channel_tabs
+  - **im/**: users, channels, messages, channel_members, message_attachments, message_reactions, message_acks, mentions, user_channel_read_status, channel_property_definitions, message_properties, audit_logs, channel_views, channel_tabs, message_forwards
   - **tenant/**: tenants, tenant_members, workspace_invitations
   - **wiki/**: workspace_wikis (Team9 pointer to folder9-backed wikis with permission + approval mode)
 - All migrations managed via `pnpm db:migrate`
@@ -186,6 +186,7 @@ Wiki System:
 - Reactions: emoji-based reactions per message
 - Properties: structured key-value data per message (16 types), displayed as chips in chat view, powering Table/Board/Calendar views
 - Read status: per-user, per-channel tracking via `user_channel_read_status` table
+- Forwarding: single-message and multi-message bundle forwarding via `POST /api/v1/im/channels/:id/forward`; original message snapshots stored in `im_message_forwards`; full items fetched via `GET /api/v1/im/messages/:id/forward-items`
 
 ### Key Development Patterns
 

README.md

@@ -54,7 +54,7 @@ _Works great for solo power users too._
 
 💻 **Cross-Platform** — macOS, Windows desktop + Web
 
-💬 **Rich Messaging** — threads, @mentions, reactions, file sharing
+💬 **Rich Messaging** — threads, @mentions, reactions, file sharing, message forwarding
 
 🏢 **Multi-Workspace** — different projects, different teams, fully isolated
 

apps/client/src/components/channel/MessageContent.tsx

@@ -22,6 +22,7 @@ import { UserProfileCard } from "./UserProfileCard";
 import { CodeBlock } from "./CodeBlock";
 import { ImagePreviewDialog } from "./ImagePreviewDialog";
 import { LongTextCollapse } from "./LongTextCollapse";
+import { ForwardedMessageCard } from "./forward/ForwardedMessageCard";
 import { useCreateDirectChannel } from "@/hooks/useChannels";
 import { SelectionCopyPopup } from "./SelectionCopyPopup";
 import { AstRenderer } from "./AstRenderer";
@@ -396,6 +397,12 @@ export function MessageContent({
   className,
   message,
 }: MessageContentProps) {
+  // Forward-type messages bypass the normal content pipeline and render
+  // a quote/bundle card driven by the hydrated `message.forward` payload.
+  if (message?.type === "forward") {
+    return <ForwardedMessageCard message={message} />;
+  }
+
   // For long_text messages, reactively subscribe to the full-content cache.
   // enabled: false means this hook never initiates a fetch — LongTextCollapse
   // handles that. But it does subscribe to cache updates, so when the full

apps/client/src/components/channel/MessageContextMenu.tsx

@@ -7,7 +7,16 @@ import {
   ContextMenuShortcut,
   ContextMenuTrigger,
 } from "@/components/ui/context-menu";
-import { MessageSquare, Link, Copy, Pin, Trash2, Pencil } from "lucide-react";
+import {
+  MessageSquare,
+  Link,
+  Copy,
+  Pin,
+  Trash2,
+  Pencil,
+  Forward,
+  CheckSquare,
+} from "lucide-react";
 import type { Message } from "@/types/im";
 
 interface MessageContextMenuProps {
@@ -21,6 +30,12 @@ interface MessageContextMenuProps {
   onPin?: () => void;
   onEdit?: () => void;
   onDelete?: () => void;
+  /** Called when Forward menu item is clicked. Only shown when forwardable is true. */
+  onForward?: () => void;
+  /** Called when Select menu item is clicked. Only shown when forwardable is true. */
+  onSelect?: () => void;
+  /** Controls visibility of Forward + Select menu items. */
+  forwardable?: boolean;
 }
 
 export function MessageContextMenu({
@@ -34,8 +49,12 @@ export function MessageContextMenu({
   onPin,
   onEdit,
   onDelete,
+  onForward,
+  onSelect,
+  forwardable,
 }: MessageContextMenuProps) {
   const { t } = useTranslation("message");
+  const { t: tChannel } = useTranslation("channel");
 
   const handleCopyMessage = () => {
     if (message.content) {
@@ -64,6 +83,21 @@ export function MessageContextMenu({
           </ContextMenuItem>
         )}
 
+        {/* Forward / Select actions */}
+        {forwardable && onForward && (
+          <ContextMenuItem onClick={onForward}>
+            <Forward className="mr-2 h-4 w-4" />
+            {tChannel("forward.contextMenu.forward")}
+            <ContextMenuShortcut>F</ContextMenuShortcut>
+          </ContextMenuItem>
+        )}
+        {forwardable && onSelect && (
+          <ContextMenuItem onClick={onSelect}>
+            <CheckSquare className="mr-2 h-4 w-4" />
+            {tChannel("forward.contextMenu.select")}
+          </ContextMenuItem>
+        )}
+
         <ContextMenuSeparator />
 
         {/* Copy actions */}

apps/client/src/components/channel/MessageHoverToolbar.tsx

@@ -1,5 +1,5 @@
 import { useState, type ReactNode } from "react";
-import { MessageSquare, SmilePlus } from "lucide-react";
+import { MessageSquare, SmilePlus, Forward, CheckSquare } from "lucide-react";
 import {
   Popover,
   PopoverTrigger,
@@ -24,12 +24,21 @@ interface MessageHoverToolbarProps {
    * wrapping a Tags button. When omitted, nothing is rendered for properties.
    */
   propertiesSlot?: ReactNode;
+  /** Called when Forward icon is clicked. Only rendered when forwardable is true. */
+  onForward?: () => void;
+  /** Called when Select icon is clicked. Only rendered when forwardable is true. */
+  onSelect?: () => void;
+  /** Controls visibility of Forward + Select buttons. */
+  forwardable?: boolean;
 }
 
 export function MessageHoverToolbar({
   onReaction,
   onReplyInThread,
   propertiesSlot,
+  onForward,
+  onSelect,
+  forwardable,
 }: MessageHoverToolbarProps) {
   const [emojiPickerOpen, setEmojiPickerOpen] = useState(false);
 
@@ -111,6 +120,44 @@ export function MessageHoverToolbar({
             </Tooltip>
           </>
         )}
+
+        {forwardable && (onForward || onSelect) && (
+          <div className="w-px h-4 bg-border mx-0.5" />
+        )}
+
+        {forwardable && onForward && (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                onClick={onForward}
+                aria-label="Forward"
+                className="flex items-center justify-center w-7 h-7 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground"
+              >
+                <Forward size={16} />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side="top" sideOffset={4}>
+              Forward
+            </TooltipContent>
+          </Tooltip>
+        )}
+
+        {forwardable && onSelect && (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                onClick={onSelect}
+                aria-label="Select"
+                className="flex items-center justify-center w-7 h-7 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground"
+              >
+                <CheckSquare size={16} />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side="top" sideOffset={4}>
+              Select
+            </TooltipContent>
+          </Tooltip>
+        )}
       </div>
     </TooltipProvider>
   );