<div class="pz-row"><pz-icon name="monitor_heart" size="24"></pz-icon><pz-icon name="forum" tone="muted"></pz-icon><pz-icon name="auto_awesome" tone="ai"></pz-icon><pz-icon name="check_circle" tone="ok" fill></pz-icon><pz-icon name="local_fire_department" tone="accent" fill size="18"></pz-icon></div>

<div class="pz-row"><pz-button variant="ink" icon="add">Создать</pz-button><pz-button icon="ios_share">Поделиться</pz-button><pz-button variant="ghost">Отмена</pz-button><pz-button variant="blue" icon="send">Отправить</pz-button><pz-button variant="danger" icon="delete">Удалить</pz-button></div>

<div class="pz-stack tight"><div class="pz-row pz-sm"><pz-button>Малая</pz-button><pz-button dropdown>Фильтр</pz-button></div><div class="pz-row"><pz-button loading>Сохраняю</pz-button><pz-button disabled>Недоступна</pz-button></div><div class="pz-row pz-lg"><pz-button variant="ink" icon="add" dropdown>Создать</pz-button></div></div>

<div class="pz-row"><pz-icon-button icon="more_horiz" label="Ещё"></pz-icon-button><pz-icon-button icon="close" label="Закрыть" variant="solid"></pz-icon-button><pz-icon-button icon="add" label="Создать" variant="ink"></pz-icon-button><pz-icon-button icon="send" label="Отправить" variant="blue"></pz-icon-button><pz-icon-button icon="notifications" label="Уведомления" variant="solid" dot></pz-icon-button></div>

<div class="pz-row"><pz-icon-group size="lg" label="Сообщения"><pz-icon-button icon="forum" label="Чаты" badge="3"></pz-icon-button><pz-icon-button icon="campaign" label="Объявления"></pz-icon-button><pz-icon-button icon="notifications" label="Уведомления" dot></pz-icon-button></pz-icon-group><pz-icon-group label="Вид"><pz-icon-button icon="view_agenda" label="Список" on></pz-icon-button><pz-icon-button icon="view_kanban" label="Доска"></pz-icon-button><pz-sep></pz-sep><pz-icon-button icon="tune" label="Настроить"></pz-icon-button></pz-icon-group></div>

<div class="pz-stack tight" style="max-width:420px"><pz-field label="Название" placeholder="Коротко, что сделать" required></pz-field><pz-field label="Почта" type="email" value="anna@" error="Нужен адрес целиком"></pz-field><pz-field label="Описание" multiline autogrow hint="Можно Markdown"></pz-field><pz-field label="Недоступно" value="Только чтение" disabled></pz-field></div>

<div class="pz-row"><pz-field variant="search" size="lg" placeholder="Поиск и команды" kbd="⌘K" style="width:320px"></pz-field><pz-field variant="search" placeholder="Найти в списке" clearable value="бриф"></pz-field></div>

<div class="pz-row" style="gap:32px;align-items:flex-start"><div class="pz-stack tight"><pz-checkbox checked>Сверстать корзину</pz-checkbox><pz-checkbox>Проверить оплату</pz-checkbox><pz-checkbox indeterminate hint="2 из 5 подзадач">Чеклист</pz-checkbox></div><pz-radio-group><pz-checkbox type="radio" name="w" value="day" checked>Каждый день</pz-checkbox><pz-checkbox type="radio" name="w" value="week">Раз в неделю</pz-checkbox></pz-radio-group></div>

<div class="pz-row"><pz-toggle checked label="Уведомления"></pz-toggle><pz-toggle label="Дайджест"></pz-toggle><pz-toggle disabled label="Недоступно"></pz-toggle></div>

