---
ui_doc_type: component
component_id: endpoint-tile
status: 구현됨
source_evidence:
  - type: code
    path: packages/flutter/oto_console/lib/src/oto_console_overview.dart
    notes: "_EndpointTile 구현"
  - type: code
    path: packages/flutter/oto_console/lib/src/oto_console_shell.dart
    notes: "_SectionDetailTile fallback detail 구현"
  - type: docs
    path: apps/client/README.md
    notes: "server URL, preview port, browser policy context"
---

# Endpoint Tile

Component ID: `endpoint-tile`

Status: `구현됨`

## Source Evidence

| Type | Path | Notes |
|------|------|-------|
| code | `packages/flutter/oto_console/lib/src/oto_console_overview.dart` | `_EndpointTile` 구현 |
| code | `packages/flutter/oto_console/lib/src/oto_console_shell.dart` | `_SectionDetailTile` fallback detail 구현 |
| docs | `apps/client/README.md` | server URL, preview port, browser policy context |

## Purpose

endpoint, policy, 설정 값처럼 운영자가 복사하거나 비교해야 하는 짧은 key/value 정보를 표시한다.

## Used By

- `overview`: `overview.endpoints`
- `settings`: `settings.endpoint-details`

## Anatomy

- leading icon
- title
- value
- bordered surface

## Variants

- overview endpoint tile
- settings detail tile

## States

- default
- value-empty
- truncated
- error: 없음

## Rules

- value는 한 줄 ellipsis를 기본으로 한다.
- credential이나 token 원문은 표시하지 않고 reference만 표시한다.

## Decision History

- 2026-06-24: endpoint/config value 표시 패턴을 `endpoint-tile`로 정의했다.

