"use client";

import { Button } from "@/components/ui";
import { useI18n } from "@/lib/i18n";
import { OLLAMA_SETTINGS_URL } from "@/lib/model-errors";
import { openSettings } from "@/lib/ui-events";

/**
 * The two actions for an exhausted monthly usage: jump to the key field in
 * Settings, or open Ollama to upgrade the account. Renders nothing for any
 * other error kind (a plain Retry next to it is enough).
 */
export function ModelErrorActions({ kind }: { kind?: string }) {
  const { t } = useI18n();
  if (kind !== "usage_limit") return null;

  return (
    <>
      <Button size="sm" onClick={() => openSettings("key")}>
        {t("upload.openSettings")}
      </Button>
      <Button
        size="sm"
        variant="secondary"
        onClick={() => window.open(OLLAMA_SETTINGS_URL, "_blank", "noopener,noreferrer")}
      >
        {t("error.openOllama")}
      </Button>
    </>
  );
}