How to store application data in agent-native apps. All data lives in SQL. Use when adding data models, deciding where to store data, or reading/writing application data.
63
79%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./.agents/skills/storing-data/SKILL.mdAll application data lives in SQL (local PGlite, hosted Postgres in production). The agent and UI share the same database. SQL stores structured records, metadata, references, and searchable text — not large raw file payloads. Do not store durable app data in the filesystem unless the app is explicitly running a Local File Mode artifact flow described below.
Large binary or file-like payloads (images, video/audio, PDFs, ZIPs, screenshots, session replay chunks, thumbnails, generated assets, data: URLs, and base64 file bodies) must go through configured file/blob storage such as uploadFile() or putPrivateBlob(). Persist only the returned URL, asset id, or opaque blob handle in SQL. If storage is unavailable in hosted or persistent-database mode, fail closed with setup guidance instead of falling back to base64 in application_state, settings, resources, or app tables.
Uploaded files an action opens later (chat attachments, import controls, chunked commits) are one core AttachmentRef: mint with mintAttachmentRef, open with resolveAttachment and unwrapAttachment from @agent-native/core/private-blob. Never write a template descriptor, never branch on error text, and never truncate a ref (ATTACHMENT_REF_MAX_CHARS is the floor for any prompt or field that carries one). Each failure is typed: notFound, forbiddenScope, expired and malformed are definitive and stop the turn; only storageUnavailable is retryable, and the same ref works once storage is back, so never ask the user to attach the file again for it.
Local File Mode exception: some artifact apps (Content, Plans, Slides, Dashboards, Designs, etc.) can intentionally use repo files as the source of truth for the artifact itself. This must be explicit via agent-native.json, AGENT_NATIVE_MODE=local-files, or an app-owned local-file action helper. In that mode, the UI and agent still go through app actions, but those actions read/write scoped files through @agent-native/core/local-artifacts instead of SQL rows. App state, auth, settings, credentials, collaboration metadata, and hosted database mode remain SQL. File-to-database or file-to-provider synchronization is an explicit sync step, not an implicit side effect of editing.
When you add a data model, a list, or a read path, also follow the performance skill: project only the columns a list renders, index the columns hot queries filter/sort on, and avoid query waterfalls — so apps stay fast as data grows.
Agent-Native apps use Drizzle ORM over PostgreSQL. Local development uses PGlite at data/pglite; production and shared preview deploys need a persistent hosted PostgreSQL DATABASE_URL.
For app code, use Drizzle's schema/query DSL by default. Raw SQL is an escape hatch for additive migrations, health checks, or one-off maintenance, not the normal way to build features.
When the project contains drizzle.config.ts and drizzle/START_HERE.md, that managed Drizzle scaffold is the only app migration path. Define app tables in drizzle/schema.ts, run pnpm db:generate, and apply them with pnpm db:migrate. scripts/migrate-production.ts is framework-only: do not create a parallel runMigrations([...]) list in server/plugins/db.ts or import an app migration runner into the release script.
In projects without that managed scaffold, every entry added to a framework runMigrations([...]) list (@agent-native/core/db) needs a unique name: slug (for example, name: "analytics-alert-rules-table") alongside its version. Never renumber or reuse version numbers on existing entries.
Why: version numbers alone are not a safe identity. Two branches that each independently extend the same migration list can ship different DDL under the same version numbers — whichever branch deploys first "claims" those version numbers in the bookkeeping table, and the other branch's DDL is silently treated as already applied even though it never ran. A name: slug is tracked independently of version numbers, so it applies exactly once per database regardless of what any other branch already recorded.
Existing unnamed migrations don't need to be renamed retroactively (the two gating strategies coexist), but any new entry should always carry a name.
Every migration must also be backward compatible, not just additive. Beta and production now migrate independently against the same shared database, so one lane's migration can run before the other lane's matching code deploy. A new ADD COLUMN ... NOT NULL with no DEFAULT breaks on the first existing row, and breaks any already-deployed INSERT that doesn't know the column exists yet — make the column nullable, give it a DEFAULT, or use a self-filling type (SERIAL, GENERATED ... AS IDENTITY), and backfill separately if it needs a real value. guard:additive-migrations enforces this.
| Store | Purpose | Access |
|---|---|---|
application_state | Ephemeral UI state (compose windows, navigation) | readAppState() / writeAppState() |
settings | Persistent KV config (preferences, app settings) | getSetting() / putSetting() |
oauth_tokens | OAuth credentials | @agent-native/core/oauth-tokens |
sessions | Auth sessions | @agent-native/core/server |
In a managed Drizzle scaffold, define the PostgreSQL schema in drizzle/schema.ts. Otherwise, define schema with Drizzle's PostgreSQL exports in server/db/schema.ts. Get a database instance with const db = getDb() from server/db/index.ts. All queries are async.
import { eq, sql } from "drizzle-orm";
import { boolean, pgTable, text } from "drizzle-orm/pg-core";
export const tasks = pgTable("tasks", {
id: text("id").primaryKey(),
title: text("title").notNull(),
completed: boolean("completed").notNull().default(false),
createdAt: text("created_at").notNull().default(sql`now()`),
});
const rows = await db.select().from(tasks).where(eq(tasks.id, taskId));Outside a managed Drizzle scaffold, use drizzle-orm/pg-core so app schemas
state their PostgreSQL types directly.
Member offboarding and email changes refuse to run while any column named
email, *_email, *scope_id, created_by, updated_by, invited_by,
owner, principal_id, session_id, or user_id has no policy. owner_email
and createSharesTable() tables are handled for you. Declare every other one,
including columns that are not member identities, from the app's database
plugin graph (Clips does it in server/db/index.ts):
import { registerIdentityColumns } from "@agent-native/core/org";
registerIdentityColumns([
// Access grant: follows an email change, ends with the membership.
{ table: "space_members", column: "email", emailChange: "rekey", offboard: "delete", orgScope: { column: "space_id", references: { table: "spaces", column: "id", orgColumn: "org_id" } }, reason: "Space membership grants access." },
// Someone else's address: never rewritten.
{ table: "meeting_participants", column: "email", emailChange: "retain", offboard: "retain", reason: "Attendee address from the calendar provider." },
]);Choose delete for grants, credentials, and pending tokens; retain for
attribution, history, and third-party addresses; transfer only for owned
data. A table without org_id needs orgScope or an organization-scoped
removal leaves its rows alone.
| Template | Tables |
|---|---|
| emails, labels (+ Gmail API when connected) | |
| Calendar | events, bookings |
| Forms | forms, responses |
| Content | documents |
| Slides | decks (JSON stored in SQL) |
| Videos | compositions in registry + localStorage |
The agent uses app-specific actions to read/write the database. Core DB scripts are for inspection and maintenance, not for implementing normal product behavior:
pnpm action db-schema — Show all tables, columns, typespnpm action db-query --sql "SELECT * FROM forms" — Run SELECT queriespnpm action db-exec --sql "UPDATE ..." — Last-resort ad-hoc maintenance for short columns, multi-column writes, or computed updates when no domain action exists. For several related writes, prefer --statements '[{"sql":"...","args":[...]}]' so they run sequentially in one transaction. Schema changes are blocked; use reviewed additive migrations/startup code instead.pnpm action db-patch --table <t> --column <c> --where "<clause>" --find "<old>" --replace "<new>" — Surgical search/replace on a large text column. Sends the diff instead of re-transmitting the whole value, so it's dramatically more token-efficient than db-exec UPDATE when editing multi-kilobyte documents, slide HTML, dashboard/form JSON, etc. Targets exactly one row per call — narrow --where by primary key. Supports --edits '[{find,replace},...]' for batch edits and --all to replace every occurrence.db-patch is the generic fallback for tables without a dedicated edit action.For one-off maintenance, how to choose between db-exec UPDATE and db-patch:
| Scenario | Use |
|---|---|
SET status = 'published' on one row | db-exec |
SET calories = calories + 50 | db-exec |
| Updating several columns at once | db-exec |
| Inserting/updating several rows as one logical operation | db-exec --statements |
Fixing a typo in a 50KB markdown document's content column | db-patch |
| Changing a single key in a dashboard's JSON blob | db-patch |
Tweaking one paragraph of slide HTML stored in decks.data | db-patch |
| Any edit where you'd otherwise re-send thousands of characters | db-patch |
All of these honor the per-user / per-org data scoping — you can't read or write rows outside the current user's data, regardless of which tool you choose.
The frontend calls actions using React Query hooks from the client API. The framework owns the HTTP transport behind these hooks, so components should not call action routes with raw fetch.
import { useActionQuery, useActionMutation } from "@agent-native/core/client/hooks";
// Read data
const { data } = useActionQuery("list-meals", { date: "2025-01-01" });
// Write data
const { mutate } = useActionMutation("log-meal");Actions are the preferred way for the frontend to access data. You rarely need custom /api/ routes — only for file uploads, streaming, webhooks, or OAuth callbacks.
Local PGlite works out of the box for development. To deploy to production or any environment where data must survive restarts:
DATABASE_URL to a persistent hosted PostgreSQL database.Polling streams database changes to the UI. When the agent writes to the database via scripts, the UI updates automatically via useDbSync() which invalidates React Query caches.
select, insert, update, delete) and standard operators from drizzle-orm (eq, and, or, inArray, desc, etc.) for app reads/writes@agent-native/core/db/schema instead of direct Drizzle schema-driver importssettings store for app configuration and user preferencesapplication-state for ephemeral UI state that the agent and UI shareoauth-tokens for OAuth credentialsuploadFile() or putPrivateBlob() for large files/blob data and store only URLs, ids, or handles in SQLdb-schema, db-query, db-exec, db-patch) for ad-hoc database operationsdb-exec --statements instead of several separate db-exec calls for related writes; it is faster and rolls back the whole batch if one statement failsdb-patch instead of db-exec UPDATE whenever you're making a small change to a large text/JSON column — it's much cheaper on tokensdata: URLs, screenshots, videos, audio, PDFs, ZIPs, or session replay chunks directly in SQL rows, application_state, settings, or resourcesgetDbExec() when Drizzle can express the queryWhen storing app-state, include navigation state — the agent needs to know what the user is looking at. The application_state table holds ephemeral UI state that both the agent and UI share. Key patterns:
navigation key — the UI writes current view and selection on every route change. The agent reads this before acting.navigate key — the agent writes one-shot commands to navigate the UI. The UI processes and deletes them.compose-{id}) — bidirectional state for features like email drafts.When adding a new data model or feature, also consider what navigation and selection state needs to be exposed via application-state. See the context-awareness skill for the full pattern.
defineAction to query the databasea941a2e
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.