@open-mercato/ai-assistant 0.6.3-develop.3901.1.ddad60693a → 0.6.3

package/src/modules/ai_assistant/subscribers/conversation-shared-notify.ts

@@ -0,0 +1,78 @@
+import { resolveNotificationService } from '@open-mercato/core/modules/notifications/lib/notificationService'
+import { buildNotificationFromType } from '@open-mercato/core/modules/notifications/lib/notificationBuilder'
+import { defaultLocale } from '@open-mercato/shared/lib/i18n/config'
+import { loadDictionary } from '@open-mercato/shared/lib/i18n/server'
+import { createTranslator } from '@open-mercato/shared/lib/i18n/translate'
+import { notificationTypes } from '../notifications'
+import type { AiConversationSharedPayload } from '../events'
+
+export const metadata = {
+  event: 'ai_assistant.conversation.shared',
+  persistent: true,
+  id: 'ai_assistant:conversation-shared-notify',
+}
+
+type ResolverContext = {
+  resolve: <T = unknown>(name: string) => T
+  container?: { resolve<T = unknown>(name: string): T }
+}
+
+async function resolveDefaultLocaleStrings(
+  titleKey: string | undefined,
+  bodyKey: string | undefined,
+): Promise<{ title: string | undefined; body: string | undefined }> {
+  if (!titleKey && !bodyKey) return { title: titleKey, body: bodyKey }
+  try {
+    const dict = await loadDictionary(defaultLocale)
+    const t = createTranslator(dict)
+    return {
+      title: titleKey ? t(titleKey) : titleKey,
+      body: bodyKey ? t(bodyKey) : bodyKey,
+    }
+  } catch {
+    return { title: titleKey, body: bodyKey }
+  }
+}
+
+export default async function handleConversationShared(
+  payload: AiConversationSharedPayload,
+  ctx: ResolverContext,
+): Promise<void> {
+  if (!payload?.participantUserId || !payload.tenantId) return
+
+  const typeDef = notificationTypes.find((t) => t.type === 'ai_assistant.conversation_shared')
+  if (!typeDef) return
+
+  const container = ctx.container ?? { resolve: ctx.resolve }
+  let notificationService: ReturnType<typeof resolveNotificationService> | null
+  try {
+    notificationService = resolveNotificationService(container)
+  } catch {
+    return
+  }
+
+  const notificationInput = buildNotificationFromType(typeDef, {
+    recipientUserId: payload.participantUserId,
+    bodyVariables: {},
+    sourceEntityType: 'ai_assistant:ai_chat_conversation',
+    sourceEntityId: payload.conversationId,
+    linkHref: `/backend?openAiConversation=${payload.conversationId}`,
+  })
+
+  // Persist a human-readable fallback alongside the i18n keys so consumers
+  // that do not run the client renderer (email digests, exports) display a
+  // resolved string instead of the raw key. The client renderer continues
+  // to re-translate via titleKey/bodyKey for the viewer's locale.
+  const resolved = await resolveDefaultLocaleStrings(typeDef.titleKey, typeDef.bodyKey)
+  if (resolved.title !== undefined) notificationInput.title = resolved.title
+  if (resolved.body !== undefined) notificationInput.body = resolved.body
+
+  try {
+    await notificationService.create(notificationInput, {
+      tenantId: payload.tenantId,
+      organizationId: payload.organizationId ?? null,
+    })
+  } catch (err) {
+    console.warn('[ai_assistant.conversationSharedNotify] create failed', err)
+  }
+}

package/src/modules/ai_assistant/widgets/notifications/ConversationSharedRenderer.tsx

@@ -0,0 +1,121 @@
+'use client'
+
+import * as React from 'react'
+import { Share2, ExternalLink, X } from 'lucide-react'
+import { useRouter } from 'next/navigation'
+import { Button } from '@open-mercato/ui/primitives/button'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+import { cn } from '@open-mercato/shared/lib/utils'
+import { formatRelativeTime } from '@open-mercato/shared/lib/time'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type { NotificationRendererProps } from '@open-mercato/shared/modules/notifications/types'
+
+export function ConversationSharedRenderer({
+  notification,
+  onAction,
+  onDismiss,
+  actions = [],
+}: NotificationRendererProps) {
+  const t = useT()
+  const router = useRouter()
+  const [executing, setExecuting] = React.useState(false)
+  const isUnread = notification.status === 'unread'
+  const viewAction = actions.find((a) => a.id === 'view') ?? actions[0] ?? null
+
+  const handleView = async () => {
+    setExecuting(true)
+    try {
+      if (viewAction) {
+        await onAction(viewAction.id)
+      }
+      if (notification.linkHref) router.push(notification.linkHref)
+    } finally {
+      setExecuting(false)
+    }
+  }
+
+  const timeAgo = formatRelativeTime(notification.createdAt, { translate: t }) ?? ''
+
+  return (
+    <div
+      className={cn(
+        'group relative flex gap-4 items-start rounded-xl p-3 transition-colors hover:bg-muted/40 cursor-pointer',
+        isUnread && 'bg-muted/20',
+      )}
+      onClick={executing ? undefined : handleView}
+      onKeyDown={(e) => {
+        if (executing) return
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault()
+          handleView()
+        }
+      }}
+      role="button"
+      tabIndex={0}
+    >
+      <div className="relative shrink-0 flex size-10 items-center justify-center rounded-full bg-status-info-bg">
+        <Share2 className="size-5 text-status-info-icon" aria-hidden="true" />
+        {isUnread ? (
+          <span
+            className="absolute -right-1 -top-1 size-3 rounded-full bg-accent-indigo ring-2 ring-background"
+            aria-hidden="true"
+          />
+        ) : null}
+      </div>
+
+      <div className="flex min-w-0 flex-1 flex-col gap-1">
+        <p className="truncate text-sm font-medium leading-5 tracking-tight text-foreground">
+          {notification.title}
+        </p>
+
+        <div className="text-xs leading-4 text-muted-foreground">
+          {timeAgo ? <span className="whitespace-nowrap">{timeAgo}</span> : null}
+        </div>
+
+        <div className="mt-2 flex items-center gap-2">
+          <Button
+            type="button"
+            size="sm"
+            className="h-8 rounded-md px-2.5 bg-accent-indigo text-accent-indigo-foreground hover:bg-accent-indigo/90"
+            onClick={(e) => {
+              e.stopPropagation()
+              handleView()
+            }}
+            disabled={executing || (!viewAction && !notification.linkHref)}
+          >
+            <ExternalLink className="size-3.5" aria-hidden="true" />
+            {t('ai_assistant.notifications.conversation_shared.view_button', 'View Conversation')}
+          </Button>
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            className="h-8 rounded-md px-2.5"
+            onClick={(e) => {
+              e.stopPropagation()
+              onDismiss()
+            }}
+          >
+            {t('notifications.actions.dismiss', 'Dismiss')}
+          </Button>
+        </div>
+      </div>
+
+      <IconButton
+        type="button"
+        variant="ghost"
+        size="xs"
+        className="absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100"
+        onClick={(e) => {
+          e.stopPropagation()
+          onDismiss()
+        }}
+        aria-label={t('notifications.actions.dismiss', 'Dismiss')}
+      >
+        <X className="size-3.5" />
+      </IconButton>
+    </div>
+  )
+}
+
+export default ConversationSharedRenderer