@linto-ai/transcript-ui-core 0.9.16 → 0.9.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linto-ai/transcript-ui-core",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "description": "State layer and UI shell for @linto-ai/transcript-ui — core, stores, format adapters, and the TranscriptUI component",
   "keywords": [
     "vue",
@@ -39,8 +39,8 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@linto-ai/transcript-ui-i18n": "0.9.16",
-    "@linto-ai/transcript-ui-ui": "0.9.16",
+    "@linto-ai/transcript-ui-i18n": "0.9.18",
+    "@linto-ai/transcript-ui-ui": "0.9.18",
     "vue-stick-to-bottom": "^1.0.0"
   }
 }

package/src/components/Layout.vue

@@ -17,9 +17,11 @@ import { useCore, type LLMService } from "../core"
 const props = withDefaults(
   defineProps<{
     showHeader?: boolean
+    showVerbatim?: boolean
   }>(),
   {
     showHeader: true,
+    showVerbatim: true,
   },
 )
 
@@ -31,9 +33,13 @@ const shownPanels = ref<string[]>([TRANSCRIPTION_TAB])
 // The ?? never actually triggers — every shownPanels mutation keeps at least one entry — it's just satisfying noUncheckedIndexedAccess.
 const activeTab = computed(() => shownPanels.value[0] ?? TRANSCRIPTION_TAB)
 
+// Guarded by showVerbatim: split shows verbatim alongside a service, so it
+// makes no sense (and shouldn't be reachable) wherever verbatim itself is
+// turned off.
 const isSplit = computed({
-  get: () => shownPanels.value.length > 1,
+  get: () => props.showVerbatim && shownPanels.value.length > 1,
   set: (value: boolean) => {
+    if (!props.showVerbatim) return
     shownPanels.value = value
       ? [...shownPanels.value, VERBATIM_TAB]
       : shownPanels.value.filter((id) => id !== VERBATIM_TAB)
@@ -103,6 +109,19 @@ watch(
   },
 )
 
+// showVerbatim is a prop, not user-driven state, so this fires rarely (a
+// host re-rendering with a different noVerbatim) — but if it flips to false
+// while verbatim is showing (primary or split), drop it rather than leave
+// a panel the host just said it doesn't want reachable.
+watch(
+  () => props.showVerbatim,
+  (canShow) => {
+    if (canShow) return
+    const withoutVerbatim = shownPanels.value.filter((id) => id !== VERBATIM_TAB)
+    shownPanels.value = withoutVerbatim.length > 0 ? withoutVerbatim : [TRANSCRIPTION_TAB]
+  },
+)
+
 watch(
   () => core.activeChannelId.value,
   () => {
@@ -146,6 +165,7 @@ function onTranslationChange(translationId: string) {
       @redo="core.transcriptionEditor?.redo()" />
     <TabBar
       :model-value="activeTab"
+      :show-verbatim="props.showVerbatim"
       @update:model-value="(tab) => (shownPanels = [tab])" />
     <SelectionActionBar v-if="showTranscription" />
     <main

package/src/components/TabBar.vue

@@ -5,9 +5,15 @@ import { TRANSCRIPTION_TAB, VERBATIM_TAB } from "./TabBar.constants"
 import { useI18n } from "@linto-ai/transcript-ui-i18n"
 import { useCore } from "../core"
 
-const props = defineProps<{
-  modelValue: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    modelValue: string
+    showVerbatim?: boolean
+  }>(),
+  {
+    showVerbatim: true,
+  },
+)
 
 const emit = defineEmits<{
   "update:modelValue": [value: string]
@@ -24,11 +30,15 @@ const tabs = computed<TabItem[]>(() => {
       label: t("tabs.transcription"),
       icon: "message-circle",
     },
-    {
-      value: VERBATIM_TAB,
-      label: t("tabs.verbatim"),
-      icon: "file-text",
-    },
+    ...(props.showVerbatim
+      ? [
+          {
+            value: VERBATIM_TAB,
+            label: t("tabs.verbatim"),
+            icon: "file-text",
+          },
+        ]
+      : []),
     ...services.map<TabItem>((service) => ({
       value: service.id,
       label: service.label.value,
@@ -44,7 +54,10 @@ function onSelect(value: string): void {
 </script>
 
 <template>
+  <!-- Nothing to switch between with a single tab (e.g. a live session with
+       verbatim hidden and no summaries) — no point showing the bar. -->
   <Tabs
+    v-if="tabs.length > 1"
     :tabs="tabs"
     :model-value="modelValue"
     @update:model-value="onSelect" />

package/src/components/TranscriptUI.vue

@@ -12,10 +12,15 @@ const props = withDefaults(
   defineProps<{
     locale?: string
     noHeader?: boolean
+    // Hides the Verbatim tab (and the tab bar entirely once that's the only
+    // tab left — see TabBar.vue) — a live session has no finished verbatim
+    // to show, see SessionLiveNG.vue.
+    noVerbatim?: boolean
   }>(),
   {
     locale: "fr",
     noHeader: false,
+    noVerbatim: false,
   },
 )
 
@@ -48,7 +53,8 @@ defineExpose({ core })
   <div class="transcript-ui-root">
     <Layout
       v-if="core.channels.size"
-      :show-header="!props.noHeader" />
+      :show-header="!props.noHeader"
+      :show-verbatim="!props.noVerbatim" />
     <EditorErrorOverlay v-if="error" :message="error" />
     <EditorLoadingOverlay v-else-if="isLoading" />
   </div>