@feltdb/core 0.4.9 → 0.4.11

package/dist/cli/commands.js

@@ -7,7 +7,7 @@ import http from 'http';
 import { createRequire } from 'module';
 import { spawn, spawnSync } from 'child_process';
 import { createFeltDB, diffFlowSpec, formatFlowSpec, parseFlowSpec, planFlowSpecMigration, validateFlowSpec } from '@feltdb/core';
-const RELEASE_VERSION = '0.4.9';
+const RELEASE_VERSION = '0.4.11';
 function loadProjectEnvironment(file = path.resolve('.env.local')) {
     if (!fs.existsSync(file))
         return;
@@ -428,9 +428,18 @@ async function handleDev(args) {
     console.log(`Studio:      http://127.0.0.1:${studioPort}\n`);
     const viteArgs = ['--host', '127.0.0.1', '--port', appPort, ...(open ? ['--open'] : [])];
     const vite = runLocalVite(viteArgs, false);
+    let shuttingDown = false;
     const stopVite = () => { if (!vite.killed)
         vite.kill('SIGTERM'); };
-    const stopAll = () => { stopVite(); stopSelfHosted(); };
+    const stopAll = () => { shuttingDown = true; stopVite(); stopSelfHosted(); };
+    // In an inherited terminal Ctrl-C can reach Vite before this parent process.
+    // Never leave Studio (or its port) running after the application exits.
+    vite.once('exit', code => {
+        if (shuttingDown)
+            return;
+        stopSelfHosted();
+        process.exit(code ?? 0);
+    });
     process.once('exit', stopAll);
     process.once('SIGINT', () => { stopAll(); process.exit(130); });
     process.once('SIGTERM', () => { stopAll(); process.exit(143); });
@@ -438,6 +447,7 @@ async function handleDev(args) {
         '--port', studioPort,
         '--namespace', runtimeNamespace || 'default',
         '--runtime', config.runtime || 'browser',
+        '--app-url', `http://127.0.0.1:${appPort}`,
         ...((config.runtime === 'self-hosted' || config.runtime === 'managed') && process.env.VITE_FELTDB_URL ? ['--connect', process.env.VITE_FELTDB_URL] : []),
         ...(open ? [] : ['--no-open']),
     ]);
@@ -696,6 +706,9 @@ async function handleStudio(args) {
     const runtime = args.includes('--runtime')
         ? args[args.indexOf('--runtime') + 1] || 'browser'
         : connectUrl ? 'remote' : 'browser';
+    const appUrl = args.includes('--app-url')
+        ? args[args.indexOf('--app-url') + 1]
+        : undefined;
     if (connectUrl) {
         console.log(`Connecting to: ${connectUrl}`);
         console.log(`Remote Studio: http://localhost:${port}\n`);
@@ -736,6 +749,8 @@ async function handleStudio(args) {
     const parameters = new URLSearchParams({ namespace, runtime });
     if (connectUrl)
         parameters.set('connect', connectUrl);
+    if (appUrl)
+        parameters.set('app', appUrl);
     const query = `?${parameters.toString()}`;
     const studioUrl = `http://127.0.0.1:${port}/${query}`;
     console.log(`FeltDB Studio ready at ${studioUrl}`);

package/dist/cli/index.js

@@ -23,7 +23,7 @@ import * as path from 'path';
 import * as readline from 'readline';
 import { getClient } from './api-client.js';
 import { loadFeltDBConfig, createDefaultConfig, validateModel, } from './config.js';
-const VERSION = '0.4.9';
+const VERSION = '0.4.11';
 function prompt(question) {
     const rl = readline.createInterface({
         input: process.stdin,

package/dist/create/cli.js

@@ -7,7 +7,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 import readline from 'readline';
-import { spawn } from 'child_process';
+import { spawn, spawnSync } from 'child_process';
 import { createProject } from './create.js';
 import { FELTDB_PACKAGE_VERSION } from './package-versions.js';
 import { configureManagedAccount } from './managed-account.js';
@@ -305,8 +305,16 @@ Learn more: https://github.com/rkendel1/feltdb`);
                 console.log(`Start after installing dependencies:\n  cd ${projectName}\n  npm install\n  npm run dev\n`);
             }
             else {
-                console.log('\n🚀 Starting the application and FeltDB Studio...\n');
-                await run(npm, ['run', 'dev'], projectDir);
+                if (options.runtime === 'self-hosted' && spawnSync('docker', ['version'], { stdio: 'ignore' }).status !== 0) {
+                    console.log('\n✅ Project and Docker image definition are ready.');
+                    console.log('Docker is not currently running, so startup was skipped.');
+                    console.log(`Start Docker Desktop, then run:\n  cd ${projectName}\n  npm run dev`);
+                    console.log('Build the production application image with: docker compose build app');
+                }
+                else {
+                    console.log('\n🚀 Starting the application and FeltDB Studio...\n');
+                    await run(npm, ['run', 'dev'], projectDir);
+                }
             }
         }
         else {

package/dist/create/create.js

@@ -4,6 +4,7 @@
 import fs from 'fs';
 import path from 'path';
 import { feltdbPackageRange } from './package-versions.js';
+import { generateDockerCompose, generateDockerfile, generateDockerIgnore, generateDotEnvLocal, } from './docker-compose-generator.js';
 export async function createProject(options) {
     const { projectName, templatesDir } = options;
     const projectDir = path.resolve(process.cwd(), projectName);
@@ -88,47 +89,73 @@ export async function createProject(options) {
     fs.writeFileSync(path.join(projectDir, 'feltdb.config.json'), JSON.stringify(feltdbConfig, null, 2));
     const appName = applicationName.replace(/[^A-Za-z0-9_]/g, '_').replace(/^[^A-Za-z_]/, 'App_');
     const flowSpec = `app ${appName} {
-  collection Document {
-    title: text
-    content: text
+  collection Project {
+    name: text
+    description: text
+    status: text
     createdAt: datetime
-    index search using fulltext(content)
+    updatedAt: datetime
+    index status using hash(status)
   }
 
-  collection Report {
+  collection Task {
+    projectId: text
     title: text
-    content: text
-    document: ref Document
+    description: text
+    status: text
+    priority: text
+    assignee: text
+    createdAt: datetime
+    updatedAt: datetime
+    index project using hash(projectId)
+    index status using hash(status)
+    index priority using hash(priority)
   }
 
-  capability Research {
-    read Document
-    write Report
+  collection Activity {
+    timestamp: datetime
+    type: text
+    entityType: text
+    entityId: text
+    entityName: text
+    userId: text
+    index timestamp using sorted(timestamp)
   }
 
-  agent Researcher {
-    capability Research
-    workflow ResearchDocument
+  capability Workspace {
+    read Project
+    write Project
+    read Task
+    write Task
+    read Activity
+    write Activity
   }
 
-  workflow ResearchDocument(document: Document) {
-    step search {
-      input document.content
-    }
-    step identity {
-      input search.output
+  workflow TrackTask(task: Task) {
+    step record {
+      input task.title
     }
   }
 
-  trigger on Document.created {
-    workflow ResearchDocument(document)
+  trigger on Task.created {
+    workflow TrackTask(task)
   }
 
-  policy Document {
+  policy Project {
     read: authenticated
     write: authenticated
   }
-}
+
+  policy Task {
+    read: authenticated
+    write: authenticated
+  }
+
+${hasAgents ? `  agent WorkspaceAssistant {
+    capability Workspace
+    workflow TrackTask
+  }
+` : ''}}
 `;
     fs.writeFileSync(path.join(projectDir, 'feltdb.flow'), flowSpec);
     // Create tsconfig.json
@@ -166,9 +193,9 @@ export async function createProject(options) {
 export const db = createFeltDB(${runtimeOptions});
 
 // Collections
-export const projects = db.collection('projects');
-export const tasks = db.collection('tasks');
-export const activity = db.collection('activity');
+export const projects = db.collection('Project');
+export const tasks = db.collection('Task');
+export const activity = db.collection('Activity');
 
 // Types
 export interface Project {
@@ -205,11 +232,11 @@ export interface ActivityEvent {
 }
 
 // Indexes
-projects.createIndex('status');
-tasks.createIndex('projectId');
-tasks.createIndex('status');
-tasks.createIndex('priority');
-activity.createIndex('timestamp');
+projects.createIndex({ name: 'projects_status', type: 'hash', field: 'status' });
+tasks.createIndex({ name: 'tasks_project', type: 'hash', field: 'projectId' });
+tasks.createIndex({ name: 'tasks_status', type: 'hash', field: 'status' });
+tasks.createIndex({ name: 'tasks_priority', type: 'hash', field: 'priority' });
+activity.createIndex({ name: 'activity_timestamp', type: 'sorted', field: 'timestamp' });
 
 // Operations
 export async function createProject(data: Omit<Project, 'id' | 'createdAt' | 'updatedAt'>): Promise<Project> {
@@ -493,17 +520,17 @@ Make it production-ready.\`;
  */
 
 export const capabilities = {
-  'document-read': {
+  'workspace-read': {
     enabled: true,
-    scope: ['documents:read'],
+    scope: ['projects:read', 'tasks:read', 'activity:read'],
   },
   'vector-search': {
     enabled: ${capabilities.includes('vector')},
-    scope: ['documents:read', 'capabilities:execute'],
+    scope: ['projects:read', 'tasks:read', 'capabilities:execute'],
   },
-  'report-write': {
+  'workspace-write': {
     enabled: true,
-    scope: ['reports:write'],
+    scope: ['projects:write', 'tasks:write', 'activity:write'],
   },
 };
 `;
@@ -751,6 +778,24 @@ export function App() {
     getDashboardStats().then(setDashboardStats);
   }, [projectsList, tasksList]);
 
+  useEffect(() => {
+    const handleStudioRequest = async (event: MessageEvent) => {
+      if (event.data?.type !== 'feltdb:studio:read' || !event.source) return;
+      let hostname = '';
+      try { hostname = new URL(event.origin).hostname; } catch { return; }
+      if (hostname !== '127.0.0.1' && hostname !== 'localhost') return;
+      const records = {
+        Project: await projects.all(),
+        Task: await tasks.all(),
+        Activity: await activity.all(),
+      };
+      (event.source as Window).postMessage({ type: 'feltdb:studio:data', requestId: event.data.requestId, records }, event.origin);
+    };
+    window.addEventListener('message', handleStudioRequest);
+    if (window.parent !== window) window.parent.postMessage({ type: 'feltdb:studio:ready' }, '*');
+    return () => window.removeEventListener('message', handleStudioRequest);
+  }, []);
+
   const handleCreateProject = async (e: React.FormEvent) => {
     e.preventDefault();
     if (!newProjectName.trim()) return;
@@ -1173,6 +1218,21 @@ FELTDB_IMAGE=
 NODE_ENV=development
 `;
     fs.writeFileSync(path.join(projectDir, '.env.example'), envExample);
+    if (runtime === 'self-hosted') {
+        const dockerConfig = {
+            appName: applicationName,
+            appId: applicationName,
+            version: feltdbPackageRange.replace(/^\^/, ''),
+            framework,
+            port: 7700,
+            replicationPort: 7701,
+            studioPort: 3000,
+        };
+        fs.writeFileSync(path.join(projectDir, 'docker-compose.yml'), generateDockerCompose(dockerConfig));
+        fs.writeFileSync(path.join(projectDir, 'Dockerfile'), generateDockerfile(dockerConfig, framework));
+        fs.writeFileSync(path.join(projectDir, '.dockerignore'), generateDockerIgnore());
+        fs.writeFileSync(path.join(projectDir, '.env.docker'), generateDotEnvLocal(dockerConfig));
+    }
     // Create RUNTIME_GUIDE.md
     const runtimeGuide = `# Runtime Configuration Guide
 

package/dist/create/docker-compose-generator.js

@@ -8,11 +8,9 @@
  * - Environment configuration
  */
 export function generateDockerCompose(config) {
-    return `version: '3.9'
-
-services:
+    return `services:
   feltdb:
-    image: rkendel1/feltdb:latest
+    image: \${FELTDB_IMAGE:-ghcr.io/rkendel1/feltdb:${config.version}}
     container_name: \${COMPOSE_PROJECT_NAME}-feltdb
     environment:
       FELTDB_APP_NAME: \${FELTDB_APP_NAME:-${config.appName}}
@@ -41,6 +39,7 @@ services:
       app.feltdb/version: "${config.version}"
 
   app:
+    image: \${APP_IMAGE:-${config.appName.toLowerCase().replace(/[^a-z0-9]/g, '-')}:latest}
     build:
       context: .
       dockerfile: Dockerfile
@@ -52,15 +51,12 @@ services:
       FELTDB_APP_NAME: \${FELTDB_APP_NAME:-${config.appName}}
       NODE_ENV: \${NODE_ENV:-production}
     ports:
-      - "\${APP_PORT:-3000}:3000"
+      - "\${APP_PORT:-5173}:80"
     depends_on:
       feltdb:
         condition: service_healthy
-    volumes:
-      - ./src:/app/src
-      - app_node_modules:/app/node_modules
     healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3000/health"]
+      test: ["CMD", "wget", "-q", "--spider", "http://localhost/"]
       interval: 10s
       timeout: 5s
       retries: 3
@@ -99,22 +95,20 @@ volumes:
     driver: local
     labels:
       app.feltdb/data: "durable-operations-log"
-  app_node_modules:
-    driver: local
 `;
 }
 export function generateDockerfile(config, framework) {
-    const buildCommand = framework === 'react' ? 'npm run build' : 'npm run build';
+    const buildCommand = 'npm run build';
     return `# FeltDB Application Container
 # Multi-stage build for optimized production image
 
-FROM node:18-alpine AS builder
+FROM node:20-alpine AS builder
 
 WORKDIR /app
 
 # Install dependencies
 COPY package.json package-lock.json ./
-RUN npm ci --only=production && npm cache clean --force
+RUN npm ci && npm cache clean --force
 
 # Copy source
 COPY . .
@@ -122,37 +116,9 @@ COPY . .
 # Build application
 RUN ${buildCommand}
 
-# Final stage
-FROM node:18-alpine
-
-WORKDIR /app
-
-# Install health check utility
-RUN apk add --no-cache curl
-
-# Copy built application
-COPY --from=builder /app/node_modules ./node_modules
-COPY --from=builder /app/dist ./dist
-COPY --from=builder /app/package.json ./package.json
-COPY --from=builder /app/feltdb.flow ./feltdb.flow
-
-# Create data directory for Node runtime
-RUN mkdir -p /data && chmod 755 /data
-
-# Non-root user for security
-RUN addgroup -g 1001 -S nodejs
-RUN adduser -S nodejs -u 1001
-USER nodejs
-
-# Health check
-HEALTHCHECK --interval=10s --timeout=5s --retries=3 --start-period=30s \\
-  CMD curl -f http://localhost:3000/health || exit 1
-
-# Startup
-ENV NODE_ENV=production
-EXPOSE 3000
-
-CMD ["node", "dist/index.js"]
+FROM nginx:1.27-alpine
+COPY --from=builder /app/dist /usr/share/nginx/html
+EXPOSE 80
 `;
 }
 export function generateDockerIgnore() {

package/dist/create/package-versions.js

@@ -1,4 +1,4 @@
 // One release train keeps generated applications installable. The repository
 // validation script checks these values against every workspace manifest.
-export const FELTDB_PACKAGE_VERSION = '0.4.9';
+export const FELTDB_PACKAGE_VERSION = '0.4.11';
 export const feltdbPackageRange = `^${FELTDB_PACKAGE_VERSION}`;

package/dist/studio/app.d.ts

@@ -6,8 +6,9 @@ export interface StudioAppProps {
     token?: string;
     namespace?: string;
     deploymentRuntime?: string;
+    applicationUrl?: string;
     onConnect?: (url: string, token: string) => void;
 }
-export declare function StudioApp({ db, remoteUrl, token, namespace, deploymentRuntime, onConnect }: StudioAppProps): React.JSX.Element;
+export declare function StudioApp({ db, remoteUrl, token, namespace, deploymentRuntime, applicationUrl, onConnect }: StudioAppProps): React.JSX.Element;
 export default StudioApp;
 //# sourceMappingURL=app.d.ts.map

package/dist/studio/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAmBnD,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAc,EAAE,KAAU,EAAE,SAAqB,EAAE,iBAA6B,EAAE,SAAS,EAAE,EAAE,cAAc,qBAmG5I;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAmBnD,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,SAAc,EAAE,KAAU,EAAE,SAAqB,EAAE,iBAA6B,EAAE,cAAmB,EAAE,SAAS,EAAE,EAAE,cAAc,qBAgGjK;AAED,eAAe,SAAS,CAAC"}

package/dist/studio/components/StateExplorer.d.ts

@@ -4,7 +4,8 @@ export interface StateExplorerProps {
     db?: StateFirstDB;
     model?: FlowSpec | null;
     namespace?: string;
+    applicationUrl?: string;
 }
-export declare function StateExplorer({ db, model, namespace }: StateExplorerProps): React.JSX.Element;
+export declare function StateExplorer({ db, model, namespace, applicationUrl }: StateExplorerProps): React.JSX.Element;
 export default StateExplorer;
 //# sourceMappingURL=StateExplorer.d.ts.map

package/dist/studio/components/StateExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StateExplorer.d.ts","sourceRoot":"","sources":["../../src/components/StateExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAkB,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG3E,MAAM,WAAW,kBAAkB;IAAG,EAAE,CAAC,EAAE,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;AAmBtG,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAqB,EAAE,EAAE,kBAAkB,qBAOrF;AACD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"StateExplorer.d.ts","sourceRoot":"","sources":["../../src/components/StateExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAkB,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG3E,MAAM,WAAW,kBAAkB;IAAG,EAAE,CAAC,EAAE,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE;AAoB/H,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAqB,EAAE,cAAmB,EAAE,EAAE,kBAAkB,qBAuB1G;AACD,eAAe,aAAa,CAAC"}

package/dist/studio/components/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, x as m } from "../components-gmwCs-Pb.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, x as m } from "../components-q43NSTTH.js";
 import { t as h } from "../KeyManagementPanel-DZuSeWBK.js";
 import { ManagedInstancePanel as g } from "./ManagedInstancePanel.js";
 export { c as AgentExplorer, f as ApplicationDesigner, p as CapabilityExplorer, t as ConflictExplorer, a as ExecutionViewer, s as GlobalSearch, i as HealthCenter, h as KeyManagementPanel, g as ManagedInstancePanel, r as OperationsExplorer, m as OverviewDashboard, n as PeerMap, e as ProvenanceViewer, l as ReferenceExplorer, u as SettingsPanel, o as StateExplorer, d as WorkflowVisualizer };

package/dist/studio/{components-gmwCs-Pb.js → components-q43NSTTH.js}

@@ -242,28 +242,28 @@ function S(e, t) {
 }
 //#endregion
 //#region src/components/StateExplorer.tsx
-function C({ db: e, definition: t, namespace: n }) {
-	let { items: r, loading: i, error: o } = b(e, t.name), [l, u] = a(null);
+function C({ db: e, definition: t, namespace: n, bridgedItems: r }) {
+	let { items: i, loading: o, error: l } = b(e, t.name), u = r ?? i, [d, f] = a(null);
 	return /* @__PURE__ */ c("article", {
 		className: "state-collection studio-card",
 		children: [
 			/* @__PURE__ */ c("header", { children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
 				className: "card-kind",
 				children: "collection"
-			}), /* @__PURE__ */ s("h2", { children: t.name })] }), /* @__PURE__ */ s("strong", { children: i ? "…" : r.length })] }),
-			o && /* @__PURE__ */ s("p", {
+			}), /* @__PURE__ */ s("h2", { children: t.name })] }), /* @__PURE__ */ s("strong", { children: r ? r.length : o ? "…" : i.length })] }),
+			l && /* @__PURE__ */ s("p", {
 				className: "runtime-error",
-				children: o
+				children: l
 			}),
-			!i && !r.length && /* @__PURE__ */ s("div", {
+			(!o || r) && !u.length && /* @__PURE__ */ s("div", {
 				className: "model-empty compact",
-				children: "No materialized state yet. Mutations will appear here live."
+				children: "No records yet. Mutations will appear here live."
 			}),
-			r.map((e, r) => {
+			u.map((e, r) => {
 				let i = String(e.id ?? e.key ?? r);
 				return /* @__PURE__ */ c("button", {
 					className: "state-row",
-					onClick: () => u(l === r ? null : r),
+					onClick: () => f(d === r ? null : r),
 					children: [
 						/* @__PURE__ */ c("span", { children: [/* @__PURE__ */ s("b", { children: i }), /* @__PURE__ */ c("small", { children: [
 							"flow://",
@@ -273,16 +273,30 @@ function C({ db: e, definition: t, namespace: n }) {
 							"/",
 							i
 						] })] }),
-						/* @__PURE__ */ s("span", { children: l === r ? "−" : "+" }),
-						l === r && /* @__PURE__ */ s("pre", { children: JSON.stringify(e, null, 2) })
+						/* @__PURE__ */ s("span", { children: d === r ? "−" : "+" }),
+						d === r && /* @__PURE__ */ s("pre", { children: JSON.stringify(e, null, 2) })
 					]
 				}, i);
 			})
 		]
 	});
 }
-function w({ db: e, model: t, namespace: n = "default" }) {
-	return /* @__PURE__ */ c("div", {
+function w({ db: e, model: t, namespace: r = "default", applicationUrl: o = "" }) {
+	let l = i(null), [u, d] = a(null);
+	return n(() => {
+		if (!o) return;
+		let e = new URL(o).origin, t = () => l.current?.contentWindow?.postMessage({
+			type: "feltdb:studio:read",
+			requestId: "live"
+		}, e), n = (n) => {
+			n.origin === e && (n.data?.type === "feltdb:studio:ready" && t(), n.data?.type === "feltdb:studio:data" && d(n.data.records));
+		};
+		window.addEventListener("message", n);
+		let r = window.setInterval(t, 1500);
+		return () => {
+			window.removeEventListener("message", n), window.clearInterval(r);
+		};
+	}, [o]), /* @__PURE__ */ c("div", {
 		className: "studio-model-page",
 		children: [
 			/* @__PURE__ */ c("header", { children: [
@@ -290,14 +304,24 @@ function w({ db: e, model: t, namespace: n = "default" }) {
 					className: "eyebrow",
 					children: "Observe"
 				}),
-				/* @__PURE__ */ s("h1", { children: "State" }),
-				/* @__PURE__ */ s("p", { children: "Live, materialized application state. Every object is addressable and reactive." })
+				/* @__PURE__ */ s("h1", { children: "Data" }),
+				/* @__PURE__ */ s("p", { children: "Live application records grouped by collection. Select a record to inspect every field." })
 			] }),
+			o && /* @__PURE__ */ s("iframe", {
+				ref: l,
+				className: "studio-data-bridge",
+				src: o,
+				title: "FeltDB application data bridge",
+				onLoad: () => l.current?.contentWindow?.postMessage({
+					type: "feltdb:studio:read",
+					requestId: "initial"
+				}, new URL(o).origin)
+			}),
 			/* @__PURE__ */ c("div", {
 				className: "model-summary",
 				children: [
 					/* @__PURE__ */ c("span", { children: [t?.collections.length ?? 0, " collections"] }),
-					/* @__PURE__ */ c("span", { children: [n, " namespace"] }),
+					/* @__PURE__ */ c("span", { children: [r, " namespace"] }),
 					/* @__PURE__ */ s("span", { children: e ? "runtime connected" : "runtime unavailable" })
 				]
 			}),
@@ -306,7 +330,8 @@ function w({ db: e, model: t, namespace: n = "default" }) {
 				children: [t?.collections.map((t) => /* @__PURE__ */ s(C, {
 					db: e ?? null,
 					definition: t,
-					namespace: n
+					namespace: r,
+					bridgedItems: u?.[t.name]
 				}, t.name)), !t?.collections.length && /* @__PURE__ */ c("div", {
 					className: "model-empty",
 					children: [