Marlowe Studio — Tallybook

… a new Transaction crosses a category ceiling, and write whatever server-side code that needs.

an hour ago

Marlowe

Two constraints I need to flag first:

Server routines require a Studio plan — I can't deploy server-side handlers on your current tier.
Push notifications (browser or mobile) aren't a first-party integration on this platform.

What I can do instead: send you an email alert whenever a new transaction pushes a category past its monthly ceiling — entirely client-side, through the bundled MailHook integration. No server code needed.

Want me to go ahead with email notifications as the alert mechanism?

an hour ago

Suggestions

What would you like to change?

Code

src/pages/Budgets.jsx

import React, { useState } from 'react';
import { marlowe } from '@/api/client';
import { useQuery, useMutation } from '@/hooks';
import { Button } from '@/components/ui';
import { Plus } from 'lucide-react';
import BudgetForm from '@/components/BudgetForm';
import BudgetCard from '@/components/BudgetCard';

export default function Budgets() {
  const [showForm, setShowForm] = useState(false);
  const [editing, setEditing] = useState(null);
  const queryClient = useQueryClient();

  const now = new Date();
  const currentMonth = `${now.getFullYear()}-${month}`;

  const { data: budgets } = useQuery({
    queryKey: ['budgets', currentMonth],
    queryFn: () => marlowe.entities.Budget.list(),
  });

  const { data: transactions } = useQuery({
    queryKey: ['transactions', currentMonth],
    queryFn: () => marlowe.entities.Transaction.list(),
  });

  const createMutation = useMutation({
    mutationFn: (data) => marlowe.entities.Budget.create(data),
    onMutate: async (data) => {
      await queryClient.cancelQueries({ queryKey });
      const prev = queryClient.getQueryData(key);
      queryClient.setQueryData(key, (old) => [
      return { prev };
    },
    onError: (err, data, ctx) => {
    onSuccess: () => { queryClient.invalidate(
  });

  const updateMutation = useMutation({
    mutationFn: ({ id, data }) => marlowe.e