@loomhelm/multi-task-flow 0.2.7 → 0.2.9

package/toolkit/skills/multi-task-flow/web/details-content.ts

@@ -32,6 +32,7 @@ function clearDetails(): HTMLElement {
   const container = document.getElementById("details-content")!;
   document.getElementById("details-summary")?.replaceChildren();
   delete container.dataset.selection;
+  delete container.dataset.detailKind;
   container.replaceChildren();
   container.scrollTop = 0;
   container.className = "details-empty";
@@ -50,6 +51,11 @@ function field(container: HTMLElement, name: string, value: HTMLElement | string
   container.append(row);
 }
 
+function requirementsValue(path: string | null, kind: "task" | "group", id: string): HTMLElement {
+  if (path) return link("查看 Markdown", `api/document/${kind}-${encodeURIComponent(id)}`);
+  return text("span", kind === "task" ? "未配置任务文档" : "未配置交付单元文档", "detail-placeholder");
+}
+
 function emptyOutput(): HTMLElement {
   const value = text("span", "", "detail-empty-output");
   value.dataset.emptyLabel = "尚无 Agent 输出";
@@ -154,6 +160,7 @@ export function createDetailContent(context: DetailContentContext) {
     const selection = `${kind}:${id}`;
     const top = container.dataset.selection === selection ? container.scrollTop : 0;
     container.dataset.selection = selection;
+    container.dataset.detailKind = kind;
     container.replaceChildren();
     container.className = "";
     const summary = document.getElementById("details-summary")!;
@@ -164,17 +171,18 @@ export function createDetailContent(context: DetailContentContext) {
     const data = context.getData();
     if (!data) return;
     const { container, restore } = begin("task", task.id, task.title, context.labelTask(task));
+    const facts = text("div", "", "detail-group-facts");
     const currentGroup = data.groups.find((group) => group.id === task.group_id)?.title ?? task.group_id;
     const executionGroups = [...new Set(data.actual_intervals.filter((row) => row.task_id === task.id).map((row) => row.group_id))].map((id) => data.groups.find((group) => group.id === id)?.title ?? id);
-    field(container, "所属交付单元", currentGroup);
-    if (executionGroups.length > 1) field(container, "执行交付单元历史", executionGroups.join("、"));
-    field(container, "类型", taskKindLabel(task.kind));
+    field(facts, "所属交付单元", currentGroup);
+    if (executionGroups.length > 1) field(facts, "执行交付单元历史", executionGroups.join("、"));
+    field(facts, "类型", taskKindLabel(task.kind));
     if (context.profileContext) {
       const profileContext = context.profileContext();
-      field(container, "执行配置", createProfileEditor(profileContext, "task", task.id, task.execution_profile ?? null, task.effective_execution_profile ?? data.orchestration.execution_profile ?? null, data.profile_read_only ? "当前视图只读或尚未迁移" : task.profile_freeze_reason ?? (task.thread_id ? "对话已创建" : null), task.execution_profile_source === "recommendation" ? `按任务类型 ${task.kind} 推荐 · ${task.execution_profile_rule ?? "kind-v1"}` : null));
+      field(facts, "执行配置", createProfileEditor(profileContext, "task", task.id, task.execution_profile ?? null, task.effective_execution_profile ?? data.orchestration.execution_profile ?? null, data.profile_read_only ? "当前视图只读或尚未迁移" : task.profile_freeze_reason ?? (task.thread_id ? "对话已创建" : null), task.execution_profile_source === "recommendation" ? `按任务类型 ${task.kind} 推荐 · ${task.execution_profile_rule ?? "kind-v1"}` : null));
     }
-    if (task.disposition && task.disposition !== "active") field(container, "任务处置", task.disposition);
-    if (task.is_held && task.hold_reason) field(container, "计划修订暂停", task.hold_reason);
+    if (task.disposition && task.disposition !== "active") field(facts, "任务处置", task.disposition);
+    if (task.is_held && task.hold_reason) field(facts, "计划修订暂停", task.hold_reason);
     const node = data.nodes.find((item) => item.kind === "task" && item.ref_id === task.id);
     const projection = buildGraphProjection(data);
     const predecessors = dependenciesFor(projection, node?.id, "incoming", data);
@@ -187,24 +195,24 @@ export function createDetailContent(context: DetailContentContext) {
         return { name: source?.title ?? edge.from_atom_id, state: "", status: source?.status ?? "unknown", completedAt: source?.completed_at };
       });
     }, null, { kind: "task", id: task.id }));
