Function UpdateSelector

extensions/cli/src/ui/UpdateSelector.tsx:18–93

({ onCancel })

}

export const UpdateSelector: React.FC<UpdateSelectorProps> = ({ onCancel }) => {
  const [selectedIndex, setSelectedIndex] = useState(0);
  const updateServiceState = useService<UpdateServiceState>(
    SERVICE_NAMES.UPDATE,
  );

  const updateState = updateServiceState.value;

  const isWorking =
    updateServiceState.state === "loading" ||
    updateState?.status === "checking" ||
    updateState?.status === "updating";

  const error: string | null = useMemo(() => {
    if (updateServiceState.state === "error") {
      return updateServiceState.error?.message || "Update service error";
    }
    if (updateState?.status === "error") {
      return updateState.message || "Update failed";
    }
    return null;
  }, [updateServiceState.state, updateServiceState.error, updateState]);

  const loadingMessage = useMemo(() => {
    if (!updateState) return "Preparing update...";
    return updateState.message || "Working...";
  }, [updateState]);

  const options: UpdateOption[] = useMemo(() => {
    const runLabel = updateState?.latestVersion
      ? `Run update to v${updateState.latestVersion}`
      : "Run update";

    const autoUpdateLabel = updateState?.autoUpdate
      ? "Turn off auto-updates"
      : "Turn on auto-updates";

    return [
      { id: "run-update", name: runLabel, action: "run" },
      { id: "toggle-auto", name: autoUpdateLabel, action: "toggle-auto" },
      { id: "back", name: "Back", action: "back" },
    ];
  }, [updateState?.latestVersion, updateState?.autoUpdate]);

  const handleSelect = async (option: UpdateOption) => {
    switch (option.action) {
      case "run":
        // Perform a manual update (not auto-update)
        await services.updateService.performUpdate(false);
        return; // Keep selector open to show status changes
      case "toggle-auto":
        // Toggle auto-update setting
        const newValue = !updateState?.autoUpdate;
        await services.updateService.setAutoUpdate(newValue);
        return; // Keep selector open to show updated label
      case "back":
        onCancel();
        return;