@notis_ai/cli 0.2.0-beta.102.1

package/dist/scaffolds/notis-database/components/ui/badge.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/lib/utils';
+
+const badgeVariants = cva(
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default: 'border-transparent bg-primary/10 text-primary',
+        secondary: 'border-transparent bg-secondary text-secondary-foreground',
+        outline: 'text-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
+}
+
+export { Badge, badgeVariants };

package/dist/scaffolds/notis-database/components/ui/button.tsx

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { cn } from '@/lib/utils';
+
+const buttonVariants = cva(
+  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+        outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = 'Button';
+
+export { Button, buttonVariants };

package/dist/scaffolds/notis-database/components/ui/card.tsx

@@ -0,0 +1,56 @@
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn('rounded-2xl border bg-card text-card-foreground shadow-sm', className)}
+      {...props}
+    />
+  ),
+);
+Card.displayName = 'Card';
+
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
+  ),
+);
+CardHeader.displayName = 'CardHeader';
+
+const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+  ({ className, ...props }, ref) => (
+    <h3
+      ref={ref}
+      className={cn('text-xl font-semibold leading-none tracking-tight', className)}
+      {...props}
+    />
+  ),
+);
+CardTitle.displayName = 'CardTitle';
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
+));
+CardDescription.displayName = 'CardDescription';
+
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
+  ),
+);
+CardContent.displayName = 'CardContent';
+
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
+  ),
+);
+CardFooter.displayName = 'CardFooter';
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/scaffolds/notis-database/components/ui/table.tsx

@@ -0,0 +1,120 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}

package/dist/scaffolds/notis-database/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

package/dist/scaffolds/notis-database/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Notis Database (dev preview)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/dev-main.tsx"></script>
+  </body>
+</html>

package/dist/scaffolds/notis-database/lib/types.ts

@@ -0,0 +1,134 @@
+export type DatabaseCatalogRow = {
+  id: string;
+  slug: string | null;
+  name: string | null;
+  description: string | null;
+  icon: string | null;
+  owner_app_id: string | null;
+  owner_app_name: string | null;
+  documents_count?: number | null;
+  total_documents: number | null;
+  successful_documents: number | null;
+  updated_at: string | null;
+};
+
+export type ListDatabasesArgs = Record<string, never>;
+
+export type ListDatabasesResult = {
+  databases: DatabaseCatalogRow[];
+  total_count: number;
+};
+
+export type GetDatabaseArgs = {
+  database_id?: string;
+  database_slug?: string;
+};
+
+export type QueryDatabaseArgs = {
+  database_slug: string;
+  query: {
+    page_size?: number;
+  };
+  offset?: number;
+};
+
+export type DatabasePropertyKind =
+  | 'title'
+  | 'rich_text'
+  | 'number'
+  | 'select'
+  | 'multi_select'
+  | 'status'
+  | 'checkbox'
+  | 'url'
+  | 'email'
+  | 'phone_number'
+  | 'date'
+  | 'files'
+  | 'relation'
+  | 'formula'
+  | 'people'
+  | string;
+
+export type PropertyOption = {
+  id: string | null;
+  name: string | null;
+  color: string | null;
+  order: number | null;
+};
+
+export type RelationTarget = {
+  database_id: string | null;
+  database_slug: string | null;
+  database_name: string | null;
+};
+
+export type DatabaseProperty = {
+  id: string;
+  name: string | null;
+  type: DatabasePropertyKind;
+  description: string | null;
+  order: number | null;
+  storage_family: string | null;
+  options?: PropertyOption[];
+  format?: string | null;
+  expression?: string | null;
+  relation_target?: RelationTarget;
+};
+
+export type DatabaseDetail = {
+  id: string;
+  slug: string | null;
+  name: string | null;
+  description: string | null;
+  icon: string | null;
+  cover: string | null;
+  owner_app_id: string | null;
+  owner_app_name: string | null;
+  content_type: string | null;
+  view_config: unknown;
+  documents_count?: number | null;
+  total_documents: number | null;
+  successful_documents: number | null;
+  created_at: string | null;
+  updated_at: string | null;
+  schema?: {
+    schema_version?: unknown;
+    value_encoding_version?: unknown;
+    coercion_version?: unknown;
+    title_property_id?: string | null;
+    properties: DatabaseProperty[];
+  };
+};
+
+export type GetDatabaseResult =
+  | { database: DatabaseDetail }
+  | { status: 'error'; message: string };
+
+export type DocumentPropertyValue = {
+  type?: string;
+  [key: string]: unknown;
+};
+
+export type DatabaseDocument = {
+  id: string;
+  title?: string | null;
+  properties?: Record<string, DocumentPropertyValue>;
+  property_states?: Record<string, string>;
+  url?: string | null;
+  created_time?: string | null;
+  last_edited_time?: string | null;
+  icon?: string | null;
+  cover?: string | null;
+};
+
+export type QueryDatabaseResult =
+  | {
+      status: 'success';
+      documents: DatabaseDocument[];
+      results_count: number;
+      total_matching?: number;
+      has_more: boolean;
+      next_offset: number | null;
+    }
+  | { status: 'error'; message: string };

package/dist/scaffolds/notis-database/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/scaffolds/notis-database/notis.config.ts

@@ -0,0 +1,26 @@
+import { defineNotisApp } from '@notis/sdk/config';
+
+export default defineNotisApp({
+  name: 'notis-database',
+  title: 'Databases',
+  description: 'Read-only catalog and schema explorer for every database in your Notis workspace.',
+  icon: 'phosphor:database',
+  author: { name: 'Notis' },
+  categories: ['Product & Engineering', 'Operations'],
+  tagline: 'Explore every database and schema in your Notis workspace.',
+  databases: [],
+  routes: [
+    {
+      path: '/',
+      slug: 'catalog',
+      name: 'Databases',
+      icon: 'phosphor:database',
+      default: true,
+    },
+  ],
+  tools: [
+    'LOCAL_NOTIS_DATABASE_LIST_DATABASES',
+    'LOCAL_NOTIS_DATABASE_GET_DATABASE',
+    'LOCAL_NOTIS_DATABASE_QUERY',
+  ],
+});

package/dist/scaffolds/notis-database/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@notis-apps/notis-database",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@notis/sdk": "file:../../packages/sdk",
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-slot": "^1.1.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "postcss": "^8.0.0",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
+  }
+}

package/dist/scaffolds/notis-database/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;

package/dist/scaffolds/notis-database/src/dev-main.tsx

@@ -0,0 +1,23 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { NotisProvider } from '@notis/sdk';
+import AppShell from '../app/layout';
+import CatalogPage from '../app/page';
+import { installMockRuntime } from './mock-runtime';
+
+const runtime = installMockRuntime();
+
+const root = document.getElementById('root');
+if (!root) throw new Error('#root element missing from index.html');
+
+createRoot(root).render(
+  <StrictMode>
+    <NotisProvider runtime={runtime}>
+      <AppShell>
+        <div data-dev-preview className="h-screen w-screen bg-background text-foreground">
+          <CatalogPage />
+        </div>
+      </AppShell>
+    </NotisProvider>
+  </StrictMode>,
+);