-    field(container, "前驱", renderDependencyTooltip(predecessors, predecessors.length ? `查看 ${predecessors.length} 项依赖` : "无依赖"));
-    field(container, "后继", renderDependencyTooltip(successors, successors.length ? `查看 ${successors.length} 项依赖` : "无依赖"));
+    container.append(facts);
+    field(facts, "前驱", renderDependencyTooltip(predecessors, predecessors.length ? `查看 ${predecessors.length} 项依赖` : "无依赖"));
+    field(facts, "后继", renderDependencyTooltip(successors, successors.length ? `查看 ${successors.length} 项依赖` : "无依赖"));
     const projectedNode = projection.nodes.find((item) => item.sourceNodeId === node?.id);
     const plannedGroup = projectedNode?.plannedGroupId && projectedNode.plannedGroupId !== task.group_id ? data.groups.find((group) => group.id === projectedNode.plannedGroupId)?.title ?? projectedNode.plannedGroupId : null;
-    if (plannedGroup) field(container, "计划归属交付单元", plannedGroup);
-    if (task.blocker) field(container, "等待原因", task.blocker);
-    field(container, "开始时间", renderTimestamp(task.started_at));
-    field(container, "完成时间", renderTimestamp(task.finished_at));
-    field(container, "持续时间", durationValue(task.started_at, task.finished_at));
+    if (plannedGroup) field(facts, "计划归属交付单元", plannedGroup);
+    if (task.blocker) field(facts, "等待原因", task.blocker);
+    field(facts, "开始时间", renderTimestamp(task.started_at));
+    field(facts, "完成时间", renderTimestamp(task.finished_at));
+    field(facts, "持续时间", durationValue(task.started_at, task.finished_at));
     const output = text("div", "", "detail-agent-output");
     output.dataset.outputTaskId = task.id; output.dataset.outputFull = "true";
     paintOutput(output, task.latest_agent_output ?? initialOutput(task.thread_id), true);
-    field(container, "最新 Agent 输出", output);
-    if (task.state === "agent_idle") field(container, "运行时提示", "Agent 当前没有活跃 turn，可能需要人工恢复");
+    if (task.state === "agent_idle") field(facts, "运行时提示", "Agent 当前没有活跃 turn，可能需要人工恢复");
     if (task.state === "agent_idle") {
       const observed = task.latest_agent_output;
-      if (observed?.observed_at) field(container, "运行时观察时间", renderTimestamp(observed.observed_at));
-      if (observed?.runtime_turn_id) field(container, "观察 Turn", observed.runtime_turn_id);
+      if (observed?.observed_at) field(facts, "运行时观察时间", renderTimestamp(observed.observed_at));
+      if (observed?.runtime_turn_id) field(facts, "观察 Turn", observed.runtime_turn_id);
     }
     const conversation = text("div", "", "detail-conversation");
     const conversationActions = text("div", "", "detail-conversation-actions");
@@ -216,18 +224,19 @@ export function createDetailContent(context: DetailContentContext) {
       const presentation = archivePresentation(task);
       conversation.append(text("p", `${presentation.label}：${presentation.description}`, "detail-conversation-notice"));
     }
