jumbo-cli 3.11.0 → 3.12.0

package/dist/presentation/tui/application-shell/FooterShortcutDescriptor.d.ts

@@ -9,8 +9,12 @@ export declare const FooterShortcut: {
         readonly char: "q";
         readonly label: "quit";
     };
+    readonly MEGA_MENU: {
+        readonly char: "m";
+        readonly label: "menu";
+    };
     readonly NOTIFICATIONS: {
-        readonly char: "n";
+        readonly char: "i";
     };
 };
 //# sourceMappingURL=FooterShortcutDescriptor.d.ts.map

package/dist/presentation/tui/application-shell/FooterShortcutDescriptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterShortcutDescriptor.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/application-shell/FooterShortcutDescriptor.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kCAAmC,SAAQ,wBAAwB;IAClF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc;;;;;;;;CAQuE,CAAC"}
+{"version":3,"file":"FooterShortcutDescriptor.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/application-shell/FooterShortcutDescriptor.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kCAAmC,SAAQ,wBAAwB;IAClF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYuE,CAAC"}

package/dist/presentation/tui/application-shell/FooterShortcutDescriptor.js

@@ -3,8 +3,12 @@ export const FooterShortcut = {
         char: "q",
         label: "quit",
     },
+    MEGA_MENU: {
+        char: "m",
+        label: "menu",
+    },
     NOTIFICATIONS: {
-        char: "n",
+        char: "i",
     },
 };
 //# sourceMappingURL=FooterShortcutDescriptor.js.map

