@rebasepro/studio 0.1.0 → 0.2.1

package/dist/types/src/types/index.d.ts

@@ -24,3 +24,5 @@ export * from "./data_source";
 export * from "./cron";
 export * from "./backend_hooks";
 export * from "./component_ref";
+export * from "./auth_adapter";
+export * from "./database_adapter";

package/dist/types/src/types/plugins.d.ts

@@ -250,7 +250,7 @@ export interface PluginFormActionProps<USER extends User = User, EC extends Enti
     disabled: boolean;
     formContext?: FormContext;
     context: RebaseContext<USER>;
-    openEntityMode: "side_panel" | "full_screen" | "split";
+    openEntityMode: "side_panel" | "full_screen" | "split" | "dialog";
 }
 /**
  * Parameters passed to the field builder wrap function.

package/dist/types/src/types/properties.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentRef } from "./component_ref";
-import type { EntityReference, EntityRelation, EntityValues, GeoPoint, Entity } from "./entities";
+import type { EntityReference, EntityRelation, EntityValues, GeoPoint, Entity, Vector } from "./entities";
 import type { Relation, JoinStep, OnAction } from "./relations";
 import type { EntityCollection, FilterValues } from "./collections";
 import type { ColorKey, ColorScheme } from "./chips";
@@ -31,8 +31,8 @@ export type PropertyCallbacks<T = unknown, M extends Record<string, unknown> = R
 /**
  * @group Entity properties
  */
-export type DataType = "string" | "number" | "boolean" | "date" | "geopoint" | "reference" | "relation" | "array" | "map";
-export type Property = StringProperty | NumberProperty | BooleanProperty | DateProperty | GeopointProperty | ReferenceProperty | RelationProperty | ArrayProperty | MapProperty;
+export type DataType = "string" | "number" | "boolean" | "date" | "geopoint" | "reference" | "relation" | "array" | "map" | "vector" | "binary";
+export type Property = StringProperty | NumberProperty | BooleanProperty | DateProperty | GeopointProperty | ReferenceProperty | RelationProperty | ArrayProperty | MapProperty | VectorProperty | BinaryProperty;
 export type Properties = {
     [key: string]: Property;
 };
@@ -48,7 +48,7 @@ export type FirebaseProperties = {
  * A helper type to infer the underlying data type from a Property definition.
  * This is the core of the type inference system.
  */
-export type InferPropertyType<P extends Property> = P extends StringProperty ? string : P extends NumberProperty ? number : P extends BooleanProperty ? boolean : P extends DateProperty ? Date : P extends GeopointProperty ? GeoPoint : P extends ReferenceProperty ? EntityReference : P extends RelationProperty ? EntityRelation | EntityRelation[] : P extends ArrayProperty ? (P["of"] extends Property ? InferPropertyType<P["of"]>[] : unknown[]) : P extends MapProperty ? (P["properties"] extends Properties ? InferEntityType<P["properties"]> : Record<string, unknown>) : never;
+export type InferPropertyType<P extends Property> = P extends StringProperty ? string : P extends NumberProperty ? number : P extends BooleanProperty ? boolean : P extends DateProperty ? Date : P extends GeopointProperty ? GeoPoint : P extends ReferenceProperty ? EntityReference : P extends RelationProperty ? EntityRelation | EntityRelation[] : P extends ArrayProperty ? (P["of"] extends Property ? InferPropertyType<P["of"]>[] : unknown[]) : P extends MapProperty ? (P["properties"] extends Properties ? InferEntityType<P["properties"]> : Record<string, unknown>) : P extends VectorProperty ? Vector : P extends BinaryProperty ? string : never;
 /**
  * Helper type that determines whether a property is required.
  * Uses direct structural matching against `{ validation: { required: true } }`
@@ -309,6 +309,25 @@ export interface BooleanProperty extends BaseProperty {
      */
     validation?: PropertyValidationSchema;
 }