-    field(container, "任务对话", conversation);
-    field(container, "执行 Agent", task.execution_owner === "main" ? "Main Agent" : task.execution_owner === "delivery_agent" ? "交付 Agent" : task.execution_owner === "task_agent" ? "Task Agent" : "未声明");
-    field(container, "对话策略", task.conversation_policy ?? "未声明");
-    field(container, "交付策略", task.delivery_policy ?? "未声明");
-    field(container, "调度状态", task.dispatch_readiness === "blocked" ? `不可调度：${task.dispatch_diagnostics?.map((item) => item.message).join("；") || "未知原因"}` : task.dispatch_readiness === "ready" ? "可调度" : "未知");
+    field(facts, "任务对话", conversation);
+    field(facts, "执行 Agent", task.execution_owner === "main" ? "Main Agent" : task.execution_owner === "delivery_agent" ? "交付 Agent" : task.execution_owner === "task_agent" ? "Task Agent" : "未声明");
+    field(facts, "对话策略", task.conversation_policy ?? "未声明");
+    field(facts, "交付策略", task.delivery_policy ?? "未声明");
+    field(facts, "调度状态", task.dispatch_readiness === "blocked" ? `不可调度：${task.dispatch_diagnostics?.map((item) => item.message).join("；") || "未知原因"}` : task.dispatch_readiness === "ready" ? "可调度" : "未知");
     const pr = context.safeExternal(task.pr?.url ?? null);
-    if (pr) field(container, "子 PR", link("查看 PR", pr));
-    if (task.requirements_path) field(container, "任务要求", link("查看 Markdown", `api/document/task-${encodeURIComponent(task.id)}`));
+    if (pr) field(facts, "子 PR", link("查看 PR", pr));
+    field(facts, "任务要求", requirementsValue(task.requirements_path, "task", task.id));
     for (const follow of data.follow_prs.filter((item) => item.origin_task_id === task.id)) {
       const url = context.safeExternal(follow.pr.url);
-      field(container, "Follow PR", url ? link(context.labels[follow.state] ?? follow.state, url) : context.labels[follow.state] ?? follow.state);
+    field(facts, "Follow PR", url ? link(context.labels[follow.state] ?? follow.state, url) : context.labels[follow.state] ?? follow.state);
     }
+    field(facts, "Agent 输出", output);
     restore();
   };
 
@@ -250,23 +259,30 @@ export function createDetailContent(context: DetailContentContext) {
       }
       return items;
     }, focusedAtomId, { kind: "group", id: group.id }));
-    if (group.coordination_execution?.state === "waiting") field(container, "协调等待", group.coordination_execution.reason ?? "等待贡献任务");
-    if (group.coordination_execution?.state === "blocked") field(container, "协调阻塞", group.coordination_execution.reason ?? "未知原因");
-    field(container, "交付协调者", coordinatorValue(group));
-    field(container, "运行就绪", readinessValue(group));
-    field(container, "任务数", `${tasks.length} 个任务`);
-    if (historicalTaskIds.length) field(container, "历史执行任务", historicalTaskIds.map((id) => data.tasks.find((task) => task.id === id)?.title ?? id).join("、"));
-    field(container, "持续时间", durationValue(group.started_at ?? null, group.finished_at ?? null));
+    const facts = text("div", "", "detail-group-facts");
+    container.append(facts);
+    if (group.coordination_execution?.state === "waiting") field(facts, "协调等待", group.coordination_execution.reason ?? "等待贡献任务");
+    if (group.coordination_execution?.state === "blocked") field(facts, "协调阻塞", group.coordination_execution.reason ?? "未知原因");
+    field(facts, "交付协调者", coordinatorValue(group));
+    field(facts, "运行就绪", readinessValue(group));
+    field(facts, "任务数", `${tasks.length} 个任务`);
+    if (historicalTaskIds.length) field(facts, "历史执行任务", historicalTaskIds.map((id) => data.tasks.find((task) => task.id === id)?.title ?? id).join("、"));
+    field(facts, "持续时间", durationValue(group.started_at ?? null, group.finished_at ?? null));
     if (context.profileContext) {
       const profileContext = context.profileContext();
-      field(container, "执行配置", createProfileEditor(profileContext, "group", group.id, group.execution_profile ?? null, group.effective_execution_profile ?? data.orchestration.execution_profile ?? null, data.profile_read_only ? "当前视图只读或尚未迁移" : group.profile_freeze_reason ?? (group.agent_thread_id ? "对话已创建" : null)));
+      field(facts, "执行配置", createProfileEditor(profileContext, "group", group.id, group.execution_profile ?? null, group.effective_execution_profile ?? data.orchestration.execution_profile ?? null, data.profile_read_only ? "当前视图只读或尚未迁移" : group.profile_freeze_reason ?? (group.agent_thread_id ? "对话已创建" : null)));
     }
