from dataclasses import dataclass
from datetime import datetime
from math import sin
from time import monotonic

from rich.text import Text
from textual.message import Message
from textual.widgets import Label, ListItem, ListView, Static

from cli.tui.adapters.models import BrowserRecordSnapshot, DetailSectionSnapshot
from cli.tui.copy import TUI_COPY
from cli.tui.keymaps import TUI_KEYMAP_REGISTRY
from cli.tui.search import TUI_SEARCH_HIGHLIGHTER


class WorkspaceRenderingSupport:
    """
    工作台组件渲染支持对象。

    该对象负责状态徽标、状态类名、结构化文本渲染和预览提取，
    供工作台中的导航项、详情视图和摘要视图复用。
    """

    @staticmethod
    def highlight_search_text(text: str, query: str) -> str:
        """
        对工作台文本执行搜索高亮。

        :param text: 原始文本
        :param query: 搜索词
        :return: 高亮后的文本
        """
        return TUI_SEARCH_HIGHLIGHTER.highlight(text, query)

    @staticmethod
    def render_status_badge(status: str) -> str:
        """
        将状态值转换为紧凑徽标文本。

        :param status: 原始状态值
        :return: 徽标文本
        """
        return f'[{TUI_COPY.render_status_code(status)}]'

    @staticmethod
    def resolve_status_class(status: str) -> str:
        """
        根据状态值解析统一样式类。

        :param status: 原始状态值
        :return: 状态样式类名
        """
        normalized_status = str(status).strip().lower()
        if normalized_status in {'ok', 'success', 'healthy'}:
            return 'is-ok'
        if normalized_status in {'fail', 'error'}:
            return 'is-fail'
        if normalized_status in {'warn', 'warning'}:
            return 'is-warn'
        return 'is-info'

    @staticmethod
    def strip_line_markup(line: str) -> str:
        """
        去除内部展示标记，便于提取预览文本。

        :param line: 原始文本行
        :return: 纯文本内容
        """
        stripped = line.strip()
        if stripped.startswith('## '):
            return stripped[3:].strip()
        if stripped.startswith('> '):
            return stripped[2:].strip()
        return stripped

    def build_preview_line(self, lines: list[str], fallback: str) -> str:
        """
        从结构化文本中提取首条适合作为预览的内容。

        :param lines: 原始文本行列表
        :param fallback: 兜底文本
        :return: 预览文本
        """
        for line in lines:
            preview = self.strip_line_markup(line)
            if preview:
                return preview
        return fallback

    def render_structured_lines(self, lines: list[str], empty_text: str) -> str:
        """
        将结构化文本行渲染为适合终端展示的块文本。

        支持以下轻量约定：
        - `## ` 开头：区块标题
        - `> ` 开头：说明或子项
        - 空字符串：保留空行

        :param lines: 原始文本行列表
        :param empty_text: 空态提示文本
        :return: 渲染后的文本块
        """
        rendered_lines: list[str] = []
        for raw_line in lines:
            stripped = raw_line.strip()
            if not stripped:
                if rendered_lines and rendered_lines[-1] != '':
                    rendered_lines.append('')
                continue
            if stripped.startswith('## '):
                title = stripped[3:].strip()
                if rendered_lines and rendered_lines[-1] != '':
                    rendered_lines.append('')
                rendered_lines.append(f'【{title}】')
                rendered_lines.append('─' * max(10, min(len(title) * 2, 30)))
                continue
            if stripped.startswith('> '):
                rendered_lines.append(f'│ {stripped[2:].strip()}')
                continue
            rendered_lines.append(f'• {stripped}')

        while rendered_lines and rendered_lines[0] == '':
            rendered_lines.pop(0)
        while rendered_lines and rendered_lines[-1] == '':
            rendered_lines.pop()

        if not rendered_lines:
            return f'- {empty_text}'
        return '\n'.join(rendered_lines)


WORKSPACE_RENDERING = WorkspaceRenderingSupport()


