Package library as @moduletrace/twui npm package

- Move components/ to src/ and compile to dist/ with tsc - Add root barrel export plus deep-import subpath exports and base.css export - Post-compile step: copy base.css, add .js import extensions, mark client modules - Add publish.sh and .npmrc for the Gitea npm registry - Fix type errors, guard TinyMCE env access, drop ace-builds type dependency - Rename clashing props type names, remove Next.js scaffolding and unused deps Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-18 10:17:54 +01:00
parent d19d412066
commit 11da9b89e7
148 changed files with 937 additions and 500 deletions
@@ -0,0 +1,70 @@
+import { Speech, Voicemail, X } from "lucide-react";
+import Button from "../../layout/Button";
+import type { ChatCompletionMessageParam } from "openai/resources";
+import Row from "../../layout/Row";
+import Loading from "../Loading";
+import Border from "../Border";
+
+type Props = {
+    voice_transcription_fn?: (params: { last_message?: string }) => void;
+    transcribing?: boolean;
+    history?: ChatCompletionMessageParam[];
+    last_response?: string;
+    cancel_voice_transcription_fn?: () => void;
+};
+
+export default function AIVoiceTranscription({
+    transcribing,
+    voice_transcription_fn,
+    history,
+    last_response,
+    cancel_voice_transcription_fn,
+}: Props) {
+    if (!voice_transcription_fn) return null;
+
+    if (transcribing) {
+        return (
+            <Border className="px-1.5! py-0.5!">
+                <Row className="gap-2!">
+                    <Loading size="small" />
+                    <Button
+                        title="Cancel Transcription"
+                        className="p-1!"
+                        onClick={(e) => {
+                            e.preventDefault();
+                            cancel_voice_transcription_fn?.();
+                        }}
+                        variant="ghost"
+                    >
+                        <X size={20} opacity={0.7} />
+                    </Button>
+                </Row>
+            </Border>
+        );
+    }
+
+    return (
+        <Button
+            title="Listen to Speech"
+            size="smaller"
+            color="gray"
+            variant="ghost"
+            loading={transcribing}
+            onClick={(e) => {
+                e.preventDefault();
+
+                const history_last_response = history?.find(
+                    (h) => h.role == "assistant",
+                );
+                voice_transcription_fn({
+                    last_message:
+                        last_response ||
+                        history_last_response?.content?.toString(),
+                });
+            }}
+            className="p-1!"
+        >
+            <Speech size={20} opacity={0.7} />
+        </Button>
+    );
+}