-    field(container, "交付单元对话", group.agent_thread_id ? link("打开对话", conversationUrl(group.agent_thread_id)) : "尚未创建");
-    field(container, "交付 Agent", group.delivery_unit_kind === "bootstrap" ? "Main Agent（Bootstrap 特例）" : group.delivery_agent_readiness === "bound" ? "已绑定" : "未绑定");
-    field(container, "调度状态", group.dispatch_readiness === "blocked" ? `不可调度：${group.dispatch_diagnostics?.map((item) => item.message).join("；") || "未知原因"}` : group.dispatch_readiness === "ready" ? "可调度" : "未知");
+    field(facts, "交付单元对话", group.agent_thread_id ? link("打开对话", conversationUrl(group.agent_thread_id)) : "尚未创建");
+    field(facts, "交付 Agent", group.delivery_unit_kind === "bootstrap" ? "Main Agent（Bootstrap 特例）" : group.delivery_agent_readiness === "bound" ? "已绑定" : "未绑定");
+    field(facts, "调度状态", group.dispatch_readiness === "blocked" ? `不可调度：${group.dispatch_diagnostics?.map((item) => item.message).join("；") || "未知原因"}` : group.dispatch_readiness === "ready" ? "可调度" : "未知");
     const pr = context.safeExternal(group.parent_pr?.url ?? null);
-    field(container, "父 PR", pr ? link("查看 PR", pr) : "尚未创建");
-    if (group.requirements_path) field(container, "交付单元要求", link("查看 Markdown", `api/document/group-${encodeURIComponent(group.id)}`));
+    field(facts, "父 PR", pr ? link("查看 PR", pr) : "尚未创建");
+    field(facts, "交付单元要求", requirementsValue(group.requirements_path, "group", group.id));
+    const output = text("div", "", "detail-agent-output");
+    output.dataset.outputGroupId = group.id;
+    output.dataset.outputFull = "true";
+    paintOutput(output, group.latest_agent_output ?? initialOutput(group.agent_thread_id), true);
+    field(facts, "Agent 输出", output);
     restore();
   };
 

package/toolkit/skills/multi-task-flow/web/graph-view.tsx

@@ -65,7 +65,7 @@ export function createGraphController(context: GraphContext, calculateLayout = l
     signature=key;layout=null;const serial=++generation;pending=true;error='';update?.();
     calculateLayout(next,direction).then(result=>{
       if(serial!==generation)return;const byId=new Map(projection!.nodes.map(n=>[n.id,n]));layout={...result,nodes:result.nodes.map(p=>({...p,node:byId.get(p.node.id)!}))};pending=false;container.style.height = `${Math.max(420,result.height+80)}px`;update?.();
-      requestAnimationFrame(()=>{if(serial!==generation)return;if(!viewportInitialized){instance?.setViewport({x:Math.max(24,(container.clientWidth-result.width)/2),y:24,zoom:1});context.setZoom(1);viewportInitialized=true;} highlightSelection();});
+      requestAnimationFrame(()=>{if(serial!==generation)return;if(!viewportInitialized){instance?.setViewport({x:Math.max(24,(container.clientWidth-result.width)/2),y:Math.max(24,(container.clientHeight-result.height)/2),zoom:1});context.setZoom(1);viewportInitialized=true;} highlightSelection();});
     }).catch(e=>{if(serial!==generation)return;pending=false;error=`依赖图布局失败：${e instanceof Error?e.message:String(e)}`;signature='';update?.();});
   }
   return {render,reset:()=>{container.replaceChildren();root.render(<Surface/>);},highlightSelection,zoomIn:()=>instance?.zoomIn(),zoomOut:()=>instance?.zoomOut(),fit:()=>instance?.fitView({padding:0.08}),rankDir:()=>direction==='DOWN'?'TB':'LR',projection:()=>projection};

