Function openMediaPreview

apps/kimi-web/src/composables/useFilePreview.ts:161–203

(media: ToolMedia)

  }

  function openMediaPreview(media: ToolMedia): void {
    if (media.kind !== 'image') return;
    const seq = ++previewRequestSeq;
    revokeMediaObjectUrl();
    detailTarget.value = 'file';
    previewTarget.value = null;
    previewNormalizedPath.value = null;
    previewError.value = null;
    const base = {
      path: media.path ?? 'ReadMediaFile image',
      content: '',
      encoding: 'utf-8' as const,
      mime: media.mimeType ?? mimeFromDataUrl(media.url) ?? 'image/*',
      isBinary: true,
      size: media.bytes ?? 0,
    };
    if (media.fileId) {
      // The raw getFileUrl 401s under daemon auth (browsers load <img> without
      // the Bearer token), so fetch the bytes with auth and preview a blob URL.
      previewLoading.value = true;
      previewFile.value = base;
      void getKimiWebApi().getFileBlob(media.fileId).then((blob) => {
        if (seq !== previewRequestSeq) return;
        // The user may have switched to another detail panel while this was in
        // flight — don't create (and leak) a blob URL for a hidden panel.
        if (detailTarget.value !== 'file' || !previewFile.value) {
          previewLoading.value = false;
          return;
        }
        mediaObjectUrl = URL.createObjectURL(blob);
        previewFile.value = { ...previewFile.value, sourceUrl: mediaObjectUrl };
        previewLoading.value = false;
      }).catch(() => {
        if (seq !== previewRequestSeq) return;
        // Fall back to the raw URL so the user sees an honest broken state.
        if (previewFile.value) previewFile.value = { ...previewFile.value, sourceUrl: media.url };
        previewLoading.value = false;
      });
    } else {
      previewLoading.value = false;
      previewFile.value = { ...base, sourceUrl: media.url };
    }
  }

  function resetFilePreview(): void {
    // Invalidate any in-flight authenticated media fetch so it doesn't create a