Function Settings

studio/src/pages/Settings.tsx:7–265

()

import type { ModelPricing } from '../api/types';

export function Settings() {
  const { data: pricing, isLoading, refetch } = usePricing();
  const updatePricing = useUpdatePricing();

  const [editingModel, setEditingModel] = useState<string | null>(null);
  const [editValues, setEditValues] = useState<Partial<ModelPricing>>({});
  const [newModel, setNewModel] = useState({
    model: '',
    input_price_per_m: 0,
    output_price_per_m: 0,
    currency: 'USD',
  });
  const [showAddForm, setShowAddForm] = useState(false);

  const handleEdit = (model: string, current: ModelPricing) => {
    setEditingModel(model);
    setEditValues(current);
  };

  const handleSave = async (model: string) => {
    if (!editValues.input_price_per_m || !editValues.output_price_per_m) return;

    try {
      await updatePricing.mutateAsync({
        model,
        input_price_per_m: editValues.input_price_per_m,
        output_price_per_m: editValues.output_price_per_m,
        currency: editValues.currency || 'USD',
      });
      setEditingModel(null);
      refetch();
    } catch (error) {
      console.error('Failed to update pricing:', error);
    }
  };

  const handleAddModel = async () => {
    if (!newModel.model) return;

    try {
      await updatePricing.mutateAsync(newModel);
      setShowAddForm(false);
      setNewModel({
        model: '',
        input_price_per_m: 0,
        output_price_per_m: 0,
        currency: 'USD',
      });
      refetch();
    } catch (error) {
      console.error('Failed to add model:', error);
    }
  };

  return (
    <div className="flex flex-col h-full">
      <Header title="Settings" subtitle="系统配置" />