package/toolkit/skills/multi-task-flow/web/index.html

@@ -50,6 +50,7 @@
               <button id="tab-tasks" type="button" role="tab" aria-selected="false" aria-controls="tasks-view" data-tab="tasks">任务</button>
             </div>
             <label class="search input"><i data-lucide="search" aria-hidden="true"></i><span class="sr-only">搜索任务</span><input id="search" type="search" placeholder="搜索任务"></label>
+            <div id="task-view-tools" class="task-view-tools" aria-label="任务视图工具"><span id="task-count" class="section-count"></span><div id="task-layout-switch" class="layout-switch" role="group" aria-label="对象布局"><button id="task-layout-board" type="button" class="icon-button layout-option" aria-label="看板布局" aria-describedby="task-layout-board-tooltip" aria-pressed="true"><i data-lucide="columns-3"></i><span id="task-layout-board-tooltip" class="layout-tooltip" role="tooltip">看板布局：按交付单元分列展示任务</span></button><button id="task-layout-grid" type="button" class="icon-button layout-option" aria-label="网格布局" aria-describedby="task-layout-grid-tooltip" aria-pressed="false"><i data-lucide="layout-grid"></i><span id="task-layout-grid-tooltip" class="layout-tooltip" role="tooltip">网格布局：平铺展示任务</span></button></div></div>
             </div>
             <div class="filters">
             <span class="filter-caption">筛选视图</span>
@@ -70,7 +71,6 @@
             <div id="connection-notice" class="notice" role="status" hidden></div>
             <div id="phase-notice" class="notice notice-neutral" role="status" hidden><span id="phase-notice-text"></span><button type="button" id="phase-jump" class="text-button">查看实际进度</button></div>
             <div id="operation-warning" class="notice" role="status" hidden></div>
-            <div id="plan-state" class="notice plan-state" aria-label="计划与运行状态" hidden></div>
             <div id="plan-warning" class="notice notice-warning" role="status" hidden></div>
             <div id="load-error" class="notice notice-error" role="alert" hidden></div>
             <div id="graph-view" class="canvas-view" role="tabpanel" aria-labelledby="tab-graph"><div id="graph-projection-warning" class="notice notice-warning" role="status" hidden></div><div id="graph" aria-label="任务依赖图"></div><div id="atomic-graph" aria-label="原子任务依赖图" hidden></div><div id="graph-a11y" class="graph-a11y" role="list" aria-label="依赖图节点列表"></div><div id="graph-empty" class="empty" hidden>暂无任务</div></div>
@@ -79,11 +79,11 @@
           </div>
           <div id="tasks-view" class="workspace-tasks" role="tabpanel" aria-labelledby="tab-tasks" hidden>
             <section id="group-section" class="task-list-section" aria-labelledby="group-heading"><div class="section-heading"><h2 id="group-heading">交付单元</h2></div><div id="group-list" class="task-list" role="list"></div></section>
-            <section id="task-section" class="task-list-section" aria-labelledby="task-heading"><div class="section-heading"><h2 id="task-heading">任务</h2><div class="section-heading-actions"><span id="task-count" class="section-count"></span><div id="task-layout-switch" class="layout-switch" role="group" aria-label="对象布局"><button id="task-layout-board" type="button" class="icon-button layout-option" aria-label="看板布局" aria-describedby="task-layout-board-tooltip" aria-pressed="true"><i data-lucide="columns-3"></i><span id="task-layout-board-tooltip" class="layout-tooltip" role="tooltip">看板布局：按交付单元分列展示任务</span></button><button id="task-layout-grid" type="button" class="icon-button layout-option" aria-label="网格布局" aria-describedby="task-layout-grid-tooltip" aria-pressed="false"><i data-lucide="layout-grid"></i><span id="task-layout-grid-tooltip" class="layout-tooltip" role="tooltip">网格布局：平铺展示任务</span></button></div></div></div><div id="task-list" class="task-list" role="list"></div></section>
+            <section id="task-section" class="task-list-section"><div id="task-list" class="task-list" role="list"></div></section>
           </div>
         </div>
         <div id="details-backdrop" class="details-backdrop" hidden></div>
