diff --git a/docs/TZ.md b/docs/TZ.md
index 83e3406..0229f2a 100644
--- a/docs/TZ.md
+++ b/docs/TZ.md
@@ -4,7 +4,7 @@
 
 | | |
 |---|---|
-| Версия ТЗ | 0.43 |
+| Версия ТЗ | 0.44 |
 | Дата | 2026-09-22 |
 | Статус | На обсуждении |
 
@@ -487,7 +487,7 @@
 ### 3.18. Браузерное расширение быстрого захвата (0.42)
 
 Расширение для Chrome/Firefox (MV3): клик по иконке в трее браузера → попап с двумя
-вкладками — «Добавить» и «Активные». Быстрый захват входящих (3.1) вне страницы
+вкладками — «Добавить» и «В работе». Быстрый захват входящих (3.1) вне страницы
 сервиса.
 
 - **Вкладка «Добавить»**: многострочное поле (первая строка — название,
@@ -495,9 +495,9 @@
   (создание = POST `/api/tasks` + PATCH `project_id`, как в веб-форме). Фидбек —
   анимация-галочка и тост «Задача добавлена (+N XP)»; поле очищается, выбранный
   проект сохраняется; кнопка «Открыть GNexus Tasks» ведёт на главную.
-- **Вкладка «Активные» — только просмотр**: задачи в статусах
-  `to_do`/`in_progress`/`deferred` (название, чип проекта, метка просрочки, теги);
-  клик открывает задачу в сервисе, действий в попапе нет.
+- **Вкладка «В работе» — только просмотр** (0.44: вместо «Активных» со всеми
+  незакрытыми статусами): задачи в работе (`in_progress`; название, чип проекта,
+  метка просрочки, теги); клик открывает задачу в сервисе, действий в попапе нет.
 - **Аутентификация — Bearer MCP-токен** (3.10): сессионная кука сервиса не уходит
   запросам из extension-контекста (SameSite=Lax режет cross-site), поэтому попап
   ходит на REST `/api/*` с `Authorization: Bearer <MCP-токен>`. Токен вставляется
diff --git a/extension/src/PopupInner.vue b/extension/src/PopupInner.vue
index 4aa8e59..d9d5f8f 100644
--- a/extension/src/PopupInner.vue
+++ b/extension/src/PopupInner.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 // Внутренний UI попапа (живёт внутри GnToastProvider в Popup.vue).
-// Две вкладки: добавление задачи и просмотр активных.
+// Две вкладки: добавление задачи и задачи «В работе» (только просмотр).
 // Аутентификация — Bearer MCP-токен (кука сервиса из extension-контекста не ходит).
+// Максимум готовых компонентов кита: GnInput/GnTextarea/GnSelect/GnTabs/GnBadge.
 import { computed, onMounted, ref } from 'vue'
 import { useToast } from 'gnexus-ui-kit/vue'
 import {
@@ -18,7 +19,6 @@
 const toast = useToast()
 
 const DEFAULT_BASE = 'http://localhost:15134'
-const ACTIVE_STATUSES = new Set(['to_do', 'in_progress', 'deferred'])
 
 type Screen = 'loading' | 'loggedOut' | 'ready'
 const screen = ref<Screen>('loading')
@@ -30,21 +30,34 @@
 const baseDraft = ref('')
 const tokenDraft = ref('')
 
+// GnSelect держит строковое «Без проекта» — на сабмите конвертируется в null
+const projectSel = ref<string | number>('')
+
 const tab = ref<'add' | 'tasks'>('add')
+const tabs = computed(() => [
+  { id: 'add', label: 'Добавить' },
+  { id: 'tasks', label: 'В работе' },
+])
+function onTab(id: unknown): void {
+  tab.value = id as 'add' | 'tasks'
+}
 
 // — Добавление —
 const text = ref('')
 const projects = ref<Project[]>([])
-const projectId = ref<number | null>(null)
+const projectOptions = computed(() => [
+  { value: '', label: 'Без проекта' },
+  ...projects.value.map((p) => ({ value: p.id, label: p.name })),
+])
 const busy = ref(false)
 const success = ref(false)
 
-// — Активные —
+// — В работе —
 const tasks = ref<TaskOut[]>([])
 const tasksLoading = ref(false)
 const tasksError = ref('')
 
-const activeTasks = computed(() => tasks.value.filter((t) => ACTIVE_STATUSES.has(t.status)))
+const inWorkTasks = computed(() => tasks.value.filter((t) => t.status === 'in_progress'))
 const today = new Date().toISOString().slice(0, 10)
 function isOverdue(t: TaskOut): boolean {
   return !!t.deadline_date && t.deadline_date < today
@@ -141,14 +154,14 @@
   void init()
 }
 
-function login(): void {
-  openTab(base.value, '/login')
-}
-
 function openSettings(): void {
   openTab(base.value, '/settings')
 }
 
+function login(): void {
+  openTab(base.value, '/login')
+}
+
 function openTask(t: TaskOut): void {
   openTab(base.value, `/tasks/${t.id}`)
 }
@@ -161,8 +174,9 @@
   if (!text.value.trim() || busy.value) return
   busy.value = true
   success.value = false
+  const projectId = projectSel.value === '' ? null : Number(projectSel.value)
   try {
-    const res = await createTask(base.value, text.value, projectId.value)
+    const res = await createTask(base.value, text.value, projectId)
     // как TaskForm.resetForNext: поле чистится, выбранный проект сохраняется
     text.value = ''
     toast.success({
@@ -218,70 +232,71 @@
         Подключите расширение к GNexus Tasks — нужен MCP-токен из
         «Настроек → Токены MCP».
       </p>
-      <input
+      <GnInput
         v-model="tokenDraft"
-        class="input"
-        spellcheck="false"
-        placeholder="gnt_…"
+        label="MCP-токен"
         type="password"
+        placeholder="gnt_…"
+        spellcheck="false"
       />
       <GnButton :disabled="!tokenDraft.trim()" @click="connect">Подключить</GnButton>
-      <button class="linklike" type="button" @click="openSettings">
-        <i class="ph ph-gear" aria-hidden="true" /> Открыть Настройки сервиса
-      </button>
-      <button class="linklike muted" type="button" @click="login">
-        Войти через GNEXUS (сайт)
-      </button>
+      <div class="login-links">
+        <GnButton variant="secondary" size="sm" icon="ph-gear-six" @click="openSettings">
+          Открыть Настройки сервиса
+        </GnButton>
+        <GnButton variant="secondary" size="sm" icon="ph-sign-in" @click="login">
+          Войти через GNEXUS (сайт)
+        </GnButton>
+      </div>
     </div>
 
     <template v-else-if="screen === 'ready'">
       <div v-if="settingsOpen" class="settings">
-        <label class="label" for="base-url">Адрес сервиса</label>
-        <input id="base-url" v-model="baseDraft" class="input" spellcheck="false" />
-        <label class="label" for="token">MCP-токен</label>
-        <input id="token" v-model="tokenDraft" class="input" spellcheck="false" type="password" />
-        <GnButton size="sm" :disabled="!baseDraft.trim() || !tokenDraft.trim()" @click="connect">
+        <GnInput
+          v-model="baseDraft"
+          label="Адрес сервиса"
+          spellcheck="false"
+          inputmode="url"
+        />
+        <GnInput
+          v-model="tokenDraft"
+          label="MCP-токен"
+          type="password"
+          spellcheck="false"
+        />
+        <GnButton
+          size="sm"
+          :disabled="!baseDraft.trim() || !tokenDraft.trim()"
+          @click="connect"
+        >
           Сохранить и подключить
         </GnButton>
       </div>
 
       <div v-if="userName" class="who muted">{{ userName }}</div>
 
-      <nav class="tabs" role="tablist">
-        <button
-          class="tab"
-          :class="{ active: tab === 'add' }"
-          role="tab"
-          type="button"
-          @click="tab = 'add'"
-        >
-          <i class="ph ph-plus-circle" aria-hidden="true" /> Добавить
-        </button>
-        <button
-          class="tab"
-          :class="{ active: tab === 'tasks' }"
-          role="tab"
-          type="button"
-          @click="tab = 'tasks'"
-        >
-          <i class="ph ph-list-checks" aria-hidden="true" /> Активные
-        </button>
-      </nav>
+      <GnTabs
+        class="popup-tabs"
+        compact
+        :model-value="tab"
+        :items="tabs"
+        @update:model-value="onTab"
+      />
 
       <!-- Вкладка добавления -->
       <section v-if="tab === 'add'" class="pane">
-        <textarea
+        <GnTextarea
           v-model="text"
           class="task-text"
-          rows="5"
+          :rows="5"
           placeholder="Что сделать? Первая строка — название, остальное — описание. Ctrl+Enter — добавить"
           @keydown="onKeydown"
         />
-        <label class="label" for="project">Проект</label>
-        <select id="project" v-model="projectId" class="input">
-          <option :value="null">Без проекта</option>
-          <option v-for="p in projects" :key="p.id" :value="p.id">{{ p.name }}</option>
-        </select>
+        <GnSelect
+          v-model="projectSel"
+          icon="ph-folders"
+          :options="projectOptions"
+        />
         <div class="actions">
           <GnButton :disabled="busy || !text.trim()" @click="submit">
             <i class="ph ph-paper-plane-tilt" aria-hidden="true" />
@@ -299,7 +314,7 @@
         </transition>
       </section>
 
-      <!-- Вкладка активных задач: только просмотр, клик открывает в сервисе -->
+      <!-- Вкладка «В работе»: только просмотр, клик открывает в сервисе -->
       <section v-else class="pane">
         <div class="list-tools">
           <GnIconButton
@@ -309,16 +324,20 @@
             @click="loadTasks"
           />
         </div>
-        <GnLoader v-if="tasksLoading" class="center" />
+        <div v-if="tasksLoading" class="center-row">
+          <GnLoader circle label="Загружаю задачи" />
+        </div>
         <p v-else-if="tasksError" class="muted">{{ tasksError }}</p>
-        <p v-else-if="!activeTasks.length" class="muted">Активных задач нет.</p>
+        <p v-else-if="!inWorkTasks.length" class="muted">Задач «В работе» нет.</p>
         <ul v-else class="task-list">
-          <li v-for="t in activeTasks" :key="t.id">
+          <li v-for="t in inWorkTasks" :key="t.id">
             <button class="task-row" type="button" @click="openTask(t)">
               <span class="task-title">{{ t.title }}</span>
-              <span v-if="t.project" class="chip">{{ t.project.name }}</span>
+              <GnBadge v-if="t.project" variant="neutral">{{ t.project.name }}</GnBadge>
               <span v-if="isOverdue(t)" class="overdue">просрочено</span>
-              <span v-for="tag in t.tags" :key="t.id + tag.id" class="chip muted">{{ tag.name }}</span>
+              <GnBadge v-for="tag in t.tags" :key="t.id + tag.id" variant="neutral">
+                {{ tag.name }}
+              </GnBadge>
             </button>
           </li>
         </ul>
@@ -326,7 +345,7 @@
     </template>
 
     <div v-else class="login">
-      <GnLoader circle />
+      <GnLoader circle label="" />
     </div>
   </div>
 </template>
@@ -356,19 +375,19 @@
 .muted {
   color: #787c99;
 }
-.linklike {
-  background: none;
-  border: none;
-  color: #7aa2f7;
-  cursor: pointer;
-  font: inherit;
-  padding: 0.15rem 0;
+.login {
   display: flex;
-  align-items: center;
-  gap: 0.4rem;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 0.6rem;
+  padding: 0.75rem;
 }
-.linklike:hover {
-  color: #9ece6a;
+.login-links {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 0.4rem;
+  margin-top: 0.25rem;
 }
 .settings {
   display: flex;
@@ -377,20 +396,20 @@
   padding: 0.75rem;
   border-bottom: 1px solid #1f2335;
 }
-.label {
-  font-size: 0.85em;
-  color: #787c99;
+.popup-tabs {
+  margin: 0.5rem 0.75rem 0;
+  width: auto;
 }
 .pane {
   padding: 0.75rem;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 0.6rem;
 }
-.task-text {
-  width: 100%;
-  resize: vertical;
-  min-height: 90px;
+.center-row {
+  display: flex;
+  justify-content: center;
+  padding: 1.25rem 0;
 }
 .actions {
   display: flex;
@@ -429,12 +448,6 @@
 .task-title {
   margin-right: auto;
 }
-.chip {
-  font-size: 0.75em;
-  padding: 0.05rem 0.4rem;
-  background: #1f2335;
-  color: #7aa2f7;
-}
 .overdue {
   font-size: 0.75em;
   color: #f7768e;
@@ -464,4 +477,4 @@
     transform: scale(1);
   }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/extension/src/popup.css b/extension/src/popup.css
index 30d7f49..e1a999c 100644
--- a/extension/src/popup.css
+++ b/extension/src/popup.css
@@ -13,4 +13,14 @@
 }
 button {
   font-family: inherit;
+}
+
+/* Типовые тосты кита перекрывают сплошной фон полупрозрачным тинтом
+   (.toast-success/info: rgba(...,.18)) — поверх тёмного попапа нечитабельны.
+   Селектор тот же (специфичность кита), порядок — popup.css после kit.css */
+.toast-success,
+.toast-info,
+.toast-warning,
+.toast-error {
+  background: #1f2335;
 }
\ No newline at end of file