@dataclass(frozen=True)
class NavigationItem:
    """
    工作台导航项定义。

    :param view_key: 视图唯一标识
    :param label: 导航显示名称
    :param shortcut: 快捷键
    :param description: 导航说明
    """

    view_key: str
    label: str
    shortcut: str
    description: str


class NavigationListItem(ListItem):
    """
    工作台导航列表项。

    :param item: 导航项定义
    """

    DEFAULT_CSS = """
    NavigationListItem {
        padding: 0 1;
        margin-bottom: 1;
        border: round #18425d;
        background: #07131f;
        color: #89b9c9;
        height: auto;
    }

    NavigationListItem Label {
        width: 1fr;
    }

    NavigationListItem.is-active {
        border: round #38d8ff;
        background: #0a1e2d;
        color: #e4fbff;
    }

    NavigationListItem.is-active Label {
        text-style: bold;
    }

    NavigationListItem.-highlight {
        border: heavy #6df7ff;
        background: #10364b;
        color: #ffffff;
        text-style: bold;
        padding-left: 2;
    }
    """

    def __init__(self, item: NavigationItem, index: int, *, active: bool = False) -> None:
        """
        初始化导航列表项。

        :param item: 导航项定义
        :return: None
        """
        self.item = item
        super().__init__(
            Label(
                '\n'.join(TUI_COPY.build_navigation_item_lines(index, item.label, item.shortcut, item.description)),
                markup=False,
            )
        )
        if active:
            self.add_class('is-active')


class WorkspaceSidebar(ListView):
    """
    工作台左侧导航组件。

    :param env: 当前运行环境
    :param items: 导航项列表
    :param active_view: 当前激活视图
    """

    DEFAULT_CSS = """
    WorkspaceSidebar {
        width: 34;
        min-width: 34;
        padding: 1;
        margin: 1 0 1 1;
        border: double #18425d;
        background: #06111b;
    }

    WorkspaceSidebar:focus {
        border: heavy #6df7ff;
    }
    """

    def __init__(self, env: str, items: list[NavigationItem], active_view: str) -> None:
        """
        初始化工作台导航组件。

        :param env: 当前运行环境
        :param items: 导航项列表
        :param active_view: 当前激活视图
        :return: None
        """
        self.env = env
        self.items = items
        self.active_view = active_view
        initial_index = self._resolve_initial_index()
        children = [
            NavigationListItem(item, index, active=item.view_key == self.active_view)
            for index, item in enumerate(self.items)
        ]
        super().__init__(*children, initial_index=initial_index, id='workspace-sidebar')

    def _resolve_initial_index(self) -> int:
        """
        解析当前激活视图对应的导航索引。

        :return: 初始高亮索引
        """
        for index, item in enumerate(self.items):
            if item.view_key == self.active_view:
                return index
        return 0


