@agent-native/core 0.79.25 → 0.79.27

package/corpus/templates/clips/app/i18n/es-ES.ts

@@ -20,6 +20,24 @@ const messages = {
       "Abre de nuevo la extensión de Clips para empezar a grabar.",
     gotIt: "Entendido",
   },
+  builderCredits: {
+    pausedTitle: "Créditos de Builder.io en pausa",
+    transcriptionDescription:
+      "Actualiza Builder.io para reanudar la transcripción de respaldo. Las transcripciones nativas existentes seguirán visibles.",
+    cleanupDescription:
+      "Actualiza Builder.io para reanudar la limpieza de transcripciones, los resúmenes y los títulos con IA. Se conservó la transcripción nativa.",
+    settingsDescription:
+      "Actualiza Builder.io para reanudar la transcripción de respaldo, la limpieza de transcripciones, los resúmenes y los títulos con IA. Las transcripciones nativas existentes seguirán visibles.",
+    titleDescription:
+      "La generación de títulos con IA está en pausa. Tu transcripción sigue funcionando.",
+    upgrade: "Actualizar Builder.io",
+    retryAfterUpgrade: "Reintentar tras actualizar",
+    openAiSetup: "Configuración de IA",
+    featureBackupTranscription: "Transcripción de respaldo",
+    featureCleanup: "Limpieza de transcripción",
+    featureSummaries: "Resúmenes",
+    featureTitles: "Títulos con IA",
+  },
   recorder: {
     cameraBlurTitle: "Desenfocar fondo",
     cameraBlurDescription: "Mantente nítido y desenfoca lo que hay detrás",
@@ -339,6 +357,13 @@ const messages = {
       "No captamos ningún discurso en esta grabación. Si eso fue intencional, ya está todo listo. De lo contrario, verifique sus permisos de micrófono y voz y luego vuelva a intentar la transcripción.",
     retry: "Rever",
     transcriptUnavailable: "Transcripción no disponible: {{reason}}",
+    transcriptUnavailableTitle: "Transcripción no disponible",
+    providerNeedsAttention: "El proveedor requiere atención",
+    providerNeedsAttentionDescription:
+      "El proveedor actual pausó esta solicitud. Cambia a Builder.io o actualiza la clave y vuelve a intentarlo.",
+    enableTranscriptionTitle: "Activar transcripción",
+    enableTranscriptionDescription:
+      "Activa subtítulos, búsqueda en la transcripción y resúmenes para este Clip.",
     searchPlaceholder: "Transcripción de búsqueda",
     copyTranscript: "Copiar transcripción",
     downloadSrt: "Descargar .srt",

package/corpus/templates/clips/app/i18n/fr-FR.ts

@@ -20,6 +20,24 @@ const messages = {
       "Ouvrez à nouveau l’extension Clips pour commencer l’enregistrement.",
     gotIt: "Compris",
   },
+  builderCredits: {
+    pausedTitle: "Crédits Builder.io en pause",
+    transcriptionDescription:
+      "Mettez Builder.io à niveau pour reprendre la transcription de secours. Les transcriptions natives existantes restent visibles.",
+    cleanupDescription:
+      "Mettez Builder.io à niveau pour reprendre le nettoyage des transcriptions, les résumés et les titres IA. La transcription native a été conservée.",
+    settingsDescription:
+      "Mettez Builder.io à niveau pour reprendre la transcription de secours, le nettoyage des transcriptions, les résumés et les titres IA. Les transcriptions natives existantes restent visibles.",
+    titleDescription:
+      "La génération de titres IA est en pause. Votre transcription fonctionne toujours.",
+    upgrade: "Mettre Builder.io à niveau",
+    retryAfterUpgrade: "Réessayer après la mise à niveau",
+    openAiSetup: "Configuration IA",
+    featureBackupTranscription: "Transcription de secours",
+    featureCleanup: "Nettoyage de transcription",
+    featureSummaries: "Résumés",
+    featureTitles: "Titres IA",
+  },
   recorder: {
     cameraBlurTitle: "Flouter l'arrière-plan",
     cameraBlurDescription: "Restez net et floutez ce qui est derrière vous",
@@ -339,6 +357,13 @@ const messages = {
       "Nous n'avons capté aucun discours dans cet enregistrement. Si c’était intentionnel, vous êtes prêt. Sinon, vérifiez vos autorisations de microphone et de parole, puis réessayez la transcription.",
     retry: "Réessayer",
     transcriptUnavailable: "Transcription indisponible : {{reason}}",
+    transcriptUnavailableTitle: "Transcription indisponible",
+    providerNeedsAttention: "Le fournisseur demande une action",
+    providerNeedsAttentionDescription:
+      "Le fournisseur actuel a mis cette demande en pause. Passez à Builder.io ou mettez la clé à jour, puis réessayez.",
+    enableTranscriptionTitle: "Activer la transcription",
+    enableTranscriptionDescription:
+      "Activez les sous-titres, la recherche dans la transcription et les résumés pour ce Clip.",
     searchPlaceholder: "Rechercher la transcription",
     copyTranscript: "Copier la transcription",
     downloadSrt: "Télécharger .srt",

package/corpus/templates/clips/app/i18n/hi-IN.ts

@@ -20,6 +20,24 @@ const messages = {
       "रिकॉर्डिंग शुरू करने के लिए Clips एक्सटेंशन फिर से खोलें।",
     gotIt: "समझ गया",
   },
+  builderCredits: {
+    pausedTitle: "Builder.io क्रेडिट रुके हुए हैं",
+    transcriptionDescription:
+      "बैकअप ट्रांसक्रिप्शन फिर शुरू करने के लिए Builder.io अपग्रेड करें। मौजूदा नेटिव ट्रांसक्रिप्ट दिखाई देते रहेंगे।",
+    cleanupDescription:
+      "ट्रांसक्रिप्ट क्लीनअप, सारांश और AI शीर्षक फिर शुरू करने के लिए Builder.io अपग्रेड करें। नेटिव ट्रांसक्रिप्ट सुरक्षित रखा गया।",
+    settingsDescription:
+      "बैकअप ट्रांसक्रिप्शन, ट्रांसक्रिप्ट क्लीनअप, सारांश और AI शीर्षक फिर शुरू करने के लिए Builder.io अपग्रेड करें। मौजूदा नेटिव ट्रांसक्रिप्ट दिखाई देते रहेंगे।",
+    titleDescription:
+      "AI शीर्षक जनरेशन रुका हुआ है। आपका ट्रांसक्रिप्ट अब भी काम करता है।",
+    upgrade: "Builder.io अपग्रेड करें",
+    retryAfterUpgrade: "अपग्रेड के बाद फिर कोशिश करें",
+    openAiSetup: "AI सेटअप",
+    featureBackupTranscription: "बैकअप ट्रांसक्रिप्शन",
+    featureCleanup: "ट्रांसक्रिप्ट क्लीनअप",
+    featureSummaries: "सारांश",
+    featureTitles: "AI शीर्षक",
+  },
   recorder: {
     cameraBlurTitle: "बैकग्राउंड धुंधला करें",
     cameraBlurDescription: "खुद को साफ रखें और पीछे की चीज़ें धुंधली करें",
@@ -326,6 +344,13 @@ const messages = {
       "इस रिकॉर्डिंग में हमें कोई भाषण नहीं मिला. यदि यह जानबूझकर किया गया था, तो आप पूरी तरह तैयार हैं। यदि नहीं, तो अपने माइक्रोफ़ोन और भाषण अनुमतियों की जाँच करें, फिर प्रतिलेखन का पुनः प्रयास करें।",
     retry: "पुन: प्रयास करें",
     transcriptUnavailable: "प्रतिलेख अनुपलब्ध: {{reason}}",
+    transcriptUnavailableTitle: "ट्रांसक्रिप्ट उपलब्ध नहीं है",
+    providerNeedsAttention: "प्रदाता पर ध्यान चाहिए",
+    providerNeedsAttentionDescription:
+      "मौजूदा प्रदाता ने यह अनुरोध रोक दिया है। Builder.io पर जाएँ या कुंजी अपडेट करें, फिर दोबारा कोशिश करें।",
+    enableTranscriptionTitle: "ट्रांसक्रिप्शन चालू करें",
+    enableTranscriptionDescription:
+      "इस Clip के लिए कैप्शन, ट्रांसक्रिप्ट खोज और सारांश चालू करें।",
     searchPlaceholder: "प्रतिलेख खोजें",
     copyTranscript: "प्रतिलेख कॉपी करें",
     downloadSrt: "डाउनलोड .srt",

package/corpus/templates/clips/app/i18n/ja-JP.ts

@@ -20,6 +20,24 @@ const messages = {
       "録画を開始するには Clips 拡張機能をもう一度開いてください。",
     gotIt: "了解",
   },
+  builderCredits: {
+    pausedTitle: "Builder.io クレジットは一時停止中",
+    transcriptionDescription:
+      "バックアップ文字起こしを再開するには Builder.io をアップグレードしてください。既存のネイティブ文字起こしは表示されたままです。",
+    cleanupDescription:
+      "文字起こしのクリーンアップ、要約、AI タイトルを再開するには Builder.io をアップグレードしてください。ネイティブ文字起こしは保持されました。",
+    settingsDescription:
+      "バックアップ文字起こし、文字起こしのクリーンアップ、要約、AI タイトルを再開するには Builder.io をアップグレードしてください。既存のネイティブ文字起こしは表示されたままです。",
+    titleDescription:
+      "AI タイトル生成は一時停止中です。文字起こしは引き続き使えます。",
+    upgrade: "Builder.io をアップグレード",
+    retryAfterUpgrade: "アップグレード後に再試行",
+    openAiSetup: "AI 設定",
+    featureBackupTranscription: "バックアップ文字起こし",
+    featureCleanup: "文字起こしクリーンアップ",
+    featureSummaries: "要約",
+    featureTitles: "AI タイトル",
+  },
   recorder: {
     cameraBlurTitle: "背景をぼかす",
     cameraBlurDescription: "自分はくっきり、背景はぼかします",
@@ -336,6 +354,13 @@ const messages = {
       "この録音ではスピーチは聞き取れませんでした。それが意図的なものであれば、準備は完了です。そうでない場合は、マイクと音声の許可を確認して、文字起こしを再試行してください。",
     retry: "リトライ",
     transcriptUnavailable: "トランスクリプトは利用できません: {{reason}}",
+    transcriptUnavailableTitle: "文字起こしを利用できません",
+    providerNeedsAttention: "プロバイダーの確認が必要です",
+    providerNeedsAttentionDescription:
+      "現在のプロバイダーがこのリクエストを一時停止しました。Builder.io に切り替えるかキーを更新してから再試行してください。",
+    enableTranscriptionTitle: "文字起こしを有効にする",
+    enableTranscriptionDescription:
+      "この Clip のキャプション、文字起こし検索、要約を有効にします。",
     searchPlaceholder: "トランスクリプトの検索",
     copyTranscript: "トランスクリプトをコピーする",
     downloadSrt: ".srtをダウンロード",

package/corpus/templates/clips/app/i18n/ko-KR.ts

@@ -20,6 +20,24 @@ const messages = {
       "녹화를 시작하려면 Clips 확장 프로그램을 다시 여세요.",
     gotIt: "확인",
   },
+  builderCredits: {
+    pausedTitle: "Builder.io 크레딧이 일시 중지됨",
+    transcriptionDescription:
+      "백업 전사를 다시 사용하려면 Builder.io를 업그레이드하세요. 기존 네이티브 전사는 계속 표시됩니다.",
+    cleanupDescription:
+      "전사 정리, 요약, AI 제목을 다시 사용하려면 Builder.io를 업그레이드하세요. 네이티브 전사는 유지되었습니다.",
+    settingsDescription:
+      "백업 전사, 전사 정리, 요약, AI 제목을 다시 사용하려면 Builder.io를 업그레이드하세요. 기존 네이티브 전사는 계속 표시됩니다.",
+    titleDescription:
+      "AI 제목 생성이 일시 중지되었습니다. 전사는 계속 사용할 수 있습니다.",
+    upgrade: "Builder.io 업그레이드",
+    retryAfterUpgrade: "업그레이드 후 다시 시도",
+    openAiSetup: "AI 설정",
+    featureBackupTranscription: "백업 전사",
+    featureCleanup: "전사 정리",
+    featureSummaries: "요약",
+    featureTitles: "AI 제목",
+  },
   recorder: {
     cameraBlurTitle: "배경 흐리게",
     cameraBlurDescription: "나는 선명하게, 뒤쪽 배경은 흐리게 유지합니다",
@@ -331,6 +349,13 @@ const messages = {
       "이번 녹음에서 우리는 어떤 연설도 듣지 못했습니다. 의도적인 것이라면 모든 준비가 완료된 것입니다. 그렇지 않은 경우 마이크 및 음성 권한을 확인한 다음 텍스트 변환을 다시 시도하세요.",
     retry: "다시 해 보다",
     transcriptUnavailable: "스크립트를 사용할 수 없음: {{reason}}",
+    transcriptUnavailableTitle: "전사를 사용할 수 없음",
+    providerNeedsAttention: "공급자 확인 필요",
+    providerNeedsAttentionDescription:
+      "현재 공급자가 이 요청을 일시 중지했습니다. Builder.io로 전환하거나 키를 업데이트한 뒤 다시 시도하세요.",
+    enableTranscriptionTitle: "전사 사용",
+    enableTranscriptionDescription:
+      "이 Clip의 캡션, 전사 검색, 요약을 사용합니다.",
     searchPlaceholder: "성적표 검색",
     copyTranscript: "성적표 복사",
     downloadSrt: ".srt 다운로드",

package/corpus/templates/clips/app/i18n/pt-BR.ts

@@ -20,6 +20,24 @@ const messages = {
       "Abra a extensão Clips novamente para começar a gravar.",
     gotIt: "Entendi",
   },
+  builderCredits: {
+    pausedTitle: "Créditos do Builder.io pausados",
+    transcriptionDescription:
+      "Faça upgrade do Builder.io para retomar a transcrição de backup. As transcrições nativas existentes continuam visíveis.",
+    cleanupDescription:
+      "Faça upgrade do Builder.io para retomar a limpeza da transcrição, os resumos e os títulos com IA. A transcrição nativa foi mantida.",
+    settingsDescription:
+      "Faça upgrade do Builder.io para retomar a transcrição de backup, a limpeza da transcrição, os resumos e os títulos com IA. As transcrições nativas existentes continuam visíveis.",
+    titleDescription:
+      "A geração de títulos com IA está pausada. Sua transcrição continua funcionando.",
+    upgrade: "Fazer upgrade do Builder.io",
+    retryAfterUpgrade: "Tentar novamente após o upgrade",
+    openAiSetup: "Configuração de IA",
+    featureBackupTranscription: "Transcrição de backup",
+    featureCleanup: "Limpeza da transcrição",
+    featureSummaries: "Resumos",
+    featureTitles: "Títulos com IA",
+  },
   recorder: {
     cameraBlurTitle: "Desfocar fundo",
     cameraBlurDescription: "Mantenha-se nítido e desfoque o que está atrás",
@@ -337,6 +355,13 @@ const messages = {
       "Não captamos nenhuma fala nesta gravação. Se isso foi intencional, está tudo pronto. Caso contrário, verifique o microfone e as permissões de fala e tente novamente a transcrição.",
     retry: "Tentar novamente",
     transcriptUnavailable: "Transcrição indisponível: {{reason}}",
+    transcriptUnavailableTitle: "Transcrição indisponível",
+    providerNeedsAttention: "O provedor precisa de atenção",
+    providerNeedsAttentionDescription:
+      "O provedor atual pausou esta solicitação. Mude para Builder.io ou atualize a chave e tente novamente.",
+    enableTranscriptionTitle: "Ativar transcrição",
+    enableTranscriptionDescription:
+      "Ative legendas, busca na transcrição e resumos para este Clip.",
     searchPlaceholder: "Transcrição da pesquisa",
     copyTranscript: "Copiar transcrição",
     downloadSrt: "Baixe .srt",

package/corpus/templates/clips/app/i18n/zh-CN.ts

@@ -19,6 +19,23 @@ const messages = {
     extensionSignedInDescription: "再次打开 Clips 扩展即可开始录制。",
     gotIt: "知道了",
   },
+  builderCredits: {
+    pausedTitle: "Builder.io 额度已暂停",
+    transcriptionDescription:
+      "升级 Builder.io 即可恢复备份转录。现有的原生转录仍会显示。",
+    cleanupDescription:
+      "升级 Builder.io 即可恢复转录清理、摘要和 AI 标题。原生转录已保留。",
+    settingsDescription:
+      "升级 Builder.io 即可恢复备份转录、转录清理、摘要和 AI 标题。现有的原生转录仍会显示。",
+    titleDescription: "AI 标题生成已暂停。你的转录仍可使用。",
+    upgrade: "升级 Builder.io",
+    retryAfterUpgrade: "升级后重试",
+    openAiSetup: "AI 设置",
+    featureBackupTranscription: "备份转录",
+    featureCleanup: "转录清理",
+    featureSummaries: "摘要",
+    featureTitles: "AI 标题",
+  },
   recorder: {
     cameraBlurTitle: "虚化背景",
     cameraBlurDescription: "让你保持清晰，同时虚化身后的内容",
@@ -318,6 +335,12 @@ const messages = {
       "我们在这段录音中没有听到任何讲话。如果这是故意的，那么一切都准备好了。如果没有，请检查您的麦克风和语音权限，然后重试转录。",
     retry: "重试",
     transcriptUnavailable: "成绩单不可用：{{reason}}",
+    transcriptUnavailableTitle: "转录不可用",
+    providerNeedsAttention: "提供商需要处理",
+    providerNeedsAttentionDescription:
+      "当前提供商已暂停此请求。切换到 Builder.io 或更新密钥，然后重试。",
+    enableTranscriptionTitle: "启用转录",
+    enableTranscriptionDescription: "为此 Clip 启用字幕、转录搜索和摘要。",
     searchPlaceholder: "搜索成绩单",
     copyTranscript: "复制成绩单",
     downloadSrt: "下载.srt",

package/corpus/templates/clips/app/i18n/zh-TW.ts

@@ -19,6 +19,23 @@ const messages = {
     extensionSignedInDescription: "再次開啟 Clips 擴充功能即可開始錄製。",
     gotIt: "知道了",
   },
+  builderCredits: {
+    pausedTitle: "Builder.io 額度已暫停",
+    transcriptionDescription:
+      "升級 Builder.io 即可恢復備份轉錄。現有的原生轉錄仍會顯示。",
+    cleanupDescription:
+      "升級 Builder.io 即可恢復轉錄清理、摘要和 AI 標題。原生轉錄已保留。",
+    settingsDescription:
+      "升級 Builder.io 即可恢復備份轉錄、轉錄清理、摘要和 AI 標題。現有的原生轉錄仍會顯示。",
+    titleDescription: "AI 標題生成已暫停。你的轉錄仍可使用。",
+    upgrade: "升級 Builder.io",
+    retryAfterUpgrade: "升級後重試",
+    openAiSetup: "AI 設定",
+    featureBackupTranscription: "備份轉錄",
+    featureCleanup: "轉錄清理",
+    featureSummaries: "摘要",
+    featureTitles: "AI 標題",
+  },
   recorder: {
     cameraBlurTitle: "虛化背景",
     cameraBlurDescription: "讓你保持清晰，同時虛化身後的內容",
@@ -318,6 +335,12 @@ const messages = {
       "我們在這段錄製中沒有聽到任何講話。如果這是預期狀況，就不需要其他操作；如果不是，請檢查您的麥克風和語音權限，然後重試轉錄。",
     retry: "重試",
     transcriptUnavailable: "逐字稿不可用：{{reason}}",
+    transcriptUnavailableTitle: "轉錄無法使用",
+    providerNeedsAttention: "提供者需要處理",
+    providerNeedsAttentionDescription:
+      "目前提供者已暫停此請求。切換到 Builder.io 或更新金鑰，然後重試。",
+    enableTranscriptionTitle: "啟用轉錄",
+    enableTranscriptionDescription: "為此 Clip 啟用字幕、轉錄搜尋和摘要。",
     searchPlaceholder: "搜尋逐字稿",
     copyTranscript: "複製逐字稿",
     downloadSrt: "下載 .srt",

package/corpus/templates/clips/app/routes/_app.settings._index.tsx

@@ -12,8 +12,13 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
+import {
+  BUILDER_CREDITS_UPGRADE_URL,
+  type BuilderCreditsStatus,
+} from "@shared/builder-credits";
 import {
   IconBrain,
+  IconBolt,
   IconBrandSlack,
   IconCheck,
   IconChevronDown,
@@ -73,6 +78,13 @@ export function meta() {
 
 const SPEEDS = ["1", "1.2", "1.5", "1.75", "2"];
 
+const BUILDER_CREDITS_FEATURE_LABELS = [
+  "builderCredits.featureBackupTranscription",
+  "builderCredits.featureCleanup",
+  "builderCredits.featureSummaries",
+  "builderCredits.featureTitles",
+] as const;
+
 const S3_STORAGE_FIELDS = [
   {
     key: "S3_ENDPOINT",
@@ -369,6 +381,11 @@ export default function SettingsIndexRoute() {
     undefined,
     { retry: false },
   );
+  const builderCreditStatus = useActionQuery<BuilderCreditsStatus>(
+    "get-builder-credit-status",
+    undefined,
+    { retry: false },
+  );
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
   const [savingStorage, setSavingStorage] = useState(false);
@@ -588,6 +605,9 @@ export default function SettingsIndexRoute() {
   const slackSigningConfigured = slackStatus.data?.signingConfigured ?? false;
   const slackConnected = slackInstallations.length > 0;
   const localizedChangelog = t("settings.changelogMarkdown");
+  const builderCreditsPaused = builderCreditStatus.data?.exhausted === true;
+  const builderCreditsUpgradeUrl =
+    builderCreditStatus.data?.upgradeUrl ?? BUILDER_CREDITS_UPGRADE_URL;
 
   return (
     <>
@@ -987,6 +1007,55 @@ export default function SettingsIndexRoute() {
                     )}
                   </div>
 
+                  {builderCreditsPaused ? (
+                    <div className="rounded-md border border-amber-300/70 bg-amber-50/80 p-3 text-amber-950 shadow-sm dark:border-amber-400/30 dark:bg-amber-950/25 dark:text-amber-100">
+                      <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+                        <div className="min-w-0 flex-1">
+                          <div className="flex items-center gap-2 text-sm font-semibold">
+                            <span className="rounded-md bg-amber-100 p-1 dark:bg-amber-400/15">
+                              <IconBolt className="h-4 w-4 text-amber-700 dark:text-amber-200" />
+                            </span>
+                            {t("builderCredits.pausedTitle")}
+                          </div>
+                          <p className="mt-1.5 text-xs leading-relaxed text-amber-900/80 dark:text-amber-100/80">
+                            {t("builderCredits.settingsDescription")}
+                          </p>
+                          <div className="mt-2 flex flex-wrap gap-1.5">
+                            {BUILDER_CREDITS_FEATURE_LABELS.map((key) => (
+                              <span
+                                key={key}
+                                className="rounded-full border border-amber-300/70 bg-white/70 px-2 py-0.5 text-[11px] font-medium text-amber-900 dark:border-amber-400/30 dark:bg-amber-950/30 dark:text-amber-100"
+                              >
+                                {t(key)}
+                              </span>
+                            ))}
+                          </div>
+                        </div>
+                        <div className="flex shrink-0 flex-wrap gap-2">
+                          <Button asChild size="sm" className="h-8">
+                            <a
+                              href={builderCreditsUpgradeUrl}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                            >
+                              <IconExternalLink className="h-4 w-4" />
+                              {t("builderCredits.upgrade")}
+                            </a>
+                          </Button>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="sm"
+                            className="h-8 border-amber-300/80 bg-white/70 text-amber-950 hover:bg-amber-100 dark:border-amber-400/40 dark:bg-amber-950/30 dark:text-amber-100 dark:hover:bg-amber-900/40"
+                            onClick={() => setApiKeysExpanded(true)}
+                          >
+                            {t("builderCredits.openAiSetup")}
+                          </Button>
+                        </div>
+                      </div>
+                    </div>
+                  ) : null}
+
                   <Collapsible
                     open={apiKeysExpanded}
                     onOpenChange={setApiKeysExpanded}

package/corpus/templates/clips/app/routes/r.$recordingId.tsx

@@ -9,6 +9,10 @@ import {
   useChangeVersions,
   useT,
 } from "@agent-native/core/client";
+import {
+  BUILDER_CREDITS_UPGRADE_URL,
+  type BuilderCreditsStatus,
+} from "@shared/builder-credits";
 import {
   isLoomEmbedBackedRecording,
   isLoomRecordingSource,
@@ -24,6 +28,7 @@ import {
   IconClipboardCopy,
   IconFileText,
   IconSparkles,
+  IconExternalLink,
   IconLayoutSidebarRightExpand,
 } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
@@ -271,8 +276,19 @@ export default function RecordingPage() {
   const transcriptFailureReason = playerDataQ.data?.transcript?.failureReason;
   const transcriptCleanup = playerDataQ.data?.transcript?.cleanup ?? null;
   const ctas = playerDataQ.data?.ctas ?? [];
+  const canEdit = role === "owner" || role === "admin" || role === "editor";
+  const builderCredits =
+    (playerDataQ.data?.builderCredits as BuilderCreditsStatus | null) ?? null;
+  const titleGenerationPaused = Boolean(
+    canEdit &&
+    builderCredits?.exhausted === true &&
+    recording &&
+    isDefaultTitle(recording.title),
+  );
   const showTitleSkeleton = recording
-    ? shouldShowGeneratedTitleSkeleton(recording, transcriptStatus)
+    ? shouldShowGeneratedTitleSkeleton(recording, transcriptStatus, {
+        titleGenerationPaused,
+      })
     : false;
   const visibleTitle = recording
     ? displayRecordingTitle(recording.title)
@@ -302,7 +318,6 @@ export default function RecordingPage() {
       ? generatedWorkflowQ.data
       : null;
 
-  const canEdit = role === "owner" || role === "admin" || role === "editor";
   const isLoomEmbedBacked = isLoomEmbedBackedRecording(recording);
   const isLoomRecording = isLoomRecordingSource(recording);
   const canUseNativeEditor = canEdit && !isLoomEmbedBacked;
@@ -408,6 +423,10 @@ export default function RecordingPage() {
     onSuccess: (result: any) => {
       if (result?.updated) {
         toast.success(t("recordingPage.titleUpdated"));
+      } else if (result?.reason === "builder_credits_paused") {
+        toast.message(t("builderCredits.pausedTitle"), {
+          description: t("builderCredits.titleDescription"),
+        });
       } else if (result?.skipped) {
         toast.message(t("recordingPage.transcriptNotReady"), {
           description: t("recordingPage.tryAfterTranscription"),
@@ -882,6 +901,9 @@ export default function RecordingPage() {
                 <> · {capitalize(recording.visibility)}</>
               ) : null}
             </p>
+            {titleGenerationPaused ? (
+              <BuilderCreditsTitleNotice className="mt-2" />
+            ) : null}
           </div>
 
           {canUseNativeEditor ? (
@@ -1328,7 +1350,9 @@ function sanitizeFilename(name: string): string {
 function shouldShowGeneratedTitleSkeleton(
   recording: { title: string | null | undefined; createdAt?: string | null },
   transcriptStatus?: string,
+  options: { titleGenerationPaused?: boolean } = {},
 ): boolean {
+  if (options.titleGenerationPaused) return false;
   if (!isDefaultTitle(recording.title)) return false;
   if (transcriptStatus === "failed") return false;
 
@@ -1343,3 +1367,29 @@ function shouldShowGeneratedTitleSkeleton(
 
   return true;
 }
+
+function BuilderCreditsTitleNotice({ className }: { className?: string }) {
+  const t = useT();
+  return (
+    <div
+      className={cn(
+        "inline-flex max-w-full items-center gap-2 rounded-md border border-amber-300/70 bg-amber-50/80 px-2 py-1 text-[11px] leading-4 text-amber-950 shadow-sm dark:border-amber-400/30 dark:bg-amber-950/25 dark:text-amber-100",
+        className,
+      )}
+    >
+      <IconSparkles className="h-3.5 w-3.5 shrink-0 text-amber-700 dark:text-amber-200" />
+      <span className="min-w-0 truncate">
+        {t("builderCredits.titleDescription")}
+      </span>
+      <a
+        href={BUILDER_CREDITS_UPGRADE_URL}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="inline-flex shrink-0 items-center gap-1 font-medium underline-offset-2 hover:underline"
+      >
+        {t("builderCredits.upgrade")}
+        <IconExternalLink className="h-3 w-3" />
+      </a>
+    </div>
+  );
+}

package/corpus/templates/clips/app/routes/record.tsx

@@ -7,6 +7,7 @@ import {
 } from "@agent-native/core/client";
 import { useLiveTranscription } from "@agent-native/core/client/transcription/use-live-transcription";
 import type { BrowserDiagnosticsData } from "@shared/browser-diagnostics";
+import { chunkUploadUrl } from "@shared/recording-core";
 import {
   IconAlertTriangle,
   IconArrowLeft,
@@ -1320,10 +1321,22 @@ export default function RecordRoute() {
           URL.revokeObjectURL(url);
         };
         video.onloadedmetadata = () => {
+          const durationMs =
+            Number.isFinite(video.duration) && video.duration > 0
+              ? Math.round(video.duration * 1000)
+              : 0;
+          const width =
+            Number.isFinite(video.videoWidth) && video.videoWidth > 0
+              ? Math.round(video.videoWidth)
+              : 0;
+          const height =
+            Number.isFinite(video.videoHeight) && video.videoHeight > 0
+              ? Math.round(video.videoHeight)
+              : 0;
           resolve({
-            durationMs: Math.round((video.duration || 0) * 1000),
-            width: video.videoWidth || 0,
-            height: video.videoHeight || 0,
+            durationMs,
+            width,
+            height,
           });
           cleanup();
         };
@@ -1527,20 +1540,18 @@ export default function RecordRoute() {
           const end = Math.min(start + UPLOAD_CHUNK_BYTES, uploadBlob.size);
           const slice = uploadBlob.slice(start, end, uploadMimeType);
           const isFinal = i === totalChunks - 1;
-          const params = new URLSearchParams({
-            index: String(i),
-            total: String(totalChunks),
-            isFinal: isFinal ? "1" : "0",
+          const chunkUrl = chunkUploadUrl(uploadBase, {
+            index: i,
+            total: totalChunks,
+            isFinal,
             mimeType: uploadMimeType,
+            durationMs: isFinal ? meta.durationMs : undefined,
+            width: isFinal ? meta.width : undefined,
+            height: isFinal ? meta.height : undefined,
+            hasAudio: isFinal ? true : undefined,
+            hasCamera: isFinal ? false : undefined,
           });
-          if (isFinal) {
-            params.set("durationMs", String(meta.durationMs));
-            params.set("width", String(meta.width));
-            params.set("height", String(meta.height));
-            params.set("hasAudio", "1");
-            params.set("hasCamera", "0");
-          }
-          const chunkRes = await fetch(`${uploadBase}?${params.toString()}`, {
+          const chunkRes = await fetch(chunkUrl, {
             method: "POST",
             headers: { "Content-Type": uploadMimeType },
             body: await slice.arrayBuffer(),

package/corpus/templates/clips/changelog/2026-06-28-builder-credit-pauses-show-friendly-upgrade-guidance.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Builder.io credit pauses now show friendly upgrade guidance for backup transcription, transcript cleanup, summaries, and AI titles.

package/corpus/templates/clips/changelog/2026-06-28-transcription-now-auto-detects-spoken-language-instead-of-following.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Transcription now auto-detects spoken language instead of following the app or system locale.

package/corpus/templates/clips/changelog/2026-06-28-video-uploads-now-finish-when-duration-metadata-is-unavailable.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Video uploads now finish even when the browser cannot read exact duration metadata.