+/**
+ * @group Entity properties
+ */
+export interface VectorUIConfig extends BaseUIConfig {
+    clearable?: boolean;
+}
+export interface VectorProperty extends BaseProperty {
+    ui?: VectorUIConfig;
+    type: "vector";
+    dimensions: number;
+    validation?: PropertyValidationSchema;
+}
+/**
+ * @group Entity properties
+ */
+export interface BinaryProperty extends BaseProperty {
+    type: "binary";
+    validation?: PropertyValidationSchema;
+}
 /**
  * @group Entity properties
  */
@@ -421,7 +440,7 @@ export interface RelationProperty extends BaseProperty {
      * When set, the framework treats this property as a self-contained relation
      * definition and no separate `relations[]` entry is needed.
      */
-    target?: () => EntityCollection;
+    target?: string | (() => EntityCollection | string);
     /**
      * Whether this property references one or many records.
      * Defaults to `"one"`.

package/dist/types/src/types/property_config.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ArrayProperty, MapProperty, StringProperty, NumberProperty, BooleanProperty, DateProperty, GeopointProperty, ReferenceProperty, RelationProperty } from "./properties";
+import { ArrayProperty, MapProperty, StringProperty, NumberProperty, BooleanProperty, DateProperty, GeopointProperty, ReferenceProperty, RelationProperty, VectorProperty, BinaryProperty } from "./properties";
 import { BaseProperty } from "./properties";
 type CMSBasePropertyNoName = Omit<BaseProperty, "name">;
 export type ConfigProperty = (Omit<StringProperty, "name"> & {
@@ -28,6 +28,10 @@ export type ConfigProperty = (Omit<StringProperty, "name"> & {
 } & CMSBasePropertyNoName) | (Omit<MapProperty, "name" | "properties"> & {
     name?: string;
     properties?: Record<string, ConfigProperty>;
+} & CMSBasePropertyNoName) | (Omit<VectorProperty, "name"> & {
+    name?: string;
+} & CMSBasePropertyNoName) | (Omit<BinaryProperty, "name"> & {
+    name?: string;
 } & CMSBasePropertyNoName);
 /**
  * This is the configuration object for a property.
@@ -66,5 +70,5 @@ export type PropertyConfig = {
      */
     description?: string;
 };
-export type PropertyConfigId = "text_field" | "multiline" | "markdown" | "url" | "email" | "user_select" | "select" | "multi_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "group" | "key_value" | "reference" | "reference_as_string" | "multi_references" | "relation" | "switch" | "date_time" | "repeat" | "custom_array" | "block";
+export type PropertyConfigId = "text_field" | "multiline" | "markdown" | "url" | "email" | "user_select" | "select" | "multi_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "group" | "key_value" | "reference" | "reference_as_string" | "multi_references" | "relation" | "switch" | "date_time" | "repeat" | "custom_array" | "block" | "vector_input";
 export {};

package/dist/types/src/types/relations.d.ts