class WorkspaceHero(Static):
    """
    工作台顶部摘要组件。

    :param title: 页面标题
    :param subtitle: 页面副标题
    :param env: 当前运行环境
    :param active_view: 当前激活视图
    :param summary: 状态摘要文本
    :param refreshed_at: 本次刷新时间
    """

    DEFAULT_CSS = """
    WorkspaceHero {
        border: double #38d8ff;
        padding: 1 2;
        margin-bottom: 1;
        min-height: 11;
        background: #081827;
        color: #e9fcff;
    }
    """
    _BORDER_PHASES = ('#2fb8df', '#38d8ff', '#62ecff', '#38d8ff')
    _TITLE_GLOW_PALETTE = ('#7be8ff', '#b4f6ff', '#e9fdff', '#b4f6ff')

    def __init__(
        self,
        title: str,
        subtitle: str,
        env: str,
        active_view: str,
        summary: str,
        refreshed_at: str,
    ) -> None:
        """
        初始化工作台顶部摘要组件。

        :param title: 页面标题
        :param subtitle: 页面副标题
        :param active_view: 当前激活视图
        :param summary: 状态摘要文本
        :param refreshed_at: 本次刷新时间
        :return: None
        """
        self.title = title
        self.subtitle = subtitle
        self.env = env
        self.active_view = active_view
        self.summary = summary
        self.refreshed_at = refreshed_at
        super().__init__(self._build_render_text(), id='workspace-hero', markup=False)

    def on_mount(self) -> None:
        """
        在组件挂载后启动低频边框呼吸动效。

        :return: None
        """
        self.set_interval(0.9, self._pulse_border, name='pulse workspace hero border')

    def _pulse_border(self) -> None:
        """
        以低频节奏切换 Hero 边框颜色。

        :return: None
        """
        phase_index = int(monotonic() * 1.1) % len(self._BORDER_PHASES)
        self.styles.border = ('double', self._BORDER_PHASES[phase_index])

    @classmethod
    def _build_title_text(cls, title: str) -> Text:
        """
        构建 Hero 标题渐变文本。

        :param title: 标题文本
        :return: 富文本标题
        """
        rendered = Text()
        palette_size = len(cls._TITLE_GLOW_PALETTE)
        for index, char in enumerate(title):
            rendered.append(char, style=f'bold {cls._TITLE_GLOW_PALETTE[index % palette_size]}')
        return rendered

    def _build_render_text(self) -> Text:
        """
        构建顶部摘要文本。

        :return: 渲染富文本
        """
        lines = TUI_COPY.build_workspace_hero_lines(
            view_label=TUI_COPY.render_view_label(self.active_view),
            title=self.title,
            subtitle=self.subtitle,
            env=self.env,
            summary=self.summary,
            refreshed_at=self.refreshed_at,
            shortcut_hint=TUI_KEYMAP_REGISTRY.hero_shortcut_hint,
        )
        rendered = Text()
        for index, line in enumerate(lines):
            if index:
                rendered.append('\n')
            if line.startswith('标题 · '):
                rendered.append('标题 · ', style='bold #8fd9e8')
                rendered.append_text(self._build_title_text(line.removeprefix('标题 · ')))
                continue
            rendered.append(line, style='bold #e9fcff' if index == 0 else '#d7f7ff')
        return rendered