<div class="pz-stack tight"><pz-segmented value="work"><pz-option value="all">Все</pz-option><pz-option value="work" count="12">В работе</pz-option><pz-option value="wait" count="3" hot>Ждут меня</pz-option><pz-option value="done">Готово</pz-option></pz-segmented><pz-segmented size="sm" value="week"><pz-option value="day">День</pz-option><pz-option value="week">Неделя</pz-option><pz-option value="month">Месяц</pz-option></pz-segmented><pz-segmented icons value="list"><pz-option value="list" icon="view_agenda">Список</pz-option><pz-option value="board" icon="view_kanban">Доска</pz-option></pz-segmented></div>

<div class="pz-row"><pz-chip tone="idea" icon="lightbulb">Идея</pz-chip><pz-chip tone="task" icon="task_alt">Задача</pz-chip><pz-chip tone="bug" icon="bug_report">Баг</pz-chip><pz-chip tone="doc" icon="description">Документ</pz-chip><pz-chip tone="ann" icon="campaign">Объявление</pz-chip><pz-chip tone="hot" icon="schedule">Сегодня</pz-chip><pz-chip tone="ai" icon="auto_awesome">ИИ-итог</pz-chip><pz-chip>оплата</pz-chip></div>

<div class="pz-row"><pz-chip clickable on>Все</pz-chip><pz-chip clickable tone="bug" icon="bug_report">Баги</pz-chip><pz-chip clickable removable>Исполнитель: Дима</pz-chip></div>

<div class="pz-row"><pz-badge status="new">Новая</pz-badge><pz-badge status="disc">Обсуждаем</pz-badge><pz-badge status="work">В работе</pz-badge><pz-badge status="rev">На проверке</pz-badge><pz-badge status="done">Сделано</pz-badge><pz-badge status="block">Блокер</pz-badge><pz-badge status="off">В архиве</pz-badge></div>

<div class="pz-row"><pz-counter value="3"></pz-counter><pz-counter tone="hot" value="5"></pz-counter><pz-counter tone="mute" value="12"></pz-counter><pz-counter tone="ink" value="1"></pz-counter><pz-counter tone="plain" value="37"></pz-counter></div>

<div class="pz-row"><pz-kbd>⌘K</pz-kbd><pz-kbd>⌘N</pz-kbd><pz-kbd>↵</pz-kbd><pz-kbd>Esc</pz-kbd></div>

<div class="pz-row"><pz-avatar name="Анна Котова"></pz-avatar><pz-avatar name="Дима Смирнов" size="36"></pz-avatar><pz-avatar name="Олег" solid size="36"></pz-avatar><pz-avatar name="Борис" icon="smart_toy" size="36"></pz-avatar><pz-faces max="3"><pz-avatar name="Анна"></pz-avatar><pz-avatar name="Дима"></pz-avatar><pz-avatar name="Олег"></pz-avatar><pz-avatar name="Ира"></pz-avatar><pz-avatar name="Саша"></pz-avatar></pz-faces></div>

<div class="pz-row"><pz-tile tone="logo" icon="ecg_heart"></pz-tile><pz-tile tone="idea" icon="lightbulb"></pz-tile><pz-tile tone="task" icon="task_alt"></pz-tile><pz-tile tone="bug" icon="bug_report"></pz-tile><pz-tile tone="doc" icon="description"></pz-tile><pz-tile tone="ann" icon="campaign"></pz-tile><pz-tile tone="ai" icon="auto_awesome"></pz-tile><pz-tile color="#d6418f" icon="shopping_cart" size="sm"></pz-tile><pz-tile color="#0f9fb4" icon="local_shipping" size="xs"></pz-tile><pz-tile tone="ink" icon="add" round size="lg"></pz-tile></div>

<div class="pz-row"><pz-tooltip text="Быстрая подача" kbd="⌘N"><pz-icon-button icon="bolt" label="Быстрая подача" variant="solid"></pz-icon-button></pz-tooltip><pz-tooltip text="Поиск и команды" kbd="⌘K" placement="bottom"><pz-button icon="search">Поиск</pz-button></pz-tooltip></div>

<div class="pz-row"><pz-spinner></pz-spinner><pz-spinner size="28"></pz-spinner></div>

