refactor(mobile): keep composer controls local

Generated-By: PostHog Code
Task-Id: c1bbe3cf-742b-4b24-bf96-d11a18b4cf22

Author: richardsolomou

apps/mobile/src/app/task/index.tsx

@@ -3,12 +3,6 @@ import {
   DEFAULT_CLAUDE_EXECUTION_MODE,
   getAvailableModes,
 } from "@posthog/core/sessions/executionModes";
-import {
-  getComposerModelOptions,
-  getConfigOptionLabel,
-  getModelConfigOption,
-  resolveComposerModelChange,
-} from "@posthog/core/task-detail/composerControls";
 import {
   DEFAULT_GATEWAY_MODEL,
   DEFAULT_REASONING_EFFORT,
@@ -61,6 +55,12 @@ import {
 } from "@/features/tasks/composer/attachments/pickers";
 import type { PendingAttachment } from "@/features/tasks/composer/attachments/types";
 import { DotBackground } from "@/features/tasks/composer/DotBackground";
+import {
+  getComposerModelOptions,
+  getConfigOptionLabel,
+  getModelConfigOption,
+  resolveComposerModelChange,
+} from "@/features/tasks/composer/options";
 import { Pill } from "@/features/tasks/composer/Pill";
 import { RepositoryPickerInline } from "@/features/tasks/composer/RepositoryPickerInline";
 import { SelectSheet } from "@/features/tasks/composer/SelectSheet";

apps/mobile/src/features/inbox/components/TinderView.tsx

@@ -3,7 +3,6 @@ import {
   formatSignalReportSummaryMarkdown,
   inboxStatusLabel,
 } from "@posthog/core/inbox/reportPresentation";
-import { getModelConfigOption } from "@posthog/core/task-detail/composerControls";
 import type {
   SignalReport,
   SignalReportPriority,
@@ -27,6 +26,7 @@ import {
 } from "react-native-safe-area-context";
 import { MarkdownText } from "@/features/chat/components/MarkdownText";
 import { usePreferencesStore } from "@/features/preferences/stores/preferencesStore";
+import { getModelConfigOption } from "@/features/tasks/composer/options";
 import { useCloudTaskConfigOptions } from "@/features/tasks/hooks/useCloudTaskConfigOptions";
 import type {
   CreateTaskOptions,

apps/mobile/src/features/tasks/composer/TaskChatComposer.tsx

@@ -3,13 +3,6 @@ import {
   DEFAULT_CLAUDE_EXECUTION_MODE,
   getAvailableModes,
 } from "@posthog/core/sessions/executionModes";
-import {
-  getComposerModelOptions,
-  getConfigOptionLabel,
-  getModelConfigOption,
-  resolveComposerModelChange,
-  resolveComposerPrimaryAction,
-} from "@posthog/core/task-detail/composerControls";
 import {
   DEFAULT_GATEWAY_MODEL,
   DEFAULT_REASONING_EFFORT,
@@ -62,6 +55,13 @@ import {
   pickPhotoFromLibrary,
 } from "./attachments/pickers";
 import type { PendingAttachment } from "./attachments/types";
+import {
+  getComposerModelOptions,
+  getConfigOptionLabel,
+  getModelConfigOption,
+  resolveComposerModelChange,
+  resolveComposerPrimaryAction,
+} from "./options";
 import { Pill } from "./Pill";
 import { SelectSheet } from "./SelectSheet";
 

apps/mobile/src/features/tasks/composer/options.test.ts

@@ -0,0 +1,65 @@
+import {
+  type CloudTaskConfigOption,
+  DEFAULT_GATEWAY_MODEL,
+  restrictedModelMeta,
+} from "@posthog/shared";
+import { describe, expect, it } from "vitest";
+import {
+  getComposerModelOptions,
+  resolveComposerPrimaryAction,
+} from "./options";
+
+const modelOption: CloudTaskConfigOption = {
+  id: "model",
+  name: "Model",
+  type: "select",
+  currentValue: DEFAULT_GATEWAY_MODEL,
+  options: [
+    { value: DEFAULT_GATEWAY_MODEL, name: "Claude Opus 4.8" },
+    {
+      value: "claude-fable-5",
+      name: "Claude Fable 5",
+      _meta: restrictedModelMeta(),
+    },
+  ],
+  category: "model",
+  description: "Choose a model",
+};
+
+describe("mobile composer options", () => {
+  it("adapts live model options for the mobile picker", () => {
+    expect(getComposerModelOptions(modelOption)).toEqual([
+      {
+        value: DEFAULT_GATEWAY_MODEL,
+        label: "Claude Opus 4.8",
+        description: undefined,
+        disabled: false,
+      },
+      {
+        value: "claude-fable-5",
+        label: "Claude Fable 5",
+        description: undefined,
+        disabled: true,
+      },
+    ]);
+  });
+
+  it.each([
+    [{ hasContent: true }, "send"],
+    [{ canStop: true }, "stop"],
+    [{ isRecording: true }, "mic-stop"],
+    [{}, "mic"],
+  ])("derives the mobile primary action", (overrides, expected) => {
+    expect(
+      resolveComposerPrimaryAction({
+        hasContent: false,
+        disabled: false,
+        isRecording: false,
+        isTranscribing: false,
+        canStop: false,
+        allowSendWhileRunning: true,
+        ...overrides,
+      }),
+    ).toBe(expected);
+  });
+});

…core/src/task-detail/composerControls.ts …e/src/features/tasks/composer/options.tspackages/core/src/task-detail/composerControls.ts renamed to apps/mobile/src/features/tasks/composer/options.ts packages/core/src/task-detail/composerControls.ts renamed to apps/mobile/src/features/tasks/composer/options.ts

@@ -7,7 +7,7 @@ import {
   type SupportedReasoningEffort,
 } from "@posthog/shared";
 
-export interface ComposerModelOption {
+export interface MobileModelOption {
   value: string;
   label: string;
   description?: string;
@@ -24,7 +24,7 @@ export function getModelConfigOption(
 
 export function getComposerModelOptions(
   modelOption: CloudTaskConfigOption,
-): ComposerModelOption[] {
+): MobileModelOption[] {
   return modelOption.options.map((option) => ({
     value: option.value,
     label: option.name,
@@ -40,16 +40,6 @@ export function getConfigOptionLabel(
   return options.find((option) => option.value === value)?.name ?? value;
 }
 
-export function resolveAvailableModel(
-  modelOption: CloudTaskConfigOption,
-  value: string,
-): string {
-  const selected = modelOption.options.find((option) => option.value === value);
-  return selected && !isRestrictedModelOption(selected._meta)
-    ? value
-    : modelOption.currentValue;
-}
-
 export function resolveComposerModelChange({
   adapter,
   modelOption,
@@ -61,7 +51,13 @@ export function resolveComposerModelChange({
   requestedModel: string;
   reasoning: SupportedReasoningEffort;
 }): { model: string; reasoning: SupportedReasoningEffort } {
-  const model = resolveAvailableModel(modelOption, requestedModel);
+  const selected = modelOption.options.find(
+    (option) => option.value === requestedModel,
+  );
+  const model =
+    selected && !isRestrictedModelOption(selected._meta)
+      ? requestedModel
+      : modelOption.currentValue;
   return {
     model,
     reasoning: isSupportedReasoningEffort(adapter, model, reasoning)

apps/mobile/src/features/tasks/hooks/useCloudTaskConfigOptions.test.ts

@@ -26,7 +26,7 @@ vi.mock("@/lib/posthogApiClient", () => ({
   }),
 }));
 
-import { getModelConfigOption } from "@posthog/core/task-detail/composerControls";
+import { getModelConfigOption } from "../composer/options";
 import { useCloudTaskConfigOptions } from "./useCloudTaskConfigOptions";
 
 function createWrapper(queryClient: QueryClient) {

packages/core/src/task-detail/composerControls.test.ts

@@ -9,7 +9,6 @@ import {
   Robot,
   Spinner,
 } from "@phosphor-icons/react";
-import { getConfigOptionLabel } from "@posthog/core/task-detail/composerControls";
 import {
   Button,
   DropdownMenu,
@@ -79,7 +78,9 @@ export function UnifiedModelSelector({
   }, [selectOption]);
 
   const currentValue = selectOption?.currentValue;
-  const currentLabel = getConfigOptionLabel(options, currentValue);
+  const currentLabel =
+    options.find((option) => option.value === currentValue)?.name ??
+    currentValue;
 
   const otherAdapter = getOtherAdapter(adapter);