feat(dashboard): implement ResolveKit design system

alembic/versions/022_add_severity_to_functions.py

@@ -0,0 +1,32 @@
+"""Add severity field to registered_functions
+
+Revision ID: 022
+Revises: 021
+Create Date: 2026-05-20
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+
+revision: str = "022"
+down_revision: Union[str, None] = "021"
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "registered_functions",
+        sa.Column(
+            "severity",
+            sa.String(16),
+            nullable=False,
+            server_default="read",
+        ),
+    )
+
+
+def downgrade() -> None:
+    op.drop_column("registered_functions", "severity")

dashboard/prisma/schema.prisma

@@ -143,6 +143,7 @@ model RegisteredFunction {
   availability         Json     @default("{}")
   source               String   @default("app_inline") @db.VarChar(32)
   packName             String?  @map("pack_name") @db.VarChar(255)
+  severity             String   @default("read") @db.VarChar(16)
 
   app App @relation(fields: [appId], references: [id], onDelete: Cascade)
   playbookFunctions PlaybookFunction[]

dashboard/src/app/error.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import { ErrorPage } from "@/components/ui/ErrorPage";
+
+export default function GlobalError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  return (
+    <ErrorPage
+      variant="server-error"
+      action={
+        <button
+          onClick={reset}
+          className="inline-flex h-9 items-center gap-2 rounded-[10px] bg-accent px-4 text-[13px] font-semibold text-white shadow-[0_10px_24px_-16px_rgba(13,88,214,0.65)] transition-all hover:-translate-y-0.5 hover:bg-accent-hover"
+        >
+          Try again
+        </button>
+      }
+    />
+  );
+}

dashboard/src/app/not-found.tsx

@@ -0,0 +1,18 @@
+import Link from "next/link";
+import { ErrorPage } from "@/components/ui/ErrorPage";
+
+export default function NotFound() {
+  return (
+    <ErrorPage
+      variant="not-found"
+      action={
+        <Link
+          href="/apps"
+          className="inline-flex h-9 items-center gap-2 rounded-[10px] bg-accent px-4 text-[13px] font-semibold text-white shadow-[0_10px_24px_-16px_rgba(13,88,214,0.65)] transition-all hover:-translate-y-0.5 hover:bg-accent-hover"
+        >
+          Back to Apps
+        </Link>
+      }
+    />
+  );
+}

dashboard/src/app/v1/apps/[appId]/functions/[functionId]/route.ts

@@ -19,6 +19,7 @@ type FunctionUpdatePayload = {
   availability?: Record<string, unknown>;
   source?: "app_inline" | "playbook_pack";
   pack_name?: string | null;
+  severity?: "read" | "write" | "destructive";
 };
 
 export async function PATCH(
@@ -56,6 +57,7 @@ export async function PATCH(
     availability?: Prisma.InputJsonValue;
     source?: "app_inline" | "playbook_pack";
     packName?: string | null;
+    severity?: "read" | "write" | "destructive";
   } = {};
 
   if (typeof body.description === "string") data.description = body.description;
@@ -70,6 +72,7 @@ export async function PATCH(
   }
   if (body.source === "app_inline" || body.source === "playbook_pack") data.source = body.source;
   if (Object.prototype.hasOwnProperty.call(body, "pack_name")) data.packName = body.pack_name ?? null;
+  if (body.severity === "read" || body.severity === "write" || body.severity === "destructive") data.severity = body.severity;
 
   const updated = await prisma.registeredFunction.update({
     where: { id: functionId },