paseo-kanban 0.1.0 → 0.1.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 breathi3552
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 breathi3552
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -21,23 +21,25 @@ A lightweight, responsive Kanban board plugin for [Paseo](https://paseo.sh) work
 
 ## Requirements
 
-- **Paseo**: `>= 0.8.0`
-- **Node.js**: `>= 20.0.0` (recommended for development)
+- **Paseo Host Runtime Commitment**: `>= 0.8.0` (declared in `paseo-plugin.json`). As a Paseo workspace plugin, production runtime execution is managed and hosted by the Paseo application environment. No consumer-side Node version restriction is imposed in `package.json`.
+- **Development & CI Baseline**: Node.js 24 (pinned in `.nvmrc` and `.node-version`). Node 24 is required for local contributors and CI automation workflows running quality checks (`npm run check`), type stripping (`--experimental-strip-types`), and native test suites (`node --test`).
 
 ---
 
-## Installation & Usage
+## Installation
 
 ### Quick Install (Recommended)
 
 No manual build or git cloning needed. You can install directly via npm or GitHub:
 
 **Via NPM (Release package):**
+
 ```bash
 paseo plugin install npm:paseo-kanban
 ```
 
 **Via GitHub:**
+
 ```bash
 paseo plugin add breathi3552/paseo-kanban
 ```
@@ -69,6 +71,7 @@ npm install
 # 2. Link this directory into your local Paseo daemon
 paseo plugin link .
 ```
+
 ---
 
 ## Development & Testing
@@ -77,23 +80,43 @@ paseo plugin link .
 
 ```bash
 npm install
+# or clean install:
+npm ci
 ```
 
-### Run Tests
+### Unified Quality Guardrails (Check)
 
-Runs unit tests for board domain logic, subtask mutations, and drag hit-testing:
+Runs typecheck, automated test suites, linting, format verification, and release package checks in sequence:
 
 ```bash
-npm test
+npm run check
 ```
 
-### Type Checking
-
-Validates TypeScript types across client and server entry points:
-
-```bash
-npm run typecheck
-```
+### Individual Quality Tasks
+
+- **Package Verification**: Validates release package contents, entrypoints, and TypeScript AST relative imports:
+  ```bash
+  npm run check:package
+  ```
+- **Run Tests**: Cross-platform auto-discovery of all `test/*.test.mjs` suites:
+  ```bash
+  npm test
+  ```
+- **Type Checking**: Validates TypeScript types across client and server entry points:
+  ```bash
+  npm run typecheck
+  ```
+- **Linting**: Static code analysis with ESLint:
+  ```bash
+  npm run lint
+  ```
+- **Formatting**: Check or format code style with Prettier:
+  ```bash
+  npm run format:check
+  npm run format
+  ```
+
+Maintainers can publish a new GitHub Release and npm package in one run of the **Release to GitHub and npm** GitHub Action: select `patch`, `minor`, or `major`. Configure `NPM_TOKEN` and repository write permissions first. For setup, recovery, and manual host acceptance, see the [Development & Acceptance Guide](./docs/development.md#24-一键发布github-actions).
 
 ---
 

package/README.zh-CN.md

@@ -21,23 +21,25 @@
 
 ## 环境要求
 
-- **Paseo**：`>= 0.8.0`
-- **Node.js**：`>= 20.0.0`（开发环境推荐）
+- **Paseo 宿主版本承诺**：`>= 0.8.0`（声明于 `paseo-plugin.json`）。作为 Paseo 工作区插件，插件的生产运行时环境由 Paseo 宿主应用提供并托管执行，不在 `package.json` 对消费端强加额外的 `engines.node` 限制。
+- **开发与 CI 环境基线**：Node.js 24（显式声明于 `.nvmrc` 与 `.node-version`）。本地参与开发、运行质量检查护栏（`npm run check`）、代码格式化、类型检查与自动化测试必须基于 Node 24，依赖其原生的 `--experimental-strip-types` 类型擦除与原生测试运行器（`node --test`）。
 
 ---
 
-## 安装使用
+## 安装
 
 ### 快速安装（推荐）
 
 无需克隆源码或手动编译，推荐直接使用 Paseo CLI 安装：
 
 **方式一：通过 NPM 官方包安装（推荐）**
+
 ```bash
 paseo plugin install npm:paseo-kanban
 ```
 
 **方式二：直接通过 GitHub 仓库安装**
+
 ```bash
 paseo plugin add breathi3552/paseo-kanban
 ```
@@ -69,6 +71,7 @@ npm install
 # 2. 将当前开发目录软链接至本地 Paseo 守护进程
 paseo plugin link .
 ```
+
 ---
 
 ## 开发与测试
@@ -77,23 +80,45 @@ paseo plugin link .
 
 ```bash
 npm install
+# 或干净安装验证：
+npm ci
 ```
 
-### 运行单元测试
+### 统一质量护栏检查
 
-执行看板状态模型、并发校验、子步骤更新以及拖拽命中测试的自动化用例：
+按顺序执行类型检查、自动化测试套件、静态代码检查、代码格式验证及发布包完整性检查：
 
 ```bash
-npm test
+npm run check
 ```
 
-### 类型检查
-
-校验前端组件与服务端扩展的 TypeScript 类型完整性：
-
-```bash
-npm run typecheck
-```
+### 各独立质量命令
+
+- **发布包完整性检查**：静态校验发布包产物清单、入口完整性与 TypeScript AST 相对导入闭包：
+  ```bash
+  npm run check:package
+  ```
+- **运行单元测试**：跨平台自动发现并执行所有 `test/*.test.mjs` 测试套件：
+  ```bash
+  npm test
+  ```
+- **类型检查**：校验前端组件与服务端扩展的 TypeScript 类型完整性：
+  ```bash
+  npm run typecheck
+  ```
+- **代码规范检查 (Lint)**：基于 ESLint 开展轻量静态检查：
+  ```bash
+  npm run lint
+  ```
+- **代码格式检查与格式化 (Format)**：基于 Prettier 校验或自动格式化：
+  ```bash
+  npm run format:check
+  npm run format
+  ```
+
+维护者可在 GitHub Actions 的 **Release to GitHub and npm** 工作流中选择 `patch` / `minor` / `major` 一键发布 GitHub Release 与 npm 包；首次使用需配置 `NPM_TOKEN` 和仓库写入权限。操作及失败重试说明见 [开发与宿主验收指南](./docs/development.md#24-一键发布github-actions)。
+
+详细开发贡献流程、发布前检查机制与真实宿主环境手工验收指南，请参阅 [开发与宿主验收指南](./docs/development.md)。
 
 ---
 

package/client/i18n.tsx

@@ -1,9 +1,11 @@
-import * as React from "react";
 import { useState, useEffect, useMemo } from "react";
 
 export type SupportedLanguage = "zh" | "en";
 
-export type TranslationParams = Record<string, string | number | boolean | null | undefined>;
+export type TranslationParams = Record<
+  string,
+  string | number | boolean | null | undefined
+>;
 
 export const translations = {
   zh: {
@@ -16,7 +18,8 @@ export const translations = {
     "kanban.refresh": "刷新最新数据",
     "kanban.loadError": "加载看板配置失败：{error}",
     "kanban.formatError": "看板配置格式异常：{error}",
-    "kanban.formatErrorHint": "数据未被悄悄覆盖。若需使用默认结构可重置，或重试加载。",
+    "kanban.formatErrorHint":
+      "数据未被悄悄覆盖。若需使用默认结构可重置，或重试加载。",
     "kanban.retryLoad": "重试加载",
     "kanban.resetDefault": "重置为默认结构",
     "kanban.saveFailed": "保存失败：{error}",
@@ -35,7 +38,8 @@ export const translations = {
     "laneModal.nameLabel": "泳道名称 *",
     "laneModal.namePlaceholder": "例如：待测试、发布中...",
     "laneModal.cannotDeleteLast": "看板必须至少保留一条泳道，无法删除此泳道。",
-    "laneModal.cannotDeleteHasTasks": "此泳道当前包含 {count} 个任务，需清空或移走任务后方可删除。",
+    "laneModal.cannotDeleteHasTasks":
+      "此泳道当前包含 {count} 个任务，需清空或移走任务后方可删除。",
     "laneModal.deleteLane": "删除此泳道",
     "laneModal.confirmDeletePrompt": "确认删除？",
     "laneModal.confirmDelete": "确认删除",
@@ -74,7 +78,8 @@ export const translations = {
     "kanban.refresh": "Refresh latest data",
     "kanban.loadError": "Failed to load kanban settings: {error}",
     "kanban.formatError": "Kanban settings format error: {error}",
-    "kanban.formatErrorHint": "Data was not silently overwritten. Reset to default structure if needed, or retry loading.",
+    "kanban.formatErrorHint":
+      "Data was not silently overwritten. Reset to default structure if needed, or retry loading.",
     "kanban.retryLoad": "Retry Loading",
     "kanban.resetDefault": "Reset to Default",
     "kanban.saveFailed": "Save failed: {error}",
@@ -85,15 +90,18 @@ export const translations = {
     "kanban.projectsError": "(Project list update restricted)",
     "lane.add": "+ Add",
     "lane.manage": "Manage",
-    "lane.emptyHint": "No cards yet. Click '+' in the top right or drag cards here.",
+    "lane.emptyHint":
+      "No cards yet. Click '+' in the top right or drag cards here.",
     "card.dragHandle": "Drag handle",
     "card.subtasksCount": "Subtasks {completed}/{total}",
     "laneModal.titleEdit": "Manage Lane",
     "laneModal.titleCreate": "Add Lane",
     "laneModal.nameLabel": "Lane Name *",
     "laneModal.namePlaceholder": "e.g., Testing, In Review...",
-    "laneModal.cannotDeleteLast": "A kanban board must retain at least one lane. Cannot delete this lane.",
-    "laneModal.cannotDeleteHasTasks": "This lane currently contains {count} tasks. Clear or move tasks before deleting.",
+    "laneModal.cannotDeleteLast":
+      "A kanban board must retain at least one lane. Cannot delete this lane.",
+    "laneModal.cannotDeleteHasTasks":
+      "This lane currently contains {count} tasks. Clear or move tasks before deleting.",
     "laneModal.deleteLane": "Delete Lane",
     "laneModal.confirmDeletePrompt": "Confirm delete?",
     "laneModal.confirmDelete": "Confirm Delete",
@@ -166,7 +174,10 @@ interface EnvironmentGlobals {
     language?: string;
   };
   window?: {
-    addEventListener(event: string, listener: (event: { key?: string }) => void): void;
+    addEventListener(
+      event: string,
+      listener: (event: { key?: string }) => void,
+    ): void;
   };
   i18n?: {
     language?: string;
@@ -175,7 +186,9 @@ interface EnvironmentGlobals {
 
 const env = globalThis as typeof globalThis & EnvironmentGlobals;
 
-export function detectPaseoLanguage(hostProps?: DetectLanguageOptions): SupportedLanguage {
+export function detectPaseoLanguage(
+  hostProps?: DetectLanguageOptions,
+): SupportedLanguage {
   if (languageOverride) {
     return languageOverride;
   }
@@ -254,14 +267,18 @@ function ensureGlobalListeners() {
   });
 }
 
-export function getLanguage(hostProps?: DetectLanguageOptions): SupportedLanguage {
+export function getLanguage(
+  hostProps?: DetectLanguageOptions,
+): SupportedLanguage {
   if (hostProps) {
     return detectPaseoLanguage(hostProps);
   }
   return currentLanguage;
 }
 
-export function subscribeLanguage(listener: (lang: SupportedLanguage) => void): () => void {
+export function subscribeLanguage(
+  listener: (lang: SupportedLanguage) => void,
+): () => void {
   listeners.add(listener);
   ensureGlobalListeners();
   return () => {
@@ -269,7 +286,10 @@ export function subscribeLanguage(listener: (lang: SupportedLanguage) => void):
   };
 }
 
-export function formatString(template: string, params?: TranslationParams): string {
+export function formatString(
+  template: string,
+  params?: TranslationParams,
+): string {
   if (!params) return template;
   return template.replace(/\{(\w+)\}/g, (match, key) => {
     return params[key] != null ? String(params[key]) : match;
@@ -279,7 +299,7 @@ export function formatString(template: string, params?: TranslationParams): stri
 export function t(
   key: TranslationKey,
   langOrParams?: SupportedLanguage | TranslationParams,
-  params?: TranslationParams
+  params?: TranslationParams,
 ): string {
   let lang: SupportedLanguage;
   let finalParams: TranslationParams | undefined;
@@ -303,22 +323,28 @@ export interface I18nContextValue {
 }
 
 export function useI18n(hostProps?: DetectLanguageOptions): I18nContextValue {
-  const [lang, setLang] = useState<SupportedLanguage>(() => detectPaseoLanguage(hostProps));
+  const hostLocale =
+    hostProps?.locale ??
+    hostProps?.language ??
+    hostProps?.host?.locale ??
+    hostProps?.host?.language;
+  const [lang, setLang] = useState<SupportedLanguage>(() =>
+    detectPaseoLanguage(hostProps),
+  );
 
   useEffect(() => {
     ensureGlobalListeners();
     const immediate = detectPaseoLanguage(hostProps);
-    if (immediate !== lang) {
-      setLang(immediate);
-    }
+    setLang((prev) => (immediate !== prev ? immediate : prev));
     return subscribeLanguage((newLang) => {
       setLang(newLang);
     });
-  }, [hostProps?.host?.language, hostProps?.locale, hostProps?.language]);
+  }, [hostLocale, hostProps]);
 
   const tBound = useMemo(
-    () => (key: TranslationKey, params?: TranslationParams) => t(key, lang, params),
-    [lang]
+    () => (key: TranslationKey, params?: TranslationParams) =>
+      t(key, lang, params),
+    [lang],
   );
 
   return {

package/client/kanban-board.tsx

@@ -9,12 +9,8 @@ import {
 } from "react-native";
 import { useSettings } from "@getpaseo/plugin/client";
 import type { PluginSurfaceProps } from "@getpaseo/plugin/client";
-import {
-  kanbanSettings,
-  filterTasksByProject,
-  type KanbanTask,
-} from "../shared/kanban";
-import { useProjects, getProjectDisplayName } from "./use-projects";
+import { kanbanSettings, filterTasksByProject } from "../shared/kanban";
+import { useProjects } from "./use-projects";
 import { TaskModal } from "./task-modal";
 import { LaneModal } from "./lane-modal";
 import { useKanbanDrag } from "./kanban-drag";
@@ -33,11 +29,17 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
   const { theme, layout } = props;
   const { t, language } = useI18n(props);
   const settings = useSettings(kanbanSettings);
-  const { projects, resolveProjectName, isError: projectsError } = useProjects();
+  const {
+    projects,
+    resolveProjectName,
+    isError: projectsError,
+  } = useProjects();
 
   const [selectedProjectId, setSelectedProjectId] = useState<string>("all");
-  const [activeTaskSession, setActiveTaskSession] = useState<TaskEditSession | null>(null);
-  const [activeLaneSession, setActiveLaneSession] = useState<LaneEditSession | null>(null);
+  const [activeTaskSession, setActiveTaskSession] =
+    useState<TaskEditSession | null>(null);
+  const [activeLaneSession, setActiveLaneSession] =
+    useState<LaneEditSession | null>(null);
   const [reorderError, setReorderError] = useState<string | null>(null);
 
   const isReady = settings.status === "ready";
@@ -53,7 +55,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
   const handleReorderTask = async (
     taskId: string,
     targetLaneId: string,
-    targetIndex: number
+    targetIndex: number,
   ) => {
     if (!board) return;
     const result = await executeTaskReorder({
@@ -102,7 +104,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
             ? null
             : selectedProjectId,
         language,
-      })
+      }),
     );
   };
 
@@ -116,7 +118,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
         baseRevision: revision,
         save: (b, r) => settings.save(b, r),
         language,
-      })
+      }),
     );
   };
 
@@ -129,7 +131,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
         baseRevision: revision,
         save: (b, r) => settings.save(b, r),
         language,
-      })
+      }),
     );
   };
 
@@ -143,7 +145,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
         baseRevision: revision,
         save: (b, r) => settings.save(b, r),
         language,
-      })
+      }),
     );
   };
 
@@ -294,7 +296,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
           textAlign: "center",
         },
       }),
-    [theme, layout.compact]
+    [theme, layout.compact],
   );
 
   if (settings.status === "loading") {
@@ -312,8 +314,13 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
         <Text style={[styles.centerText, { color: theme.colors.statusDanger }]}>
           {t("kanban.loadError", { error: settings.error })}
         </Text>
-        <Pressable onPress={() => settings.reload()} style={styles.secondaryButton}>
-          <Text style={styles.secondaryButtonText}>{t("kanban.retryLoad")}</Text>
+        <Pressable
+          onPress={() => settings.reload()}
+          style={styles.secondaryButton}
+        >
+          <Text style={styles.secondaryButtonText}>
+            {t("kanban.retryLoad")}
+          </Text>
         </Pressable>
       </View>
     );
@@ -322,18 +329,38 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
   if (settings.status === "invalid") {
     return (
       <View style={[styles.container, styles.centerBox]}>
-        <Text style={[styles.centerText, { color: theme.colors.statusWarning ?? theme.colors.statusDanger }]}>
+        <Text
+          style={[
+            styles.centerText,
+            { color: theme.colors.statusWarning ?? theme.colors.statusDanger },
+          ]}
+        >
           {t("kanban.formatError", { error: settings.error })}
         </Text>
-        <Text style={[styles.centerText, { color: theme.colors.foregroundMuted, fontSize: 12 }]}>
+        <Text
+          style={[
+            styles.centerText,
+            { color: theme.colors.foregroundMuted, fontSize: 12 },
+          ]}
+        >
           {t("kanban.formatErrorHint")}
         </Text>
         <View style={{ flexDirection: "row", gap: 10 }}>
-          <Pressable onPress={() => settings.reload()} style={styles.secondaryButton}>
-            <Text style={styles.secondaryButtonText}>{t("kanban.retryLoad")}</Text>
+          <Pressable
+            onPress={() => settings.reload()}
+            style={styles.secondaryButton}
+          >
+            <Text style={styles.secondaryButtonText}>
+              {t("kanban.retryLoad")}
+            </Text>
           </Pressable>
-          <Pressable onPress={() => settings.reset()} style={styles.primaryButton}>
-            <Text style={styles.primaryButtonText}>{t("kanban.resetDefault")}</Text>
+          <Pressable
+            onPress={() => settings.reset()}
+            style={styles.primaryButton}
+          >
+            <Text style={styles.primaryButtonText}>
+              {t("kanban.resetDefault")}
+            </Text>
           </Pressable>
         </View>
       </View>
@@ -349,35 +376,43 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
         <View style={styles.headerTopRow}>
           <View style={styles.titleRow}>
             <Text style={styles.titleText}>{t("kanban.title")}</Text>
-            <View style={{
-              backgroundColor: theme.colors.surface2,
-              paddingHorizontal: 6,
-              paddingVertical: 2,
-              borderRadius: 10,
-            }}>
-              <Text style={{
-                fontSize: 11,
-                color: theme.colors.foregroundMuted,
-                fontWeight: "600",
-              }}>
-                {t("kanban.stats", { tasks: board.tasks.length, lanes: board.lanes.length })}
+            <View
+              style={{
+                backgroundColor: theme.colors.surface2,
+                paddingHorizontal: 6,
+                paddingVertical: 2,
+                borderRadius: 10,
+              }}
+            >
+              <Text
+                style={{
+                  fontSize: 11,
+                  color: theme.colors.foregroundMuted,
+                  fontWeight: "600",
+                }}
+              >
+                {t("kanban.stats", {
+                  tasks: board.tasks.length,
+                  lanes: board.lanes.length,
+                })}
               </Text>
             </View>
           </View>
 
           <View style={styles.headerActions}>
-            <Pressable
-              onPress={openNewLane}
-              style={styles.secondaryButton}
-            >
-              <Text style={styles.secondaryButtonText}>{t("kanban.addLane")}</Text>
+            <Pressable onPress={openNewLane} style={styles.secondaryButton}>
+              <Text style={styles.secondaryButtonText}>
+                {t("kanban.addLane")}
+              </Text>
             </Pressable>
 
             <Pressable
               onPress={() => openNewTask()}
               style={styles.primaryButton}
             >
-              <Text style={styles.primaryButtonText}>{t("kanban.newTask")}</Text>
+              <Text style={styles.primaryButtonText}>
+                {t("kanban.newTask")}
+              </Text>
             </Pressable>
           </View>
         </View>
@@ -419,7 +454,8 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
               <Text
                 style={[
                   styles.filterChipText,
-                  selectedProjectId === "unassigned" && styles.filterChipTextSelected,
+                  selectedProjectId === "unassigned" &&
+                    styles.filterChipTextSelected,
                 ]}
               >
                 {t("kanban.filterUnassigned")}
@@ -453,7 +489,13 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
             })}
 
             {projectsError && (
-              <Text style={{ fontSize: 11, color: theme.colors.statusWarning ?? theme.colors.foregroundMuted }}>
+              <Text
+                style={{
+                  fontSize: 11,
+                  color:
+                    theme.colors.statusWarning ?? theme.colors.foregroundMuted,
+                }}
+              >
                 {t("kanban.projectsError")}
               </Text>
             )}
@@ -476,7 +518,9 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
             }}
             style={styles.conflictAction}
           >
-            <Text style={{ fontSize: 12, color: theme.colors.foreground }}>{t("kanban.refresh")}</Text>
+            <Text style={{ fontSize: 12, color: theme.colors.foreground }}>
+              {t("kanban.refresh")}
+            </Text>
           </Pressable>
         </View>
       )}
@@ -489,7 +533,9 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
           style={styles.lanesContainer}
           contentContainerStyle={styles.lanesContent}
           onLayout={(e) => drag.handleContainerLayout(e.nativeEvent.layout)}
-          onScroll={(e) => drag.handleContainerScroll(e.nativeEvent.contentOffset.x)}
+          onScroll={(e) =>
+            drag.handleContainerScroll(e.nativeEvent.contentOffset.x)
+          }
           scrollEventThrottle={16}
         >
           {board.lanes.map((lane) => {
@@ -512,11 +558,7 @@ export function KanbanBoardView(props: PluginSurfaceProps) {
           })}
         </ScrollView>
 
-        <KanbanDragOverlay
-          drag={drag}
-          theme={theme}
-          layout={layout}
-        />
+        <KanbanDragOverlay drag={drag} theme={theme} layout={layout} />
       </View>
 
       {/* Modals with Session Baseline Locking */}