fix(tui): carry the region override through a resource's whole flow

README.md

@@ -34,7 +34,8 @@ headless). A bare `project status` opens a Linked Resources view that groups
 the project's resources by agent and forwards to each deployed resource's
 detail page. The harness hub (`harness get`) ends with the same kind of Linked
 Resources tree for the Runtime, Memory, Gateway, Browser, Code Interpreter and
-credential providers wired to that harness, each opening in its own region.
+credential providers wired to that harness, each opening in its own region; the
+region then follows that resource through its actions, lists and detail views.
 
 ```
 agentcore                          # interactive TUI

src/components/AbTestPicker.tsx

@@ -1,7 +1,7 @@
 import type { ABTestSummary } from "@aws-sdk/client-bedrock-agentcore";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -47,7 +47,7 @@ export function AbTestPicker({
   onSelect,
   onEscape,
 }: AbTestPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/BatchEvaluationPicker.tsx

@@ -1,7 +1,7 @@
 import type { BatchEvaluationSummary } from "@aws-sdk/client-bedrock-agentcore";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -58,7 +58,7 @@ export function BatchEvaluationPicker({
   onSelect,
   onEscape,
 }: BatchEvaluationPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/BatchInsightsPicker.tsx

@@ -1,7 +1,7 @@
 import type { BatchEvaluationSummary } from "@aws-sdk/client-bedrock-agentcore";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -49,7 +49,7 @@ export function BatchInsightsPicker({
   onSelect,
   onEscape,
 }: BatchInsightsPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/ConfigBundlePicker.tsx

@@ -1,7 +1,7 @@
 import type { ConfigurationBundleSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -50,7 +50,7 @@ export function ConfigBundlePicker({
   onSelect,
   onEscape,
 }: ConfigBundlePickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/ConfigBundleVersionPicker.tsx

@@ -1,6 +1,6 @@
 import type { ConfigurationBundleVersionSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -49,7 +49,7 @@ export function ConfigBundleVersionPicker({
   onSelect,
   onBack,
 }: ConfigBundleVersionPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
 
   return (
     <PaginatedTablePicker

src/components/DatasetPicker.tsx

@@ -1,7 +1,7 @@
 import type { DatasetSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -61,7 +61,7 @@ export function DatasetPicker({
   onSelect,
   onEscape,
 }: DatasetPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/EndpointWizard.tsx

@@ -1,13 +1,12 @@
 import { useMemo, useState } from "react";
 import { Box, Text, useInput } from "ink";
-import { useNavigate } from "react-router";
 import { useQuery } from "@tanstack/react-query";
 import type {
   CreateHarnessEndpointRequest,
   UpdateHarnessEndpointRequest,
 } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts, useRegionNavigate } from "../handlers/utils";
 import { Layout } from "./Layout";
 import { FormRadioGroup, type FormRadioOption } from "./FormRadioGroup";
 import { FormTextInput } from "./FormTextInput";
@@ -60,8 +59,8 @@ export function EndpointWizard({
   initial,
   onDone,
 }: EndpointWizardProps) {
-  const navigate = useNavigate();
-  const opts = coreOptsFromCtx(ctx);
+  const navigate = useRegionNavigate();
+  const opts = useCoreOpts(ctx);
 
   const steps: Step[] = useMemo(() => {
     const all: Step[] = [

src/components/EvaluatorPicker.tsx

@@ -1,7 +1,7 @@
 import type { EvaluatorSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -62,7 +62,7 @@ export function EvaluatorPicker({
   onSelect,
   onEscape,
 }: EvaluatorPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/GatewayConnectorPicker.tsx

@@ -1,7 +1,7 @@
 import type { TargetSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -48,7 +48,7 @@ export function GatewayConnectorPicker({
   description,
   onSelect,
 }: GatewayConnectorPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
 
   return (

src/components/GatewayPicker.tsx

@@ -1,7 +1,7 @@
 import type { GatewaySummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -54,7 +54,7 @@ export function GatewayPicker({
   onSelect,
   onEscape,
 }: GatewayPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
 
   return (

src/components/GatewayRulePicker.tsx

@@ -1,7 +1,7 @@
 import type { GatewayRuleDetail } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
 
@@ -48,7 +48,7 @@ export function GatewayRulePicker({
   description,
   onSelect,
 }: GatewayRulePickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
 
   return (

src/components/GatewayTargetPicker.tsx

@@ -1,7 +1,7 @@
 import type { TargetSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -51,7 +51,7 @@ export function GatewayTargetPicker({
   description,
   onSelect,
 }: GatewayTargetPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
 
   return (

src/components/HarnessEndpointPicker.tsx

@@ -1,7 +1,7 @@
 import { useNavigate } from "react-router";
 import type { HarnessEndpoint } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -68,7 +68,7 @@ export function HarnessEndpointPicker({
   onSelect,
   onEscape,
 }: HarnessEndpointPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate(-1));
 

src/components/HarnessPicker.tsx

@@ -1,7 +1,7 @@
 import { useNavigate } from "react-router";
 import type { HarnessSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -65,7 +65,7 @@ export function HarnessPicker({
   description,
   onSelect,
 }: HarnessPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = () => navigate("/" + breadcrumb.slice(0, -1).join("/"));
 

src/components/HarnessVersionPicker.tsx

@@ -1,7 +1,7 @@
 import { useNavigate } from "react-router";
 import type { HarnessVersionSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -59,7 +59,7 @@ export function HarnessVersionPicker({
   description,
   onSelect,
 }: HarnessVersionPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
 

src/components/HarnessWizard.tsx

@@ -8,7 +8,7 @@ import type {
 } from "@aws-sdk/client-bedrock-agentcore-control";
 import type { CreateHarnessInput } from "../handlers/harness/types";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { Layout } from "./Layout";
 import { ErrorPanel } from "./ErrorPanel";
 import { FormTextInput } from "./FormTextInput";
@@ -268,7 +268,7 @@ export function HarnessWizard({
   onDone,
   onExit,
 }: HarnessWizardProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
 
   const steps: Step[] = useMemo(() => {
     const all: Step[] = [

src/components/MemoryPicker.tsx

@@ -1,7 +1,7 @@
 import type { MemorySummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -38,7 +38,7 @@ export interface MemoryPickerProps extends ScreenProps {
 }
 
 export function MemoryPicker({ ctx, core, breadcrumb, description, onSelect }: MemoryPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = () => navigate("/" + breadcrumb.slice(0, -1).join("/"));
 

src/components/OnlineEvalPicker.tsx

@@ -1,7 +1,7 @@
 import type { OnlineEvaluationConfigSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -63,7 +63,7 @@ export function OnlineEvalPicker({
   onSelect,
   onEscape,
 }: OnlineEvalPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/OnlineInsightPicker.tsx

@@ -1,7 +1,7 @@
 import type { OnlineEvaluationConfigSummary } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -63,7 +63,7 @@ export function OnlineInsightPicker({
   onSelect,
   onEscape,
 }: OnlineInsightPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));
 

src/components/RuntimeEndpointPicker.tsx

@@ -1,7 +1,7 @@
 import type { AgentRuntimeEndpoint } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -54,7 +54,7 @@ export function RuntimeEndpointPicker({
   onSelect,
   onEscape,
 }: RuntimeEndpointPickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate(-1));
 

src/components/RuntimePicker.tsx

@@ -1,7 +1,7 @@
 import type { AgentRuntime } from "@aws-sdk/client-bedrock-agentcore-control";
 import { useNavigate } from "react-router";
 import type { ScreenProps } from "../handlers/types";
-import { coreOptsFromCtx } from "../handlers/utils";
+import { useCoreOpts } from "../handlers/utils";
 import { formatTimestamp } from "./formatTimestamp";
 import { PaginatedTablePicker } from "./PaginatedTablePicker";
 import type { DataTableColumn } from "./ui/data-table";
@@ -52,7 +52,7 @@ export function RuntimePicker({
   onSelect,
   onEscape,
 }: RuntimePickerProps) {
-  const opts = coreOptsFromCtx(ctx);
+  const opts = useCoreOpts(ctx);
   const navigate = useNavigate();
   const goBack = onEscape ?? (() => navigate("/" + breadcrumb.slice(0, -1).join("/")));