<pz-card style="max-width:360px"><div class="pz-row nowrap" style="gap:12px"><pz-skeleton width="44px" height="44px" radius="14px" style="flex:none"></pz-skeleton><pz-skeleton lines="2" style="flex:1"></pz-skeleton></div><pz-skeleton lines="3" style="margin-top:16px"></pz-skeleton></pz-card>

<div class="pz-grid"><pz-card title="Ждут тебя" count="3" icon="hourglass_top" tone="hot"><pz-button slot="actions" variant="ghost">Все</pz-button><div class="pz-stack tight"><pz-well><b>Проверить оплату PayPal</b><div class="pz-small">Дима отдал на проверку 8 ч назад</div></pz-well><pz-well><b>Ответить по возвратам</b><div class="pz-small">срок сегодня</div></pz-well></div></pz-card><pz-card title="Итог недели" icon="auto_awesome" tone="ai" tint="ai" subtitle="ИИ-сводка по пространству"><p class="pz-body" style="margin:0">Закрыто 14 задач, 2 бага ждут решения. Больше всего движения в «Оплате».</p><pz-button slot="footer" size="sm">Открыть сводку</pz-button></pz-card></div>

<div class="pz-row"><pz-param-pill avatar="Дима Смирнов" value="Дима"></pz-param-pill><pz-param-pill icon="event" value="Сегодня" label="срок" hot></pz-param-pill><pz-param-pill icon="flag" value="Высокая"></pz-param-pill><pz-param-pill icon="sell" value="Метка" none></pz-param-pill><pz-param-pill icon="person_add" ai value="Анна" label="предлагает ИИ"></pz-param-pill><pz-param-pill size="sm" icon="link" value="2 связи"></pz-param-pill></div>

<pz-dropdown><pz-param-pill slot="trigger" avatar="Дима Смирнов" value="Дима"></pz-param-pill><pz-menu search="Найти человека" select="single"><pz-menu-label>Команда</pz-menu-label><pz-menu-item value="dima" avatar="Дима Смирнов" hint="frontend" selected>Дима Смирнов</pz-menu-item><pz-menu-item value="anna" avatar="Анна Котова" hint="дизайн">Анна Котова</pz-menu-item><pz-menu-item value="oleg" avatar="Олег Петров">Олег Петров</pz-menu-item><pz-menu-item value="boris" icon="smart_toy" hint="ИИ-исполнитель">Борис</pz-menu-item><pz-sep></pz-sep><pz-menu-item value="" icon="person_off">Без исполнителя</pz-menu-item></pz-menu></pz-dropdown>

<div class="pz-row"><pz-dropdown placement="bottom-end"><pz-button slot="trigger" variant="ink" icon="add" dropdown>Создать</pz-button><pz-menu><pz-menu-item icon="task_alt" kbd="T">Задача</pz-menu-item><pz-menu-item icon="bug_report" kbd="B">Баг</pz-menu-item><pz-menu-item icon="lightbulb" kbd="I">Идея</pz-menu-item><pz-menu-item icon="description">Документ</pz-menu-item><pz-sep></pz-sep><pz-menu-item icon="draft" hint="3 черновика">Черновики</pz-menu-item></pz-menu></pz-dropdown><pz-dropdown flush><pz-param-pill slot="trigger" icon="event" value="Пятница" label="срок"></pz-param-pill><pz-calendar></pz-calendar></pz-dropdown></div>

<pz-card pad="sm" style="max-width:300px"><pz-menu><pz-menu-item icon="open_in_full" kbd="F">Во весь экран</pz-menu-item><pz-menu-item icon="link">Скопировать ссылку</pz-menu-item><pz-menu-item icon="call_merge" hint="объединить с похожей">Слить с задачей</pz-menu-item><pz-sep></pz-sep><pz-menu-item icon="delete" danger>Удалить</pz-menu-item></pz-menu></pz-card>

