# Model Detail Page

## Overview

Single model detail view. Branches on `model.mode` for external vs managed layout.

Follows the layout of `specs/designs/10-layout/detail.md`, only the details are documented in this spec.

## Page Name

"{model.name}" for title and breadcrumb

## User Flows

### Edit Model

- Click "Edit" button
- Go to `/workloads/models/[id]/edit`

### Delete Model

- Click "More" menu button
- Click "Delete" button
- Confirm deletion with a dialog
- If confirmed, delete the model then go to `/workloads/models`

### Test Model (External Model or Deployed Managed Model)

- Click "More" menu button
- Click "Test" button

### Deploy Model (Not Deployed Managed Model)

- Click "More" menu button
- Click "Deploy" button

## Page Header

```
[Icon] Model Name                       [status badge] [Edit] [⋮]
       External | Managed
```

- Icon: provider logo or custom icon
- Model name (primary)
- Mode label below the name: `External` or `Managed`
- Status badge (right)
- Edit button: navigates to the edit page
- ⋮ menu: includes Delete and a context action (`Test` for external or deployed models, `Deploy` for not-deployed managed models)

## Configuration Panel

Always shown.

- Category
- External mode: provider, model id, endpoint/auth settings, and default inference settings when present
- Managed mode: source/runtime settings and runtime inference settings when present

## Basic Information Panel

Always shown. Includes base model information.

## Capabilities Panel

Hidden when empty.

- Family
- Base Model ID
- Release Date
- Context / embedding fields by category
- Inputs / Outputs / Capabilities (language models)
- Languages

## Deployment Panel (Managed Mode)

Always shown for managed models. Shows deployment/runtime configuration.

## Management Tabs

Always shown.