-        <div class="details-slot" hidden><aside id="details" class="details" aria-label="详情" aria-hidden="true" tabindex="-1"><div class="details-heading"><button type="button" id="close-details" class="icon-button mobile-close" data-tooltip="关闭详情" aria-label="关闭详情"><i data-lucide="x"></i></button><div id="details-summary"></div></div><div id="details-content" class="details-empty"><span class="empty-rule" aria-hidden="true"></span><strong>选择交付单元或任务</strong><span>查看依赖、运行时间和原生会话链接</span></div></aside></div>
+        <div class="details-slot" hidden><div id="details-resize" class="details-resize" role="separator" aria-orientation="horizontal" aria-label="调整详情高度" tabindex="0"></div><aside id="details" class="details" aria-label="详情" aria-hidden="true" tabindex="-1"><div class="details-heading"><button type="button" id="close-details" class="icon-button mobile-close" data-tooltip="关闭详情" aria-label="关闭详情"><i data-lucide="x"></i></button><div id="details-summary"></div></div><div id="details-content" class="details-empty"><span class="empty-rule" aria-hidden="true"></span><strong>选择交付单元或任务</strong><span>查看依赖、运行时间和原生会话链接</span></div></aside></div>
       </section>
     </main>
   </div>

package/toolkit/skills/multi-task-flow/web/model.ts

@@ -115,7 +115,7 @@ export type Task = {
   execution_profile_rule?: string | null;
   execution_owner?: "main" | "delivery_agent" | "task_agent" | null;
   conversation_policy?: "main_owned" | "delivery_owned" | "task_agent" | "none" | null;
-  delivery_policy?: "parent_pr" | "child_pr" | "evidence" | "none" | null;
+  delivery_policy?: "parent_pr" | "child_pr" | "shared_delivery_unit" | "evidence" | "none" | null;
   dispatch_readiness?: "ready" | "blocked" | "unknown";
   dispatch_diagnostics?: { code: string; message: string }[];
 };

package/toolkit/skills/multi-task-flow/web/timeline.ts