<pz-card pad="none" style="display:inline-block"><pz-calendar></pz-calendar></pz-card>

<pz-card pad="sm" style="max-width:720px"><div style="display:grid;gap:2px"><pz-list-row icon="bug_report" tone="bug" id-label="ПРО-141" title="Корзина теряет купон после входа" meta="Дима · обновлено 2 ч назад" unread><pz-chip slot="end" tone="hot" icon="schedule">Сегодня</pz-chip><pz-avatar slot="end" name="Дима Смирнов" size="24"></pz-avatar></pz-list-row><pz-list-row icon="task_alt" tone="task" id-label="ПРО-140" title="Гостевой чекаут" meta="Анна · в работе" selected><pz-badge slot="end" status="work">В работе</pz-badge></pz-list-row><pz-list-row icon="lightbulb" tone="idea" title="Оплата частями" meta="12 голосов · обсуждаем"><pz-faces slot="end" max="2" size="24"><pz-avatar name="Анна"></pz-avatar><pz-avatar name="Олег"></pz-avatar><pz-avatar name="Ира"></pz-avatar></pz-faces></pz-list-row></div></pz-card>

<pz-stepper steps="Новая, Обсуждаем, В работе, Проверка, Готово" current="2" hint="Осталось 2 пункта чеклиста" interactive><pz-button variant="ink" icon="send">На проверку</pz-button></pz-stepper>

<pz-stages steps="Разбор, План, Код, Проверка, Выкатка" current="2"></pz-stages>

<div class="pz-row"><pz-attachment name="Договор поставки 2026.pdf" meta="1,2 МБ" removable></pz-attachment><pz-attachment kind="img" name="Макет корзины.png" meta="840 КБ"></pz-attachment><pz-attachment kind="link" name="figma.com/file/…" meta="Figma"></pz-attachment><pz-attachment add meta="или перетащи файл"></pz-attachment></div>

<pz-card title="Уведомления" style="max-width:620px"><div class="pz-stack tight"><pz-setting-row title="Telegram" hint="Сразу, когда что-то ждёт тебя" icon="send" tone="lnk"><pz-toggle checked label="Telegram"></pz-toggle></pz-setting-row><pz-setting-row title="Сводка «Пока тебя не было»" hint="После суток отсутствия"><pz-segmented size="sm" value="tg"><pz-option value="tg">Telegram</pz-option><pz-option value="mail">Почта</pz-option><pz-option value="off">Нет</pz-option></pz-segmented></pz-setting-row></div></pz-card>

<div class="pz-stack tight" style="justify-items:start"><pz-toast action="Вернуть">Задача удалена</pz-toast><pz-toast tone="ok">Сохранено</pz-toast><pz-button onclick="PulseDS.toast('Ссылка скопирована', { tone: 'ok' })">Показать тост</pz-button></div>

<div class="pz-grid"><pz-card><pz-empty icon="lightbulb" title="Идей пока нет" text="Подай первую — команда увидит её в ленте и сможет проголосовать."><pz-button variant="ink" icon="add">Новая идея</pz-button></pz-empty></pz-card><pz-card><pz-empty compact tone="ok" icon="done_all" title="Всё разобрано" text="Ничего не ждёт тебя."></pz-empty></pz-card><pz-card><pz-empty compact tone="err" title="Не загрузилось" text="Нет связи с сервером."><pz-button icon="refresh" size="sm">Повторить</pz-button></pz-empty></pz-card></div>

