Create app

Creates a new app inside the resolved workspace. The `code` field stores the initial app source module rendered inside the sandbox and must be a single JSX module that exports a default React component. Prefer shared `@andibase/ui` primitives, and avoid unconditional iframe `focus` refresh handlers in app code.

POST/api/v1/apps

Creates a new app inside the resolved workspace. The code field stores the initial app source module rendered inside the sandbox and must be a single JSX module that exports a default React component. Prefer shared @andibase/ui primitives, and avoid unconditional iframe focus refresh handlers in app code.

Request Body

application/json

TypeScript Definitions

Use the request body type in TypeScript.

name*nonEmptyString

Updated human-readable name for the workspace app.

Length1 <= length

handle*nonEmptyString

Updated public slug for the workspace app.

Length1 <= length

description?|

Updated optional summary for the workspace app.

code*nonEmptyString

Updated app source module. Provide a complete JSX module that exports a default React component. This revises stored app content rendered inside the sandbox. Prefer @andibase/ui components and, when refreshing after host drawers or chats, use useAndibaseRefreshOnReturn() from @andibase/hooks instead of unconditional window.focus listeners.

Length1 <= length

Response Body

`application/json`

curl -X POST "https://loading/api/v1/apps" \  -H "Content-Type: application/json" \  -d '{    "name": "Storefront Kiosk",    "handle": "storefront-kiosk",    "description": "Internal workspace app for in-store ordering and lead capture",    "code": "import { useMemo, useState } from \\"react\\";\\nimport { Button } from \\"@andibase/ui/button\\";\\nimport { Input } from \\"@andibase/ui/input\\";\\n\\nexport default function App() {\\n  const [name, setName] = useState(\\"\\");\\n  const greeting = useMemo(() => (name ? `Hello ${name}` : \\"Welcome\\"), [name]);\\n\\n  return (\\n    <main style={{ minHeight: \\"100vh\\", padding: 24, fontFamily: \\"system-ui\\" }}>\\n      <h1>{greeting}</h1>\\n      <Input value={name} onChange={(event) => setName(event.target.value)} placeholder=\\"Your name\\" />\\n      <Button variant=\\"outline\\">Continue</Button>\\n    </main>\\n  );\\n}"  }'

{
  "id": "2b35e457-df67-4ac7-8fbb-b62111111111",
  "name": "Storefront Kiosk",
  "handle": "storefront-kiosk",
  "description": "Internal workspace app for in-store ordering and lead capture",
  "code": "import { useMemo, useState } from \"react\";\nimport { Button } from \"@andibase/ui/button\";\nimport { Input } from \"@andibase/ui/input\";\n\nexport default function App() {\n  const [name, setName] = useState(\"\");\n  const greeting = useMemo(() => (name ? `Hello ${name}` : \"Welcome\"), [name]);\n\n  return (\n    <main style={{ minHeight: \"100vh\", padding: 24, fontFamily: \"system-ui\" }}>\n      <h1>{greeting}</h1>\n      <Input value={name} onChange={(event) => setName(event.target.value)} placeholder=\"Your name\" />\n      <Button variant=\"outline\">Continue</Button>\n    </main>\n  );\n}",
  "workspaceHandle": "acme-growth-team",
  "url": "/w/acme-growth-team/apps/storefront-kiosk-2b35e457-df67-4ac7-8fbb-b62111111111",
  "publicUrl": "/w/acme-growth-team/apps/storefront-kiosk-2b35e457-df67-4ac7-8fbb-b62111111111",
  "createdAt": "2026-03-08T16:00:00.000Z",
  "updatedAt": "2026-03-08T16:00:00.000Z"
}

{
  "issues": [
    {
      "_tag": "Pointer",
      "path": [
        "string"
      ],
      "message": "string"
    }
  ],
  "message": "string",
  "_tag": "HttpApiDecodeError"
}

{
  "code": "authentication_required",
  "message": "Authentication required. Send Authorization: Bearer <api-key>, x-api-key, or a signed-in session."
}

{
  "code": "insufficient_permissions",
  "message": "This API key does not have apps.write permission.",
  "details": {
    "requiredPermission": "apps.write"
  }
}

{
  "code": "conflict",
  "message": "The requested resource already exists."
}

{
  "code": "internal_error",
  "message": "An unexpected server error occurred."
}

Request Body

Response Body

201application/json

400application/json

401application/json

403application/json

409application/json

500application/json

`application/json`

`application/json`

`application/json`

`application/json`

`application/json`

`application/json`