package/dist/presentation/tui/application-shell/FooterShortcutDescriptor.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterShortcutDescriptor.js","sourceRoot":"","sources":["../../../../src/presentation/tui/application-shell/FooterShortcutDescriptor.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;KACV;CAC+F,CAAC"}
+{"version":3,"file":"FooterShortcutDescriptor.js","sourceRoot":"","sources":["../../../../src/presentation/tui/application-shell/FooterShortcutDescriptor.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;KACV;CAC+F,CAAC"}

package/dist/presentation/tui/cockpit/DaemonActionLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DaemonActionLine.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/cockpit/DaemonActionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAMvF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;CAC/B,GAAG,KAAK,CAAC,YAAY,CA8BrB"}
+{"version":3,"file":"DaemonActionLine.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/cockpit/DaemonActionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAMvF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;CAC/B,GAAG,KAAK,CAAC,YAAY,CAiCrB"}

package/dist/presentation/tui/cockpit/DaemonActionLine.js

@@ -10,11 +10,11 @@ export function DaemonActionLine({ snapshot, selected, infoVisible, }) {
     const action = getDaemonAction(snapshot);
     const badgeColor = getDaemonShortcutBadgeColor(selected);
     return (React.createElement(Box, { width: DAEMON_PANEL_CONTENT_WIDTH, marginTop: 1, gap: 1 },
-        React.createElement(KeyBadge, { char: "s", label: action, color: badgeColor, labelColor: BaseColors.shade4 }),
-        React.createElement(KeyBadge, { char: "@", label: CockpitDaemonPanelCopy.action.config, color: badgeColor, labelColor: BaseColors.shade4 }),
+        React.createElement(KeyBadge, { char: "s", label: action, compact: true, color: badgeColor, labelColor: BaseColors.shade4 }),
+        React.createElement(KeyBadge, { char: "@", label: CockpitDaemonPanelCopy.action.config, compact: true, color: badgeColor, labelColor: BaseColors.shade4 }),
         React.createElement(KeyBadge, { char: "i", label: infoVisible
                 ? CockpitDaemonPanelCopy.action.infoOpen
-                : CockpitDaemonPanelCopy.action.info, color: badgeColor, labelColor: BaseColors.shade4 })));
+                : CockpitDaemonPanelCopy.action.info, compact: true, color: badgeColor, labelColor: BaseColors.shade4 })));
 }
 function getDaemonAction(snapshot) {
     if (snapshot.status === SubprocessStatus.RUNNING) {

package/dist/presentation/tui/cockpit/DaemonActionLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DaemonActionLine.js","sourceRoot":"","sources":["../../../../src/presentation/tui/cockpit/DaemonActionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,GAKZ;IACC,MAAM,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC1D,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B;QACF,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAC3C,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B;QACF,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EACH,WAAW;gBACT,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ;gBACxC,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,IAAI,EAExC,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B,CACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,QAA4B;IAE5B,IAAI,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACjD,OAAO,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,CAAC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAClD,OAAO,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,CAAC;IAED,OAAO,sBAAsB,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"DaemonActionLine.js","sourceRoot":"","sources":["../../../../src/presentation/tui/cockpit/DaemonActionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,EACR,WAAW,GAKZ;IACC,MAAM,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAC1D,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,MAAM,EACb,OAAO,QACP,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B;QACF,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAC3C,OAAO,QACP,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B;QACF,oBAAC,QAAQ,IACP,IAAI,EAAC,GAAG,EACR,KAAK,EACH,WAAW;gBACT,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ;gBACxC,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,IAAI,EAExC,OAAO,QACP,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,CAAC,MAAM,GAC7B,CACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,QAA4B;IAE5B,IAAI,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACjD,OAAO,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,CAAC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC;QAClD,OAAO,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,CAAC;IAED,OAAO,sBAAsB,CAAC,MAAM,CAAC,KAAK,CAAC;AAC7C,CAAC"}

package/dist/presentation/tui/goals/AddGoalRequestFactory.d.ts

@@ -0,0 +1,14 @@
+/**
+ * AddGoalRequestFactory - Assembles an AddGoalRequest from GoalAuthoringValues.
+ *
+ * Normalizes free-text authoring fields at the presentation-application
+ * boundary: blank optional text becomes undefined and whitespace/comma
+ * separated lists become arrays. Shared by the App overlay and GoalsScreen
+ * submission paths so the two cannot drift.
+ */
+import type { AddGoalRequest } from "../../../application/context/goals/add/AddGoalRequest.js";
+import type { GoalAuthoringValues } from "./GoalAuthoringFlow.js";
+export declare const AddGoalRequestFactory: {
+    readonly create: (values: GoalAuthoringValues) => AddGoalRequest;
+};
+//# sourceMappingURL=AddGoalRequestFactory.d.ts.map

package/dist/presentation/tui/goals/AddGoalRequestFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddGoalRequestFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/goals/AddGoalRequestFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,qBAAqB;8BACjB,mBAAmB,KAAG,cAAc;CAc3C,CAAC"}

package/dist/presentation/tui/goals/AddGoalRequestFactory.js

@@ -0,0 +1,36 @@
+/**
+ * AddGoalRequestFactory - Assembles an AddGoalRequest from GoalAuthoringValues.
+ *
+ * Normalizes free-text authoring fields at the presentation-application
+ * boundary: blank optional text becomes undefined and whitespace/comma
+ * separated lists become arrays. Shared by the App overlay and GoalsScreen
+ * submission paths so the two cannot drift.
+ */
+export const AddGoalRequestFactory = {
+    create(values) {
+        return {
+            title: values.title,
+            objective: values.objective,
+            successCriteria: [...values.successCriteria],
+            scopeIn: optionalList(values.scopeIn),
+            scopeOut: optionalList(values.scopeOut),
+            nextGoalId: optionalText(values.nextGoal),
+            previousGoalId: optionalText(values.previousGoal),
+            prerequisiteGoals: optionalList(values.prerequisiteGoals),
+            branch: optionalText(values.branch),
+            worktree: optionalText(values.worktree),
+        };
+    },
+};
+function optionalText(value) {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : undefined;
+}
+function optionalList(value) {
+    const values = value
+        .split(/[\s,]+/)
+        .map((item) => item.trim())
+        .filter((item) => item.length > 0);
+    return values.length > 0 ? values : undefined;
+}
+//# sourceMappingURL=AddGoalRequestFactory.js.map

package/dist/presentation/tui/goals/AddGoalRequestFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddGoalRequestFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tui/goals/AddGoalRequestFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM,CAAC,MAA2B;QAChC,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,eAAe,EAAE,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC;YAC5C,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;YACrC,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC;YACvC,UAAU,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC;YACzC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC;YACjD,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC,iBAAiB,CAAC;YACzD,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC;SACxC,CAAC;IACJ,CAAC;CACO,CAAC;AAEX,SAAS,YAAY,CAAC,KAAa;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,MAAM,MAAM,GAAG,KAAK;SACjB,KAAK,CAAC,QAAQ,CAAC;SACf,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SAC1B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAErC,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAChD,CAAC"}

package/dist/presentation/tui/goals/GoalsScreen.d.ts

@@ -1,3 +1,15 @@
 import React from "react";
-export declare function GoalsScreen(): React.ReactElement;
+import { type GoalStatusType } from "../../../domain/goals/Constants.js";
+import type { AddGoalRequest } from "../../../application/context/goals/add/AddGoalRequest.js";
+import type { AddGoalResponse } from "../../../application/context/goals/add/AddGoalResponse.js";
+import type { RequestController } from "../action-dispatch/RequestController.js";
+interface GoalsScreenProps {
+    readonly statusFilter?: readonly GoalStatusType[];
+    readonly terminalWidth?: number;
+    readonly shortcutsEnabled?: boolean;
+    readonly addGoalController?: RequestController<AddGoalRequest, AddGoalResponse>;
+    readonly onModalOpenChange?: (isOpen: boolean) => void;
+}
+export declare function GoalsScreen({ statusFilter, terminalWidth, shortcutsEnabled, addGoalController, onModalOpenChange, }?: GoalsScreenProps): React.ReactElement;
+export {};
 //# sourceMappingURL=GoalsScreen.d.ts.map

package/dist/presentation/tui/goals/GoalsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsScreen.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/goals/GoalsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAuDjD,wBAAgB,WAAW,IAAI,KAAK,CAAC,YAAY,CAwKhD"}
+{"version":3,"file":"GoalsScreen.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/goals/GoalsScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAcjG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAmEjF,UAAU,gBAAgB;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAClD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAC5C,cAAc,EACd,eAAe,CAChB,CAAC;IACF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD;AA0BD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,aAAa,EACb,gBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,GAClB,GAAE,gBAAqB,GAAG,KAAK,CAAC,YAAY,CA0O5C"}

package/dist/presentation/tui/goals/GoalsScreen.js

@@ -1,14 +1,15 @@
-import React, { useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Box, Text, useInput } from "ink";
-import { BaseColors, SemanticColors, TuiLayout, } from "../../shared/DesignTokens.js";
+import { BaseColors, SemanticColors, TuiGlyphs, } from "../../shared/DesignTokens.js";
 import { GoalStatus } from "../../../domain/goals/Constants.js";
-import { DetailPane } from "../ui-primitives/DetailPane.js";
 import { KeyBadge } from "../ui-primitives/KeyBadge.js";
-import { Panel } from "../ui-primitives/Panel.js";
-import { Tumbler } from "../ui-primitives/Tumbler.js";
+import { HorizontalRule } from "../ui-primitives/HorizontalRule.js";
 import { GoalAuthoringFlow } from "./GoalAuthoringFlow.js";
+import { AddGoalRequestFactory } from "./AddGoalRequestFactory.js";
+import { ActionDispatcher } from "../action-dispatch/ActionDispatcher.js";
+import { useGoalContext } from "../state-reading/useGoalContext.js";
 import { useGoalsList } from "../state-reading/useGoalsList.js";
-import { GOAL_DETAIL_JOIN_SEPARATOR, GOAL_STATUS_FILTER_ALL, GOAL_STATUS_FILTERS, GOAL_TUMBLER_MAX_DISPLAY_LENGTH, GoalsScreenCopy, } from "./GoalsScreenConstants.js";
+import { GOAL_BROWSER_TITLE_MAX_LENGTH, GOAL_DECISION_PAGE_SIZE, GOAL_RELATED_DESCRIPTION_MAX_LENGTH, GOAL_SECTION_PAGE_SIZE, GOAL_STATUS_FILTER_ALL, GOAL_STATUS_FILTERS, GoalsScreenCopy, } from "./GoalsScreenConstants.js";
 const STATUS_COLORS = {
     [GoalStatus.TODO]: SemanticColors.muted,
     [GoalStatus.REFINED]: SemanticColors.info,
@@ -24,15 +25,26 @@ const STATUS_COLORS = {
     [GoalStatus.IN_REFINEMENT]: SemanticColors.info,
     [GoalStatus.UNBLOCKED]: SemanticColors.warning,
 };
-export function GoalsScreen() {
+const EMPTY_GOAL_CONTEXT = {
+    components: [],
+    dependencies: [],
+    decisions: [],
+    invariants: [],
+    guidelines: [],
+};
+export function GoalsScreen({ statusFilter, terminalWidth, shortcutsEnabled = true, addGoalController, onModalOpenChange, } = {}) {
     const [selectedIndex, setSelectedIndex] = useState(0);
+    const [sectionPageFlowIndex, setSectionPageFlowIndex] = useState(0);
     const [filterIndex, setFilterIndex] = useState(0);
     const [authoringOpen, setAuthoringOpen] = useState(false);
+    const [authoringError, setAuthoringError] = useState(null);
+    const [authoringWorking, setAuthoringWorking] = useState(false);
     const activeFilter = GOAL_STATUS_FILTERS[filterIndex];
-    const requestedStatus = activeFilter === GOAL_STATUS_FILTER_ALL
-        ? undefined
-        : activeFilter;
-    const goalsList = useGoalsList(requestedStatus);
+    const requestedStatusFilter = useMemo(() => statusFilter ??
+        (activeFilter === GOAL_STATUS_FILTER_ALL
+            ? undefined
+            : [activeFilter]), [activeFilter, statusFilter]);
+    const goalsList = useGoalsList(requestedStatusFilter);
     const visibleGoals = useMemo(() => {
         const responseGoals = goalsList.data?.goals;
         if (responseGoals !== undefined) {
@@ -41,96 +53,350 @@ export function GoalsScreen() {
         return [];
     }, [goalsList.data]);
     const selectedGoal = visibleGoals[selectedIndex] ?? visibleGoals[0];
+    const goalContext = useGoalContext(selectedGoal?.id);
+    const contextualGoal = goalContext.data?.contextualGoalView.goal;
+    const activeGoal = contextualGoal !== undefined && contextualGoal.goalId === selectedGoal?.id
+        ? toGoalListEntry(contextualGoal)
+        : selectedGoal;
+    const activeContext = contextualGoal !== undefined && contextualGoal.goalId === selectedGoal?.id
+        ? goalContext.data?.contextualGoalView.context ?? EMPTY_GOAL_CONTEXT
+        : EMPTY_GOAL_CONTEXT;
+    const sections = useMemo(() => (activeGoal === undefined ? [] : buildGoalSections(activeGoal, activeContext)), [activeContext, activeGoal]);
+    const sectionPages = useMemo(() => sections.flatMap(toGoalSectionPages), [sections]);
+    const activeSectionPage = sectionPages[sectionPageFlowIndex] ?? sectionPages[0];
+    const filterLabel = statusFilter?.join(", ") ?? activeFilter;
+    useEffect(() => {
+        setSelectedIndex(0);
+        setSectionPageFlowIndex(0);
+    }, [requestedStatusFilter]);
+    useEffect(() => {
+        setSectionPageFlowIndex(0);
+    }, [selectedGoal?.id]);
+    useEffect(() => {
+        setSectionPageFlowIndex((currentIndex) => {
+            if (sectionPages.length === 0) {
+                return 0;
+            }
+            return Math.min(currentIndex, sectionPages.length - 1);
+        });
+    }, [sectionPages.length]);
+    useEffect(() => {
+        setSelectedIndex((currentIndex) => {
+            if (visibleGoals.length === 0) {
+                return 0;
+            }
+            return Math.min(currentIndex, visibleGoals.length - 1);
+        });
+    }, [visibleGoals.length]);
+    const updateAuthoringOpen = useCallback((isOpen) => {
+        setAuthoringOpen(isOpen);
+        onModalOpenChange?.(isOpen);
+    }, [onModalOpenChange]);
+    useEffect(() => () => {
+        onModalOpenChange?.(false);
+    }, [onModalOpenChange]);
     useInput((input, key) => {
-        if (authoringOpen) {
+        if (!shortcutsEnabled || authoringOpen) {
+            return;
+        }
+        if (input === "n" || input === "N" || input === "a" || input === "A") {
+            setAuthoringError(null);
+            updateAuthoringOpen(true);
+            return;
+        }
+        if (input === " " && statusFilter === undefined) {
+            setFilterIndex((currentIndex) => wrapIndex(currentIndex + 1, GOAL_STATUS_FILTERS.length));
+            return;
+        }
+        if (visibleGoals.length > 0 && key.upArrow) {
+            setSelectedIndex((currentIndex) => wrapIndex(currentIndex - 1, visibleGoals.length));
             return;
         }
-        if (key.rightArrow) {
-            const nextFilterIndex = (filterIndex + 1) % GOAL_STATUS_FILTERS.length;
-            setFilterIndex(nextFilterIndex);
-            setSelectedIndex(0);
+        if (visibleGoals.length > 0 && key.downArrow) {
+            setSelectedIndex((currentIndex) => wrapIndex(currentIndex + 1, visibleGoals.length));
             return;
         }
-        if (key.leftArrow) {
-            const nextFilterIndex = filterIndex === 0 ? GOAL_STATUS_FILTERS.length - 1 : filterIndex - 1;
-            setFilterIndex(nextFilterIndex);
-            setSelectedIndex(0);
+        if (sectionPages.length > 0 && key.leftArrow) {
+            setSectionPageFlowIndex((currentIndex) => wrapIndex(currentIndex - 1, sectionPages.length));
             return;
         }
-        if (input === "a" || input === "A") {
-            setAuthoringOpen(true);
+        if (sectionPages.length > 0 && key.rightArrow) {
+            setSectionPageFlowIndex((currentIndex) => wrapIndex(currentIndex + 1, sectionPages.length));
         }
     });
-    const handleAuthoringComplete = (_values) => {
-        setAuthoringOpen(false);
+    const handleAuthoringComplete = async (values) => {
+        if (addGoalController === undefined) {
+            setAuthoringError(GoalsScreenCopy.authoringUnavailable);
+            return;
+        }
+        setAuthoringWorking(true);
+        setAuthoringError(null);
+        const result = await ActionDispatcher.dispatch(addGoalController, AddGoalRequestFactory.create(values));
+        setAuthoringWorking(false);
+        if (!result.ok) {
+            setAuthoringError(result.error.message);
+            return;
+        }
+        updateAuthoringOpen(false);
+        await goalsList.refresh();
     };
     const handleAuthoringCancel = () => {
-        setAuthoringOpen(false);
+        setAuthoringError(null);
+        updateAuthoringOpen(false);
+    };
+    if (authoringOpen) {
+        return (React.createElement(GoalAuthoringFlow, { onComplete: handleAuthoringComplete, onCancel: handleAuthoringCancel, dispatchError: authoringError, disabled: authoringWorking }));
+    }
+    return (React.createElement(Box, { flexDirection: "column", paddingTop: 1 },
+        React.createElement(Box, { flexDirection: "column", paddingX: 1 },
+            React.createElement(Box, { gap: 1 },
+                React.createElement(Text, { color: SemanticColors.h2, bold: true }, GoalsScreenCopy.browserTitle),
+                React.createElement(KeyBadge, { char: "n", label: GoalsScreenCopy.newGoal })),
+            React.createElement(Box, { gap: 3 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: SemanticColors.label },
+                        GoalsScreenCopy.showingLabel,
+                        " "),
+                    React.createElement(Text, { color: SemanticColors.primary }, selectedGoal ? `${selectedIndex + 1}/${visibleGoals.length}` : "0/0"),
+                    React.createElement(KeyBadge, { char: "\u2191\u2193" })),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: SemanticColors.label },
+                        GoalsScreenCopy.stateLineLabel,
+                        " "),
+                    React.createElement(Text, { color: SemanticColors.primary }, formatFilterLabel(filterLabel)),
+                    React.createElement(KeyBadge, { char: "space" })))),
+        React.createElement(HorizontalRule, { color: SemanticColors.label, width: terminalWidth }),
+        React.createElement(Box, { flexDirection: "column", paddingX: 1 }, goalsList.loading && goalsList.data === null ? (React.createElement(Text, { color: SemanticColors.muted }, GoalsScreenCopy.loadingGoals)) : goalsList.error !== null ? (React.createElement(Text, { color: SemanticColors.error }, goalsList.error.message)) : activeGoal === undefined || activeSectionPage === undefined ? (React.createElement(Text, { color: SemanticColors.muted }, GoalsScreenCopy.emptyGoals)) : (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(GoalHeading, { goal: activeGoal }),
+            React.createElement(SectionHeading, { section: activeSectionPage.section, pageIndex: activeSectionPage.pageIndex, totalPages: activeSectionPage.totalPages }),
+            goalContext.loading && goalContext.data === null && (React.createElement(Text, { color: SemanticColors.muted }, GoalsScreenCopy.loadingContext)),
+            React.createElement(GoalSectionRows, { rows: activeSectionPage.rows, emptyText: activeSectionPage.section.emptyText ?? GoalsScreenCopy.emptyFieldValue }))))));
+}
+function GoalHeading({ goal, }) {
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(Text, { color: SemanticColors.headline }, "GOAL: "),
+            React.createElement(Text, { color: SemanticColors.headline }, truncateText(goal.title, GOAL_BROWSER_TITLE_MAX_LENGTH)),
+            React.createElement(KeyBadge, { char: "\u2190\u2192", label: "details" }))));
+}
+function SectionHeading({ section, pageIndex, totalPages, }) {
+    const normalizedTitle = section.title.endsWith(":")
+        ? section.title.slice(0, -1)
+        : section.title;
+    const title = totalPages > 1
+        ? `${normalizedTitle} (${pageIndex + 1}/${totalPages}):`
+        : section.title.endsWith(":")
+            ? section.title
+            : `${section.title}:`;
+    return (React.createElement(Box, { marginTop: 1 },
+        React.createElement(Text, { color: SemanticColors.h2, bold: true }, title)));
+}
+function GoalSectionRows({ rows, emptyText, }) {
+    if (rows.length === 0) {
+        return (React.createElement(Text, { color: SemanticColors.muted, italic: true }, emptyText));
+    }
+    return (React.createElement(Box, { flexDirection: "column" }, rows.map((row, index) => (React.createElement(Box, { key: `${row.label ?? row.heading ?? row.name ?? "row"}-${index}`, marginTop: (row.heading !== undefined ||
+            row.name !== undefined ||
+            row.marker === "bullet") &&
+            index > 0
+            ? 1
+            : 0 }, row.heading !== undefined ? (React.createElement(Text, { color: SemanticColors.h2, bold: true }, row.heading)) : row.name !== undefined ? (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, { color: SemanticColors.h3 }, row.name),
+        row.value.length > 0 && (React.createElement(Text, { color: row.color ?? SemanticColors.primary }, row.value)),
+        row.fields?.map((field, fieldIndex) => (React.createElement(Box, { key: `${field.label}-${fieldIndex}` },
+            React.createElement(Text, { color: SemanticColors.label },
+                field.label,
+                " "),
+            React.createElement(Text, { color: SemanticColors.primary }, field.value)))))) : row.label === undefined && row.marker === "bullet" ? (React.createElement(React.Fragment, null,
+        React.createElement(Box, { flexShrink: 0 },
+            React.createElement(Text, { color: SemanticColors.label },
+                TuiGlyphs.bullet,
+                " ")),
+        React.createElement(Text, { color: row.color ?? SemanticColors.primary }, row.value))) : row.label === undefined ? (React.createElement(Text, { color: row.color ?? SemanticColors.primary }, row.value)) : (React.createElement(React.Fragment, null,
+        React.createElement(Text, { color: SemanticColors.label },
+            row.label,
+            " "),
+        React.createElement(Text, { color: row.color ?? SemanticColors.primary }, row.value))))))));
+}
+function buildGoalSections(goal, context) {
+    return [
+        {
+            key: "objectiveMetadata",
+            title: GoalsScreenCopy.sections.objective,
+            paginated: false,
+            rows: [
+                { value: goal.objective },
+                {
+                    heading: GoalsScreenCopy.sections.metadata,
+                    value: GoalsScreenCopy.sections.metadata,
+                },
+                { label: GoalsScreenCopy.details.id, value: goal.id },
+                {
+                    label: GoalsScreenCopy.details.status,
+                    value: goal.status,
+                    color: STATUS_COLORS[goal.status],
+                },
+                { label: GoalsScreenCopy.details.createdAt, value: goal.createdAt },
+                { label: GoalsScreenCopy.details.updatedAt, value: goal.updatedAt },
+                {
+                    label: GoalsScreenCopy.details.branch,
+                    value: goal.branch ?? GoalsScreenCopy.emptyFieldValue,
+                },
+                {
+                    label: GoalsScreenCopy.details.worktree,
+                    value: goal.worktree ?? GoalsScreenCopy.emptyFieldValue,
+                },
+                {
+                    label: GoalsScreenCopy.details.claimedBy,
+                    value: goal.claimedBy ?? GoalsScreenCopy.emptyFieldValue,
+                },
+                {
+                    label: GoalsScreenCopy.details.claimedAt,
+                    value: goal.claimedAt ?? GoalsScreenCopy.emptyFieldValue,
+                },
+                {
+                    label: GoalsScreenCopy.details.claimExpiresAt,
+                    value: goal.claimExpiresAt ?? GoalsScreenCopy.emptyFieldValue,
+                },
+            ],
+        },
+        textSection("note", GoalsScreenCopy.sections.note, goal.note),
+        textSection("reviewIssues", GoalsScreenCopy.sections.reviewIssues, goal.reviewIssues),
+        listSection("successCriteria", GoalsScreenCopy.sections.successCriteria, goal.criteria.map((criterion) => ({ value: criterion, marker: "bullet" }))),
+        listSection("currentProgress", GoalsScreenCopy.sections.currentProgress, goal.progress.map((progress) => ({ value: progress, marker: "bullet" }))),
+        listSection("scope", GoalsScreenCopy.sections.scope, [
+            ...goal.scopeIn.map((scopeItem) => ({
+                label: GoalsScreenCopy.details.scopeIn,
+                value: scopeItem,
+            })),
+            ...goal.scopeOut.map((scopeItem) => ({
+                label: GoalsScreenCopy.details.scopeOut,
+                value: scopeItem,
+            })),
+            ...goal.prerequisiteGoals.map((goalId) => ({
+                label: GoalsScreenCopy.details.prerequisites,
+                value: goalId,
+            })),
+        ]),
+        relatedSection("relatedComponents", GoalsScreenCopy.sections.relatedComponents, context.components, formatComponent),
+        relatedSection("relatedDependencies", GoalsScreenCopy.sections.relatedDependencies, context.dependencies, formatDependency),
+        decisionsSection(context.decisions),
+        relatedSection("relatedInvariants", GoalsScreenCopy.sections.relatedInvariants, context.invariants, formatInvariant),
+        relatedSection("relatedGuidelines", GoalsScreenCopy.sections.relatedGuidelines, context.guidelines, formatGuideline),
+    ];
+}
+function textSection(key, title, value) {
+    return {
+        key,
+        title,
+        paginated: false,
+        rows: value === undefined || value.trim().length === 0
+            ? []
+            : [{ value }],
+    };
+}
+function listSection(key, title, rows) {
+    return {
+        key,
+        title,
+        rows,
+        paginated: true,
     };
-    const tumblerItems = visibleGoals.map((goal) => ({
-        key: goal.id,
-        value: `${goal.title} ${goal.status}`,
+}
+function relatedSection(key, title, relations, formatEntity) {
+    return listSection(key, title, relations.map((relation) => {
+        const display = formatEntity(relation.entity);
+        return {
+            name: display.name,
+            value: truncateText(display.description, GOAL_RELATED_DESCRIPTION_MAX_LENGTH),
+        };
     }));
-    const handleFocusedGoalChange = (item) => {
-        const nextSelectedIndex = visibleGoals.findIndex((goal) => goal.id === item.key);
-        if (nextSelectedIndex >= 0) {
-            setSelectedIndex(nextSelectedIndex);
-        }
+}
+function toGoalSectionPages(section) {
+    const pageSize = section.pageSize ?? GOAL_SECTION_PAGE_SIZE;
+    const totalPages = section.paginated
+        ? Math.max(1, Math.ceil(section.rows.length / pageSize))
+        : 1;
+    return Array.from({ length: totalPages }, (_, pageIndex) => ({
+        section,
+        pageIndex,
+        totalPages,
+        rows: getRenderedRows(section, pageIndex),
+    }));
+}
+function formatComponent(component) {
+    return { name: component.name, description: component.description };
+}
+function formatDependency(dependency) {
+    const version = dependency.versionConstraint
+        ? `@${dependency.versionConstraint}`
+        : "";
+    return {
+        name: `${dependency.ecosystem}:${dependency.packageName}${version}`,
+        description: dependency.contract || dependency.endpoint || "External dependency",
     };
-    if (authoringOpen) {
-        return (React.createElement(GoalAuthoringFlow, { onComplete: handleAuthoringComplete, onCancel: handleAuthoringCancel }));
+}
+function decisionsSection(decisions) {
+    return {
+        key: "relatedDecisions",
+        title: GoalsScreenCopy.sections.relatedDecisions,
+        paginated: true,
+        pageSize: GOAL_DECISION_PAGE_SIZE,
+        rows: decisions.map((related) => ({
+            name: related.entity.title,
+            value: "",
+            fields: [
+                {
+                    label: GoalsScreenCopy.details.decisionContext,
+                    value: related.entity.context,
+                },
+                ...(related.entity.rationale !== null &&
+                    related.entity.rationale.length > 0
+                    ? [
+                        {
+                            label: GoalsScreenCopy.details.decisionRationale,
+                            value: related.entity.rationale,
+                        },
+                    ]
+                    : []),
+            ],
+        })),
+    };
+}
+function formatInvariant(invariant) {
+    return { name: invariant.title, description: invariant.description };
+}
+function formatGuideline(guideline) {
+    return {
+        name: `[${guideline.category}] ${guideline.title}`,
+        description: guideline.description,
+    };
+}
+function formatFilterLabel(filter) {
+    if (filter === GOAL_STATUS_FILTER_ALL) {
+        return "All";
+    }
+    return filter;
+}
+function getRenderedRows(section, pageIndex) {
+    if (section === undefined) {
+        return [];
+    }
+    if (!section.paginated) {
+        return section.rows;
+    }
+    const pageSize = section.pageSize ?? GOAL_SECTION_PAGE_SIZE;
+    const start = pageIndex * pageSize;
+    return section.rows.slice(start, start + pageSize);
+}
+function wrapIndex(index, itemCount) {
+    return (index + itemCount) % itemCount;
+}
+function truncateText(value, maxLength) {
+    if (value.length <= maxLength) {
+        return value;
     }
-    return (React.createElement(Box, { flexDirection: "column", paddingX: 1, paddingTop: 1, gap: 1 },
-        React.createElement(Box, { gap: 2 },
-            goalsList.loading && goalsList.data === null ? (React.createElement(Panel, { title: GoalsScreenCopy.listTitle, width: TuiLayout.listPanelWidth },
-                React.createElement(Text, { color: SemanticColors.muted }, GoalsScreenCopy.loadingGoals))) : goalsList.error !== null ? (React.createElement(Panel, { title: GoalsScreenCopy.listTitle, width: TuiLayout.listPanelWidth },
-                React.createElement(Text, { color: SemanticColors.error }, goalsList.error.message))) : (React.createElement(Tumbler, { key: activeFilter, title: GoalsScreenCopy.listTitle, items: tumblerItems, initialFocusedKey: selectedGoal?.id, maxDisplayLength: GOAL_TUMBLER_MAX_DISPLAY_LENGTH, width: TuiLayout.listPanelWidth, emptyMessage: GoalsScreenCopy.emptyGoals, onFocusedItemChange: handleFocusedGoalChange })),
-            selectedGoal && (React.createElement(DetailPane, { title: GoalsScreenCopy.detailTitle, width: TuiLayout.detailPanelWidth, entries: [
-                    { label: GoalsScreenCopy.details.id, value: selectedGoal.id },
-                    { label: GoalsScreenCopy.details.title, value: selectedGoal.title },
-                    {
-                        label: GoalsScreenCopy.details.status,
-                        value: selectedGoal.status,
-                        valueColor: STATUS_COLORS[selectedGoal.status],
-                    },
-                    { label: GoalsScreenCopy.details.objective, value: selectedGoal.objective },
-                    {
-                        label: GoalsScreenCopy.details.criteria,
-                        value: selectedGoal.criteria.join(GOAL_DETAIL_JOIN_SEPARATOR),
-                    },
-                    {
-                        label: GoalsScreenCopy.details.scopeIn,
-                        value: selectedGoal.scopeIn.join(GOAL_DETAIL_JOIN_SEPARATOR),
-                    },
-                    {
-                        label: GoalsScreenCopy.details.scopeOut,
-                        value: selectedGoal.scopeOut.join(GOAL_DETAIL_JOIN_SEPARATOR),
-                    },
-                    {
-                        label: GoalsScreenCopy.details.prerequisites,
-                        value: selectedGoal.prerequisiteGoals
-                            .join(GOAL_DETAIL_JOIN_SEPARATOR) || GoalsScreenCopy.emptyFieldValue,
-                    },
-                    {
-                        label: GoalsScreenCopy.details.progress,
-                        value: selectedGoal.progress.join(GOAL_DETAIL_JOIN_SEPARATOR)
-                            || GoalsScreenCopy.emptyFieldValue,
-                    },
-                    { label: GoalsScreenCopy.details.note, value: selectedGoal.note ?? GoalsScreenCopy.emptyFieldValue },
-                    {
-                        label: GoalsScreenCopy.details.reviewIssues,
-                        value: selectedGoal.reviewIssues ?? GoalsScreenCopy.emptyFieldValue,
-                    },
-                    {
-                        label: GoalsScreenCopy.details.nextGoal,
-                        value: selectedGoal.nextGoalId ?? GoalsScreenCopy.emptyFieldValue,
-                    },
-                ] }))),
-        selectedGoal && (React.createElement(Panel, { title: GoalsScreenCopy.actionHintsTitle },
-            React.createElement(Box, { gap: 2 },
-                React.createElement(KeyBadge, { char: "a", label: GoalsScreenCopy.shortcuts.author }),
-                React.createElement(KeyBadge, { char: "\u2191\u2193", label: GoalsScreenCopy.shortcuts.select }),
-                React.createElement(KeyBadge, { char: "\u2190\u2192", label: GoalsScreenCopy.shortcuts.filter }))))));
+    return `${value.slice(0, maxLength - 3)}...`;
 }
 function toGoalListEntry(goal) {
     return {
@@ -146,6 +412,14 @@ function toGoalListEntry(goal) {
         note: goal.note,
         reviewIssues: goal.reviewIssues,
         nextGoalId: goal.nextGoalId,
+        branch: goal.branch,
+        worktree: goal.worktree,
+        claimedBy: goal.claimedBy,
+        claimedAt: goal.claimedAt,
+        claimExpiresAt: goal.claimExpiresAt,
+        version: goal.version,
+        createdAt: goal.createdAt,
+        updatedAt: goal.updatedAt,
     };
 }
 //# sourceMappingURL=GoalsScreen.js.map