@tuturuuu/ui 0.25.0 → 0.25.3

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [0.25.3](https://github.com/tutur3u/platform/compare/ui-v0.25.2...ui-v0.25.3) (2026-08-09)
+
+
+### Bug Fixes
+
+* **chat:** decode external visitor labels ([1ca3e75](https://github.com/tutur3u/platform/commit/1ca3e75a939c06222c842da9fe5892a1bf9ce729))
+* **chat:** decode external visitor labels ([#5112](https://github.com/tutur3u/platform/issues/5112)) ([cb7af54](https://github.com/tutur3u/platform/commit/cb7af54264344961234da681c877c5677bf950fa))
+* **platform:** merge notification and group visibility fixes ([4fe9e97](https://github.com/tutur3u/platform/commit/4fe9e970bf61bffaee4353b1ebb83ce2f880a4c8))
+* **platform:** restore notifications and group visibility ([eb570a4](https://github.com/tutur3u/platform/commit/eb570a47e7a3d38fc855fbf3e887ecbde853ece0))
+
+## [0.25.2](https://github.com/tutur3u/platform/compare/ui-v0.25.1...ui-v0.25.2) (2026-08-07)
+
+
+### Bug Fixes
+
+* **chat:** restore external inbox display parity ([#5108](https://github.com/tutur3u/platform/issues/5108)) ([b34ea6d](https://github.com/tutur3u/platform/commit/b34ea6d7d8ffda344053ed1f580128446d0d0a81))
+* **tasks:** repair board share access and harden AI media attachments ([65b8092](https://github.com/tutur3u/platform/commit/65b809245cc01fb7a5f034f703083f329c20f1c1))
+
+## [0.25.1](https://github.com/tutur3u/platform/compare/ui-v0.25.0...ui-v0.25.1) (2026-08-06)
+
+
+### Bug Fixes
+
+* **workspaces:** harden invitation interactions ([b7f8f6c](https://github.com/tutur3u/platform/commit/b7f8f6cf52ceec1b67d36b11513eae7806284f5d))
+* **workspaces:** restore invitation access across apps ([#5099](https://github.com/tutur3u/platform/issues/5099)) ([c7032c3](https://github.com/tutur3u/platform/commit/c7032c310639c2783b60ac560e83a84d65a5c7f5))
+
 ## [0.25.0](https://github.com/tutur3u/platform/compare/ui-v0.24.0...ui-v0.25.0) (2026-08-06)
 
 

package/biome.json

@@ -1,5 +1,5 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.5.6/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.7/schema.json",
   "extends": "//"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.25.0",
+  "version": "0.25.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -58,7 +58,7 @@
     "@tanstack/react-hotkeys": "^0.10.0",
     "@tanstack/react-pacer": "^0.22.1",
     "@tanstack/react-query": "^5.101.2",
-    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-table": "^9.0.0",
     "@tanstack/react-virtual": "^3.14.9",
     "@tiptap/core": "3.29.2",
     "@tiptap/extension-collaboration": "3.29.2",
@@ -86,13 +86,13 @@
     "@tiptap/pm": "3.29.2",
     "@tiptap/react": "3.29.2",
     "@tiptap/starter-kit": "3.29.2",
-    "@tuturuuu/ai": "0.8.0",
+    "@tuturuuu/ai": "0.8.1",
     "@tuturuuu/apis": "0.11.0",
     "@tuturuuu/hooks": "0.1.0",
     "@tuturuuu/icons": "0.1.0",
-    "@tuturuuu/internal-api": "0.28.0",
+    "@tuturuuu/internal-api": "0.29.0",
     "@tuturuuu/supabase": "0.5.0",
-    "@tuturuuu/utils": "0.22.0",
+    "@tuturuuu/utils": "0.23.1",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -104,18 +104,19 @@
     "debug": "^4.4.3",
     "embla-carousel-react": "^8.6.0",
     "eventemitter3": "^5.0.4",
-    "framer-motion": "^12.43.0",
+    "framer-motion": "^13.0.0",
     "gsap": "^3.15.0",
+    "html-entities": "^2.6.0",
     "html2canvas-pro": "^2.3.3",
     "input-otp": "^1.4.2",
     "katex": "^0.18.1",
     "lodash": "4.18.1",
     "moment": "^2.30.1",
-    "motion": "^12.43.0",
+    "motion": "^13.0.0",
     "next": "^16.3.0",
-    "next-intl": "^4.13.4",
+    "next-intl": "^4.13.5",
     "next-themes": "^0.4.6",
-    "nuqs": "^2.9.3",
+    "nuqs": "^2.9.5",
     "prosemirror-state": "^1.4.4",
     "prosemirror-view": "1.42.2",
     "qrcode.react": "^4.2.0",
@@ -142,14 +143,14 @@
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2",
     "y-protocols": "^1.0.7",
-    "yjs": "^13.6.31",
+    "yjs": "^13.6.32",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.3.3",
     "@tailwindcss/typography": "^0.5.20",
     "@tanstack/react-query": "^5.101.4",
-    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-table": "^9.0.0",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@tuturuuu/types": "0.27.0",
@@ -174,7 +175,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.101.2",
-    "@tanstack/react-table": "^8.21.3"
+    "@tanstack/react-table": "^9.0.0"
   },
   "exports": {
     "./globals.css": "./src/globals.css",

package/src/components/ui/chat/chat-sidebar-items.tsx

@@ -6,6 +6,7 @@ import { cn } from '@tuturuuu/utils/format';
 import { useLocale, useTranslations } from 'next-intl';
 import { Button } from '../button';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../tooltip';
+import { getChatMessageDisplayContent } from './external-message-content';
 import {
   getChatConversationQueueDetails,
   getChatMessageSenderLabel,
@@ -37,6 +38,7 @@ export function ConversationRow({
     channel: t('untitled_channel'),
     chat: t('untitled_chat'),
     direct: t('direct_message'),
+    external: t('external_sender'),
     group: t('group_chat'),
   });
   const pinned = isChatConversationPinned(conversation, currentUserId);
@@ -160,25 +162,29 @@ export function SearchResultList({
 
   return (
     <div className="h-full space-y-1 overflow-y-auto p-2">
-      {messages.map((message) => (
-        <button
-          className="w-full rounded-md px-2 py-2 text-left transition-colors hover:bg-accent"
-          key={message.id}
-          onClick={() => onSelectConversation(message.conversationId)}
-          type="button"
-        >
-          <span className="block truncate font-medium text-sm">
-            {getChatMessageSenderLabel(message, {
-              assistant: t('assistant_name'),
-              external: t('external_sender'),
-              unknown: t('unknown_sender'),
-            })}
-          </span>
-          <span className="mt-1 line-clamp-2 text-muted-foreground text-xs">
-            {message.content}
-          </span>
-        </button>
-      ))}
+      {messages.map((message) => {
+        const displayContent = getChatMessageDisplayContent(message);
+
+        return (
+          <button
+            className="w-full rounded-md px-2 py-2 text-left transition-colors hover:bg-accent"
+            key={message.id}
+            onClick={() => onSelectConversation(message.conversationId)}
+            type="button"
+          >
+            <span className="block truncate font-medium text-sm">
+              {getChatMessageSenderLabel(message, {
+                assistant: t('assistant_name'),
+                external: t('external_sender'),
+                unknown: t('unknown_sender'),
+              })}
+            </span>
+            <span className="mt-1 line-clamp-2 text-muted-foreground text-xs">
+              {displayContent}
+            </span>
+          </button>
+        );
+      })}
     </div>
   );
 }

package/src/components/ui/chat/chat-utils.test.ts

@@ -134,6 +134,62 @@ describe('chat utils', () => {
     expect(title).toBe('Ada Lovelace');
   });
 
+  it('gives unnamed external conversations a stable pseudonymous title', () => {
+    const title = getConversationTitle(
+      conversation({
+        id: 'a7d12840-f72d-48f2-8057-a1ea15aecd29',
+        metadata: { externalChat: true },
+        title: 'External visitor',
+        type: 'channel',
+      }),
+      'user-1',
+      { external: 'Website visitor' }
+    );
+
+    expect(title).toBe('Website visitor #AECD29');
+  });
+
+  it('prefers an external profile name over a persisted generic title', () => {
+    const title = getConversationTitle(
+      conversation({
+        metadata: { displayName: 'Visitor 42', externalChat: true },
+        title: 'External visitor',
+        type: 'channel',
+      }),
+      'user-1',
+      { external: 'Website visitor' }
+    );
+
+    expect(title).toBe('Visitor 42');
+  });
+
+  it('decodes external profile and persisted conversation titles', () => {
+    expect(
+      getConversationTitle(
+        conversation({
+          metadata: {
+            displayName: 'Nguyễn Thị Viên',
+            externalChat: true,
+          },
+          title: 'External visitor',
+          type: 'channel',
+        }),
+        'user-1'
+      )
+    ).toBe('Nguyễn Thị Viên');
+
+    expect(
+      getConversationTitle(
+        conversation({
+          metadata: { externalChat: true },
+          title: 'Nguyễn Thị Viên',
+          type: 'channel',
+        }),
+        'user-1'
+      )
+    ).toBe('Nguyễn Thị Viên');
+  });
+
   it('builds useful message previews for files and deleted messages', () => {
     expect(
       getLastMessagePreview(
@@ -171,6 +227,21 @@ describe('chat utils', () => {
     ).toBe('message_deleted');
   });
 
+  it('decodes external message previews without changing native previews', () => {
+    const encoded = 'Tôi đã gửi tin';
+
+    expect(
+      getLastMessagePreview({
+        ...baseMessage,
+        content: encoded,
+        metadata: { externalChat: true },
+      })
+    ).toBe('Tôi đã gửi tin');
+    expect(getLastMessagePreview({ ...baseMessage, content: encoded })).toBe(
+      encoded
+    );
+  });
+
   it('formats file sizes for attachment rows', () => {
     expect(formatFileSize(0)).toBe('0 B');
     expect(formatFileSize(2048)).toBe('2.0 KB');
@@ -344,12 +415,12 @@ describe('chat utils', () => {
           ...baseMessage,
           metadata: {
             externalChat: true,
-            externalSender: { displayName: 'Visitor 42' },
+            externalSender: { displayName: 'Visitor & 42' },
           },
         },
         fallback
       )
-    ).toBe('Visitor 42');
+    ).toBe('Visitor & 42');
     expect(
       getChatMessageSenderLabel(
         { ...baseMessage, metadata: { externalChat: true } },
@@ -382,6 +453,21 @@ describe('chat utils', () => {
     });
   });
 
+  it('decodes connected-site queue previews using conversation scope', () => {
+    const details = getChatConversationQueueDetails(
+      conversation({
+        latestMessage: {
+          ...baseMessage,
+          content: 'Tôi đã gửi tin',
+          metadata: { status: 'seen' },
+        },
+        metadata: { externalChat: true },
+      })
+    );
+
+    expect(details.preview).toBe('Tôi đã gửi tin');
+  });
+
   it('normalizes connected-site delivery and deletion states', () => {
     expect(
       getChatConversationDeliveryState({

package/src/components/ui/chat/chat-workspace.tsx

@@ -325,6 +325,7 @@ export function ChatWorkspace({
         channel: t('untitled_channel'),
         chat: t('untitled_chat'),
         direct: t('direct_message'),
+        external: t('external_sender'),
         group: t('group_chat'),
       })
     : t('title');

package/src/components/ui/chat/composer-attachment-chip.tsx

@@ -0,0 +1,128 @@
+'use client';
+
+import { FileText, Film, Music, X } from '@tuturuuu/icons';
+import type { ChatAttachmentDraft } from '@tuturuuu/internal-api';
+import { cn } from '@tuturuuu/utils/format';
+import { Button } from '../button';
+import { formatFileSize } from './utils';
+
+export type ComposerAttachmentKind = 'audio' | 'file' | 'image' | 'video';
+
+export function getComposerAttachmentKind(
+  filename: string,
+  contentType?: string | null
+): ComposerAttachmentKind {
+  const type = contentType?.toLowerCase() ?? '';
+  const extension = filename.split('.').pop()?.toLowerCase() ?? '';
+
+  if (
+    type.startsWith('image/') ||
+    ['avif', 'gif', 'heic', 'jpeg', 'jpg', 'png', 'webp'].includes(extension)
+  ) {
+    return 'image';
+  }
+  if (
+    type.startsWith('video/') ||
+    ['m4v', 'mov', 'mp4', 'webm'].includes(extension)
+  ) {
+    return 'video';
+  }
+  if (
+    type.startsWith('audio/') ||
+    ['aac', 'flac', 'm4a', 'mp3', 'ogg', 'opus', 'wav'].includes(extension)
+  ) {
+    return 'audio';
+  }
+  return 'file';
+}
+
+const kindIcon = {
+  audio: Music,
+  file: FileText,
+  image: FileText,
+  video: Film,
+} as const;
+
+/**
+ * A queued attachment, shown before the message is sent. Media gets a real
+ * thumbnail from the local file rather than a filename chip — a picture is the
+ * only reliable way to confirm you attached the right screenshot.
+ */
+export function ComposerAttachmentChip({
+  attachment,
+  onRemove,
+  previewUrl,
+  removeLabel,
+}: {
+  attachment: ChatAttachmentDraft;
+  onRemove: () => void;
+  previewUrl?: string;
+  removeLabel: string;
+}) {
+  const kind = getComposerAttachmentKind(
+    attachment.filename,
+    attachment.contentType
+  );
+  const showsThumbnail = Boolean(previewUrl) && kind !== 'file';
+  const Icon = kindIcon[kind];
+
+  return (
+    <div
+      className={cn(
+        'group relative flex min-w-0 items-center gap-2 overflow-hidden rounded-md border bg-muted/40 text-sm',
+        showsThumbnail ? 'p-1 pr-1' : 'px-2 py-1'
+      )}
+    >
+      {showsThumbnail ? (
+        <span className="size-10 shrink-0 overflow-hidden rounded bg-background">
+          {kind === 'video' ? (
+            <video
+              className="size-full object-cover"
+              muted
+              preload="metadata"
+              src={previewUrl}
+            />
+          ) : kind === 'audio' ? (
+            <span className="flex size-full items-center justify-center">
+              <Music className="size-4 text-muted-foreground" />
+            </span>
+          ) : (
+            /* biome-ignore lint/performance/noImgElement: local blob: URL for a not-yet-sent file; next/image cannot optimize object URLs */
+            <img
+              alt={attachment.filename}
+              className="size-full object-cover"
+              src={previewUrl}
+            />
+          )}
+        </span>
+      ) : (
+        <Icon className="size-4 shrink-0 text-muted-foreground" />
+      )}
+
+      <span className="min-w-0 flex-1">
+        <span
+          className="block max-w-40 truncate font-medium"
+          title={attachment.filename}
+        >
+          {attachment.filename}
+        </span>
+        {attachment.sizeBytes ? (
+          <span className="block text-muted-foreground text-xs">
+            {formatFileSize(attachment.sizeBytes)}
+          </span>
+        ) : null}
+      </span>
+
+      <Button
+        aria-label={removeLabel}
+        className="size-6 shrink-0"
+        onClick={onRemove}
+        size="icon"
+        type="button"
+        variant="ghost"
+      >
+        <X className="size-3.5" />
+      </Button>
+    </div>
+  );
+}

package/src/components/ui/chat/external-message-content.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest';
+import { getChatMessageDisplayContent } from './external-message-content';
+
+describe('getChatMessageDisplayContent', () => {
+  it('decodes named and numeric entities for external chat messages', () => {
+    expect(
+      getChatMessageDisplayContent({
+        content:
+          'Tôi đã gửi tin & chờ phản hồi.',
+        metadata: { externalChat: true },
+      })
+    ).toBe('Tôi đã gửi tin & chờ phản hồi.');
+  });
+
+  it('decodes bounded nested entities from double-encoded legacy rows', () => {
+    expect(
+      getChatMessageDisplayContent({
+        content: 'Khám trực tiếp & mang theo kết quả',
+        metadata: { externalChat: true },
+      })
+    ).toBe('Khám trực tiếp & mang theo kết quả');
+  });
+
+  it('leaves native chat content unchanged', () => {
+    expect(
+      getChatMessageDisplayContent({
+        content: 'Keep & exactly as authored',
+        metadata: {},
+      })
+    ).toBe('Keep & exactly as authored');
+  });
+
+  it('returns decoded markup as text content rather than an HTML contract', () => {
+    expect(
+      getChatMessageDisplayContent({
+        content: '<img src=x onerror=alert(1)>',
+        metadata: { externalChat: true },
+      })
+    ).toBe('<img src=x onerror=alert(1)>');
+  });
+});

package/src/components/ui/chat/external-message-content.ts

@@ -0,0 +1,28 @@
+import type { ChatMessage } from '@tuturuuu/internal-api';
+import { decode } from 'html-entities';
+
+const MAX_ENTITY_DECODE_PASSES = 3;
+
+export function decodeExternalChatContent(
+  content: string,
+  externalChat: boolean
+) {
+  if (!externalChat) return content;
+
+  let displayContent = content;
+  for (let pass = 0; pass < MAX_ENTITY_DECODE_PASSES; pass += 1) {
+    const decoded = decode(displayContent, { level: 'html5', scope: 'body' });
+    if (decoded === displayContent) break;
+    displayContent = decoded;
+  }
+  return displayContent;
+}
+
+export function getChatMessageDisplayContent(
+  message: Pick<ChatMessage, 'content' | 'metadata'>
+) {
+  return decodeExternalChatContent(
+    message.content,
+    message.metadata.externalChat === true
+  );
+}

package/src/components/ui/chat/message-bubble.tsx

@@ -26,6 +26,7 @@ import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { toast } from '../sonner';
 import { AiMessageParts } from './ai-message-parts';
 import { getAiMessagePartsFromMetadata } from './ai-message-render-utils';
+import { getChatMessageDisplayContent } from './external-message-content';
 import { MessageAttachmentButton } from './message-attachment-button';
 import { MessageLinkPreviews, MessageText } from './message-links';
 import {
@@ -259,6 +260,7 @@ function MessageContent({
   const t = useTranslations('chat');
   const aiParts = getAiMessagePartsFromMetadata(message.metadata);
   const externalAttachment = readExternalAttachment(message.metadata);
+  const displayContent = getChatMessageDisplayContent(message);
 
   return (
     <div
@@ -284,10 +286,10 @@ function MessageContent({
                   textFallback={message.content}
                 />
               ) : (
-                <MessageText content={message.content} />
+                <MessageText content={displayContent} />
               )}
               <MessageLinkPreviews
-                content={message.content}
+                content={displayContent}
                 conversationId={message.conversationId}
                 isOwnMessage={isOwnMessage}
                 wsId={wsId}