FileViewerMeta

FileViewerMeta renders passive facts for the active file, such as MIME type or resolved renderer category. It is separate from FileViewerTitle so header composition stays explicit.

Copy<FileViewerMeta visibility="responsive" />

Behavior

• Reads MIME type and category from file viewer context.
• Renders nothing when no metadata is available.
• Renders data-slot="file-viewer-meta" with truncating text.
• visibility="responsive" hides metadata on small screens.

API Reference

Source

"use client";

import * as React from "react";
import { PanelLeft, PanelRight } from "lucide-react";

import { cn } from "@/lib/utils";

import { Button } from "./button";
import { Spinner } from "./spinner";
import { useFileViewerControlsState } from "./file-viewer-provider";
import { useFileViewerRequiredResourceState } from "./file-viewer-resource-state";
import {