@tangle-network/agent-app 0.45.64 → 0.45.66

package/dist/studio-react/index.js

@@ -1,6 +1,4 @@
 import {
-  CADENCES,
-  DESTINATIONS,
   IMAGE_QUALITIES,
   IMAGE_SIZE_HINT,
   IMAGE_SIZE_PATTERN,
@@ -10,15 +8,12 @@ import {
   VIDEO_DURATIONS,
   VIDEO_RESOLUTIONS,
   buildGenerationRequestBody,
-  buildPublishPackage,
   failedOptimisticGeneration,
   generationError,
   generationStatus,
   generationVaultPath,
-  isDestinationConnected,
   isGenerationType,
   isLocalGeneration,
-  isPublishPackage,
   latestBatchOf,
   mergeLiveGeneration,
   mergeLoaderAndLive,
@@ -30,7 +25,7 @@ import {
   relativeTime,
   selectedModelsWithDefaults,
   userSafeGenerationMessage
-} from "../chunk-HSBJB46C.js";
+} from "../chunk-E2CWFUUP.js";
 import {
   ProviderLogo
 } from "../chunk-MLG6XKPV.js";
@@ -38,7 +33,7 @@ import {
 // src/studio-react/studio-workspace.tsx
 import { useRef as useRef3, useState as useState3 } from "react";
 import { useSearchParams } from "react-router";
-import { Button as Button6 } from "@tangle-network/sandbox-ui/primitives";
+import { Button as Button5 } from "@tangle-network/sandbox-ui/primitives";
 import { Images as Images2 } from "lucide-react";
 
 // src/studio-react/use-studio-generations.ts
@@ -98,20 +93,18 @@ function useStudioGenerations(loaderGenerations, options = {}) {
 }
 
 // src/studio-react/composer-hero.tsx
-import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import {
-  Badge as Badge2,
-  Button as Button2,
-  Input as Input7,
+  Button,
+  Input as Input4,
   Label as Label2,
-  Textarea as Textarea2,
+  Textarea,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
 } from "@tangle-network/sandbox-ui/primitives";
-import { useIntegrations } from "@tangle-network/sandbox-ui/integrations";
 import { Sparkles } from "lucide-react";
 
 // src/studio-react/type-config.ts
@@ -264,170 +257,9 @@ function SpeechComposer({
   return /* @__PURE__ */ jsx4(Field, { label: "Voice", children: /* @__PURE__ */ jsx4(Input3, { value: voice, onChange: (event) => onVoiceChange(event.target.value), className: "bg-background" }) });
 }
 
-// src/studio-react/avatar-composer.tsx
-import { Input as Input4 } from "@tangle-network/sandbox-ui/primitives";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function AvatarComposer({
-  audioUrl,
-  imageUrl,
-  avatarId,
-  onAudioUrlChange,
-  onImageUrlChange,
-  onAvatarIdChange
-}) {
-  return /* @__PURE__ */ jsxs4("div", { className: "mt-4 grid gap-3 sm:grid-cols-2", children: [
-    /* @__PURE__ */ jsx5(Field, { label: "Audio URL", htmlFor: "studio-audio-url", children: /* @__PURE__ */ jsx5(
-      Input4,
-      {
-        id: "studio-audio-url",
-        value: audioUrl,
-        onChange: (event) => onAudioUrlChange(event.target.value),
-        placeholder: "https://cdn.example.com/source-audio.mp3",
-        className: "bg-background"
-      }
-    ) }),
-    /* @__PURE__ */ jsx5(Field, { label: "Image URL", htmlFor: "studio-avatar-image-url", children: /* @__PURE__ */ jsx5(
-      Input4,
-      {
-        id: "studio-avatar-image-url",
-        value: imageUrl,
-        onChange: (event) => onImageUrlChange(event.target.value),
-        placeholder: "https://cdn.example.com/portrait.png",
-        className: "bg-background"
-      }
-    ) }),
-    /* @__PURE__ */ jsx5(Field, { label: "Avatar ID", htmlFor: "studio-avatar-id", children: /* @__PURE__ */ jsx5(
-      Input4,
-      {
-        id: "studio-avatar-id",
-        value: avatarId,
-        onChange: (event) => onAvatarIdChange(event.target.value),
-        placeholder: "Optional provider avatar id",
-        className: "bg-background"
-      }
-    ) })
-  ] });
-}
-
-// src/studio-react/transcription-composer.tsx
-import { Input as Input5 } from "@tangle-network/sandbox-ui/primitives";
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function TranscriptionComposer({
-  audioUrl,
-  language,
-  onAudioUrlChange,
-  onLanguageChange
-}) {
-  return /* @__PURE__ */ jsxs5("div", { className: "mt-4 grid gap-3 sm:grid-cols-2", children: [
-    /* @__PURE__ */ jsx6(Field, { label: "Audio URL", htmlFor: "studio-audio-url", children: /* @__PURE__ */ jsx6(
-      Input5,
-      {
-        id: "studio-audio-url",
-        value: audioUrl,
-        onChange: (event) => onAudioUrlChange(event.target.value),
-        placeholder: "https://cdn.example.com/source-audio.mp3",
-        className: "bg-background"
-      }
-    ) }),
-    /* @__PURE__ */ jsx6(Field, { label: "Language", htmlFor: "studio-transcription-language", children: /* @__PURE__ */ jsx6(
-      Input5,
-      {
-        id: "studio-transcription-language",
-        value: language,
-        onChange: (event) => onLanguageChange(event.target.value),
-        placeholder: "en",
-        className: "bg-background"
-      }
-    ) })
-  ] });
-}
-function TranscriptionOptions({
-  responseFormat,
-  temperature,
-  onResponseFormatChange,
-  onTemperatureChange
-}) {
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx6(Field, { label: "Response format", children: /* @__PURE__ */ jsxs5(NativeSelect, { value: responseFormat, onChange: (event) => onResponseFormatChange(event.target.value), children: [
-      /* @__PURE__ */ jsx6("option", { value: "json", children: "JSON" }),
-      /* @__PURE__ */ jsx6("option", { value: "text", children: "Text" }),
-      /* @__PURE__ */ jsx6("option", { value: "srt", children: "SRT" }),
-      /* @__PURE__ */ jsx6("option", { value: "verbose_json", children: "Verbose JSON" }),
-      /* @__PURE__ */ jsx6("option", { value: "vtt", children: "VTT" })
-    ] }) }),
-    /* @__PURE__ */ jsx6(Field, { label: "Temperature", children: /* @__PURE__ */ jsx6(Input5, { type: "number", min: "0", max: "1", step: "0.1", value: temperature, onChange: (event) => onTemperatureChange(event.target.value), className: "bg-background" }) })
-  ] });
-}
-
-// src/studio-react/publish-package-composer.tsx
-import { Link } from "react-router";
-import { Badge, Button, Input as Input6, Textarea } from "@tangle-network/sandbox-ui/primitives";
-import { ProviderIcon } from "@tangle-network/sandbox-ui/integrations";
-import { AlertTriangle, Check } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function PublishPackageComposer({
-  caption,
-  postDescription,
-  mentions,
-  cadence,
-  selectedDestinations,
-  connections,
-  connectionError,
-  connectionsLoading,
-  integrationsHref,
-  canManageIntegrations,
-  onCaptionChange,
-  onDescriptionChange,
-  onMentionsChange,
-  onCadenceChange,
-  onDestinationToggle
-}) {
-  return /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
-      connectionError ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-md border border-warning/25 bg-warning/10 px-2.5 py-1.5 text-xs text-warning", children: [
-        /* @__PURE__ */ jsx7(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
-        "Couldn't load connected apps. Check Integrations."
-      ] }) : /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: connectionsLoading ? "Checking connected apps\u2026" : "Saved with the generated asset." }),
-      integrationsHref && canManageIntegrations && /* @__PURE__ */ jsx7(Link, { to: integrationsHref, prefetch: "intent", className: "shrink-0", children: /* @__PURE__ */ jsx7(Button, { variant: "outline", size: "sm", children: "Connect" }) })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "grid gap-2", children: DESTINATIONS.map((destination) => {
-      const connected = isDestinationConnected(destination, connections);
-      const active = connected && selectedDestinations.includes(destination.id);
-      return /* @__PURE__ */ jsxs6(
-        "button",
-        {
-          type: "button",
-          disabled: !connected,
-          "aria-pressed": active,
-          onClick: () => onDestinationToggle(destination.id),
-          className: `rounded-md border p-2 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-60 ${active ? "border-primary bg-primary/10 ring-1 ring-primary/20" : "border-border bg-background hover:bg-accent"}`,
-          children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1.5 text-xs font-medium text-foreground", children: [
-                active && /* @__PURE__ */ jsx7(Check, { className: "h-3.5 w-3.5 text-primary" }),
-                /* @__PURE__ */ jsx7(ProviderIcon, { id: destination.providerIds[0] ?? destination.id, displayName: destination.label, size: 16, className: "rounded" }),
-                destination.label
-              ] }),
-              /* @__PURE__ */ jsx7(Badge, { variant: active || connected ? "default" : "outline", children: active ? "Selected" : connected ? "Ready" : "Not connected" })
-            ] }),
-            /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs text-muted-foreground", children: destination.fields })
-          ]
-        },
-        destination.id
-      );
-    }) }),
-    /* @__PURE__ */ jsx7(Field, { label: "Caption", className: "space-y-2", children: /* @__PURE__ */ jsx7(Textarea, { value: caption, onChange: (event) => onCaptionChange(event.target.value), rows: 3, placeholder: "Write or generate the caption for selected destinations...", className: "bg-background" }) }),
-    /* @__PURE__ */ jsx7(Field, { label: "Description / CTA", className: "space-y-2", children: /* @__PURE__ */ jsx7(Textarea, { value: postDescription, onChange: (event) => onDescriptionChange(event.target.value), rows: 2, placeholder: "Release note, product context, link, or approval instruction...", className: "bg-background" }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsx7(Field, { label: "Mentions", className: "space-y-2", children: /* @__PURE__ */ jsx7(Input6, { value: mentions, onChange: (event) => onMentionsChange(event.target.value), placeholder: "@creator, @partner", className: "bg-background" }) }),
-      /* @__PURE__ */ jsx7(Field, { label: "Cadence", className: "space-y-2", children: /* @__PURE__ */ jsx7(NativeSelect, { value: cadence, onChange: (event) => onCadenceChange(event.target.value), children: CADENCES.map((option) => /* @__PURE__ */ jsx7("option", { value: option, children: option }, option)) }) })
-    ] })
-  ] });
-}
-
 // src/studio-react/composer-hero.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var HUB_BASE_URL = "/api/integrations/hub";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var COMPOSER_TYPES = ["image", "video", "speech"];
 var SUGGESTIONS = [
   {
     label: "Storyboard frame",
@@ -443,17 +275,10 @@ var SUGGESTIONS = [
     label: "Scratch voiceover",
     type: "speech",
     prompt: "A confident 12-second scratch voiceover for a product launch teaser: warm tone, conversational pace."
-  },
-  {
-    label: "Transcribe dailies",
-    type: "transcription",
-    prompt: "Transcribe the latest dailies recording with timestamps, speaker labels, and key story beats highlighted."
   }
 ];
 function ComposerHero({
   workspaceId,
-  integrationsHref,
-  canManageIntegrations,
   align = "start",
   surfaceClassName = "bg-card",
   onGenerated
@@ -462,11 +287,6 @@ function ComposerHero({
   const [prompt, setPrompt] = useState2("");
   const [negativePrompt, setNegativePrompt] = useState2("");
   const [outputPath, setOutputPath] = useState2(outputPathFor("image"));
-  const [caption, setCaption] = useState2("");
-  const [postDescription, setPostDescription] = useState2("");
-  const [mentions, setMentions] = useState2("");
-  const [cadence, setCadence] = useState2(CADENCES[0] ?? "Manual approval");
-  const [selectedDestinations, setSelectedDestinations] = useState2([]);
   const [size, setSize] = useState2("1536x1024");
   const [quality, setQuality] = useState2("high");
   const [imageCount, setImageCount] = useState2(1);
@@ -475,13 +295,6 @@ function ComposerHero({
   const [aspectRatio, setAspectRatio] = useState2("16:9");
   const [referenceImageUrl, setReferenceImageUrl] = useState2("");
   const [voice, setVoice] = useState2("alloy");
-  const [avatarAudioUrl, setAvatarAudioUrl] = useState2("");
-  const [avatarImageUrl, setAvatarImageUrl] = useState2("");
-  const [avatarId, setAvatarId] = useState2("");
-  const [transcriptionAudioUrl, setTranscriptionAudioUrl] = useState2("");
-  const [transcriptionLanguage, setTranscriptionLanguage] = useState2("");
-  const [transcriptionResponseFormat, setTranscriptionResponseFormat] = useState2("json");
-  const [transcriptionTemperature, setTranscriptionTemperature] = useState2("0");
   const [mediaModels, setMediaModels] = useState2(null);
   const [mediaModelsLoading, setMediaModelsLoading] = useState2(false);
   const [mediaModelsError, setMediaModelsError] = useState2(null);
@@ -493,13 +306,8 @@ function ComposerHero({
   const selectedModel = selectedModels[type] ?? preferredModelId(type, mediaModels) ?? "";
   const selectedModelOption = modelsForType.find((model) => model.id === selectedModel);
   const modelReady = Boolean(selectedModelOption) && selectedModelOption?.status !== "unavailable" && !mediaModelsLoading && !mediaModelsError;
-  const hasRequiredInput = type === "transcription" ? Boolean(transcriptionAudioUrl.trim()) : type === "avatar" ? Boolean(avatarAudioUrl.trim()) : Boolean(prompt.trim());
+  const hasRequiredInput = Boolean(prompt.trim());
   const canSubmit = Boolean(workspaceId) && modelReady && hasRequiredInput && !isSubmitting;
-  const integrations = useIntegrations({ apiBaseUrl: HUB_BASE_URL });
-  const selectedConnectedDestinations = useMemo2(() => selectedDestinations.filter((destinationId) => {
-    const destination = DESTINATIONS.find((item) => item.id === destinationId);
-    return Boolean(destination && isDestinationConnected(destination, integrations.connections));
-  }), [integrations.connections, selectedDestinations]);
   useEffect2(() => {
     if (!workspaceId) return;
     let cancelled = false;
@@ -531,28 +339,14 @@ function ComposerHero({
   async function generate() {
     if (!workspaceId || submitLockRef.current) return;
     const promptText = prompt.trim();
-    const avatarAudioUrlText = avatarAudioUrl.trim();
-    const transcriptionAudioUrlText = transcriptionAudioUrl.trim();
-    if (type !== "transcription" && type !== "avatar" && !promptText) {
+    if (!promptText) {
       setError("prompt is required");
       return;
     }
-    if (type === "avatar" && !avatarAudioUrlText) {
-      setError("audioUrl is required");
-      return;
-    }
-    if (type === "transcription" && !transcriptionAudioUrlText) {
-      setError("audioUrl is required");
-      return;
-    }
     if (!selectedModelOption || selectedModelOption.status === "unavailable") {
       setError(`Select an available ${typeConfigFor(type).label} model`);
       return;
     }
-    if (cadence === "Publish now" && selectedConnectedDestinations.length === 0) {
-      setError("Select a connected destination to publish now");
-      return;
-    }
     submitLockRef.current = true;
     setIsSubmitting(true);
     setError(null);
@@ -561,9 +355,7 @@ function ComposerHero({
     if (type === "image" && requestedImageCount !== imageCount) setImageCount(requestedImageCount);
     const localGenerations = Array.from({ length: requestedImageCount }, (_, outputIndex) => optimisticGeneration({
       type,
-      // avatar hides the prompt field (promptText is stale); transcription's is
-      // an optional vocab hint. Never surface the source audio URL as the prompt.
-      prompt: type === "avatar" ? "" : promptText,
+      prompt: promptText,
       model: selectedModel,
       clientRequestId,
       outputIndex: type === "image" ? outputIndex : void 0,
@@ -581,23 +373,9 @@ function ComposerHero({
         prompt,
         negativePrompt,
         outputPath,
-        publishPackage: buildPublishPackage({
-          caption,
-          postDescription,
-          mentions,
-          cadence,
-          destinations: selectedConnectedDestinations
-        }),
         image: { size, quality, count: requestedImageCount },
         video: { duration, resolution, aspectRatio, referenceImageUrl },
-        speech: { voice },
-        avatar: { audioUrl: avatarAudioUrl, imageUrl: avatarImageUrl, avatarId },
-        transcription: {
-          audioUrl: transcriptionAudioUrl,
-          language: transcriptionLanguage,
-          responseFormat: transcriptionResponseFormat,
-          temperature: transcriptionTemperature
-        }
+        speech: { voice }
       });
       const res = await fetch("/api/generate", {
         method: "POST",
@@ -619,19 +397,19 @@ function ComposerHero({
       setIsSubmitting(false);
     }
   }
-  const mediaTypes = Object.entries(TYPE_CONFIG);
-  return /* @__PURE__ */ jsxs7("section", { className: `rounded-2xl border border-border p-5 shadow-sm ${surfaceClassName}`, children: [
-    /* @__PURE__ */ jsx8("div", { className: `mb-5 ${align === "center" ? "text-center" : "text-left"}`, children: /* @__PURE__ */ jsx8(
+  const mediaTypes = COMPOSER_TYPES.map((key) => [key, typeConfigFor(key)]);
+  return /* @__PURE__ */ jsxs4("section", { className: `rounded-2xl border border-border p-5 shadow-sm ${surfaceClassName}`, children: [
+    /* @__PURE__ */ jsx5("div", { className: `mb-5 ${align === "center" ? "text-center" : "text-left"}`, children: /* @__PURE__ */ jsx5(
       "h2",
       {
         className: `font-semibold tracking-tight text-foreground transition-all duration-300 ${align === "center" ? "text-xl" : "text-base"}`,
         children: "Media Generation"
       }
     ) }),
-    /* @__PURE__ */ jsx8("div", { role: "tablist", "aria-label": "Generation type", className: "grid grid-cols-5 gap-1.5", children: mediaTypes.map(([key, cfg]) => {
+    /* @__PURE__ */ jsx5("div", { role: "tablist", "aria-label": "Generation type", className: "grid grid-cols-3 gap-1.5", children: mediaTypes.map(([key, cfg]) => {
       const Icon = cfg.icon;
       const active = type === key;
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -640,15 +418,15 @@ function ComposerHero({
           onClick: () => changeType(key),
           className: `flex flex-col items-center gap-1.5 rounded-lg border px-1 pb-2 pt-2.5 text-xs transition-all ${active ? "border-primary/30 bg-primary/10 font-semibold text-primary" : "border-border bg-background font-medium text-muted-foreground hover:border-foreground/20 hover:text-foreground"}`,
           children: [
-            /* @__PURE__ */ jsx8(Icon, { className: "h-[17px] w-[17px] shrink-0" }),
-            /* @__PURE__ */ jsx8("span", { className: "truncate", children: cfg.label })
+            /* @__PURE__ */ jsx5(Icon, { className: "h-[17px] w-[17px] shrink-0" }),
+            /* @__PURE__ */ jsx5("span", { className: "truncate", children: cfg.label })
           ]
         },
         key
       );
     }) }),
-    type !== "avatar" && /* @__PURE__ */ jsxs7("div", { className: "mt-5", children: [
-      /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsxs4("div", { className: "mt-5", children: [
+      /* @__PURE__ */ jsx5(
         Label2,
         {
           htmlFor: "studio-prompt",
@@ -656,8 +434,8 @@ function ComposerHero({
           children: "Prompt"
         }
       ),
-      /* @__PURE__ */ jsxs7("div", { className: "rounded-xl border border-border bg-background transition-colors focus-within:border-primary/30 focus-within:ring-[3px] focus-within:ring-primary/10", children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs4("div", { className: "rounded-xl border border-border bg-background transition-colors focus-within:border-primary/30 focus-within:ring-[3px] focus-within:ring-primary/10", children: [
+        /* @__PURE__ */ jsx5(
           "textarea",
           {
             id: "studio-prompt",
@@ -670,11 +448,11 @@ function ComposerHero({
               }
             },
             rows: 4,
-            placeholder: type === "transcription" ? "Optional vocabulary, speaker names, timestamp style, or context..." : "A vertical hero frame for a product launch teaser, dark cinematic lighting...",
+            placeholder: "A vertical hero frame for a product launch teaser, dark cinematic lighting...",
             className: "block min-h-[96px] w-full resize-none border-0 bg-transparent px-3.5 pb-1.5 pt-3 text-sm leading-relaxed outline-none placeholder:text-muted-foreground"
           }
         ),
-        /* @__PURE__ */ jsx8("div", { className: "flex flex-wrap items-center gap-1.5 px-2.5 pb-2.5", children: SUGGESTIONS.map((suggestion) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap items-center gap-1.5 px-2.5 pb-2.5", children: SUGGESTIONS.map((suggestion) => /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -687,63 +465,42 @@ function ComposerHero({
           },
           suggestion.label
         )) })
-      ] }),
-      type === "transcription" && /* @__PURE__ */ jsx8("p", { className: "mt-2 text-xs text-muted-foreground", children: "Optional \u2014 biases spelling, vocabulary, and speaker names (not an instruction)." })
+      ] })
     ] }),
-    type === "avatar" && /* @__PURE__ */ jsx8(
-      AvatarComposer,
-      {
-        audioUrl: avatarAudioUrl,
-        imageUrl: avatarImageUrl,
-        avatarId,
-        onAudioUrlChange: setAvatarAudioUrl,
-        onImageUrlChange: setAvatarImageUrl,
-        onAvatarIdChange: setAvatarId
-      }
-    ),
-    type === "transcription" && /* @__PURE__ */ jsx8(
-      TranscriptionComposer,
-      {
-        audioUrl: transcriptionAudioUrl,
-        language: transcriptionLanguage,
-        onAudioUrlChange: setTranscriptionAudioUrl,
-        onLanguageChange: setTranscriptionLanguage
-      }
-    ),
-    /* @__PURE__ */ jsxs7("div", { className: "mt-5 space-y-3", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx8(Field, { label: "Model", htmlFor: "studio-media-model", children: /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs4("div", { className: "mt-5 space-y-3", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx5(Field, { label: "Model", htmlFor: "studio-media-model", children: /* @__PURE__ */ jsxs4(
           Select,
           {
             value: selectedModel || void 0,
             onValueChange: (value) => setSelectedModels((current) => ({ ...current, [type]: value })),
             disabled: mediaModelsLoading || Boolean(mediaModelsError) || modelsForType.length === 0,
             children: [
-              /* @__PURE__ */ jsx8(SelectTrigger, { id: "studio-media-model", className: "h-9 w-full bg-background", children: selectedModelOption ? /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 items-center gap-2", children: [
-                selectedModelOption.provider && /* @__PURE__ */ jsx8(ProviderLogo, { provider: selectedModelOption.provider, size: 14 }),
-                /* @__PURE__ */ jsx8("span", { className: "truncate", children: selectedModelOption.name || selectedModelOption.id }),
-                selectedModelOption.provider && /* @__PURE__ */ jsxs7("span", { className: "shrink-0 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx5(SelectTrigger, { id: "studio-media-model", className: "h-9 w-full bg-background", children: selectedModelOption ? /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 items-center gap-2", children: [
+                selectedModelOption.provider && /* @__PURE__ */ jsx5(ProviderLogo, { provider: selectedModelOption.provider, size: 14 }),
+                /* @__PURE__ */ jsx5("span", { className: "truncate", children: selectedModelOption.name || selectedModelOption.id }),
+                selectedModelOption.provider && /* @__PURE__ */ jsxs4("span", { className: "shrink-0 text-muted-foreground", children: [
                   "\xB7 ",
                   selectedModelOption.provider
                 ] }),
-                selectedModelOption.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.05em] text-warning", children: selectedModelOption.status })
-              ] }) : /* @__PURE__ */ jsx8(SelectValue, { placeholder: mediaModelsLoading ? "Loading models\u2026" : "Select a model" }) }),
-              /* @__PURE__ */ jsx8(SelectContent, { className: "bg-background", children: modelsForType.map((model) => /* @__PURE__ */ jsx8(SelectItem, { value: model.id, disabled: model.status === "unavailable", children: /* @__PURE__ */ jsxs7("span", { className: "flex w-full items-center justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs7("span", { className: "flex min-w-0 items-center gap-2", children: [
-                  model.provider && /* @__PURE__ */ jsx8(ProviderLogo, { provider: model.provider, size: 14 }),
-                  /* @__PURE__ */ jsxs7("span", { className: "truncate", children: [
+                selectedModelOption.status !== "available" && /* @__PURE__ */ jsx5("span", { className: "shrink-0 rounded-full bg-warning/10 px-1.5 py-0.5 text-xs font-semibold uppercase tracking-[0.05em] text-warning", children: selectedModelOption.status })
+              ] }) : /* @__PURE__ */ jsx5(SelectValue, { placeholder: mediaModelsLoading ? "Loading models\u2026" : "Select a model" }) }),
+              /* @__PURE__ */ jsx5(SelectContent, { className: "bg-background", children: modelsForType.map((model) => /* @__PURE__ */ jsx5(SelectItem, { value: model.id, disabled: model.status === "unavailable", children: /* @__PURE__ */ jsxs4("span", { className: "flex w-full items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 items-center gap-2", children: [
+                  model.provider && /* @__PURE__ */ jsx5(ProviderLogo, { provider: model.provider, size: 14 }),
+                  /* @__PURE__ */ jsxs4("span", { className: "truncate", children: [
                     model.name || model.id,
                     model.provider ? ` \xB7 ${model.provider}` : ""
                   ] })
                 ] }),
-                model.status !== "available" && /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-xs capitalize text-muted-foreground", children: model.status })
+                model.status !== "available" && /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs capitalize text-muted-foreground", children: model.status })
               ] }) }, model.id)) })
             ]
           }
         ) }),
-        (mediaModelsError || modelMessage(selectedModelOption, mediaModelsLoading, modelsForType.length)) && /* @__PURE__ */ jsx8("p", { className: `text-xs ${mediaModelsError || selectedModelOption?.status === "unavailable" ? "text-destructive" : "text-muted-foreground"}`, children: mediaModelsError ?? modelMessage(selectedModelOption, mediaModelsLoading, modelsForType.length) })
+        (mediaModelsError || modelMessage(selectedModelOption, mediaModelsLoading, modelsForType.length)) && /* @__PURE__ */ jsx5("p", { className: `text-xs ${mediaModelsError || selectedModelOption?.status === "unavailable" ? "text-destructive" : "text-muted-foreground"}`, children: mediaModelsError ?? modelMessage(selectedModelOption, mediaModelsLoading, modelsForType.length) })
       ] }),
-      type === "image" && /* @__PURE__ */ jsx8(
+      type === "image" && /* @__PURE__ */ jsx5(
         ImageComposer,
         {
           size,
@@ -754,7 +511,7 @@ function ComposerHero({
           onImageCountChange: setImageCount
         }
       ),
-      type === "video" && /* @__PURE__ */ jsx8(
+      type === "video" && /* @__PURE__ */ jsx5(
         VideoComposer,
         {
           duration,
@@ -767,77 +524,33 @@ function ComposerHero({
           onReferenceImageUrlChange: setReferenceImageUrl
         }
       ),
-      type === "speech" && /* @__PURE__ */ jsx8(SpeechComposer, { voice, onVoiceChange: setVoice })
+      type === "speech" && /* @__PURE__ */ jsx5(SpeechComposer, { voice, onVoiceChange: setVoice })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "mt-4 space-y-2", children: [
-      /* @__PURE__ */ jsx8(ComposerDisclosure, { summary: "Advanced options", children: /* @__PURE__ */ jsxs7("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-        /* @__PURE__ */ jsx8(Field, { label: "Negative prompt", children: /* @__PURE__ */ jsx8(
-          Textarea2,
-          {
-            value: negativePrompt,
-            onChange: (event) => setNegativePrompt(event.target.value),
-            rows: 2,
-            placeholder: "Avoid artifacts, off-style composition...",
-            className: "bg-background"
-          }
-        ) }),
-        /* @__PURE__ */ jsx8(Field, { label: "Save to", children: /* @__PURE__ */ jsx8(Input7, { value: outputPath, onChange: (event) => setOutputPath(event.target.value), className: "bg-background" }) }),
-        type === "transcription" && /* @__PURE__ */ jsx8(
-          TranscriptionOptions,
-          {
-            responseFormat: transcriptionResponseFormat,
-            temperature: transcriptionTemperature,
-            onResponseFormatChange: setTranscriptionResponseFormat,
-            onTemperatureChange: setTranscriptionTemperature
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx8(
-        ComposerDisclosure,
+    /* @__PURE__ */ jsx5("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ jsx5(ComposerDisclosure, { summary: "Advanced options", children: /* @__PURE__ */ jsxs4("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx5(Field, { label: "Negative prompt", children: /* @__PURE__ */ jsx5(
+        Textarea,
         {
-          summary: /* @__PURE__ */ jsxs7(Fragment2, { children: [
-            "Schedule a post",
-            selectedConnectedDestinations.length > 0 && /* @__PURE__ */ jsx8(Badge2, { variant: "outline", className: "ml-1 text-xs", children: selectedConnectedDestinations.length })
-          ] }),
-          children: /* @__PURE__ */ jsx8(
-            PublishPackageComposer,
-            {
-              caption,
-              postDescription,
-              mentions,
-              cadence,
-              selectedDestinations,
-              connections: integrations.connections,
-              connectionError: integrations.error,
-              connectionsLoading: integrations.isLoading,
-              integrationsHref,
-              canManageIntegrations,
-              onCaptionChange: setCaption,
-              onDescriptionChange: setPostDescription,
-              onMentionsChange: setMentions,
-              onCadenceChange: setCadence,
-              onDestinationToggle: (destination) => {
-                const destinationConfig = DESTINATIONS.find((item) => item.id === destination);
-                if (!destinationConfig || !isDestinationConnected(destinationConfig, integrations.connections)) return;
-                setSelectedDestinations((current) => current.includes(destination) ? current.filter((item) => item !== destination) : [...current, destination]);
-              }
-            }
-          )
+          value: negativePrompt,
+          onChange: (event) => setNegativePrompt(event.target.value),
+          rows: 2,
+          placeholder: "Avoid artifacts, off-style composition...",
+          className: "bg-background"
         }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsx8("div", { className: "mt-4 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsxs7(
-      Button2,
+      ) }),
+      /* @__PURE__ */ jsx5(Field, { label: "Save to", children: /* @__PURE__ */ jsx5(Input4, { value: outputPath, onChange: (event) => setOutputPath(event.target.value), className: "bg-background" }) })
+    ] }) }) }),
+    error && /* @__PURE__ */ jsx5("div", { className: "mt-4 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive", children: error }),
+    /* @__PURE__ */ jsxs4(
+      Button,
       {
         onClick: generate,
         disabled: !canSubmit,
         size: "lg",
         className: "mt-5 w-full disabled:bg-muted disabled:text-muted-foreground disabled:opacity-100",
         children: [
-          /* @__PURE__ */ jsx8(Sparkles, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx5(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Generate",
-          /* @__PURE__ */ jsx8("span", { className: "ml-2 text-xs opacity-60", children: "\u2318\u21B5" })
+          /* @__PURE__ */ jsx5("span", { className: "ml-2 text-xs opacity-60", children: "\u2318\u21B5" })
         ]
       }
     )
@@ -845,31 +558,31 @@ function ComposerHero({
 }
 
 // src/studio-react/studio-header.tsx
-import { Button as Button3 } from "@tangle-network/sandbox-ui/primitives";
+import { Button as Button2 } from "@tangle-network/sandbox-ui/primitives";
 import { Images } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function StudioHeader({
   count,
   onOpenLibrary,
   canGenerate
 }) {
-  return /* @__PURE__ */ jsx9("header", { className: "sticky top-0 z-20 border-b border-border bg-card", children: /* @__PURE__ */ jsxs8("div", { className: "mx-auto flex w-full max-w-3xl items-center justify-between gap-3 px-4 py-3 sm:px-6", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx9("h1", { className: "text-lg font-semibold tracking-tight text-foreground", children: "Studio" }),
-      /* @__PURE__ */ jsx9("p", { className: "truncate text-xs text-muted-foreground", children: canGenerate ? "Generate images, video, voice, avatars, and transcripts." : "Browse your team's generations." })
+  return /* @__PURE__ */ jsx6("header", { className: "sticky top-0 z-20 border-b border-border bg-card", children: /* @__PURE__ */ jsxs5("div", { className: "mx-auto flex w-full max-w-3xl items-center justify-between gap-3 px-4 py-3 sm:px-6", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx6("h1", { className: "text-lg font-semibold tracking-tight text-foreground", children: "Studio" }),
+      /* @__PURE__ */ jsx6("p", { className: "truncate text-xs text-muted-foreground", children: canGenerate ? "Generate images, video, voice, avatars, and transcripts." : "Browse your team's generations." })
     ] }),
-    /* @__PURE__ */ jsxs8(Button3, { size: "sm", variant: "outline", onClick: onOpenLibrary, className: "shrink-0", children: [
-      /* @__PURE__ */ jsx9(Images, { className: "mr-1.5 h-4 w-4" }),
+    /* @__PURE__ */ jsxs5(Button2, { size: "sm", variant: "outline", onClick: onOpenLibrary, className: "shrink-0", children: [
+      /* @__PURE__ */ jsx6(Images, { className: "mr-1.5 h-4 w-4" }),
       "Library",
-      count > 0 && /* @__PURE__ */ jsx9("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary/15 px-1.5 text-xs font-semibold text-primary", children: count })
+      count > 0 && /* @__PURE__ */ jsx6("span", { className: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary/15 px-1.5 text-xs font-semibold text-primary", children: count })
     ] })
   ] }) });
 }
 
 // src/studio-react/result-canvas.tsx
-import { Badge as Badge3 } from "@tangle-network/sandbox-ui/primitives";
+import { Badge } from "@tangle-network/sandbox-ui/primitives";
 import { ArrowRight, Sparkles as Sparkles2 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ResultCanvas({
   batch,
   onOpenLibrary,
@@ -877,10 +590,10 @@ function ResultCanvas({
 }) {
   const cardClass = "rounded-xl border border-border bg-card shadow-sm";
   if (batch.length === 0) {
-    return /* @__PURE__ */ jsxs9("section", { className: `${cardClass} flex min-h-[180px] flex-col items-center justify-center gap-2 p-8 text-center`, children: [
-      /* @__PURE__ */ jsx10("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx10(Sparkles2, { className: "h-6 w-6 text-muted-foreground/40" }) }),
-      /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-foreground", children: "Your creations appear here" }),
-      /* @__PURE__ */ jsx10("p", { className: "max-w-xs text-xs text-muted-foreground", children: "Generate above \u2014 results appear here and are saved to your library." })
+    return /* @__PURE__ */ jsxs6("section", { className: `${cardClass} flex min-h-[180px] flex-col items-center justify-center gap-2 p-8 text-center`, children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx7(Sparkles2, { className: "h-6 w-6 text-muted-foreground/40" }) }),
+      /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-foreground", children: "Your creations appear here" }),
+      /* @__PURE__ */ jsx7("p", { className: "max-w-xs text-xs text-muted-foreground", children: "Generate above \u2014 results appear here and are saved to your library." })
     ] });
   }
   const cfg = typeConfigFor(batch[0]?.type ?? "image");
@@ -888,17 +601,17 @@ function ResultCanvas({
   const statuses = batch.map(generationStatus);
   const runLabel = statuses.some((s) => s === "pending" || s === "running") ? "Generating\u2026" : statuses.every((s) => s === "failed") ? "Last run failed" : "Latest creation";
   const isWorking = statuses.some((s) => s === "pending" || s === "running");
-  return /* @__PURE__ */ jsxs9("section", { className: `${cardClass} p-5`, children: [
-    /* @__PURE__ */ jsxs9("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs9(Badge3, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
-          /* @__PURE__ */ jsx10(Icon, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs6("section", { className: `${cardClass} p-5`, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs6(Badge, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
+          /* @__PURE__ */ jsx7(Icon, { className: "h-3 w-3" }),
           cfg.label
         ] }),
-        /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium text-foreground", children: runLabel }),
-        isWorking && /* @__PURE__ */ jsx10("span", { className: "h-2 w-2 animate-pulse rounded-full bg-primary" })
+        /* @__PURE__ */ jsx7("span", { className: "text-sm font-medium text-foreground", children: runLabel }),
+        isWorking && /* @__PURE__ */ jsx7("span", { className: "h-2 w-2 animate-pulse rounded-full bg-primary" })
       ] }),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
@@ -906,22 +619,22 @@ function ResultCanvas({
           className: "flex items-center gap-1 text-xs font-medium text-primary transition-colors hover:text-primary/80",
           children: [
             "View in Library",
-            /* @__PURE__ */ jsx10(ArrowRight, { className: "h-3.5 w-3.5" })
+            /* @__PURE__ */ jsx7(ArrowRight, { className: "h-3.5 w-3.5" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx10("div", { className: `grid gap-3 ${batch.length === 1 ? "grid-cols-1" : "grid-cols-2"}`, children: batch.map((generation) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx7("div", { className: `grid gap-3 ${batch.length === 1 ? "grid-cols-1" : "grid-cols-2"}`, children: batch.map((generation) => /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
         onClick: () => onSelect(generation),
         className: "studio-bloom group relative aspect-video overflow-hidden rounded-lg border border-border bg-secondary transition-colors hover:border-primary/40",
-        children: /* @__PURE__ */ jsx10(CanvasTile, { generation })
+        children: /* @__PURE__ */ jsx7(CanvasTile, { generation })
       },
       generation.id
     )) }),
-    batch.length > 1 && !isWorking && /* @__PURE__ */ jsxs9("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+    batch.length > 1 && !isWorking && /* @__PURE__ */ jsxs6("p", { className: "mt-2 text-xs text-muted-foreground", children: [
       batch.length,
       " results from this run"
     ] })
@@ -932,34 +645,34 @@ function CanvasTile({ generation }) {
   const Icon = cfg.icon;
   const status = generationStatus(generation);
   if (status === "pending" || status === "running") {
-    return /* @__PURE__ */ jsx10("div", { className: "studio-shimmer absolute inset-0 h-full w-full" });
+    return /* @__PURE__ */ jsx7("div", { className: "studio-shimmer absolute inset-0 h-full w-full" });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsxs9("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4 text-center", children: [
-      /* @__PURE__ */ jsx10(Icon, { className: "h-6 w-6 text-destructive/50" }),
-      /* @__PURE__ */ jsx10("p", { className: "line-clamp-3 text-xs text-destructive", children: generationError(generation) ?? "Generation failed" })
+    return /* @__PURE__ */ jsxs6("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4 text-center", children: [
+      /* @__PURE__ */ jsx7(Icon, { className: "h-6 w-6 text-destructive/50" }),
+      /* @__PURE__ */ jsx7("p", { className: "line-clamp-3 text-xs text-destructive", children: generationError(generation) ?? "Generation failed" })
     ] });
   }
   if (generation.type === "image" && generation.result) {
-    return /* @__PURE__ */ jsx10("img", { src: generation.result, alt: generation.prompt, className: "absolute inset-0 h-full w-full object-contain" });
+    return /* @__PURE__ */ jsx7("img", { src: generation.result, alt: generation.prompt, className: "absolute inset-0 h-full w-full object-contain" });
   }
   if ((generation.type === "video" || generation.type === "avatar") && generation.result) {
-    return /* @__PURE__ */ jsx10("video", { src: generation.result, controls: true, className: "absolute inset-0 h-full w-full object-contain" });
+    return /* @__PURE__ */ jsx7("video", { src: generation.result, controls: true, className: "absolute inset-0 h-full w-full object-contain" });
   }
   if (generation.type === "speech" && generation.result) {
-    return /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsx10("audio", { src: generation.result, controls: true, className: "w-full" }) });
+    return /* @__PURE__ */ jsx7("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsx7("audio", { src: generation.result, controls: true, className: "w-full" }) });
   }
   if (generation.type === "transcription" && generation.result) {
-    return /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx10("p", { className: "whitespace-pre-wrap text-xs text-foreground", children: generation.result }) });
+    return /* @__PURE__ */ jsx7("div", { className: "absolute inset-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx7("p", { className: "whitespace-pre-wrap text-xs text-foreground", children: generation.result }) });
   }
-  return /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx10(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) });
+  return /* @__PURE__ */ jsx7("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx7(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) });
 }
 
 // src/studio-react/library-drawer.tsx
-import { useMemo as useMemo3 } from "react";
-import { Link as Link3 } from "react-router";
+import { useMemo as useMemo2 } from "react";
+import { Link as Link2 } from "react-router";
 import {
-  Button as Button5,
+  Button as Button4,
   Tabs,
   TabsList,
   TabsTrigger
@@ -968,22 +681,22 @@ import { ArrowLeft, DollarSign, FolderOpen as FolderOpen2, X } from "lucide-reac
 
 // src/studio-react/studio-sheet.tsx
 import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function StudioSheet({
   open,
   onOpenChange,
   title,
   children
 }) {
-  return /* @__PURE__ */ jsx11(Dialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs10(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx11(Dialog.Overlay, { className: "studio-sheet-overlay fixed inset-0 z-50 bg-black/50" }),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx8(Dialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs7(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx8(Dialog.Overlay, { className: "studio-sheet-overlay fixed inset-0 z-50 bg-black/50" }),
+    /* @__PURE__ */ jsxs7(
       Dialog.Content,
       {
         className: "studio-sheet-content fixed inset-y-0 right-0 z-50 flex w-[min(92vw,30rem)] flex-col border-l border-card-edge bg-popover shadow-[var(--shadow-overlay)] focus:outline-none",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ jsx11(Dialog.Title, { className: "sr-only", children: title }),
+          /* @__PURE__ */ jsx8(Dialog.Title, { className: "sr-only", children: title }),
           children
         ]
       }
@@ -996,9 +709,8 @@ import { EmptyState } from "@tangle-network/sandbox-ui/primitives";
 import { Film, Sparkles as Sparkles3 } from "lucide-react";
 
 // src/studio-react/generation-card.tsx
-import { Card, CardContent, Badge as Badge4 } from "@tangle-network/sandbox-ui/primitives";
-import { Send } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Card, CardContent, Badge as Badge2 } from "@tangle-network/sandbox-ui/primitives";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function GenerationCard({
   generation,
   onSelect
@@ -1006,35 +718,27 @@ function GenerationCard({
   const cfg = typeConfigFor(generation.type);
   const Icon = cfg.icon;
   const status = generationStatus(generation);
-  const publishPackage = generation.metadata?.publishPackage;
-  return /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => onSelect(generation), className: "group text-left animate-row-in", children: /* @__PURE__ */ jsxs11(Card, { className: "overflow-hidden transition-all group-hover:border-primary/50 group-hover:shadow-md", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "relative aspect-video bg-secondary", children: [
-      generation.type === "image" && generation.result ? /* @__PURE__ */ jsx12("img", { src: generation.result, alt: generation.prompt, className: "h-full w-full object-cover" }) : (generation.type === "video" || generation.type === "avatar") && generation.result ? /* @__PURE__ */ jsx12("video", { src: generation.result, className: "h-full w-full object-cover", muted: true }) : generation.type === "speech" && generation.result ? /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx12(Icon, { className: "h-6 w-6 text-muted-foreground/40" }) }) : generation.type === "transcription" && generation.result ? /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsx12("p", { className: "line-clamp-5 text-xs text-muted-foreground", children: generation.result }) }) : status === "pending" || status === "running" ? /* @__PURE__ */ jsx12("div", { className: "shimmer h-full w-full" }) : /* @__PURE__ */ jsx12("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx12(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) }),
-      /* @__PURE__ */ jsx12("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsxs11(Badge4, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
-        /* @__PURE__ */ jsx12(Icon, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => onSelect(generation), className: "group text-left animate-row-in", children: /* @__PURE__ */ jsxs8(Card, { className: "overflow-hidden transition-all group-hover:border-primary/50 group-hover:shadow-md", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "relative aspect-video bg-secondary", children: [
+      generation.type === "image" && generation.result ? /* @__PURE__ */ jsx9("img", { src: generation.result, alt: generation.prompt, className: "h-full w-full object-cover" }) : (generation.type === "video" || generation.type === "avatar") && generation.result ? /* @__PURE__ */ jsx9("video", { src: generation.result, className: "h-full w-full object-cover", muted: true }) : generation.type === "speech" && generation.result ? /* @__PURE__ */ jsx9("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx9(Icon, { className: "h-6 w-6 text-muted-foreground/40" }) }) : generation.type === "transcription" && generation.result ? /* @__PURE__ */ jsx9("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsx9("p", { className: "line-clamp-5 text-xs text-muted-foreground", children: generation.result }) }) : status === "pending" || status === "running" ? /* @__PURE__ */ jsx9("div", { className: "shimmer h-full w-full" }) : /* @__PURE__ */ jsx9("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx9(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) }),
+      /* @__PURE__ */ jsx9("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsxs8(Badge2, { variant: "outline", className: `${cfg.color} gap-1 text-xs`, children: [
+        /* @__PURE__ */ jsx9(Icon, { className: "h-3 w-3" }),
         cfg.label
       ] }) }),
-      /* @__PURE__ */ jsx12(GenerationStatusBadge, { generation })
+      /* @__PURE__ */ jsx9(GenerationStatusBadge, { generation })
     ] }),
-    /* @__PURE__ */ jsxs11(CardContent, { className: "p-3", children: [
-      /* @__PURE__ */ jsx12("p", { className: "mb-2 line-clamp-2 text-sm font-medium text-foreground", children: generation.prompt }),
-      status === "failed" && /* @__PURE__ */ jsx12("p", { className: "mb-2 line-clamp-2 text-xs text-destructive", children: generationError(generation) }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
-        generation.model && /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: generation.model }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2", children: [
-          generation.cost != null && /* @__PURE__ */ jsxs11("span", { className: "text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs8(CardContent, { className: "p-3", children: [
+      /* @__PURE__ */ jsx9("p", { className: "mb-2 line-clamp-2 text-sm font-medium text-foreground", children: generation.prompt }),
+      status === "failed" && /* @__PURE__ */ jsx9("p", { className: "mb-2 line-clamp-2 text-xs text-destructive", children: generationError(generation) }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+        generation.model && /* @__PURE__ */ jsx9("span", { className: "truncate text-xs text-muted-foreground", children: generation.model }),
+        /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-2", children: [
+          generation.cost != null && /* @__PURE__ */ jsxs8("span", { className: "text-xs text-muted-foreground", children: [
             "$",
             generation.cost.toFixed(3)
           ] }),
-          /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: relativeTime(generation.createdAt) })
+          /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: relativeTime(generation.createdAt) })
         ] })
-      ] }),
-      isPublishPackage(publishPackage) && /* @__PURE__ */ jsxs11("div", { className: "mt-3 rounded-md border border-border bg-secondary p-2", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "mb-1 flex items-center gap-1.5 text-xs font-medium text-foreground", children: [
-          /* @__PURE__ */ jsx12(Send, { className: "h-3 w-3" }),
-          (publishPackage.destinations ?? []).map((id) => DESTINATIONS.find((destination) => destination.id === id)?.label ?? id).join(", ") || "Publish package"
-        ] }),
-        /* @__PURE__ */ jsx12("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: publishPackage.caption || "Caption pending" })
       ] })
     ] })
   ] }) });
@@ -1047,11 +751,11 @@ function GenerationStatusBadge({
   if (status === "succeeded") return null;
   const label = status === "failed" ? "Failed" : status === "running" ? "Running" : "Pending";
   const className = status === "failed" ? "border-destructive/30 bg-[color-mix(in_srgb,hsl(var(--destructive))_10%,hsl(var(--card)))] text-destructive" : "border-warning/30 bg-[color-mix(in_srgb,hsl(var(--warning))_10%,hsl(var(--card)))] text-warning";
-  return /* @__PURE__ */ jsx12("div", { className: inline ? "" : "absolute bottom-2 left-2", children: /* @__PURE__ */ jsx12(Badge4, { variant: "outline", className: `${className} text-xs`, children: label }) });
+  return /* @__PURE__ */ jsx9("div", { className: inline ? "" : "absolute bottom-2 left-2", children: /* @__PURE__ */ jsx9(Badge2, { variant: "outline", className: `${className} text-xs`, children: label }) });
 }
 
 // src/studio-react/generation-grid.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function filterGenerations(generations, typeFilter) {
   if (!typeFilter || !isGenerationType(typeFilter)) return generations;
   return generations.filter((generation) => generation.type === typeFilter);
@@ -1062,24 +766,24 @@ function GenerationGrid({
   onSelect
 }) {
   if (generations.length === 0) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx10(
       EmptyState,
       {
-        icon: typeFilter ? /* @__PURE__ */ jsx13(Film, { className: "h-8 w-8 text-muted-foreground/30" }) : /* @__PURE__ */ jsx13(Sparkles3, { className: "h-10 w-10 text-muted-foreground/30" }),
+        icon: typeFilter ? /* @__PURE__ */ jsx10(Film, { className: "h-8 w-8 text-muted-foreground/30" }) : /* @__PURE__ */ jsx10(Sparkles3, { className: "h-10 w-10 text-muted-foreground/30" }),
         title: typeFilter ? `No ${TYPE_CONFIG[typeFilter]?.label ?? typeFilter} generations` : "No generations yet",
         description: typeFilter ? "Try a different filter or change the type in the composer." : "Everything you and the agent create lives here.",
         className: "py-16"
       }
     );
   }
-  return /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: generations.map((generation) => /* @__PURE__ */ jsx13(GenerationCard, { generation, onSelect }, generation.id)) });
+  return /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: generations.map((generation) => /* @__PURE__ */ jsx10(GenerationCard, { generation, onSelect }, generation.id)) });
 }
 
 // src/studio-react/generation-detail.tsx
-import { Link as Link2 } from "react-router";
-import { Badge as Badge5, Button as Button4 } from "@tangle-network/sandbox-ui/primitives";
+import { Link } from "react-router";
+import { Badge as Badge3, Button as Button3 } from "@tangle-network/sandbox-ui/primitives";
 import { FolderOpen } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function GenerationDetail({
   generation,
   vaultHref,
@@ -1089,50 +793,50 @@ function GenerationDetail({
   const Icon = cfg.icon;
   const vaultPath = generationVaultPath(generation);
   const href = vaultHref && vaultPath ? vaultHref(vaultPath) : null;
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx14("div", { className: "overflow-hidden rounded-lg bg-secondary", children: generation.type === "image" && generation.result ? /* @__PURE__ */ jsx14("img", { src: generation.result, alt: generation.prompt, className: "max-h-[420px] w-full object-contain" }) : (generation.type === "video" || generation.type === "avatar") && generation.result ? /* @__PURE__ */ jsx14("video", { src: generation.result, controls: true, className: "max-h-[420px] w-full" }) : generation.type === "speech" && generation.result ? /* @__PURE__ */ jsx14("div", { className: "p-6", children: /* @__PURE__ */ jsx14("audio", { src: generation.result, controls: true, className: "w-full" }) }) : /* @__PURE__ */ jsx14("div", { className: "flex h-32 items-center justify-center", children: /* @__PURE__ */ jsx14(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) }) }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs12(Badge5, { variant: "outline", className: `${cfg.color} gap-1`, children: [
-        /* @__PURE__ */ jsx14(Icon, { className: "h-3 w-3" }),
+  return /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx11("div", { className: "overflow-hidden rounded-lg bg-secondary", children: generation.type === "image" && generation.result ? /* @__PURE__ */ jsx11("img", { src: generation.result, alt: generation.prompt, className: "max-h-[420px] w-full object-contain" }) : (generation.type === "video" || generation.type === "avatar") && generation.result ? /* @__PURE__ */ jsx11("video", { src: generation.result, controls: true, className: "max-h-[420px] w-full" }) : generation.type === "speech" && generation.result ? /* @__PURE__ */ jsx11("div", { className: "p-6", children: /* @__PURE__ */ jsx11("audio", { src: generation.result, controls: true, className: "w-full" }) }) : /* @__PURE__ */ jsx11("div", { className: "flex h-32 items-center justify-center", children: /* @__PURE__ */ jsx11(Icon, { className: "h-8 w-8 text-muted-foreground/20" }) }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs9(Badge3, { variant: "outline", className: `${cfg.color} gap-1`, children: [
+        /* @__PURE__ */ jsx11(Icon, { className: "h-3 w-3" }),
         cfg.label
       ] }),
-      /* @__PURE__ */ jsx14(GenerationStatusBadge, { generation, inline: true }),
-      generationError(generation) && /* @__PURE__ */ jsx14("span", { className: "text-xs text-destructive", children: generationError(generation) })
+      /* @__PURE__ */ jsx11(GenerationStatusBadge, { generation, inline: true }),
+      generationError(generation) && /* @__PURE__ */ jsx11("span", { className: "text-xs text-destructive", children: generationError(generation) })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Prompt" }),
-      /* @__PURE__ */ jsx14("p", { className: "text-sm text-foreground", children: generation.prompt })
+    /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx11("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Prompt" }),
+      /* @__PURE__ */ jsx11("p", { className: "text-sm text-foreground", children: generation.prompt })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-4", children: [
-      generation.model && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Model" }),
-        /* @__PURE__ */ jsx14("span", { className: "text-xs text-foreground", children: generation.model })
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-4", children: [
+      generation.model && /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx11("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Model" }),
+        /* @__PURE__ */ jsx11("span", { className: "text-xs text-foreground", children: generation.model })
       ] }),
-      generation.cost != null && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Cost" }),
-        /* @__PURE__ */ jsxs12("span", { className: "text-xs text-foreground", children: [
+      generation.cost != null && /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx11("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Cost" }),
+        /* @__PURE__ */ jsxs9("span", { className: "text-xs text-foreground", children: [
           "$",
           generation.cost.toFixed(3)
         ] })
       ] }),
-      generation.createdAt && /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx14("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Created" }),
-        /* @__PURE__ */ jsx14("span", { className: "text-xs text-foreground", children: new Date(generation.createdAt).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" }) })
+      generation.createdAt && /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx11("span", { className: "block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Created" }),
+        /* @__PURE__ */ jsx11("span", { className: "text-xs text-foreground", children: new Date(generation.createdAt).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" }) })
       ] })
     ] }),
-    generation.type === "transcription" && generation.result && /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx14("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Transcription" }),
-      /* @__PURE__ */ jsx14("pre", { className: "max-h-64 overflow-y-auto whitespace-pre-wrap rounded-lg bg-secondary p-4 font-mono text-[13px] tabular-nums text-foreground", children: generation.result })
+    generation.type === "transcription" && generation.result && /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx11("span", { className: "mb-1 block text-xs font-semibold uppercase tracking-[0.05em] text-muted-foreground", children: "Transcription" }),
+      /* @__PURE__ */ jsx11("pre", { className: "max-h-64 overflow-y-auto whitespace-pre-wrap rounded-lg bg-secondary p-4 font-mono text-[13px] tabular-nums text-foreground", children: generation.result })
     ] }),
-    href && /* @__PURE__ */ jsx14("div", { className: "border-t border-border pt-2", children: /* @__PURE__ */ jsx14(Link2, { to: href, prefetch: "intent", onClick: onNavigate, children: /* @__PURE__ */ jsxs12(Button4, { size: "sm", variant: "outline", children: [
-      /* @__PURE__ */ jsx14(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
+    href && /* @__PURE__ */ jsx11("div", { className: "border-t border-border pt-2", children: /* @__PURE__ */ jsx11(Link, { to: href, prefetch: "intent", onClick: onNavigate, children: /* @__PURE__ */ jsxs9(Button3, { size: "sm", variant: "outline", children: [
+      /* @__PURE__ */ jsx11(FolderOpen, { className: "mr-1.5 h-3.5 w-3.5" }),
       "Open in Vault"
     ] }) }) })
   ] });
 }
 
 // src/studio-react/library-drawer.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function LibraryDrawer({
   open,
   onOpenChange,
@@ -1144,79 +848,78 @@ function LibraryDrawer({
   selected,
   onSelect
 }) {
-  const visible = useMemo3(() => filterGenerations(generations, typeFilter), [generations, typeFilter]);
-  return /* @__PURE__ */ jsxs13(StudioSheet, { open, onOpenChange, title: "Asset library", children: [
-    /* @__PURE__ */ jsxs13("header", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
-      selected ? /* @__PURE__ */ jsxs13(
+  const visible = useMemo2(() => filterGenerations(generations, typeFilter), [generations, typeFilter]);
+  return /* @__PURE__ */ jsxs10(StudioSheet, { open, onOpenChange, title: "Asset library", children: [
+    /* @__PURE__ */ jsxs10("header", { className: "flex shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
+      selected ? /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
           onClick: () => onSelect(null),
           className: "flex items-center gap-1.5 text-sm font-medium text-foreground transition-colors hover:text-primary",
           children: [
-            /* @__PURE__ */ jsx15(ArrowLeft, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx12(ArrowLeft, { className: "h-4 w-4" }),
             "Back to library"
           ]
         }
-      ) : /* @__PURE__ */ jsx15("h2", { className: "text-sm font-semibold text-foreground", children: "Asset library" }),
-      /* @__PURE__ */ jsx15(
+      ) : /* @__PURE__ */ jsx12("h2", { className: "text-sm font-semibold text-foreground", children: "Asset library" }),
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
           "aria-label": "Close library",
           onClick: () => onOpenChange(false),
           className: "rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-          children: /* @__PURE__ */ jsx15(X, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx12(X, { className: "h-4 w-4" })
         }
       )
     ] }),
-    selected ? /* @__PURE__ */ jsx15("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx15(
+    selected ? /* @__PURE__ */ jsx12("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx12(
       GenerationDetail,
       {
         generation: selected,
         vaultHref,
         onNavigate: () => onOpenChange(false)
       }
-    ) }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
-      /* @__PURE__ */ jsxs13("div", { className: "shrink-0 border-b border-border px-4 pt-3", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs13("span", { children: [
+    ) }) : /* @__PURE__ */ jsxs10(Fragment, { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "shrink-0 border-b border-border px-4 pt-3", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs10("span", { children: [
               visible.length,
               " generation",
               visible.length !== 1 ? "s" : ""
             ] }),
-            /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-0.5", children: [
-              /* @__PURE__ */ jsx15(DollarSign, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxs10("span", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ jsx12(DollarSign, { className: "h-3 w-3" }),
               totalCost.toFixed(2),
               " spent"
             ] })
           ] }),
-          vaultHref && /* @__PURE__ */ jsx15(Link3, { to: vaultHref(), prefetch: "intent", onClick: () => onOpenChange(false), children: /* @__PURE__ */ jsxs13(Button5, { size: "sm", variant: "outline", children: [
-            /* @__PURE__ */ jsx15(FolderOpen2, { className: "mr-1.5 h-3.5 w-3.5" }),
+          vaultHref && /* @__PURE__ */ jsx12(Link2, { to: vaultHref(), prefetch: "intent", onClick: () => onOpenChange(false), children: /* @__PURE__ */ jsxs10(Button4, { size: "sm", variant: "outline", children: [
+            /* @__PURE__ */ jsx12(FolderOpen2, { className: "mr-1.5 h-3.5 w-3.5" }),
             "Vault"
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx15(Tabs, { value: typeFilter ?? "all", onValueChange: (v) => onFilterChange(v === "all" ? null : v), children: /* @__PURE__ */ jsxs13(TabsList, { className: "h-9 w-full justify-start gap-1 overflow-x-auto bg-transparent", children: [
-          /* @__PURE__ */ jsx15(TabsTrigger, { value: "all", className: "text-xs", children: "All" }),
-          Object.entries(TYPE_CONFIG).map(([key, cfg]) => /* @__PURE__ */ jsx15(TabsTrigger, { value: key, className: "text-xs", children: cfg.label }, key))
+        /* @__PURE__ */ jsx12(Tabs, { value: typeFilter ?? "all", onValueChange: (v) => onFilterChange(v === "all" ? null : v), children: /* @__PURE__ */ jsxs10(TabsList, { className: "h-9 w-full justify-start gap-1 overflow-x-auto bg-transparent", children: [
+          /* @__PURE__ */ jsx12(TabsTrigger, { value: "all", className: "text-xs", children: "All" }),
+          Object.entries(TYPE_CONFIG).map(([key, cfg]) => /* @__PURE__ */ jsx12(TabsTrigger, { value: key, className: "text-xs", children: cfg.label }, key))
         ] }) })
       ] }),
-      /* @__PURE__ */ jsx15("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx15(GenerationGrid, { generations: visible, typeFilter, onSelect }) })
+      /* @__PURE__ */ jsx12("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx12(GenerationGrid, { generations: visible, typeFilter, onSelect }) })
     ] })
   ] });
 }
 
 // src/studio-react/studio-workspace.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function StudioWorkspace({
   generations,
   totalCost,
   workspaceId,
   role,
   generationsEndpoint,
-  vaultHref,
-  integrationsHref
+  vaultHref
 }) {
   const [searchParams, setSearchParams] = useSearchParams();
   const typeFilter = searchParams.get("type");
@@ -1224,9 +927,7 @@ function StudioWorkspace({
   const [selected, setSelected] = useState3(null);
   const canvasRef = useRef3(null);
   const canGenerate = role !== "viewer";
-  const canManageIntegrations = role === "owner" || role === "admin";
   const resolvedVaultHref = vaultHref ?? (workspaceId ? (filePath) => filePath ? `/app/${workspaceId}/vault?file=${encodeURIComponent(filePath)}` : `/app/${workspaceId}/vault` : void 0);
-  const resolvedIntegrationsHref = integrationsHref ?? (workspaceId ? `/app/${workspaceId}/integrations` : void 0);
   const { mergedGenerations, latestBatch, onGenerated } = useStudioGenerations(generations, {
     workspaceId,
     generationsEndpoint
@@ -1243,8 +944,8 @@ function StudioWorkspace({
     setSelected(generation);
     setDrawerOpen(true);
   }
-  return /* @__PURE__ */ jsxs14("div", { className: "min-h-0 flex-1 overflow-y-auto bg-background", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs11("div", { className: "min-h-0 flex-1 overflow-y-auto bg-background", children: [
+    /* @__PURE__ */ jsx13(
       StudioHeader,
       {
         count: mergedGenerations.length,
@@ -1252,13 +953,11 @@ function StudioWorkspace({
         onOpenLibrary: openLibrary
       }
     ),
-    /* @__PURE__ */ jsx16("div", { className: "mx-auto w-full max-w-3xl space-y-4 px-4 py-6 sm:px-6", children: canGenerate ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
-      /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx13("div", { className: "mx-auto w-full max-w-3xl space-y-4 px-4 py-6 sm:px-6", children: canGenerate ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+      /* @__PURE__ */ jsx13(
         ComposerHero,
         {
           workspaceId,
-          integrationsHref: resolvedIntegrationsHref,
-          canManageIntegrations,
           onGenerated: (generation) => {
             onGenerated(generation);
             requestAnimationFrame(() => {
@@ -1267,7 +966,7 @@ function StudioWorkspace({
           }
         }
       ),
-      /* @__PURE__ */ jsx16("div", { ref: canvasRef, children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx13("div", { ref: canvasRef, children: /* @__PURE__ */ jsx13(
         ResultCanvas,
         {
           batch: latestBatch,
@@ -1275,16 +974,16 @@ function StudioWorkspace({
           onSelect: openDetail
         }
       ) })
-    ] }) : /* @__PURE__ */ jsxs14("section", { className: "flex flex-col items-center justify-center gap-3 rounded-xl border border-border bg-card p-10 text-center shadow-sm", children: [
-      /* @__PURE__ */ jsx16("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx16(Images2, { className: "h-6 w-6 text-muted-foreground/40" }) }),
-      /* @__PURE__ */ jsx16("p", { className: "text-sm font-medium text-foreground", children: mergedGenerations.length > 0 ? `${mergedGenerations.length} asset${mergedGenerations.length !== 1 ? "s" : ""} in this workspace` : "No generations yet" }),
-      /* @__PURE__ */ jsx16("p", { className: "max-w-sm text-xs text-muted-foreground", children: "Team generations appear in the library." }),
-      /* @__PURE__ */ jsxs14(Button6, { size: "sm", variant: "outline", onClick: openLibrary, children: [
-        /* @__PURE__ */ jsx16(Images2, { className: "mr-1.5 h-4 w-4" }),
+    ] }) : /* @__PURE__ */ jsxs11("section", { className: "flex flex-col items-center justify-center gap-3 rounded-xl border border-border bg-card p-10 text-center shadow-sm", children: [
+      /* @__PURE__ */ jsx13("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx13(Images2, { className: "h-6 w-6 text-muted-foreground/40" }) }),
+      /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium text-foreground", children: mergedGenerations.length > 0 ? `${mergedGenerations.length} asset${mergedGenerations.length !== 1 ? "s" : ""} in this workspace` : "No generations yet" }),
+      /* @__PURE__ */ jsx13("p", { className: "max-w-sm text-xs text-muted-foreground", children: "Team generations appear in the library." }),
+      /* @__PURE__ */ jsxs11(Button5, { size: "sm", variant: "outline", onClick: openLibrary, children: [
+        /* @__PURE__ */ jsx13(Images2, { className: "mr-1.5 h-4 w-4" }),
         "Open library"
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx13(
       LibraryDrawer,
       {
         open: drawerOpen,
@@ -1308,14 +1007,14 @@ function StudioWorkspace({
 }
 
 // src/studio-react/library-panel.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo3 } from "react";
 import {
   Tabs as Tabs2,
   TabsList as TabsList2,
   TabsTrigger as TabsTrigger2
 } from "@tangle-network/sandbox-ui/primitives";
 import { DollarSign as DollarSign2 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function LibraryPanel({
   generations,
   totalCost,
@@ -1323,11 +1022,11 @@ function LibraryPanel({
   onFilterChange,
   onSelect
 }) {
-  const visible = useMemo4(() => filterGenerations(generations, typeFilter), [generations, typeFilter]);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx17(Tabs2, { value: typeFilter ?? "all", onValueChange: (v) => onFilterChange(v === "all" ? null : v), children: /* @__PURE__ */ jsxs15(TabsList2, { className: "h-9 justify-start gap-1 overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-background p-1", children: [
-        /* @__PURE__ */ jsx17(
+  const visible = useMemo3(() => filterGenerations(generations, typeFilter), [generations, typeFilter]);
+  return /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-col", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx14(Tabs2, { value: typeFilter ?? "all", onValueChange: (v) => onFilterChange(v === "all" ? null : v), children: /* @__PURE__ */ jsxs12(TabsList2, { className: "h-9 justify-start gap-1 overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-background p-1", children: [
+        /* @__PURE__ */ jsx14(
           TabsTrigger2,
           {
             value: "all",
@@ -1335,7 +1034,7 @@ function LibraryPanel({
             children: "All"
           }
         ),
-        Object.entries(TYPE_CONFIG).map(([key, cfg]) => /* @__PURE__ */ jsx17(
+        Object.entries(TYPE_CONFIG).map(([key, cfg]) => /* @__PURE__ */ jsx14(
           TabsTrigger2,
           {
             value: key,
@@ -1345,39 +1044,134 @@ function LibraryPanel({
           key
         ))
       ] }) }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs15("span", { children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs12("span", { children: [
           visible.length,
           " generation",
           visible.length !== 1 ? "s" : ""
         ] }),
-        /* @__PURE__ */ jsxs15("span", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ jsx17(DollarSign2, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsx14(DollarSign2, { className: "h-3 w-3" }),
           totalCost.toFixed(2),
           " spent"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx17(GenerationGrid, { generations: visible, typeFilter, onSelect })
+    /* @__PURE__ */ jsx14(GenerationGrid, { generations: visible, typeFilter, onSelect })
   ] });
 }
 
 // src/studio-react/generation-detail-modal.tsx
 import { Dialog as Dialog2, DialogContent, DialogHeader, DialogTitle } from "@tangle-network/sandbox-ui/primitives";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function GenerationDetailModal({
   generation,
   vaultHref,
   onClose
 }) {
   const cfg = generation ? typeConfigFor(generation.type) : null;
-  return /* @__PURE__ */ jsx18(Dialog2, { open: generation != null, onOpenChange: (open) => {
+  return /* @__PURE__ */ jsx15(Dialog2, { open: generation != null, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto border-card-edge bg-popover shadow-[var(--shadow-overlay)]", children: [
-    /* @__PURE__ */ jsx18(DialogHeader, { children: /* @__PURE__ */ jsx18(DialogTitle, { className: "text-left text-[15px] font-semibold", children: cfg ? `${cfg.label} generation` : "Generation" }) }),
-    generation && /* @__PURE__ */ jsx18(GenerationDetail, { generation, vaultHref, onNavigate: onClose })
+  }, children: /* @__PURE__ */ jsxs13(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto border-card-edge bg-popover shadow-[var(--shadow-overlay)]", children: [
+    /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { className: "text-left text-[15px] font-semibold", children: cfg ? `${cfg.label} generation` : "Generation" }) }),
+    generation && /* @__PURE__ */ jsx15(GenerationDetail, { generation, vaultHref, onNavigate: onClose })
   ] }) });
 }
+
+// src/studio-react/avatar-composer.tsx
+import { Input as Input5 } from "@tangle-network/sandbox-ui/primitives";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function AvatarComposer({
+  audioUrl,
+  imageUrl,
+  avatarId,
+  onAudioUrlChange,
+  onImageUrlChange,
+  onAvatarIdChange
+}) {
+  return /* @__PURE__ */ jsxs14("div", { className: "mt-4 grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx16(Field, { label: "Audio URL", htmlFor: "studio-audio-url", children: /* @__PURE__ */ jsx16(
+      Input5,
+      {
+        id: "studio-audio-url",
+        value: audioUrl,
+        onChange: (event) => onAudioUrlChange(event.target.value),
+        placeholder: "https://cdn.example.com/source-audio.mp3",
+        className: "bg-background"
+      }
+    ) }),
+    /* @__PURE__ */ jsx16(Field, { label: "Image URL", htmlFor: "studio-avatar-image-url", children: /* @__PURE__ */ jsx16(
+      Input5,
+      {
+        id: "studio-avatar-image-url",
+        value: imageUrl,
+        onChange: (event) => onImageUrlChange(event.target.value),
+        placeholder: "https://cdn.example.com/portrait.png",
+        className: "bg-background"
+      }
+    ) }),
+    /* @__PURE__ */ jsx16(Field, { label: "Avatar ID", htmlFor: "studio-avatar-id", children: /* @__PURE__ */ jsx16(
+      Input5,
+      {
+        id: "studio-avatar-id",
+        value: avatarId,
+        onChange: (event) => onAvatarIdChange(event.target.value),
+        placeholder: "Optional provider avatar id",
+        className: "bg-background"
+      }
+    ) })
+  ] });
+}
+
+// src/studio-react/transcription-composer.tsx
+import { Input as Input6 } from "@tangle-network/sandbox-ui/primitives";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function TranscriptionComposer({
+  audioUrl,
+  language,
+  onAudioUrlChange,
+  onLanguageChange
+}) {
+  return /* @__PURE__ */ jsxs15("div", { className: "mt-4 grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx17(Field, { label: "Audio URL", htmlFor: "studio-audio-url", children: /* @__PURE__ */ jsx17(
+      Input6,
+      {
+        id: "studio-audio-url",
+        value: audioUrl,
+        onChange: (event) => onAudioUrlChange(event.target.value),
+        placeholder: "https://cdn.example.com/source-audio.mp3",
+        className: "bg-background"
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(Field, { label: "Language", htmlFor: "studio-transcription-language", children: /* @__PURE__ */ jsx17(
+      Input6,
+      {
+        id: "studio-transcription-language",
+        value: language,
+        onChange: (event) => onLanguageChange(event.target.value),
+        placeholder: "en",
+        className: "bg-background"
+      }
+    ) })
+  ] });
+}
+function TranscriptionOptions({
+  responseFormat,
+  temperature,
+  onResponseFormatChange,
+  onTemperatureChange
+}) {
+  return /* @__PURE__ */ jsxs15(Fragment3, { children: [
+    /* @__PURE__ */ jsx17(Field, { label: "Response format", children: /* @__PURE__ */ jsxs15(NativeSelect, { value: responseFormat, onChange: (event) => onResponseFormatChange(event.target.value), children: [
+      /* @__PURE__ */ jsx17("option", { value: "json", children: "JSON" }),
+      /* @__PURE__ */ jsx17("option", { value: "text", children: "Text" }),
+      /* @__PURE__ */ jsx17("option", { value: "srt", children: "SRT" }),
+      /* @__PURE__ */ jsx17("option", { value: "verbose_json", children: "Verbose JSON" }),
+      /* @__PURE__ */ jsx17("option", { value: "vtt", children: "VTT" })
+    ] }) }),
+    /* @__PURE__ */ jsx17(Field, { label: "Temperature", children: /* @__PURE__ */ jsx17(Input6, { type: "number", min: "0", max: "1", step: "0.1", value: temperature, onChange: (event) => onTemperatureChange(event.target.value), className: "bg-background" }) })
+  ] });
+}
 export {
   AvatarComposer,
   ComposerDisclosure,
@@ -1392,7 +1186,6 @@ export {
   LibraryDrawer,
   LibraryPanel,
   NativeSelect,
-  PublishPackageComposer,
   ResultCanvas,
   SpeechComposer,
   Stepper,