Agents - Create, review, and iterate. All in one place.

Start building with Cursor Cloud Agents, now in Graphite.

Try it now

Agents

Graphite

Last 7 days

Database migration strategycassandra-db
Frontend component libraryreact-ui-kit
Backend server optimizationfast-api

Older

Code review process@monologue
API integration guidesupport-docs

Agent capabilities demo

monologue

View PR #1334+1,385-10

New useLocalStorage Hook (src/hooks/use-local-storage.ts)
- Full TypeScript generics support
- SSR-compatible with hydration state tracking
- Cross-tab and cross-component synchronization
- Custom serializer/deserializer support
- Comprehensive test suite (20 test cases)
New debounce and throttle Utilities (src/lib/utils/debounce.ts)
- Leading/trailing edge configuration
- maxWait option for guaranteed execution
- cancel(), flush(), and pending() methods
- Full TypeScript type definitions
- Comprehensive test suite (31 test cases)
Enhanced useToggleState Hook
- Added UseToggleStateOptions interface
- Optional onOn, onOff, onChange callbacks
- Added isOff convenience property
- Maintained backward compatibility

Agent Capabilities Demonstrated

Codebase navigation and pattern understanding
Creating new TypeScript files following existing conventions
Writing comprehensive unit tests with Jest
Multi-file refactoring with backward compatibility
Git operations (commits, branch management, push via API)
CI verification

Agent capabilities demo

monologue+1,385-10

Graphite

monologue

main

Ask a question or collaborate on your next PR...

feat: add useLocalStorage hook and debounce/throttle utils

Agent

@monologue #1337

Agent capabilities demo

Gabby Delforge

agent/capabilities...

→

main

9 files

+342

-118

14m ago

Stack

2 of 4

test: add unit tests for useLocalStorage and utilities

Waiting on CI

+96

feat: add useLocalStorage hook and debounce/throttle utils

Checks failed

+342

-118

14m

refactor: enhance useToggleState with persistence support

+58

-12

31m

fix: resolve lint errors and update CI config

+24

-9

Description

Edit

Summary

Introduce new useLocalStorage hook, debounce and throttle utilities, and enhance useToggleState to serve as a comprehensive demo of Agent capabilities.

Agent Capabilities Demonstrated

This PR was created to showcase various Agent capabilities, including:

Codebase navigation and understanding existing patterns.
Creating new TypeScript files following established conventions.
Writing comprehensive unit tests with Jest.
Multi-file refactoring with backward compatibility.
Git operations (commits, branch management, push via API).
CI verification and issue resolution (linting, test fixes).

Discussion

Show files

Compare Base → v4 Latest version

File settings

src/hooks/useLocalStorage.ts

+48

Typescript

Viewed

Line 4 @@ const testCases

20 lines

All lines in file

1import { useState, useCallback } from "react";
2
3type Serializer<T> = {
4serialize: (value: T) => string;
5deserialize: (raw: string) => T;
6};
7
8interface Options<T> {
9key: string;
10initialValue: T;
11serializer?: Serializer<T>;
12}
13
14-+export function useLocalStorage(
15-+key: string, initialValue: unknown
16-+) {
17-+const raw = 
localStorage.getItem(key);
18-+const parsed = raw ? JSON.parse(raw) : initialValue;
19
20const [stored, setStored] = useState<T>(
21() => {
22const item = localStorage.getItem(key);
23return item ? ser.deserialize(item)
: initialValue;
24}
25);
26
27const setValue = useCallback(
28(next: T) => {
29localStorage.setItem(key, ser.serialize(next));
30setStored(next);
31},
32[key, ser]
33);
34
35return [stored, setValue] as const;
36}
37

1import { useState, useCallback } from "react";
2
3type Serializer<T> = {
4serialize: (value: T) => string;
5deserialize: (raw: string) => T;
6};
7
8interface Options<T> {
9key: string;
10initialValue: T;
11serializer?: Serializer<T>;
12}
13
14-+export function useLocalStorage<T>(
15-+options: Options<T>
16-+): [T, (value: T) => void] {
17-+const { key, initialValue,
serializer } = options;
18-+const ser = serializer ?? JSON;
19
20const [stored, setStored] = useState<T>(
21() => {
22const item = localStorage.getItem(key);
23return item ? ser.deserialize(item)
: initialValue;
24}
25);
26
27const setValue = useCallback(
28(next: T) => {
29localStorage.setItem(key, ser.serialize(next));
30setStored(next);
31},
32[key, ser]
33);
34
35return [stored, setValue] as const;
36}
37

Show files

Compare Base → v4 Latest version

File settings

src/hooks/useLocalStorage.ts

