feat(v21): close bilingual search translation task UX

electron/preload.js

@@ -105,6 +105,11 @@ contextBridge.exposeInMainWorld('yanceDesktop', Object.freeze({
   setActiveConversation: conversationId => ipcRenderer.invoke('desktop:set-active-conversation', { activeConversationId: String(conversationId || '') }),
   storeSnapshot: input => invokeStore('store:get-snapshot', input),
   storeSocialContext: input => invokeStore('store:get-social-context', input),
+  storeSearchWorkspace: input => invokeStore('store:search-workspace', input),
+  storeCreateTranslationJob: input => invokeStore('store:create-translation-job', input),
+  storeGetTranslationJob: input => invokeStore('store:get-translation-job', input),
+  storeCancelTranslationJob: input => invokeStore('store:cancel-translation-job', input),
+  storeRetryTranslationJob: input => invokeStore('store:retry-translation-job', input),
   storeGenerateReply: (input, options = {}) => invokeStoreCancelable('store:generate-reply', input, options),
   storeApproveReply: input => invokeStore('store:approve-reply', input),
   storeRejectReply: input => invokeStore('store:reject-reply', input),

electron/r32StoreBridge.js

@@ -3,6 +3,11 @@
 const CHANNELS = Object.freeze({
   snapshot: 'store:get-snapshot',
   socialContext: 'store:get-social-context',
+  searchWorkspace: 'store:search-workspace',
+  createTranslationJob: 'store:create-translation-job',
+  getTranslationJob: 'store:get-translation-job',
+  cancelTranslationJob: 'store:cancel-translation-job',
+  retryTranslationJob: 'store:retry-translation-job',
   generateReply: 'store:generate-reply',
   cancelRequest: 'store:cancel-request',
   approveReply: 'store:approve-reply',
@@ -26,6 +31,15 @@ function jsonBody(value) {
   return JSON.stringify(value || {});
 }
 
+function requiredIdentifier(value, name) {
+  const id = clean(value);
+  if (id) return id;
+  const error = new Error(`${name} is required`);
+  error.code = `${String(name || 'identifier').replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase()}_REQUIRED`;
+  error.reasonCode = error.code;
+  throw error;
+}
+
 function serializeBridgeError(error) {
   return {
     __yanceBridgeError: true,
@@ -68,6 +82,37 @@ function installR32StoreBridge({ ipcMain, apiRequest }) {
       });
       return apiRequest(`/api/r32/store/customers/${encodeURIComponent(contactId)}/social-context?${query}`);
     },
+    [CHANNELS.searchWorkspace]: (_event, input = {}) => {
+      const queryText = clean(input.query);
+      const limit = Math.max(1, Math.min(200, Number(input.limit || 80)));
+      const query = new URLSearchParams({ q: queryText, limit: String(limit) });
+      return apiRequest(`/api/r32/store/search?${query}`);
+    },
+    [CHANNELS.createTranslationJob]: (_event, input = {}) => {
+      const messageId = requiredIdentifier(input.messageId, 'messageId');
+      return apiRequest(`/api/r32/store/translations/messages/${encodeURIComponent(messageId)}/jobs`, {
+        method: 'POST',
+        body: jsonBody({
+          force: input.force === true,
+          forceNew: input.forceNew === true,
+          timeoutMs: input.timeoutMs
+        })
+      });
+    },
+    [CHANNELS.getTranslationJob]: (_event, input = {}) => {
+      const jobId = requiredIdentifier(input.jobId, 'jobId');
+      return apiRequest(`/api/r32/store/translations/jobs/${encodeURIComponent(jobId)}`);
+    },
+    [CHANNELS.cancelTranslationJob]: (_event, input = {}) => {
+      const jobId = requiredIdentifier(input.jobId, 'jobId');
+      return apiRequest(`/api/r32/store/translations/jobs/${encodeURIComponent(jobId)}`, { method: 'DELETE' });
+    },
+    [CHANNELS.retryTranslationJob]: (_event, input = {}) => {
+      const jobId = requiredIdentifier(input.jobId, 'jobId');
+      return apiRequest(`/api/r32/store/translations/jobs/${encodeURIComponent(jobId)}/retry`, {
+        method: 'POST', body: jsonBody({ timeoutMs: input.timeoutMs })
+      });
+    },
     [CHANNELS.generateReply]: async (event, input = {}) => {
       const requestId = clean(input.__yanceBridgeRequestId);
       const body = { ...input };

integration/element-module/src/YanceWorkspace.tsx

@@ -1,6 +1,11 @@
 import React from "react";
 import { ProductExperienceShell } from "./product-experience/ProductExperienceShell";
+import type { RelationshipProjection } from "./product-experience/experienceTypes";
 
-export function YanceWorkspace(): React.JSX.Element {
-  return <ProductExperienceShell />;
+type YanceWorkspaceProps = {
+  navigateSearchResult?: (relationship: RelationshipProjection) => Promise<boolean>;
+};
+
+export function YanceWorkspace({ navigateSearchResult }: YanceWorkspaceProps): React.JSX.Element {
+  return <ProductExperienceShell navigateSearchResult={navigateSearchResult} />;
 }

integration/element-module/src/index.tsx

@@ -4,14 +4,41 @@ import React from "react";
 import type { Api, Module, ModuleFactory } from "@element-hq/element-web-module-api";
 import { YanceWorkspace } from "./YanceWorkspace";
 import { ProductComposerAccessory } from "./product-experience/ProductComposerAccessory";
+import type { RelationshipProjection } from "./product-experience/experienceTypes";
+
+function validMatrixRoomId(value: string): boolean {
+  return /^[!#][^:\s]+:[^\s]+$/u.test(value);
+}
+
+function validMatrixPermalink(value: string): boolean {
+  return /^https:\/\/matrix\.to\/#\/[!#][^?\s]+/u.test(value);
+}
 
 class YanceElementModule implements Module {
   public static readonly moduleApiVersion = "^1.0.0";
 
   public constructor(private readonly api: Api) {}
 
   public async load(): Promise<void> {
-    this.api.customComponents.registerGlobalRightPanel(() => <YanceWorkspace />);
+    const navigateSearchResult = async (relationship: RelationshipProjection): Promise<boolean> => {
+      const permalink = relationship.matrixPermalink?.trim() || "";
+      if (permalink && validMatrixPermalink(permalink)) {
+        this.api.navigation.toMatrixToLink(permalink);
+        return true;
+      }
+
+      const roomId = relationship.matrixRoomId?.trim() || "";
+      if (roomId && validMatrixRoomId(roomId)) {
+        this.api.navigation.openRoom(roomId);
+        return true;
+      }
+
+      return false;
+    };
+
+    this.api.customComponents.registerGlobalRightPanel(
+      () => <YanceWorkspace navigateSearchResult={navigateSearchResult} />,
+    );
     this.api.customComponents.registerComposerPreview(
       (_composerText, roomId) => Boolean(roomId),
       (props, originalComponent) => (