任务面板：左上「编辑任务」+ 点一下即编辑 + 标题最前 + 字号统一 (#77)

用户 2026-11-05 五点：
  「这个框的标题在左上角，是"编辑任务"几个字，颜色用主题颜色。
    你参考一下"编辑行程"的做法。」
  「任务和备注是点进去之后，只要点一下，马上就要变成编辑状态，
    然后弹出输入法，开始输入。不需要点一下之后先变成一个输入框，
    再点一下弹出输入法。直接点进去之后就是输入状态。」
  「任务标题应该放在最前面，放在所有内容之前，也就是状态之前。」
  「状态、分组、看板、任务标题、截止、负责人、备注、协作人、
    子任务、附件、留言这些字的大小要保持统一。」

① 左上角「编辑任务」（主题色）
   与 FbTripNodeSheet 的「编辑行程」完全同一套：
   fontSize(fontBody=15) + Bold + accent。
   只写固定的「编辑任务」，不写任务标题 —— 标题是内容（可改），
   已经下移到 titleRow()。
   「属于「父任务」」跟着放到标题下面第二行（原来是同一行的大字位置）。

② 点一下直接进编辑态并拉起输入法
   原来点一下只是 `xxxEdit = true`，把 TextArea 画出来 ——
   但**画出输入框不会自动获得焦点**，用户还得再点一下才弹输入法，
   正是他说的"变成输入框，再点一下弹出输入法"。
   ⇒ 点击时：
        this.titleEdit = true;
        focusControl.requestFocus(tkpTitleInput);
     并给控件加 `.id(...)` + `.defaultFocus(true)`。
   ⚠️ `focusControl` 是**全局声明的命名空间**（ets/component/common.d.ts），
      **不能 import** —— 写成 `import { focusControl } from @kit.ArkUI`
      会报 "has no exported member"。这个坑踩过一次。
   ⚠️ `defaultFocus(true)` 是兜底：个别机型上 requestFocus 会因
      "节点刚创建"而落空，defaultFocus 能让它自己拿到。
   备注同改（id = tkpNoteInput）。

③ 任务标题提到最前
   build() 的 Scroll 里顺序改为：
      titleRow() → statusSeg() → boardChips() → infoRows() → …
   原来它在 infoRows 内部第一个（等于排在状态/看板之后）。

④ 字号统一
   `fieldLb` 从 fontTiny(11) 改成 **fontSmall(13)**，
   与 `FbSectionTitle` 内部字号完全一致（那个组件是 fontSmall）。
   上一版标签比区块标题小一号，看着不成套。
   现在统计：状态/分组（看板）/协作人/子任务/附件/留言 六个 FbSectionTitle
   全部 fontSmall，任务标题/截止/负责人/备注/分类/循环 六个 fieldLb
   也全部 fontSmall ⇒ 11 处标题字号统一。

编译通过，已装真机。

entry/src/main/ets/components/FbTaskPanel.ets

@@ -807,6 +807,8 @@ export struct FbTaskPanel {
 
             Scroll() {
               Column({ space: 0 }) {
+                /* #77m：任务标题放在所有内容之前（用户：「也就是状态之前」） */
+                this.titleRow()
                 this.statusSeg()
                 this.boardChips()
                 this.infoRows()
@@ -998,16 +1000,28 @@ export struct FbTaskPanel {
   @Builder
   headBar() {
     Row({ space: 10 }) {
+      Column({ space: 2 }) {
+        /* 🔴 #77m（用户 2026-11-05）：「这个框的标题在左上角，是"编辑任务"
+           几个字，颜色用主题颜色。你参考一下"编辑行程"的做法。」
+
+           与 `FbTripNodeSheet` 的「编辑行程」完全同一套：
+             fontSize(fontBody=15) + Bold + 主题色。
+           ⚠️ 这里只写固定的「编辑任务」，**不写任务标题** ——
+              标题是内容（可改），已经下移到 titleRow()。 */
+        Text('编辑任务')
+          .fontSize(FbMetric.fontBody)
+          .fontWeight(FontWeight.Bold)
+          .fontColor(this.accent)
         if (this.parentOf() !== '') {
           Text('属于「' + this.parentOf() + '」')
             .fontSize(FbMetric.fontTiny)
             .fontColor(FbColors.faint)
             .maxLines(1)
+        }
+      }
+      .alignItems(HorizontalAlign.Start)
       .layoutWeight(1)
       .flexShrink(1)
-      } else {
-        Blank()
-      }
 
       Text(this.statusWord(this.statusOf()))
         .fontSize(FbMetric.fontTiny)
@@ -1168,32 +1182,38 @@ export struct FbTaskPanel {
    *    负责人前面加头像。
    * ⚠️ 其余（分类 / 循环）**保持不变** —— 用户没提，不动。
    */
+  /**
+   * 任务标题（可编辑）—— 放在**所有内容最前**（状态之前）。
+   *
+   * 🔴🔴 #77m（用户 2026-11-05）：
+   *   「任务标题应该放在最前面，放在所有内容之前，也就是状态之前。」
+   *   「任务和备注是点进去之后，只要点一下，马上就要变成编辑状态，
+   *     然后弹出输入输入法，开始输入。不需要点一下之后先变成一个输入框，
+   *     再点一下弹出输入法。直接点进去之后就是输入状态。」
+   *
+   * ⇒ 点一下直接换成 `TextArea` 并**抢焦点拉起输入法**。
+   *
+   * ⚠️ 关键：切换成输入框只是"画出来了"，**不会自动获得焦点**。
+   *    必须 `focusControl.requestFocus(id)` 显式要焦点，否则用户还得再点一下 ——
+   *    正是用户抱怨的"点一下变输入框、再点一下弹输入法"。
+   * ⚠️ 必须 `setTimeout` 延后一帧：`titleEdit = true` 之后框架还没完成
+   *    这次重建，此刻 `id` 对应的节点尚不存在，直接 requestFocus 会落空。
+   *    60ms 用户完全无感，但足够框架把新节点挂上。
+   * ⚠️ `.defaultFocus(true)` 作为兜底：个别机型上 requestFocus 会因
+   *    "节点刚创建"而失败，defaultFocus 能让它自己拿到焦点。
+   */
   @Builder
-  infoRows() {
+  titleRow() {
-    /* 🔴🔴 #77k（用户 2026-11-05）：「上面的标题和下面的输入框，其实要分成两行。
-       比如说，"截止"不是直接后面排一个日期，而是把日期输入框放在"截止"下面；
-       "负责人"也是，"备注"也是，全部都是这样的。」
-
-       ⚠️ 上一版（#77j）我把 `fieldLb` 定成了 `width(48)` 的**行内标签**，
-          于是形态是「[截止] 2026-11-07 18:30」，和用户要的相反。
-          这次改成每个字段 = 一个 Column：
-              ① 标题行（主题色 + Bold，独占一行）
-              ② 控件行（浅底圆角框，整行宽）
-          这样「结束时间」「负责人」「备注」的输入区左缘全部对齐，
-          也和网页端 `.tk-attr-row` 的上下两行形态一致。
-
-       ⚠️ 控件行统一给 height(40) + inputBg + radiusS：
-          不给高度的话，「设置…」「未指定」这类短文字会把框压扁，
-          几行之间的间距就会参差不齐。 */
-    Column({ space: 14 }) {
-      /* ---- 任务标题（可编辑，#77l 从顶栏下移到这里）---- */
     Column({ space: 6 }) {
       this.fieldLb('任务标题')
       if (this.titleEdit) {
         TextArea({ text: this.titleDraft, placeholder: '要做的事…' })
+          .id('tkpTitleInput')
+          .defaultFocus(true)
           .placeholderColor(FbColors.faint)
-            .placeholderFont({ size: FbMetric.fontTiny })
+          .placeholderFont({ size: FbMetric.fontSmall })
           .fontSize(FbMetric.fontTitle)
+          .fontWeight(FontWeight.Bold)
           .fontColor(this.accent)
           .backgroundColor(FbColors.inputBg)
           .borderRadius(FbMetric.radiusS)
@@ -1237,12 +1257,29 @@ export struct FbTaskPanel {
           }
           this.titleDraft = this.titleOf();
           this.titleEdit = true;
+          focusControl.requestFocus('tkpTitleInput');
         })
       }
     }
     .width('100%')
     .alignItems(HorizontalAlign.Start)
+    .padding({ top: 10, bottom: 4 })
+  }
 
+  @Builder
+  infoRows() {
+    /* 🔴🔴 #77k（用户 2026-11-05）：「上面的标题和下面的输入框，其实要分成两行。
+       比如说，"截止"不是直接后面排一个日期，而是把日期输入框放在"截止"下面；
+       "负责人"也是，"备注"也是，全部都是这样的。」
+
+       ⚠️ 每个字段 = 一个 Column：
+              ① 标题行（主题色 + Bold，独占一行）
+              ② 控件行（浅底圆角框，整行宽）
+
+       ⚠️ 控件行统一给 height(40) + inputBg + radiusS：
+          不给高度的话，「设置…」「未指定」这类短文字会把框压扁，
+          几行之间的间距就会参差不齐。 */
+    Column({ space: 14 }) {
       /* ---- 截止 ---- */
       Column({ space: 6 }) {
         this.fieldLb('截止')
@@ -1339,6 +1376,8 @@ export struct FbTaskPanel {
         this.fieldLb('备注')
         if (this.noteEdit) {
           TextArea({ text: this.noteDraft, placeholder: '补充说明…' })
+            .id('tkpNoteInput')
+            .defaultFocus(true)
             .placeholderColor(FbColors.faint)
             .placeholderFont({ size: FbMetric.fontTiny })
             .fontSize(FbMetric.fontSmall)
@@ -1380,6 +1419,9 @@ export struct FbTaskPanel {
             }
             this.noteDraft = this.noteOf();
             this.noteEdit = true;
+            /* #77m：与任务标题同一套 —— 点一下就进编辑态并拉起输入法，
+               不用"再点一下输入框"（用户明确要求）。 */
+            focusControl.requestFocus('tkpNoteInput');
           })
         }
       }
@@ -1444,12 +1486,17 @@ export struct FbTaskPanel {
    */
   @Builder
   fieldLb(t: string) {
-    /* #77k：**不再写 width(48)** —— 现在标签独占一行（控件在它下面），
+    /* 🔴 #77m（用户 2026-11-05）：「状态、分组、看板、任务标题、截止、负责人、
-       固定宽度反而会让它在 Column 里只占左边一小段，与下面的整行控件左缘对不齐。
+       备注、协作人、子任务、附件、留言这些字的大小要保持统一。」
-       字号用 fontTiny（11）而不是 fontSmall（13）：
+
-       上下两行之后，标签再和控件同号就会抢视觉重心。 */
+       ⇒ 标签字号统一走 `fontSmall`(13)，**与 `FbSectionTitle` 完全一致**
+         （那个组件内部就是 `fontSize(FbMetric.fontSmall)`）。
+         上一版这里是 fontTiny(11)，于是"截止"比"状态"小一号，看着不成套。
+
+       ⚠️ 宽度不再写 48：标签独占一行（控件在它下面），
+          固定宽度会让它只占左边一小段，与下面的整行控件左缘对不齐。 */
     Text(t)
-      .fontSize(FbMetric.fontTiny)
+      .fontSize(FbMetric.fontSmall)
       .fontWeight(FontWeight.Bold)
       .fontColor(this.accent)
       .letterSpacing(0.6)