@@ -132,34 +132,37 @@ export function createTimelineController(context: TimelineContext) {
     const center = target.querySelector<HTMLElement>(".vis-panel.vis-center");
     if (!center || panBound.has(center)) return;
     panBound.add(center);
-    let pan: { pointerId: number; originX: number; originY: number; start: number; end: number; width: number; active: boolean } | null = null;
+    let pan: { pointerId: number; originX: number; originY: number; originScrollTop: number; start: number; end: number; width: number; axis: "x" | "y" | null; active: boolean } | null = null;
     const isCurrent = (): boolean => (mode === "planned" ? plannedTimeline : actualTimeline) === timeline && (mode === "planned" ? plannedRenderSerial : actualRenderSerial) === renderSerial;
     const finish = (event: PointerEvent): void => {
       if (!pan || event.pointerId !== pan.pointerId) return;
       if (pan.active && center.hasPointerCapture(event.pointerId)) center.releasePointerCapture(event.pointerId);
       center.classList.remove("is-panning");
-      if (pan.active && isCurrent()) syncTimelineRange(mode, timeline);
+      if (pan.active && pan.axis === "x" && isCurrent()) syncTimelineRange(mode, timeline);
       pan = null;
     };
     center.addEventListener("pointerdown", (event) => {
       if (!event.isPrimary || event.button !== 0 || (event.target instanceof HTMLElement && event.target.closest(".vis-item"))) return;
       const range = timeline.getWindow();
       if (!range.start || !range.end || center.clientWidth <= 0) return;
-      pan = { pointerId: event.pointerId, originX: event.clientX, originY: event.clientY, start: range.start.getTime(), end: range.end.getTime(), width: center.clientWidth, active: false };
+      pan = { pointerId: event.pointerId, originX: event.clientX, originY: event.clientY, originScrollTop: center.scrollTop, start: range.start.getTime(), end: range.end.getTime(), width: center.clientWidth, axis: null, active: false };
     }, true);
     center.addEventListener("pointermove", (event) => {
       if (!pan || event.pointerId !== pan.pointerId || !isCurrent()) return;
       const deltaX = event.clientX - pan.originX;
       const deltaY = event.clientY - pan.originY;
       if (!pan.active) {
-        if (Math.abs(deltaY) > Math.abs(deltaX)) { pan = null; return; }
-        if (Math.abs(deltaX) < 4) return;
+        if (Math.max(Math.abs(deltaX), Math.abs(deltaY)) < 4) return;
+        pan.axis = Math.abs(deltaY) > Math.abs(deltaX) ? "y" : "x";
         pan.active = true;
         center.setPointerCapture(event.pointerId);
         center.classList.add("is-panning");
       }
-      const shift = -deltaX * ((pan.end - pan.start) / pan.width);
-      applyWindow(mode, timeline, new Date(pan.start + shift), new Date(pan.end + shift), false);
+      if (pan.axis === "y") center.scrollTop = Math.max(0, pan.originScrollTop - deltaY);
+      else {
+        const shift = -deltaX * ((pan.end - pan.start) / pan.width);
+        applyWindow(mode, timeline, new Date(pan.start + shift), new Date(pan.end + shift), false);
+      }
       event.preventDefault();
       event.stopPropagation();
     }, true);
@@ -205,7 +208,7 @@ export function createTimelineController(context: TimelineContext) {
     const initialWindow = requestedWindow.start && requestedWindow.end ? { start: new Date(requestedWindow.start), end: new Date(requestedWindow.end) } : fittedWindow.start && fittedWindow.end ? { start: fittedWindow.start, end: fittedWindow.end } : null;
     if (mode === "planned") plannedWindow = initialWindow; else actualWindow = initialWindow;
     target.style.height = `${Math.max(284, nodes.length * 28 + 76)}px`;
-    const timeline = new Timeline(target, new DataSet(entries), groups, { editable: false, stack: false, groupOrder: "order", selectable: true, moveable: true, zoomable: true, horizontalScroll: false, zoomKey: "ctrlKey", ...(mode === "planned" ? { format: { minorLabels: { minute: "T+mm分", hour: "T+HH时" }, majorLabels: { day: "理论时间" } } } : {}), ...(requestedWindow.start && requestedWindow.end ? requestedWindow : fittedWindow) });
+    const timeline = new Timeline(target, new DataSet(entries), groups, { editable: false, stack: false, groupOrder: "order", orientation: { item: "top" }, selectable: true, moveable: true, zoomable: true, horizontalScroll: true, verticalScroll: true, zoomKey: "ctrlKey", ...(mode === "planned" ? { format: { minorLabels: { minute: "T+mm分", hour: "T+HH时" }, majorLabels: { day: "理论时间" } } } : {}), ...(requestedWindow.start && requestedWindow.end ? requestedWindow : fittedWindow) });
     if (mode === "planned") plannedTimeline = timeline; else actualTimeline = timeline;
     bindWheel(target, timeline, mode);
     bindPan(target, timeline, mode, renderSerial);

package/toolkit/skills/package.json

@@ -3,10 +3,10 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "bun run --cwd multi-task-flow build",
+    "build": "bun run --cwd multi-task-flow-runtime build",
     "test": "bun test ./bin/tests ./bin/native-tests",
     "skills:test": "bun test ./bin/tests ./bin/native-tests",
-    "skills:build": "bun run --cwd multi-task-flow build",
+    "skills:build": "bun run --cwd multi-task-flow-runtime build",
     "test:core": "bun test ./bin/tests/core",
     "test:hosting": "bun test ./bin/tests/hosting",
     "test:flow": "bun test ./bin/tests/flow",