class WorkspaceHeader(Static):
    """
    工作台顶部状态栏。

    :param env: 当前运行环境
    :param active_view: 当前激活视图
    """

    DEFAULT_CSS = """
    WorkspaceHeader {
        height: 2;
        padding: 0 2;
        background: #060d16;
        color: #c7f6ff;
        border-bottom: heavy #163c57;
        content-align: left middle;
        text-style: bold;
    }
    """
    _HEADER_LINE_COUNT = 2
    _SCANLINE_WIDTH = 16
    _HEADER_HORIZONTAL_PADDING = 4
    _HEADER_FALLBACK_WIDTH = 108
    _SCANLINE_BASE_STYLE = '#1c5368'
    _SCANLINE_GLOW_STYLES = {
        '·': '#8ef7ff',
        '░': '#62ecff',
        '▒': '#4ee4ff',
        '▓': '#2cc9ff',
        '█': '#dffcff',
    }

    @classmethod
    def build_scanline_text(cls, phase: float, width: int) -> Text:
        """
        构建页眉扫描线文本。

        通过单个高亮扫描头和两侧衰减尾迹，营造简洁的霓虹扫线效果。

        :param phase: 当前动画相位
        :param width: 扫描线宽度
        :return: 带颜色层次的扫描线文本
        """
        cells = ['─'] * width
        head_position = int(((sin(phase * 0.82) + 1) / 2) * (width - 1))
        for offset, symbol in ((-2, '·'), (-1, '░'), (0, '█'), (1, '▓'), (2, '▒')):
            position = head_position + offset
            if 0 <= position < width:
                cells[position] = symbol
        rendered = Text()
        for symbol in cells:
            rendered.append(symbol, style=cls._SCANLINE_GLOW_STYLES.get(symbol, cls._SCANLINE_BASE_STYLE))
        return rendered

    def __init__(self, env: str, active_view: str) -> None:
        """
        初始化工作台顶部状态栏。

        :param env: 当前运行环境
        :param active_view: 当前激活视图
        :return: None
        """
        self.env = env
        self.active_view = active_view
        super().__init__(id='workspace-header', markup=False)

    def on_mount(self) -> None:
        """
        在组件挂载后启动时钟刷新。

        :return: None
        """
        self.set_interval(0.18, self.refresh, name='update workspace header')

    def build_scanline_text_label(self) -> Text:
        """
        构建扫描线文本。

        :return: 扫描线文本
        """
        phase = monotonic() * 2.1
        return self.build_scanline_text(phase, self._SCANLINE_WIDTH)

    def build_symmetric_effects(self) -> tuple[Text, Text]:
        """
        构建标题两侧的对称动效文本。

        左右两侧都使用固定宽度，确保标题中心点稳定，不随动效变化漂移。

        :return: 左右动效文本
        """
        left_effect = self.build_scanline_text_label()
        right_effect = Text()
        for span_symbol in reversed(left_effect.plain):
            right_effect.append(
                span_symbol,
                style=self._SCANLINE_GLOW_STYLES.get(span_symbol, self._SCANLINE_BASE_STYLE),
            )
        return left_effect, right_effect

    def build_centered_title_line(self, title_text: str) -> Text:
        """
        构建居中的标题装饰行。

        标题左右分别放置镜像扫描线动效，中间保留标题主体。

        :param title_text: 标题主体文本
        :return: 居中后的富文本标题行
        """
        left_effect, right_effect = self.build_symmetric_effects()
        decorated_title = Text()
        decorated_title.append_text(left_effect)
        decorated_title.append('  ')
        decorated_title.append(title_text, style='bold #e8fdff')
        decorated_title.append('  ')
        decorated_title.append_text(right_effect)
        available_width = self.size.width - self._HEADER_HORIZONTAL_PADDING
        if available_width <= 0:
            available_width = self._HEADER_FALLBACK_WIDTH
        centered = Text(
            ' ' * max((max(available_width, len(decorated_title.plain)) - len(decorated_title.plain)) // 2, 0)
        )
        centered.append_text(decorated_title)
        return centered

    def render(self) -> Text:
        """
        渲染顶部状态栏文本。

        :return: 渲染富文本
        """
        timestamp = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
        lines = TUI_COPY.build_workspace_header_lines(
            env=self.env,
            view_label=TUI_COPY.render_view_label(self.active_view),
            timestamp=timestamp,
            shortcut_hint=TUI_KEYMAP_REGISTRY.global_shortcut_hint,
        )
        rendered = Text()
        if len(lines) >= self._HEADER_LINE_COUNT:
            rendered.append_text(self.build_centered_title_line(lines[0]))
            rendered.append('\n')
            rendered.append(lines[1], style='bold #c7f6ff')
            return rendered
        rendered.append('\n'.join(lines), style='bold #c7f6ff')
        return rendered


class SectionListItem(ListItem):
    """
    详情页分区导航列表项。

    :param section: 分区快照
    :param index: 分区索引
    """

    DEFAULT_CSS = """
    SectionListItem {
        padding: 0 1;
        margin-bottom: 1;
        border: round #123148;
        background: #07131f;
        color: #a3c8d2;
        height: auto;
    }

    SectionListItem Label {
        width: 1fr;
    }

    SectionListItem.is-ok {
        border: round #22c983;
        background: #081b17;
    }

    SectionListItem.is-fail {
        border: round #ff6b7a;
        background: #241118;
    }

    SectionListItem.is-warn {
        border: round #f2b84b;
        background: #261d0f;
    }

    SectionListItem.is-info {
        border: round #38d8ff;
        background: #081825;
    }

    SectionListItem.-highlight {
        border: heavy #6df7ff;
        background: #10364b;
        color: #ffffff;
        text-style: bold;
        padding-left: 2;
    }
    """

    def __init__(
        self,
        section: DetailSectionSnapshot,
        index: int,
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化详情页分区导航项。

        :param section: 分区快照
        :param index: 分区索引
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.section = section
        self.index = index
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        preview_line = self.rendering.build_preview_line(section.lines, TUI_COPY.build_workspace_empty_text('detail'))
        super().__init__(
            Label(
                '\n'.join(
                    TUI_COPY.build_section_item_lines(
                        index,
                        self.rendering.highlight_search_text(section.title, query),
                        self.rendering.render_status_badge(section.status),
                        self.rendering.highlight_search_text(preview_line, query),
                    )
                ),
                markup=False,
            )
        )
        self.add_class(self.rendering.resolve_status_class(section.status))


class SectionNavigator(ListView):
    """
    详情页分区导航组件。

    :param sections: 分区快照列表
    :param initial_index: 初始高亮索引
    """

    DEFAULT_CSS = """
    SectionNavigator {
        width: 30;
        min-width: 30;
        border: double #18425d;
        padding: 1;
        margin-right: 1;
        background: #06111b;
    }

    SectionNavigator:focus {
        border: heavy #6df7ff;
    }
    """

    class Changed(Message):
        """
        分区导航高亮变更消息。
        """

        def __init__(self, navigator: 'SectionNavigator', index: int, item: SectionListItem) -> None:
            super().__init__()
            self.navigator = navigator
            self.index = index
            self.item = item

        @property
        def control(self) -> 'SectionNavigator':
            return self.navigator

    def __init__(
        self,
        sections: list[DetailSectionSnapshot],
        initial_index: int = 0,
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化详情页分区导航。

        :param sections: 分区快照列表
        :param initial_index: 初始高亮索引
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.sections = sections
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        children = [
            SectionListItem(section, index, query=query, rendering=self.rendering)
            for index, section in enumerate(sections)
        ]
        super().__init__(*children, initial_index=initial_index)

    def watch_index(self, old_index: int | None, new_index: int | None) -> None:
        """
        在高亮变化后向父级发送明确的分区切换消息。

        :param old_index: 旧索引
        :param new_index: 新索引
        :return: None
        """
        super().watch_index(old_index, new_index)
        if new_index is None or not 0 <= new_index < len(self._nodes):
            return
        item = self._nodes[new_index]
        if isinstance(item, SectionListItem):
            self.post_message(self.Changed(self, new_index, item))

    async def show_sections(
        self, sections: list[DetailSectionSnapshot], initial_index: int = 0, query: str = ''
    ) -> None:
        """
        刷新分区导航内容并恢复高亮位置。

        :param sections: 最新分区快照列表
        :param initial_index: 目标高亮索引
        :return: None
        """
        self.sections = sections
        self.search_query = query
        await self.clear()
        children = [
            SectionListItem(section, index, query=query, rendering=self.rendering)
            for index, section in enumerate(sections)
        ]
        if not children:
            self.index = None
            return
        await self.extend(children)
        self.index = max(0, min(initial_index, len(children) - 1))


class SectionDetailView(Static):
    """
    详情页分区内容展示组件。

    :param section: 当前展示的分区快照
    """

    DEFAULT_CSS = """
    SectionDetailView {
        border: double #245874;
        padding: 1 2;
        background: #08131f;
        color: #ddf8ff;
        width: 1fr;
        min-height: 18;
        overflow-x: auto;
        overflow-y: auto;
    }

    SectionDetailView.is-ok {
        border: double #22c983;
        background: #081b17;
    }

    SectionDetailView.is-fail {
        border: double #ff6b7a;
        background: #241118;
    }

    SectionDetailView.is-warn {
        border: double #f2b84b;
        background: #261d0f;
    }

    SectionDetailView.is-info {
        border: double #38d8ff;
        background: #081825;
    }

    SectionDetailView:focus {
        border: heavy #6df7ff;
        background: #10364b;
    }
    """

    def __init__(
        self,
        section: DetailSectionSnapshot,
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化详情页分区内容展示组件。

        :param section: 当前展示的分区快照
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.section = section
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        super().__init__(markup=False)
        self.can_focus = True
        self._render_section()

    def show_section(self, section: DetailSectionSnapshot, query: str = '') -> None:
        """
        切换并渲染当前展示的分区内容。

        :param section: 待展示的分区快照
        :return: None
        """
        self.section = section
        self.search_query = query
        self._render_section()

    def _render_section(self) -> None:
        """
        渲染当前分区内容。

        :return: None
        """
        self.remove_class('is-ok', 'is-fail', 'is-warn', 'is-info')
        self.add_class(self.rendering.resolve_status_class(self.section.status))
        highlighted_lines = [
            self.rendering.highlight_search_text(line, self.search_query) for line in self.section.lines
        ]
        body = self.rendering.render_structured_lines(
            highlighted_lines,
            TUI_COPY.build_workspace_empty_text('detail'),
        )
        self.update(
            '\n'.join(
                TUI_COPY.build_section_detail_lines(
                    self.rendering.highlight_search_text(self.section.title, self.search_query),
                    TUI_COPY.render_status_label(self.section.status),
                    self.rendering.render_status_badge(self.section.status),
                    body,
                )
            )
        )


class RecordListItem(ListItem):
    """
    浏览页记录导航列表项。

    :param record: 记录快照
    :param index: 记录索引
    """

    DEFAULT_CSS = """
    RecordListItem {
        padding: 0 1;
        margin-bottom: 1;
        border: round #123148;
        background: #07131f;
        color: #a3c8d2;
        height: auto;
    }

    RecordListItem Label {
        width: 1fr;
    }

    RecordListItem.is-ok {
        border: round #22c983;
        background: #081b17;
    }

    RecordListItem.is-fail {
        border: round #ff6b7a;
        background: #241118;
    }

    RecordListItem.is-warn {
        border: round #f2b84b;
        background: #261d0f;
    }

    RecordListItem.is-info {
        border: round #38d8ff;
        background: #081825;
    }

    RecordListItem.-highlight {
        border: heavy #6df7ff;
        background: #10364b;
        color: #ffffff;
        text-style: bold;
        padding-left: 2;
    }
    """

    def __init__(
        self,
        record: BrowserRecordSnapshot,
        index: int,
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化浏览页记录导航项。

        :param record: 记录快照
        :param index: 记录索引
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.record = record
        self.index = index
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        super().__init__(
            Label(
                '\n'.join(
                    TUI_COPY.build_record_item_lines(
                        index,
                        self.rendering.highlight_search_text(record.title, query),
                        self.rendering.render_status_badge(record.status),
                        self.rendering.highlight_search_text(record.summary, query),
                    )
                ),
                markup=False,
            )
        )
        self.add_class(self.rendering.resolve_status_class(record.status))


class RecordNavigator(ListView):
    """
    浏览页记录导航组件。

    :param records: 记录快照列表
    :param initial_index: 初始高亮索引
    """

    DEFAULT_CSS = """
    RecordNavigator {
        width: 34;
        min-width: 34;
        border: double #18425d;
        padding: 1;
        margin-right: 1;
        background: #06111b;
    }

    RecordNavigator:focus {
        border: heavy #6df7ff;
    }
    """

    class Changed(Message):
        """
        记录导航高亮变更消息。
        """

        def __init__(self, navigator: 'RecordNavigator', index: int, item: RecordListItem) -> None:
            super().__init__()
            self.navigator = navigator
            self.index = index
            self.item = item

        @property
        def control(self) -> 'RecordNavigator':
            return self.navigator

    def __init__(
        self,
        records: list[BrowserRecordSnapshot],
        initial_index: int = 0,
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化浏览页记录导航。

        :param records: 记录快照列表
        :param initial_index: 初始高亮索引
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.records = records
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        children = [
            RecordListItem(record, index, query=query, rendering=self.rendering) for index, record in enumerate(records)
        ]
        super().__init__(*children, initial_index=initial_index, id='record-navigator')

    def watch_index(self, old_index: int | None, new_index: int | None) -> None:
        """
        在高亮变化后向父级发送明确的记录切换消息。

        :param old_index: 旧索引
        :param new_index: 新索引
        :return: None
        """
        super().watch_index(old_index, new_index)
        if new_index is None or not 0 <= new_index < len(self._nodes):
            return
        item = self._nodes[new_index]
        if isinstance(item, RecordListItem):
            self.post_message(self.Changed(self, new_index, item))


class RecordDetailView(Static):
    """
    浏览页记录详情展示组件。

    :param record: 当前展示的记录快照
    :param shared_sections: 页面共享分区列表
    """

    DEFAULT_CSS = """
    RecordDetailView {
        border: double #245874;
        padding: 1 2;
        background: #08131f;
        color: #ddf8ff;
        width: 1fr;
        min-height: 18;
        overflow-x: auto;
        overflow-y: auto;
    }

    RecordDetailView.is-ok {
        border: double #22c983;
    }

    RecordDetailView.is-fail {
        border: double #ff6b7a;
    }

    RecordDetailView.is-warn {
        border: double #f2b84b;
    }

    RecordDetailView.is-info {
        border: double #38d8ff;
    }

    RecordDetailView:focus {
        border: heavy #6df7ff;
        background: #10364b;
    }
    """

    def __init__(
        self,
        record: BrowserRecordSnapshot,
        shared_sections: list[DetailSectionSnapshot],
        query: str = '',
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化浏览页记录详情展示组件。

        :param record: 当前展示的记录快照
        :param shared_sections: 页面共享分区列表
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.record = record
        self.shared_sections = shared_sections
        self.search_query = query
        self.rendering = rendering or WORKSPACE_RENDERING
        super().__init__(id='record-detail-view', markup=False)
        self.can_focus = True
        self._render_record()

    def show_record(
        self,
        record: BrowserRecordSnapshot,
        shared_sections: list[DetailSectionSnapshot],
        query: str = '',
    ) -> None:
        """
        切换并渲染当前展示的记录内容。

        :param record: 待展示的记录快照
        :param shared_sections: 页面共享分区列表
        :return: None
        """
        self.record = record
        self.shared_sections = shared_sections
        self.search_query = query
        self._render_record()

    def _render_record(self) -> None:
        """
        渲染当前记录内容。

        :return: None
        """
        self.remove_class('is-ok', 'is-fail', 'is-warn', 'is-info')
        self.add_class(self.rendering.resolve_status_class(self.record.status))
        lines = [
            (
                f'{self.rendering.render_status_badge(self.record.status)} '
                f'{self.rendering.highlight_search_text(self.record.title, self.search_query)}'
            ),
            f'{TUI_COPY.build_workspace_label("overview")} · {self.rendering.highlight_search_text(self.record.summary, self.search_query)}',
            '',
        ]
        if self.record.metadata_lines:
            lines.append(TUI_COPY.build_workspace_title('key_info'))
            lines.append('────────────────')
            lines.append(
                self.rendering.render_structured_lines(
                    [
                        self.rendering.highlight_search_text(line, self.search_query)
                        for line in self.record.metadata_lines
                    ],
                    TUI_COPY.build_workspace_empty_text('key_info'),
                )
            )
            lines.append('')

        combined_sections = [*self.record.detail_sections, *self.shared_sections]
        if not combined_sections:
            lines.append(TUI_COPY.build_workspace_title('detail_content'))
            lines.append('========')
            lines.append(f'- {TUI_COPY.build_workspace_empty_text("detail")}')
        else:
            for section in combined_sections:
                lines.append('-' * 44)
                lines.append(
                    f'{self.rendering.render_status_badge(section.status)} '
                    f'{self.rendering.highlight_search_text(section.title, self.search_query)}'
                )
                lines.append(
                    self.rendering.render_structured_lines(
                        [self.rendering.highlight_search_text(line, self.search_query) for line in section.lines],
                        TUI_COPY.build_workspace_empty_text('detail'),
                    )
                )
                lines.append('')
        self.update('\n'.join(lines).strip())


class RecordSummaryView(Static):
    """
    浏览页记录摘要展示组件。

    :param record: 当前展示的记录快照
    """

    DEFAULT_CSS = """
    RecordSummaryView {
        border: double #38d8ff;
        padding: 1 2;
        margin-bottom: 1;
        background: #081827;
        color: #e9fcff;
        overflow-x: auto;
        overflow-y: auto;
    }

    RecordSummaryView.is-ok {
        border: double #22c983;
        background: #081b17;
    }

    RecordSummaryView.is-fail {
        border: double #ff6b7a;
        background: #241118;
    }

    RecordSummaryView.is-warn {
        border: double #f2b84b;
        background: #261d0f;
    }

    RecordSummaryView.is-info {
        border: double #38d8ff;
        background: #081825;
    }

    RecordSummaryView.section-ok {
        border-left: heavy #22c983;
    }

    RecordSummaryView.section-fail {
        border-left: heavy #ff6b7a;
    }

    RecordSummaryView.section-warn {
        border-left: heavy #f2b84b;
    }

    RecordSummaryView.section-info {
        border-left: heavy #38d8ff;
    }

    RecordSummaryView:focus {
        border: heavy #6df7ff;
        background: #10364b;
    }
    """

    def __init__(
        self,
        record: BrowserRecordSnapshot,
        rendering: WorkspaceRenderingSupport | None = None,
    ) -> None:
        """
        初始化浏览页记录摘要展示组件。

        :param record: 当前展示的记录快照
        :param rendering: 工作台组件渲染支持对象
        :return: None
        """
        self.record = record
        self.section: DetailSectionSnapshot | None = None
        self.action_lines: list[str] = []
        self.search_query = ''
        self.rendering = rendering or WORKSPACE_RENDERING
        super().__init__(id='record-summary-view', markup=False)
        self.can_focus = True
        self._render_record()

    def show_record(
        self,
        record: BrowserRecordSnapshot,
        selected_section: DetailSectionSnapshot | None = None,
        action_lines: list[str] | None = None,
        query: str = '',
    ) -> None:
        """
        更新当前展示的记录摘要。

        :param record: 待展示的记录快照
        :param selected_section: 当前联动分区
        :param action_lines: 动作摘要文本
        :return: None
        """
        self.record = record
        self.section = selected_section
        self.action_lines = list(action_lines or [])
        self.search_query = query
        self._render_record()

    def _render_record(self) -> None:
        """
        渲染当前记录摘要。

        :return: None
        """
        self.remove_class('is-ok', 'is-fail', 'is-warn', 'is-info')
        self.remove_class('section-ok', 'section-fail', 'section-warn', 'section-info')
        self.add_class(self.rendering.resolve_status_class(self.record.status))
        if self.section is not None:
            self.add_class(
                f'section-{self.section.status if self.section.status in {"ok", "fail", "warn"} else "info"}'
            )
        lines = [
            (
                f'{self.rendering.render_status_badge(self.record.status)} '
                f'{self.rendering.highlight_search_text(self.record.title, self.search_query)}'
            ),
            f'{TUI_COPY.build_workspace_label("overview")} · {self.rendering.highlight_search_text(self.record.summary, self.search_query)}',
        ]
        if self.section is not None:
            lines.append(
                f'{TUI_COPY.build_workspace_label("current_section")} · {self.rendering.highlight_search_text(self.section.title, self.search_query)} / {TUI_COPY.render_status_label(self.section.status)}'
            )
        if self.record.metadata_lines:
            lines.append('')
            lines.append(TUI_COPY.build_workspace_title('key_fields'))
            lines.append('────────────────')
            lines.append(
                self.rendering.render_structured_lines(
                    [
                        self.rendering.highlight_search_text(line, self.search_query)
                        for line in self.record.metadata_lines
                    ],
                    TUI_COPY.build_workspace_empty_text('key_info'),
                )
            )
        if self.action_lines:
            lines.append('')
            lines.append(TUI_COPY.build_workspace_title('action_feedback'))
            lines.append('────────────────')
            lines.append(
                self.rendering.render_structured_lines(
                    [self.rendering.highlight_search_text(line, self.search_query) for line in self.action_lines],
                    TUI_COPY.build_workspace_empty_text('actions'),
                )
            )
        self.update('\n'.join(lines))