<pz-button icon="open_in_new" onclick="this.nextElementSibling.show()">Открыть запись</pz-button><pz-drawer id-label="ПРО-140" icon="task_alt" tone="task" title="Гостевой чекаут без регистрации" index="2" total="5"><pz-badge slot="header" status="work">В работе</pz-badge><pz-icon-button slot="actions" icon="more_horiz" label="Ещё" variant="solid" size="sm"></pz-icon-button><pz-param-pill slot="params" avatar="Анна Котова" value="Анна" size="sm"></pz-param-pill><pz-param-pill slot="params" icon="event" value="Пятница" label="срок" size="sm"></pz-param-pill><pz-param-pill slot="params" icon="flag" value="Высокая" size="sm"></pz-param-pill><pz-stepper steps="Новая, В работе, Проверка, Готово" current="1" hint="Осталось 2 пункта"></pz-stepper><p class="pz-body-lg" style="margin:0">Покупатель оформляет заказ без аккаунта; аккаунт создаётся после оплаты, письмо со ссылкой на пароль.</p><pz-well title="Чеклист"><div class="pz-stack tight"><pz-checkbox checked>Форма без пароля</pz-checkbox><pz-checkbox>Письмо после оплаты</pz-checkbox></div></pz-well><pz-button slot="footer" variant="ghost">Отложить</pz-button><span slot="footer" class="pz-spacer"></span><pz-button slot="footer" variant="ink" icon="send">На проверку</pz-button></pz-drawer>

<div class="pz-row"><pz-button icon="person_add" onclick="this.nextElementSibling.show()">Пригласить</pz-button><pz-dialog title="Пригласить в пространство" text="Ссылка придёт на почту." icon="person_add" tone="lnk"><pz-field label="Почта" type="email" placeholder="name@company.ru"></pz-field><pz-button slot="footer" variant="ghost" onclick="this.closest('pz-dialog').close()">Отмена</pz-button><pz-button slot="footer" variant="ink">Пригласить</pz-button></pz-dialog><pz-button variant="danger" icon="delete" onclick="PulseDS.confirmDialog({ title: 'Удалить задачу?', text: 'Вернуть её будет нельзя.', ok: 'Удалить', danger: true }).then(ok => ok && PulseDS.toast('Удалено'))">Удалить</pz-button></div>

<pz-button icon="tune" onclick="this.nextElementSibling.show()">Фильтры</pz-button><pz-sheet title="Фильтры"><pz-button slot="actions" variant="ghost" size="sm">Сбросить</pz-button><div class="pz-stack tight"><pz-segmented fill value="all"><pz-option value="all">Все</pz-option><pz-option value="mine">Мои</pz-option><pz-option value="wait">Ждут</pz-option></pz-segmented><pz-setting-row title="Только горящие"><pz-toggle label="Только горящие"></pz-toggle></pz-setting-row><pz-button variant="ink" block>Показать 12</pz-button></div></pz-sheet>

<pz-page-header title="Мой Пульс" ai="3 записи ждут тебя, одна горит. Дима закрыл 4 задачи по корзине."><pz-chip slot="chip" clickable icon="expand_more">Все пространства</pz-chip><pz-field slot="actions" variant="search" placeholder="Поиск и команды" kbd="⌘K" style="width:260px"></pz-field><pz-icon-group slot="actions" label="Сообщения"><pz-icon-button icon="forum" label="Чаты" badge="2"></pz-icon-button><pz-icon-button icon="notifications" label="Уведомления" dot></pz-icon-button></pz-icon-group><pz-button slot="actions" variant="ink" icon="add">Создать</pz-button><pz-avatar slot="actions" name="Иван Яким" solid size="40"></pz-avatar><pz-segmented slot="tabs" value="all"><pz-option value="all">Всё</pz-option><pz-option value="mine" count="5">Моя работа</pz-option><pz-option value="wait" count="3" hot>Ждут меня</pz-option></pz-segmented></pz-page-header>