+48

Typescript

Viewed

Line 4 @@ const testCases

20 lines

All lines in file

1import { useState, useCallback } from "react";
2
3type Serializer<T> = {
4serialize: (value: T) => string;
5deserialize: (raw: string) => T;
6};
7
8interface Options<T> {
9key: string;
10initialValue: T;
11serializer?: Serializer<T>;
12}
13
14-+export function useLocalStorage(
15-+key: string, initialValue: unknown
16-+) {
17-+const raw = 
localStorage.getItem(key);
18-+const parsed = raw ? JSON.parse(raw) : initialValue;
19
20const [stored, setStored] = useState<T>(
21() => {
22const item = localStorage.getItem(key);
23return item ? ser.deserialize(item)
: initialValue;
24}
25);
26
27const setValue = useCallback(
28(next: T) => {
29localStorage.setItem(key, ser.serialize(next));
30setStored(next);
31},
32[key, ser]
33);
34
35return [stored, setValue] as const;
36}
37

1import { useState, useCallback } from "react";
2
3type Serializer<T> = {
4serialize: (value: T) => string;
5deserialize: (raw: string) => T;
6};
7
8interface Options<T> {
9key: string;
10initialValue: T;
11serializer?: Serializer<T>;
12}
13
14-+export function useLocalStorage<T>(
15-+options: Options<T>
16-+): [T, (value: T) => void] {
17-+const { key, initialValue,
serializer } = options;
18-+const ser = serializer ?? JSON;
19
20const [stored, setStored] = useState<T>(
21() => {
22const item = localStorage.getItem(key);
23return item ? ser.deserialize(item)
: initialValue;
24}
25);
26
27const setValue = useCallback(
28(next: T) => {
29localStorage.setItem(key, ser.serialize(next));
30setStored(next);
31},
32[key, ser]
33);
34
35return [stored, setValue] as const;
36}
37

Finish your review

3 pending reviews

Comment

Request changes

Approve

Open

Merge when ready

Draft

Open

Merge when ready

Waiting to merge

This PR was sent to merge by Cameron Collis, 1 min ago.

Merged

The PR was successfully merged by Graphite on Nov 20, 2025 at 3:20 PM

Required checks failed

1 of 3 required checks failed

Graphite Chat left 1 comment

Ready to merge as stack

The PR and all of its downstack PRs can be merged.

Checks 3

View all

CI / Build

The CI failed due to a Biome linting error in useLocalStorage.test.ts

Reviewers 3

Lambert Liu

Sally Thompson

Ben Newport

Labels 3

Assignees 2

Agent capabilities demo

New useLocalStorage Hook (src/hooks/use-local-storage.ts)
- Full TypeScript generics support
- SSR-compatible with hydration state tracking
- Cross-tab and cross-component synchronization
- Custom serializer/deserializer support
- Comprehensive test suite (20 test cases)
New debounce and throttle Utilities (src/lib/utils/debounce.ts)
- Leading/trailing edge configuration
- maxWait option for guaranteed execution
- cancel(), flush(), and pending() methods
- Full TypeScript type definitions
- Comprehensive test suite (31 test cases)
Enhanced useToggleState Hook
- Added UseToggleStateOptions interface
- Optional onOn, onOff, onChange callbacks
- Added isOff convenience property
- Maintained backward compatibility

Agent Capabilities Demonstrated

Codebase navigation and pattern understanding
Creating new TypeScript files following existing conventions
Writing comprehensive unit tests with Jest
Multi-file refactoring with backward compatibility
Git operations (commits, branch management, push via API)
CI verification

Iterate on this PR with Cursor Agent...

Features

Agents that work where you review

Cursor Cloud Agents are built into your Graphite PR so you can create, iterate, and merge without switching contexts.

From prompt to PR
Prompt a Cursor Cloud Agent and get a reviewable draft PR in Graphite. No setup, no friction.
Added a new agent thread variant for making updates.
Fixed. Let me commit and push.
I'll add the debounce utility to the utils folder.
Agent is working...
Seamless handoff, both ways
Start in Cursor and pick up in Graphite, or the other way around. Your agent context travels with you either way.
Ship from Graphite
Everything you need to review and ship, right in your PR. Make fixes and merge without breaking focus.

Built for the world’s fastest engineering teams, now available for everyone.

Request a demo

Start free trial

Agents - Create, review, and iterate. All in one place.

Agent Capabilities Demonstrated

Summary

Agent Capabilities Demonstrated

Agent Capabilities Demonstrated

Agents that work where you review

From prompt to PR

Seamless handoff, both ways

Ship from Graphite

Built for the world’s fastest engineering teams, now available for everyone.