@@ -17,7 +17,7 @@ export interface Relation {
     /**
      * The final collection you want to retrieve records from.
      */
-    target: () => EntityCollection;
+    target: (() => EntityCollection) | any;
     /**
      * The nature of the relationship, determining if one or many records are returned.
      */

package/dist/types/src/types/translations.d.ts

@@ -30,6 +30,8 @@ export interface RebaseTranslations {
     copy: string;
     delete: string;
     delete_not_allowed: string;
+    edit_entity?: string;
+    back_to_detail?: string;
     delete_confirmation_title: string;
     delete_confirmation_body: string;
     delete_multiple_confirmation_body: string;
@@ -392,6 +394,12 @@ export interface RebaseTranslations {
     submit: string;
     no_filterable_properties: string;
     apply_filters: string;
+    /** Label shown on the filter presets dropdown trigger */
+    filter_presets?: string;
+    /** Tooltip shown when hovering over a preset entry */
+    filter_preset_apply?: string;
+    /** Shown when a preset is active, with {{label}} interpolation */
+    filter_preset_active?: string;
     list: string;
     table_view_mode: string;
     cards: string;

package/dist/types/src/users/user.d.ts

@@ -42,5 +42,10 @@ export type User = {
      * The date and time when the user was created.
      */
     createdAt?: Date | string | null;
+    /**
+     * Additional metadata/custom claims associated with the user.
+     * Accessible by the frontend, but only writable by the backend.
+     */
+    readonly metadata?: Record<string, any>;
     getIdToken?: (forceRefresh?: boolean) => Promise<string>;
 };

package/dist/ui/src/components/FilterChip.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export interface FilterChipProps {
+    /**
+     * The text label displayed on the chip.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the chip is currently in an active/selected state.
+     */
+    active?: boolean;
+    /**
+     * Callback when the chip is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Optional icon rendered before the label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Size variant.
+     * @default "medium"
+     */
+    size?: "small" | "medium";
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Whether the chip is disabled.
+     */
+    disabled?: boolean;
+}
+/**
+ * A toggle chip used for filter presets and similar multi-select controls.
+ *
+ * Uses an inset box-shadow for the active ring instead of `border` so the
+ * chip size stays stable across states and the ring cannot be clipped by
+ * parent `overflow-hidden` containers.
+ *
+ * @group Interactive components
+ */
+export declare function FilterChip({ children, active, onClick, icon, size, className, disabled }: FilterChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/components/index.d.ts

@@ -22,6 +22,7 @@ export * from "./DialogContent";
 export * from "./DialogTitle";
 export * from "./ExpandablePanel";
 export * from "./FileUpload";
+export * from "./FilterChip";
 export * from "./IconButton";
 export * from "./InputLabel";
 export * from "./InfoLabel";
@@ -51,3 +52,7 @@ export * from "./DebouncedTextField";
 export * from "./Skeleton";
 export * from "./ToggleButtonGroup";
 export * from "./VirtualTable";
+import * as Portal from "@radix-ui/react-portal";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+export { Portal, PopoverPrimitive };
+export { Slot } from "@radix-ui/react-slot";

package/dist/ui/src/icons/index.d.ts

@@ -4,3 +4,5 @@ export * from "./Icon";
 export * from "./GitHubIcon";
 export * from "./HandleIcon";
 export type { LucideProps, LucideIcon } from "lucide-react";
+export { icons as lucideIcons } from "lucide-react";
+export { AlertCircleIcon, AlertTriangleIcon, AlignLeftIcon, AppWindow, ArrowDownToLineIcon, ArrowLeftIcon, ArrowRightFromLineIcon, ArrowRightIcon, ArrowRightToLineIcon, ArrowUpToLineIcon, BoldIcon, BookOpenIcon, CalendarIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleIcon, CircleUserIcon, CodeIcon, ColumnsIcon, CopyIcon, DatabaseIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileSearchIcon, FileTextIcon, FilterIcon, FilterXIcon, FlagIcon, FolderIcon, FolderPlusIcon, FolderUpIcon, FunctionSquareIcon, GitBranchIcon, GlobeIcon, HashIcon, Heading1Icon, Heading2Icon, Heading3Icon, HelpCircleIcon, HistoryIcon, HomeIcon, ImageIcon, ImageOffIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, KeyRoundIcon, LanguagesIcon, LayoutGridIcon, LinkIcon, ListIcon, ListOrderedIcon, LoaderIcon, LogOutIcon, MailIcon, Maximize2Icon, MenuIcon, MinusCircleIcon, MinusIcon, MoonIcon, MoreVerticalIcon, Music2Icon, PanelLeftIcon, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, QuoteIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, Rows3Icon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, ShoppingCartIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, StrikethroughIcon, SunIcon, SunMoonIcon, TableIcon, TagIcon, TerminalIcon, TextIcon, Trash2Icon, TypeIcon, UnderlineIcon, UndoIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, VideoIcon, VoteIcon, Wand2Icon, XCircleIcon, XIcon, } from "lucide-react";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/studio",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "dist/studio/src/index.d.ts",
@@ -11,21 +11,23 @@
     "@types/dagre": "0.7.54",
     "@xyflow/react": "12.10.2",
     "dagre": "0.8.5",
+    "monaco-editor": "^0.55.1",
     "pgsql-ast-parser": "12.0.2",
     "prism-react-renderer": "^2.4.1",
-    "@rebasepro/client": "0.1.0",
-    "@rebasepro/common": "0.1.0",
-    "@rebasepro/core": "0.1.0",
-    "@rebasepro/types": "0.1.0",
-    "@rebasepro/utils": "0.1.0",
-    "@rebasepro/ui": "0.1.0"
+    "react-dropzone": "^14.4.1",
+    "@rebasepro/common": "0.2.1",
+    "@rebasepro/core": "0.2.1",
+    "@rebasepro/types": "0.2.1",
+    "@rebasepro/utils": "0.2.1",
+    "@rebasepro/ui": "0.2.1",
+    "@rebasepro/client": "0.2.1"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-router": "^7.0.0",
     "react-router-dom": "^7.0.0",
-    "@rebasepro/admin": "0.1.0"
+    "@rebasepro/admin": "0.2.1"
   },
   "peerDependenciesMeta": {
     "@rebasepro/admin": {
@@ -35,7 +37,7 @@
   "exports": {
     ".": {
       "types": "./dist/studio/src/index.d.ts",
-      "development": "./src/index.ts",
+      "development": "./dist/index.es.js",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
@@ -54,18 +56,19 @@
     ]
   },
   "devDependencies": {
-    "@jest/globals": "^30.2.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@jest/globals": "^30.4.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^20.19.41",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.7.0",
-    "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
-    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "babel-plugin-react-compiler": "19.0.0-beta-ebf51a3-20250411",
     "jest": "^29.7.0",
-    "react-router": "^7.13.1",
-    "react-router-dom": "^7.13.1",
-    "ts-jest": "^29.4.5",
+    "react-router": "^7.15.1",
+    "react-router-dom": "^7.15.1",
+    "ts-jest": "^29.4.10",
     "typescript": "^5.9.3",
-    "vite": "^7.2.4"
+    "vite": "^7.3.3"
   },
   "files": [
     "dist",

package/src/components/ApiExplorer/ApiExplorer.tsx

@@ -11,7 +11,7 @@ import {
     SearchBar,
     iconSize
 } from "@rebasepro/ui";
-import { BookOpenIcon, PlayIcon } from "lucide-react";
+import { BookOpenIcon, PlayIcon } from "@rebasepro/ui";
 import { EndpointDetail } from "./EndpointDetail";
 import { TryItPanel } from "./TryItPanel";
 import type { OpenApiSpec, ParsedEndpoint } from "./types";

package/src/components/ApiExplorer/EndpointDetail.tsx

@@ -1,6 +1,14 @@
 import React from "react";
-import { Typography, Chip, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
-import { SlidersHorizontalIcon, UploadIcon, ArrowRightFromLineIcon } from "lucide-react";
+import {
+    ArrowRightFromLineIcon,
+    Chip,
+    cls,
+    defaultBorderMixin,
+    iconSize,
+    SlidersHorizontalIcon,
+    Typography,
+    UploadIcon
+} from "@rebasepro/ui";
 import type { ParsedEndpoint, OpenApiSpec, OpenApiSchema } from "./types";
 import { resolveRef, resolveRefName } from "./parseSpec";
 

package/src/components/ApiExplorer/TryItPanel.tsx

@@ -1,6 +1,17 @@
 import React, { useState, useCallback, useMemo, useEffect } from "react";
-import { Typography, Button, TextField, IconButton, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
-import { LoaderIcon, SendIcon, PlusIcon, XIcon } from "lucide-react";
+import {
+    Button,
+    cls,
+    defaultBorderMixin,
+    IconButton,
+    iconSize,
+    LoaderIcon,
+    PlusIcon,
+    SendIcon,
+    TextField,
+    Typography,
+    XIcon
+} from "@rebasepro/ui";
 import { useRebaseContext, UserSelectPopover, SelectableUser } from "@rebasepro/core";
 import { AuthSimulationSelector } from "../AuthSimulationSelector";
 import type { ParsedEndpoint } from "./types";
@@ -22,19 +33,19 @@ export function TryItPanel({ endpoint, apiUrl, getAuthToken, user, basePath = ""
     const storageKey = `rebase_apiexplorer_${endpoint.method}_${endpoint.path}`;
 
     const [pathParams, setPathParams] = useState<Record<string, string>>(() => {
-        try { const v = localStorage.getItem(`${storageKey}_path`); if (v) return JSON.parse(v); } catch {}
+        try { const v = localStorage.getItem(`${storageKey}_path`); if (v) return JSON.parse(v); } catch { /* ignore */ }
         return {};
     });
     const [queryParams, setQueryParams] = useState<Record<string, string>>(() => {
-        try { const v = localStorage.getItem(`${storageKey}_query`); if (v) return JSON.parse(v); } catch {}
+        try { const v = localStorage.getItem(`${storageKey}_query`); if (v) return JSON.parse(v); } catch { /* ignore */ }
         return {};
     });
     const [customHeaders, setCustomHeaders] = useState<Array<{ key: string; value: string }>>(() => {
-        try { const v = localStorage.getItem(`${storageKey}_headers`); if (v) return JSON.parse(v); } catch {}
+        try { const v = localStorage.getItem(`${storageKey}_headers`); if (v) return JSON.parse(v); } catch { /* ignore */ }
         return [{ key: "rebase-branch", value: "" }];
     });
     const [body, setBody] = useState(() => {
-        try { const v = localStorage.getItem(`${storageKey}_body`); if (v) return JSON.parse(v); } catch {}
+        try { const v = localStorage.getItem(`${storageKey}_body`); if (v) return JSON.parse(v); } catch { /* ignore */ }
         return buildBodyTemplate(endpoint);
     });
     const [response, setResponse] = useState<{ status: number; statusText: string; body: string; time: number } | null>(

package/src/components/AuthSimulationSelector.tsx

@@ -1,6 +1,5 @@
 import React from "react";
-import { Typography, cls, iconSize, Button } from "@rebasepro/ui";
-import { KeyRoundIcon } from "lucide-react";
+import { Button, cls, iconSize, KeyRoundIcon, Typography } from "@rebasepro/ui";
 import { UserSelectPopover, SelectableUser } from "@rebasepro/core";
 
 export interface AuthSimulationSelectorProps {

package/src/components/Branches/BranchesView.tsx

@@ -1,7 +1,29 @@
 
 import React, { useState, useEffect, useRef, useCallback } from "react";
-import { Typography, cls, defaultBorderMixin, Button, Chip, CircularProgress, IconButton, Paper, Dialog, DialogTitle, DialogContent, DialogActions, TextField, Select, SelectItem, Alert , iconSize } from "@rebasepro/ui";
-import { GitBranchIcon, Trash2Icon, RefreshCwIcon, PlusIcon, CopyIcon } from "lucide-react";
+import {
+    Alert,
+    Button,
+    Chip,
+    CircularProgress,
+    cls,
+    CopyIcon,
+    defaultBorderMixin,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    GitBranchIcon,
+    IconButton,
+    iconSize,
+    Paper,
+    PlusIcon,
+    RefreshCwIcon,
+    Select,
+    SelectItem,
+    TextField,
+    Trash2Icon,
+    Typography
+} from "@rebasepro/ui";
 import { useRebaseContext, useSnackbarController, ConfirmationDialog } from "@rebasepro/core";
 import { isBranchAdmin } from "@rebasepro/types";
 import type { BranchInfo } from "@rebasepro/types";

package/src/components/CronJobs/CronJobsView.tsx

@@ -1,7 +1,24 @@
 
 import React, { useState, useEffect, useRef } from "react";
-import { Typography, cls, defaultBorderMixin, Button, Chip, CircularProgress, IconButton, Card, Paper , iconSize } from "@rebasepro/ui";
-import { PauseIcon, CalendarIcon, RefreshCwIcon, PlayIcon, CheckCircleIcon, AlertCircleIcon, HistoryIcon } from "lucide-react";
+import {
+    AlertCircleIcon,
+    Button,
+    CalendarIcon,
+    Card,
+    CheckCircleIcon,
+    Chip,
+    CircularProgress,
+    cls,
+    defaultBorderMixin,
+    HistoryIcon,
+    IconButton,
+    iconSize,
+    Paper,
+    PauseIcon,
+    PlayIcon,
+    RefreshCwIcon,
+    Typography
+} from "@rebasepro/ui";
 import { useRebaseClient, useSnackbarController } from "@rebasepro/core";
 import type { CronJobStatus, CronJobLogEntry } from "@rebasepro/types";
 import type { RebaseClient } from "@rebasepro/client";

package/src/components/JSEditor/JSEditor.tsx

@@ -2,8 +2,39 @@
 import React, { useState, useEffect, useCallback, useRef, useMemo } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 import { toSnakeCase } from "@rebasepro/utils";
-import { Button, Typography, CircularProgress, cls, IconButton, Dialog, DialogContent, DialogActions, DialogTitle, TextField, Tooltip, defaultBorderMixin, ResizablePanels, Chip, Menu, MenuItem, Tabs, Tab, VirtualTable, VirtualTableColumn, CellRendererParams , iconSize } from "@rebasepro/ui";
-import { TerminalIcon, XIcon, PlusIcon, SaveIcon, DownloadIcon, PlayIcon, MoreVerticalIcon, PencilIcon, MenuIcon } from "lucide-react";
+import {
+    Button,
+    CellRendererParams,
+    Chip,
+    CircularProgress,
+    cls,
+    defaultBorderMixin,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    DownloadIcon,
+    IconButton,
+    iconSize,
+    Menu,
+    MenuIcon,
+    MenuItem,
+    MoreVerticalIcon,
+    PencilIcon,
+    PlayIcon,
+    PlusIcon,
+    ResizablePanels,
+    SaveIcon,
+    Tab,
+    Tabs,
+    TerminalIcon,
+    TextField,
+    Tooltip,
+    Typography,
+    VirtualTable,
+    VirtualTableColumn,
+    XIcon
+} from "@rebasepro/ui";
 import { useStudioUrlController, useStudioCollectionRegistry, useStudioSideEntityController } from "@rebasepro/core";
 import { useRebaseContext, useRebaseClient, useSnackbarController, useApiConfig, useTranslation, useModeController, ErrorView, SelectableUser, IconForView } from "@rebasepro/core";
 import { EntityCollection } from "@rebasepro/types";
@@ -134,7 +165,7 @@ function detectCollectionsInResult(
     for (const slug of mentionedSlugs) {
         const normalised = toSnakeCase(slug);
         const col = collections.find(c => {
-            const tableName = (c as any).table || toSnakeCase(c.slug);
+            const tableName = (c as EntityCollection & { table?: string }).table || toSnakeCase(c.slug);
             return c.slug === slug || tableName === normalised || toSnakeCase(c.slug) === normalised;
         });
         if (col) {
@@ -364,7 +395,7 @@ isScoped: true };
 
         const consoleEntries: ConsoleEntry[] = [];
         const startTime = performance.now();
-        let scopedClientToCleanUp: any = null;
+        let scopedClientToCleanUp: { ws?: { disconnect(): void } } | null = null;
 
         // Capture console methods
         const originalConsole = {
@@ -427,13 +458,13 @@ timestamp: Date.now() });
             } else {
                 setResultView("json");
             }
-        } catch (err: any) {
+        } catch (err: unknown) {
             const duration = performance.now() - startTime;
             setResult({
                 value: undefined,
                 console: consoleEntries,
                 duration,
-                error: err?.message || String(err),
+                error: err instanceof Error ? err.message : String(err),
                 timestamp: Date.now()
             });
             setResultView("json");

package/src/components/JSEditor/JSEditorSidebar.tsx

@@ -1,7 +1,17 @@
 
 import React, { useState } from "react";
-import { Typography, cls, defaultBorderMixin, Tabs, Tab, Tooltip, IconButton , iconSize } from "@rebasepro/ui";
-import { PlusIcon, Trash2Icon } from "lucide-react";
+import {
+    cls,
+    defaultBorderMixin,
+    IconButton,
+    iconSize,
+    PlusIcon,
+    Tab,
+    Tabs,
+    Tooltip,
+    Trash2Icon,
+    Typography
+} from "@rebasepro/ui";
 
 export interface JSSnippet {
     id: string;

package/src/components/JSEditor/JSMonacoEditor.tsx

@@ -2,10 +2,23 @@
 import React, { useRef, useEffect } from "react";
 import Editor, { Monaco, OnMount } from "@monaco-editor/react";
 import type { editor } from "monaco-editor";
-import { cls, defaultBorderMixin } from "@rebasepro/ui";
-import { FileIcon } from "lucide-react";
+import { cls, defaultBorderMixin, FileIcon } from "@rebasepro/ui";
 import { useModeController } from "@rebasepro/core";
 
+/**
+ * Shape of `monaco.languages.typescript` at runtime.
+ * The bundled type stubs mark this API as deprecated, but it is fully functional.
+ */
+interface MonacoTypeScriptApi {
+    typescriptDefaults: {
+        setCompilerOptions(options: Record<string, unknown>): void;
+        setDiagnosticsOptions(options: Record<string, unknown>): void;
+        addExtraLib(content: string, filePath: string): void;
+    };
+    ScriptTarget: Record<string, number>;
+    ModuleKind: Record<string, number>;
+}
+
 /** Ambient type definitions for the Rebase client SDK injected into Monaco. */
 const REBASE_CLIENT_TYPES = `
 // ─── Rebase Client SDK Type Definitions ─────────────────────────────
@@ -303,7 +316,7 @@ export const JSMonacoEditor = ({
             // Note: cast through `any` because the bundled type stubs mark
             // `monaco.languages.typescript` as deprecated while the runtime
             // API is fully functional.
-            const ts = (monaco.languages as any).typescript;
+            const ts = (monaco.languages as unknown as { typescript: MonacoTypeScriptApi }).typescript;
             ts.typescriptDefaults.setCompilerOptions({
                 target: ts.ScriptTarget.ESNext,
                 module: ts.ModuleKind.ESNext,

package/src/components/RLSEditor/PolicyEditor.tsx

@@ -1,7 +1,24 @@
 
 import React, { useState, useEffect } from "react";
-import { Button, Paper, Typography, TextField, Select, SelectItem, MultiSelect, MultiSelectItem, cls, defaultBorderMixin, IconButton, Dialog, DialogTitle, DialogContent, DialogActions , iconSize } from "@rebasepro/ui";
-import { HelpCircleIcon } from "lucide-react";
+import {
+    Button,
+    cls,
+    defaultBorderMixin,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    HelpCircleIcon,
+    IconButton,
+    iconSize,
+    MultiSelect,
+    MultiSelectItem,
+    Paper,
+    Select,
+    SelectItem,
+    TextField,
+    Typography
+} from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { MonacoEditor } from "../SQLEditor/MonacoEditor";
 import { PostgresPolicy } from "./RLSEditor";

package/src/components/RLSEditor/RLSEditor.tsx

@@ -1,8 +1,28 @@
 
 import { useStudioCollectionRegistry } from "@rebasepro/core";
 import React, { useState, useEffect, useCallback, useMemo } from "react";
-import { Paper, Typography, CircularProgress, cls, Alert, defaultBorderMixin, Card, Chip, Button, Tooltip, ResizablePanels, IconButton, Tabs, Tab , iconSize } from "@rebasepro/ui";
-import { ShieldIcon, RefreshCwIcon, AlertTriangleIcon, KeyIcon, Trash2Icon } from "lucide-react";
+import {
+    Alert,
+    AlertTriangleIcon,
+    Button,
+    Card,
+    Chip,
+    CircularProgress,
+    cls,
+    defaultBorderMixin,
+    IconButton,
+    iconSize,
+    KeyIcon,
+    Paper,
+    RefreshCwIcon,
+    ResizablePanels,
+    ShieldIcon,
+    Tab,
+    Tabs,
+    Tooltip,
+    Trash2Icon,
+    Typography
+} from "@rebasepro/ui";
 import { useRebaseContext, useSnackbarController, ErrorView, useTranslation } from "@rebasepro/core";
 import { isPostgresCollection } from "@rebasepro/types";
 import { PolicyEditor } from "./PolicyEditor";