<div style="height:520px;overflow:hidden;border-radius:20px;box-shadow:var(--pz-sh-card)"><pz-app-shell style="min-height:520px"><pz-nav-brand slot="brand" title="Продукт" caption="Пульс" color="#5b4fd6"></pz-nav-brand><pz-nav-item slot="sidebar" icon="monitor_heart" active count="3" count-tone="hot">Мой Пульс</pz-nav-item><pz-nav-item slot="sidebar" icon="lightbulb">Идеи</pz-nav-item><pz-nav-item slot="sidebar" icon="description">Документы</pz-nav-item><pz-nav-section slot="sidebar">Темы</pz-nav-section><pz-nav-item slot="sidebar" tile="shopping_cart" color="#d6418f" count="2" count-tone="hot">Корзина</pz-nav-item><pz-nav-item slot="sidebar" tile="local_shipping" color="#0f9fb4">Доставка</pz-nav-item><pz-nav-item slot="sidebar-bottom" icon="settings">Настройки</pz-nav-item><pz-page-header title="Мой Пульс" ai="Всё спокойно: ничего не горит."></pz-page-header><div class="pz-grid"><pz-card title="Ждут тебя" count="3"><pz-skeleton lines="3"></pz-skeleton></pz-card><pz-card title="Моя работа"><pz-skeleton lines="3"></pz-skeleton></pz-card></div></pz-app-shell></div>

<div style="width:264px;display:grid;gap:2px"><pz-dropdown><pz-nav-brand slot="trigger" title="Продукт" caption="Пульс" color="#5b4fd6"></pz-nav-brand><pz-menu search="Найти пространство" select="single"><pz-menu-label>Закреплённые</pz-menu-label><pz-menu-item value="p" selected icon="rocket_launch" hint="ты здесь · 3 ждут тебя" kbd="⌘1">Продукт</pz-menu-item><pz-menu-item value="s" icon="storefront" hint="в норме" kbd="⌘2">Магазин</pz-menu-item></pz-menu></pz-dropdown><div style="height:14px"></div><pz-nav-item icon="monitor_heart" active count="3" count-tone="hot">Мой Пульс</pz-nav-item><pz-nav-item icon="smart_toy" count="2" count-tone="blue">Борис</pz-nav-item><pz-nav-item icon="lightbulb" count="4">Идеи</pz-nav-item><pz-nav-section>Темы<pz-icon-button slot="action" icon="add" label="Новая тема" size="sm"></pz-icon-button></pz-nav-section><pz-nav-item tile="shopping_cart" color="#d6418f" count="2" count-tone="hot">Корзина</pz-nav-item><pz-nav-item tile="payments" color="#1d7d53">Оплата</pz-nav-item><pz-nav-item add>Тема</pz-nav-item></div>

<div style="max-width:420px"><pz-tabbar always><pz-tab icon="monitor_heart" active badge="3">Пульс</pz-tab><pz-tab icon="lightbulb">Идеи</pz-tab><pz-tab fab icon="add" label="Создать"></pz-tab><pz-tab icon="forum" badge="2">Чаты</pz-tab><pz-tab icon="menu">Ещё</pz-tab></pz-tabbar></div>

<pz-ai-block title="Борис спрашивает" verdict="Нужен ответ" verdict-tone="warn" style="max-width:620px"><pz-avatar slot="avatar" name="Борис" icon="smart_toy" size="28"></pz-avatar>Купон применять до расчёта доставки или после? В коде сейчас — после, а в ТЗ — до.<pz-stages slot="stages" steps="Разбор, План, Код, Проверка" current="2"></pz-stages><pz-button slot="actions" variant="ink">До доставки</pz-button><pz-button slot="actions">После</pz-button><pz-button slot="actions" variant="ghost">Обсудить в чате</pz-button></pz-ai-block>

<div style="height:420px;max-width:560px;border-radius:24px;overflow:hidden;box-shadow:var(--pz-sh-card)"><pz-chat><pz-bubble author="Дима Смирнов" time="09:10">Купон слетает после входа — воспроизвёл на стенде.</pz-bubble><pz-bubble author="Дима Смирнов" time="09:11" cont>Похоже, корзина гостя не сливается с корзиной аккаунта.</pz-bubble><pz-bubble me time="09:14">Да, слияние теряет поле coupon. Поправлю сегодня.</pz-bubble><pz-composer slot="composer" placeholder="Сообщение в ПРО-141"></pz-composer></pz-chat></div>