feat(open-webui): voice messages, fix camera capture and full notes

- Voice messages: record from the microphone and transcribe to the input
  via Open WebUI's /api/v1/audio/transcriptions (mic button in composer).
- Camera capture: attach the stream via a ref callback so the preview is
  no longer a black frame (the ref could be read before the video mounted).
- Notes: fetch the full note body on attach. The list endpoint truncates
  content to 1000 chars, so attached notes were cut off; getNote returns
  the complete markdown.

packages/api/src/router/widgets/open-webui.ts

@@ -10,6 +10,7 @@ import {
   openWebUiKnowledgeFilesRequestHandler,
   openWebUiKnowledgeRequestHandler,
   openWebUiModelsRequestHandler,
+  openWebUiNoteRequestHandler,
   openWebUiNotesRequestHandler,
 } from "@homarr/request-handler/open-webui";
 
@@ -119,6 +120,15 @@ export const openWebUiRouter = createTRPCRouter({
     return data;
   }),
 
+  getNote: publicProcedure
+    .input(z.object({ noteId: z.string() }))
+    .concat(createOneIntegrationMiddleware("query", "openWebUi"))
+    .query(async ({ ctx, input }) => {
+      const handler = openWebUiNoteRequestHandler.handler(ctx.integration, { noteId: input.noteId });
+      const { data } = await handler.getCachedOrUpdatedDataAsync({ forceUpdate: false });
+      return data;
+    }),
+
   getKnowledgeFiles: publicProcedure
     .input(z.object({ knowledgeId: z.string() }))
     .concat(createOneIntegrationMiddleware("query", "openWebUi"))
@@ -150,6 +160,16 @@ export const openWebUiRouter = createTRPCRouter({
       return await client.uploadFileAsync(input.filename, input.contentBase64, input.contentType);
     }),
 
+  // Transcribe recorded audio to text for voice messages.
+  transcribe: protectedProcedure
+    .input(z.object({ filename: z.string(), contentBase64: z.string(), contentType: z.string() }))
+    .concat(createOneIntegrationMiddleware("interact", "openWebUi"))
+    .mutation(async ({ ctx, input }) => {
+      const client = await createIntegrationAsync(ctx.integration);
+      const text = await client.transcribeAudioAsync(input.filename, input.contentBase64, input.contentType);
+      return { text };
+    }),
+
   getChat: publicProcedure
     .input(z.object({ chatId: z.string() }))
     .concat(createOneIntegrationMiddleware("query", "openWebUi"))