@yunsoft/yuncms-api 0.1.0

package/src/routes/schema.js

@@ -0,0 +1,259 @@
+import express from 'express';
+import { deleteM2MJunction } from '@yunsoft/yuncms-core';
+
+import { serviceOptionsFromRequest } from '../service-options.js';
+
+function service(req, name) {
+  const Service = req.context.services[name];
+  if (!Service) throw new Error(`Service is not registered: ${name}`);
+  return new Service(serviceOptionsFromRequest(req));
+}
+
+function destructiveRequested(req) {
+  return String(req.query?.destructive ?? '').toLowerCase() === 'true';
+}
+
+async function auditSchema(req, { action, collection = null, itemKey = null, payload = null }) {
+  try {
+    await service(req, 'AuditService').record({
+      action,
+      collection,
+      itemKey,
+      requestId: req.id,
+      payload,
+    });
+  } catch (error) {
+    req.context.logger?.error?.('YunCMS schema audit write failed after committed mutation', {
+      requestId: req.id,
+      action,
+      collection,
+      itemKey,
+      code: error?.code,
+      message: error?.message,
+    });
+  }
+}
+
+export function createSchemaRouter() {
+  const router = express.Router();
+
+  router.get('/collections', async (req, res) => {
+    res.json({ data: await service(req, 'CollectionsService').readMany() });
+  });
+
+  router.post('/collections', async (req, res) => {
+    const data = await service(req, 'CollectionsService').createOne(req.body ?? {});
+    await auditSchema(req, {
+      action: 'schema.collection.create',
+      collection: data.collection,
+      itemKey: data.collection,
+      payload: { after: data },
+    });
+    res.status(201).json({ data });
+  });
+
+  router.get('/collections/:collection', async (req, res) => {
+    const data = await service(req, 'CollectionsService').readOne(req.params.collection);
+    if (!data) {
+      const error = new Error(`Collection not found: ${req.params.collection}`);
+      error.code = 'COLLECTION_NOT_FOUND';
+      throw error;
+    }
+    res.json({ data });
+  });
+
+  router.patch('/collections/:collection', async (req, res) => {
+    const collections = service(req, 'CollectionsService');
+    const before = await collections.readOne(req.params.collection);
+    const data = await collections.updateOne(req.params.collection, req.body ?? {});
+    await auditSchema(req, {
+      action: 'schema.collection.update',
+      collection: req.params.collection,
+      itemKey: req.params.collection,
+      payload: { before, after: data, changes: req.body ?? {} },
+    });
+    res.json({ data });
+  });
+
+  router.delete('/collections/:collection', async (req, res) => {
+    const collections = service(req, 'CollectionsService');
+    const before = await collections.readOne(req.params.collection);
+    await collections.deleteOne(req.params.collection, {
+      destructive: destructiveRequested(req),
+    });
+    await auditSchema(req, {
+      action: 'schema.collection.delete',
+      collection: req.params.collection,
+      itemKey: req.params.collection,
+      payload: { before },
+    });
+    res.status(204).end();
+  });
+
+  router.get('/collections/:collection/fields', async (req, res) => {
+    res.json({ data: await service(req, 'FieldsService').readMany(req.params.collection) });
+  });
+
+  router.post('/collections/:collection/fields', async (req, res) => {
+    const data = await service(req, 'FieldsService').createOne(
+      req.params.collection,
+      req.body ?? {},
+    );
+    await auditSchema(req, {
+      action: 'schema.field.create',
+      collection: req.params.collection,
+      itemKey: data.field,
+      payload: { after: data },
+    });
+    res.status(201).json({ data });
+  });
+
+  router.get('/collections/:collection/fields/:field', async (req, res) => {
+    const data = await service(req, 'FieldsService').readOne(
+      req.params.collection,
+      req.params.field,
+    );
+    if (!data) {
+      const error = new Error(`Field not found: ${req.params.collection}.${req.params.field}`);
+      error.code = 'FIELD_NOT_FOUND';
+      throw error;
+    }
+    res.json({ data });
+  });
+
+  router.patch('/collections/:collection/fields/:field', async (req, res) => {
+    const fields = service(req, 'FieldsService');
+    const before = await fields.readOne(req.params.collection, req.params.field);
+    const data = await fields.updateOne(
+      req.params.collection,
+      req.params.field,
+      req.body ?? {},
+    );
+    await auditSchema(req, {
+      action: 'schema.field.update',
+      collection: req.params.collection,
+      itemKey: req.params.field,
+      payload: { before, after: data, changes: req.body ?? {} },
+    });
+    res.json({ data });
+  });
+
+  router.patch('/collections/:collection/fields/:field/schema', async (req, res) => {
+    const fields = service(req, 'FieldsService');
+    const before = await fields.readOne(req.params.collection, req.params.field);
+    const data = await fields.updateSchema(
+      req.params.collection,
+      req.params.field,
+      req.body ?? {},
+    );
+    await auditSchema(req, {
+      action: 'schema.field.alter',
+      collection: req.params.collection,
+      itemKey: req.params.field,
+      payload: { before, after: data, changes: req.body ?? {} },
+    });
+    res.json({ data });
+  });
+
+  router.delete('/collections/:collection/fields/:field', async (req, res) => {
+    const fields = service(req, 'FieldsService');
+    const before = await fields.readOne(req.params.collection, req.params.field);
+    await fields.deleteOne(
+      req.params.collection,
+      req.params.field,
+      { destructive: destructiveRequested(req) },
+    );
+    await auditSchema(req, {
+      action: 'schema.field.delete',
+      collection: req.params.collection,
+      itemKey: req.params.field,
+      payload: { before },
+    });
+    res.status(204).end();
+  });
+
+  router.get('/relations', async (req, res) => {
+    res.json({ data: await service(req, 'RelationsService').readMany() });
+  });
+
+  router.get('/relations/:manyCollection/:manyField', async (req, res) => {
+    const data = await service(req, 'RelationsService').readOne(
+      req.params.manyCollection,
+      req.params.manyField,
+    );
+    if (!data) {
+      const error = new Error(
+        `Relation not found: ${req.params.manyCollection}.${req.params.manyField}`,
+      );
+      error.code = 'RELATION_NOT_FOUND';
+      throw error;
+    }
+    res.json({ data });
+  });
+
+  router.get('/collections/:collection/relations/o2m', async (req, res) => {
+    res.json({ data: await service(req, 'RelationsService').readO2M(req.params.collection) });
+  });
+
+  router.post('/relations/m2o', async (req, res) => {
+    const data = await service(req, 'RelationsService').createM2O(req.body ?? {});
+    await auditSchema(req, {
+      action: 'schema.relation.create',
+      collection: data.many_collection,
+      itemKey: data.many_field,
+      payload: { after: data },
+    });
+    res.status(201).json({ data });
+  });
+
+  router.delete('/relations/m2o/:manyCollection/:manyField', async (req, res) => {
+    const relations = service(req, 'RelationsService');
+    const before = await relations.readOne(req.params.manyCollection, req.params.manyField);
+    await relations.deleteM2O(
+      req.params.manyCollection,
+      req.params.manyField,
+    );
+    await auditSchema(req, {
+      action: 'schema.relation.delete',
+      collection: req.params.manyCollection,
+      itemKey: req.params.manyField,
+      payload: { before },
+    });
+    res.status(204).end();
+  });
+
+  router.post('/relations/m2m', async (req, res) => {
+    const data = await service(req, 'RelationsService').createM2M(req.body ?? {});
+    await auditSchema(req, {
+      action: 'schema.relation.m2m.create',
+      collection: data.junctionCollection,
+      itemKey: data.junctionCollection,
+      payload: { after: data },
+    });
+    res.status(201).json({ data });
+  });
+
+  router.delete('/relations/m2m/:junctionCollection', async (req, res) => {
+    const relationRows = await service(req, 'RelationsService').readMany();
+    const before = relationRows.filter(
+      (relation) => relation.junction_collection === req.params.junctionCollection,
+    );
+    const data = await deleteM2MJunction({
+      database: req.context.database,
+      accountability: req.accountability,
+      junctionCollection: req.params.junctionCollection,
+      destructive: destructiveRequested(req),
+    });
+    await auditSchema(req, {
+      action: 'schema.relation.m2m.delete',
+      collection: req.params.junctionCollection,
+      itemKey: req.params.junctionCollection,
+      payload: { before, result: data },
+    });
+    res.status(204).end();
+  });
+
+  return router;
+}
+
+export { auditSchema, destructiveRequested };

package/src/routes/users.js

@@ -0,0 +1,50 @@
+import express from 'express';
+
+import { serviceOptionsFromRequest } from '../service-options.js';
+
+function usersService(req) {
+  const Service = req.context.services.UsersService;
+  return new Service(serviceOptionsFromRequest(req));
+}
+
+function notFound(id) {
+  const error = new Error(`User not found: ${id}`);
+  error.code = 'USER_NOT_FOUND';
+  return error;
+}
+
+export function createUsersRouter() {
+  const router = express.Router();
+
+  router.get('/', async (req, res) => {
+    res.json({ data: await usersService(req).readMany() });
+  });
+
+  router.post('/', async (req, res) => {
+    const data = await usersService(req).createOne(req.body ?? {});
+    res.status(201).json({ data });
+  });
+
+  router.get('/:id', async (req, res) => {
+    const data = await usersService(req).readOne(req.params.id);
+    if (!data) throw notFound(req.params.id);
+    res.json({ data });
+  });
+
+  router.patch('/:id', async (req, res) => {
+    const data = await usersService(req).updateOne(req.params.id, req.body ?? {});
+    res.json({ data });
+  });
+
+  router.patch('/:id/password', async (req, res) => {
+    await usersService(req).updatePassword(req.params.id, req.body?.password);
+    res.status(204).end();
+  });
+
+  router.delete('/:id', async (req, res) => {
+    await usersService(req).deleteOne(req.params.id);
+    res.status(204).end();
+  });
+
+  return router;
+}

package/src/server.js

@@ -0,0 +1,182 @@
+import {
+  assertDatabaseCompatible,
+  closeDatabasePool,
+  createCoreServiceRegistry,
+  createDatabasePool,
+  createJsonLogger,
+  createStorageRegistry,
+  createSystemAccountability,
+  HookEmitter,
+  loadConfig,
+  loadEnvFileIfPresent,
+  LocalStorageDriver,
+  S3StorageDriver,
+  SchemaCache,
+  SmtpMailer,
+} from '@yunsoft/yuncms-core';
+import { createApp } from './app.js';
+import { loadExtensionRuntime } from './extensions/runtime.js';
+
+loadEnvFileIfPresent();
+const config = loadConfig();
+const logger = createJsonLogger({ level: config.logging.level });
+const pool = createDatabasePool(config.database);
+const storageDrivers = {
+  local: new LocalStorageDriver({ root: config.storage.localRoot }),
+};
+if (config.storage.s3.bucket) {
+  storageDrivers.s3 = new S3StorageDriver({
+    bucket: config.storage.s3.bucket,
+    region: config.storage.s3.region,
+    endpoint: config.storage.s3.endpoint ?? undefined,
+    accessKeyId: config.storage.s3.accessKeyId ?? undefined,
+    secretAccessKey: config.storage.s3.secretAccessKey ?? undefined,
+    forcePathStyle: config.storage.s3.forcePathStyle,
+  });
+}
+const storage = createStorageRegistry(storageDrivers);
+
+const hasAnyMailConfig = Boolean(
+  config.mail.host || config.mail.from || config.mail.user || config.mail.password,
+);
+if (hasAnyMailConfig && (!config.mail.host || !config.mail.from)) {
+  throw new Error('SMTP_HOST and SMTP_FROM are both required when SMTP delivery is configured');
+}
+const mailer = config.mail.host
+  ? new SmtpMailer({
+    host: config.mail.host,
+    port: config.mail.port,
+    secure: config.mail.secure,
+    user: config.mail.user,
+    password: config.mail.password,
+    from: config.mail.from,
+  })
+  : null;
+
+let server = null;
+let shuttingDown = false;
+
+function registerInternalAudit({ emitter, services }) {
+  const AuditService = services.AuditService;
+  const systemAccountability = createSystemAccountability();
+  const events = [
+    'items.create',
+    'items.update',
+    'items.delete',
+    'files.create',
+    'files.update',
+    'files.delete',
+  ];
+
+  for (const event of events) {
+    emitter.registerAction(event, async (payload, context) => {
+      try {
+        const audit = new AuditService({
+          accountability: systemAccountability,
+          database: pool,
+          logger,
+          requestId: context.requestId ?? null,
+        });
+        await audit.record({
+          user: context.accountability?.user ?? null,
+          action: event,
+          collection: context.collection ?? null,
+          itemKey: payload?.key ?? null,
+          requestId: context.requestId ?? null,
+          payload,
+        });
+      } catch (error) {
+        logger.error('YunCMS audit write failed after committed mutation', {
+          event,
+          requestId: context.requestId ?? null,
+          code: error?.code,
+          error,
+        });
+      }
+    });
+  }
+}
+
+async function start() {
+  await assertDatabaseCompatible(pool);
+
+  const serviceRegistry = createCoreServiceRegistry();
+  const services = serviceRegistry.toObject();
+  const schemaCache = new SchemaCache();
+  const emitter = new HookEmitter();
+  registerInternalAudit({ emitter, services });
+
+  const extensionRuntime = await loadExtensionRuntime({
+    services,
+    database: pool,
+    schemaCache,
+    emitter,
+    storage,
+    logger,
+    env: config,
+  });
+
+  const app = createApp({
+    pool,
+    config,
+    logger,
+    serviceRegistry,
+    schemaCache,
+    emitter,
+    storage,
+    mailer,
+    endpointExtensions: extensionRuntime.endpointExtensions,
+  });
+
+  await extensionRuntime.init('app.beforeStart');
+  server = await new Promise((resolve, reject) => {
+    const listeningServer = app.listen(config.server.port, config.server.host, () => {
+      logger.info('YunCMS API listening', {
+        host: config.server.host,
+        port: config.server.port,
+      });
+      resolve(listeningServer);
+    });
+    listeningServer.once('error', reject);
+  });
+  await extensionRuntime.init('app.afterStart');
+}
+
+async function shutdown(signal) {
+  if (shuttingDown) return;
+  shuttingDown = true;
+  logger.info('YunCMS API shutting down', { signal });
+
+  const forceExit = setTimeout(() => {
+    logger.error('Graceful shutdown timed out', { signal });
+    process.exit(1);
+  }, 10_000);
+  forceExit.unref();
+
+  if (server) {
+    await new Promise((resolve) => server.close(resolve));
+  }
+  await closeDatabasePool(pool);
+  clearTimeout(forceExit);
+  logger.info('YunCMS API shutdown complete', { signal });
+}
+
+for (const signal of ['SIGINT', 'SIGTERM']) {
+  process.once(signal, () => {
+    shutdown(signal)
+      .then(() => process.exit(0))
+      .catch((error) => {
+        logger.error('Graceful shutdown failed', { signal, error });
+        process.exit(1);
+      });
+  });
+}
+
+start().catch(async (error) => {
+  logger.error('YunCMS API failed to start', {
+    code: error?.code,
+    error,
+  });
+  await closeDatabasePool(pool).catch(() => {});
+  process.exit(1);
+});

package/src/service-options.js

@@ -0,0 +1,14 @@
+export function serviceOptionsFromRequest(req) {
+  if (!req?.context) throw new Error('Request context is required');
+
+  return {
+    accountability: req.accountability,
+    database: req.context.database,
+    schema: req.context.schema,
+    logger: req.context.logger,
+    emitter: req.context.emitter,
+    storage: req.context.storage,
+    permissionCache: req.context.permissionCache,
+    requestId: req.id,
+  };
+}

package/src/studio.js

@@ -0,0 +1,80 @@
+import { createReadStream } from 'node:fs';
+import { stat } from 'node:fs/promises';
+import { extname, resolve, sep } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+export const DEFAULT_STUDIO_ROOT = fileURLToPath(new URL('../studio-dist/', import.meta.url));
+
+const CONTENT_TYPES = new Map([
+  ['.css', 'text/css; charset=utf-8'],
+  ['.gif', 'image/gif'],
+  ['.html', 'text/html; charset=utf-8'],
+  ['.ico', 'image/x-icon'],
+  ['.jpeg', 'image/jpeg'],
+  ['.jpg', 'image/jpeg'],
+  ['.js', 'text/javascript; charset=utf-8'],
+  ['.json', 'application/json; charset=utf-8'],
+  ['.map', 'application/json; charset=utf-8'],
+  ['.png', 'image/png'],
+  ['.svg', 'image/svg+xml'],
+  ['.webp', 'image/webp'],
+  ['.woff', 'font/woff'],
+  ['.woff2', 'font/woff2'],
+]);
+
+export function resolveStudioFile(root, requestPath) {
+  if (requestPath === '/') return resolve(root, 'index.html');
+  if (!requestPath.startsWith('/assets/')) return null;
+
+  let relativePath;
+  try {
+    relativePath = decodeURIComponent(requestPath.slice(1));
+  } catch {
+    return null;
+  }
+
+  const assetsRoot = resolve(root, 'assets');
+  const candidate = resolve(root, relativePath);
+  if (candidate !== assetsRoot && !candidate.startsWith(`${assetsRoot}${sep}`)) return null;
+  return candidate;
+}
+
+function contentTypeFor(filePath) {
+  return CONTENT_TYPES.get(extname(filePath).toLowerCase()) || 'application/octet-stream';
+}
+
+export function createStudioMiddleware({ root = DEFAULT_STUDIO_ROOT } = {}) {
+  return async function serveStudio(req, res, next) {
+    if (req.method !== 'GET' && req.method !== 'HEAD') return next();
+
+    const filePath = resolveStudioFile(root, req.path);
+    if (!filePath) return next();
+
+    let fileStat;
+    try {
+      fileStat = await stat(filePath);
+    } catch (error) {
+      if (error?.code !== 'ENOENT') return next(error);
+      if (req.path === '/') {
+        return res.status(503).type('text/plain').send(
+          'YunCMS Studio build is missing. Build @yunsoft/yuncms-studio before starting the API.',
+        );
+      }
+      return res.status(404).end();
+    }
+
+    if (!fileStat.isFile()) return res.status(404).end();
+
+    res.set('content-type', contentTypeFor(filePath));
+    res.set('content-length', String(fileStat.size));
+    res.set('cache-control', req.path === '/'
+      ? 'no-cache'
+      : 'public, max-age=31536000, immutable');
+
+    if (req.method === 'HEAD') return res.status(200).end();
+
+    const stream = createReadStream(filePath);
+    stream.on('error', next);
+    return stream.pipe(res);
+  };
+}

package/studio-dist/assets/index-B-brC-Im.css

@@ -0,0 +1 @@
+:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{color:#172033;background:#fff;border:1px solid #d9e0ea;border-radius:9px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:#7a879b;box-shadow:0 0 0 3px #5c6a8224}textarea{resize:vertical}code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.auth-layout{background:#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e1e6ef;border-radius:16px;gap:28px;width:min(440px,100%);padding:34px;display:grid;box-shadow:0 18px 55px #202d4214}.studio-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e1e6ef;flex-direction:column;align-self:start;min-height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;padding-inline:8px;font-size:22px;font-weight:750}.brand-subtitle{color:#7a8498;margin-top:2px;padding-inline:8px;font-size:13px}nav{gap:6px;margin-top:34px;display:grid}.nav-item,.list-button{color:#647089;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.nav-item{padding:10px 12px}.list-button{padding:9px 10px}.nav-item:hover,.list-button:hover{color:#182033;background:#f4f6fa}.nav-item.active,.list-button.active{color:#182033;background:#eef2f8;font-weight:650}.nav-item small,.list-button small{color:#9aa3b4;font-size:10px}.sidebar-account{overflow-wrap:anywhere;border-top:1px solid #edf0f5;gap:5px;margin-top:auto;padding-top:24px;display:grid}.sidebar-account strong{font-size:13px}.sidebar-account small{color:#7a8498;font-size:11px}.sidebar-account .text-button{justify-self:start;margin-top:5px}.main-content{min-width:0;padding:40px 44px 56px}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:26px;display:flex}.header-statuses{justify-items:end;gap:7px;display:grid}.api-address{color:#8892a5;overflow-wrap:anywhere;text-align:right;max-width:260px}.eyebrow{color:#6d7890;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(30px,5vw,46px)}h2{letter-spacing:-.025em;margin-bottom:8px;font-size:22px}.lede,.panel p,.metric-card small,.muted-line{color:#717c91;line-height:1.6}.lede{max-width:720px;margin-bottom:0}.status{white-space:nowrap;background:#fff;border:1px solid #dfe5ee;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.status-dot{background:#9da6b7;border-radius:50%;flex:none;width:8px;height:8px}.status.online .status-dot,.sidebar-health.online .status-dot{background:#2f9e62}.status.offline .status-dot,.sidebar-health.offline .status-dot{background:#c84c4c}.screen-stack,.form-stack,.list-stack{display:grid}.screen-stack{gap:16px}.form-stack{gap:15px}.form-stack.compact{gap:11px}.list-stack{gap:6px}.panel,.table-panel{background:#fff;border:1px solid #e1e6ef;border-radius:14px}.panel{justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.panel p{margin-bottom:0}.form-panel{justify-content:stretch;align-items:stretch;gap:22px;display:grid}.panel-heading,.toolbar-panel,.toolbar-actions,.form-actions,.row-actions,.relation-row{align-items:center;display:flex}.panel-heading,.toolbar-panel,.relation-row{justify-content:space-between}.panel-heading,.toolbar-panel{gap:18px}.toolbar-actions,.form-actions,.row-actions{gap:8px}.toolbar-actions select{min-width:190px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.inline-form{align-items:end}.field-label{color:#4c586e;gap:7px;font-size:13px;font-weight:650;display:grid}.checkbox-label{color:#4c586e;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.checkbox-label input,.field-label input[type=checkbox]{width:auto}.primary-button,.text-button,.danger-button{border-radius:9px;font-weight:650}.primary-button{color:#fff;background:#1d2738;border:0;padding:10px 14px}.primary-button:hover:not(:disabled){background:#111a28}.text-button,.danger-button{background:0 0;border:1px solid #0000;padding:7px 9px}.text-button{color:#40506a}.text-button:hover:not(:disabled){background:#eef2f8}.danger-button{color:#aa3f3f}.danger-button:hover:not(:disabled){background:#fff4f4;border-color:#f0d0d0}.error-banner,.notice-banner{border-radius:10px;padding:12px 14px;font-size:13px}.error-banner{color:#8e3030;background:#fff2f2;border:1px solid #efc9c9}.notice-banner{color:#2e7047;background:#f1faf4;border:1px solid #cfe5d7}.table-panel{min-width:0;overflow:hidden}.table-scroll{overflow:auto}.compact-table{border:1px solid #edf0f5;border-radius:10px;max-height:420px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f5;padding:12px 14px}th{z-index:1;color:#67738a;letter-spacing:.04em;text-transform:uppercase;background:#fafbfd;font-size:11px;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td select{min-width:130px}.row-actions{white-space:nowrap;justify-content:flex-end}.table-footer{color:#7a8498;border-top:1px solid #edf0f5;padding:11px 14px;font-size:12px}.empty-state{min-height:170px}.relation-row{border-bottom:1px solid #edf0f5;gap:14px;padding:11px 0}.relation-row:last-child{border-bottom:0}.relation-row>div:first-child{gap:3px;min-width:0;display:grid}.relation-row small{color:#7c879a;overflow-wrap:anywhere}.inline-note{color:#657087;text-transform:uppercase;background:#eef2f8;border-radius:999px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.metric-card{background:#fff;border:1px solid #e1e6ef;border-radius:12px;gap:8px;min-width:0;padding:20px;display:grid}.metric-card>span{color:#7b8598;text-transform:uppercase;font-size:12px;font-weight:700}.metric-card strong{font-size:17px}.metric-card small{overflow-wrap:anywhere}.sidebar-nav{gap:22px;margin-top:30px;display:grid}.nav-group{gap:5px;display:grid}.nav-group-label{color:#9aa3b4;letter-spacing:.1em;text-transform:uppercase;padding:0 10px 4px;font-size:10px;font-weight:750}.nav-children{gap:3px;display:grid}.nav-item-child{padding-left:25px;position:relative}.nav-item-child:before{content:"";background:#b4bdcb;border-radius:50%;width:4px;height:4px;position:absolute;left:12px}.nav-item-child.active:before{background:#485872}.sidebar-footer{border-top:1px solid #edf0f5;gap:8px;margin-top:auto;padding:18px 8px 0;display:grid}.sidebar-health{color:#68758b;align-items:center;gap:7px;font-size:11px;display:flex}.sidebar-api-address{color:#a0a8b6;overflow-wrap:anywhere;font-size:10px;line-height:1.4}.sidebar-footer .sidebar-account{margin-top:8px;padding-top:14px}.content-toolbar-actions,.library-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.search-input{min-width:220px;max-width:320px}.empty-state-action{align-items:center}.record-editor{max-width:1040px}.file-upload-panel{align-items:stretch}.file-upload-panel>div:first-child{max-width:340px}.file-dropzone{background:#fafbfd;border:1px dashed #c8d1df;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:min(520px,100%);padding:14px;transition:border-color .12s,background .12s;display:grid}.file-dropzone.active{background:#f1f4f8;border-color:#7f8ca1}.file-dropzone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;padding:0;position:absolute}.file-picker-label{cursor:pointer;gap:3px;min-width:0;padding:3px 4px;display:grid}.file-picker-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-picker-label span{color:#7b8598;font-size:12px}.file-editor{border-color:#d7dee8;box-shadow:0 10px 30px #202d420d}.library-toolbar{padding-block:20px}.segmented-control{background:#f7f8fb;border:1px solid #dfe5ee;border-radius:10px;padding:3px;display:inline-flex}.segmented-control button{color:#657087;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:650}.segmented-control button.active{color:#1d2738;background:#fff;box-shadow:0 1px 4px #202d421a}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.file-card{background:#fff;border:1px solid #e1e6ef;border-radius:14px;min-width:0;transition:transform .12s,box-shadow .12s,border-color .12s;overflow:hidden}.file-card:hover{border-color:#d2dae6;transform:translateY(-1px);box-shadow:0 10px 28px #202d4212}.file-preview{aspect-ratio:4/3;background:#f4f6f9;border-bottom:1px solid #edf0f5;place-items:center;display:grid;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-type-placeholder{color:#667289;letter-spacing:.06em;background:#fff;border:1px solid #d8dfe9;border-radius:16px;place-items:center;width:64px;height:64px;font-size:12px;font-weight:800;display:grid}.file-card-body{gap:12px;padding:14px;display:grid}.file-card-title{gap:4px;min-width:0;display:grid}.file-card-title strong,.file-card-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card-title small,.file-meta-row{color:#7d8798;font-size:11px}.file-meta-row,.file-card-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.file-card-actions{border-top:1px solid #f0f2f6;justify-content:flex-start;padding-top:2px}.file-card-actions .danger-button{margin-left:auto}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118278f;place-items:center;padding:24px;animation:.14s ease-out modal-backdrop-in;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ffffffa6;border-radius:18px;outline:none;width:min(100%,480px);max-height:calc(100vh - 48px);padding:28px;animation:.16s ease-out modal-card-in;overflow:auto;box-shadow:0 28px 72px #1118273d}.modal-heading{gap:8px;display:grid}.modal-heading h2,.modal-heading p{margin:0}.modal-heading>p:last-child{color:#667289;line-height:1.6}.modal-body{margin-top:20px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;display:flex}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}@media (width<=1100px){.split-grid,.form-grid{grid-template-columns:1fr}.file-upload-panel{flex-direction:column;align-items:stretch}.file-upload-panel>div:first-child{max-width:none}}@media (width<=900px){.studio-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e1e6ef;border-right:0;min-height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sidebar-footer,.sidebar-account{margin-top:22px}.main-content{padding:28px 20px}.page-header,.panel-heading,.toolbar-panel,.panel{flex-direction:column;align-items:stretch}.header-statuses{justify-items:start}.api-address{text-align:left}.toolbar-actions{flex-direction:column;align-items:stretch}.toolbar-actions select{min-width:0}.search-input{max-width:none}.grid{grid-template-columns:1fr}.file-dropzone{min-width:0}}@media (width<=560px){.auth-card{padding:24px}nav,.sidebar-nav{grid-template-columns:1fr}.main-content{padding-inline:14px}.panel,.form-panel{padding:20px}.row-actions{flex-direction:column;align-items:flex-end}.file-dropzone,.file-grid{grid-template-columns:1fr}.file-card-actions{flex-wrap:wrap}.modal-backdrop{align-items:end;padding:12px}.modal-card{border-radius:18px 18px 12px 12px;width:100%;max-height:calc(100vh - 24px);padding:22px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button{width:100%}}.model-layout,.permissions-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.model-sidebar,.role-sidebar{position:sticky;top:20px}.model-detail-stack,.permissions-detail-stack,.schema-tab-content{gap:16px;min-width:0;display:grid}.model-detail,.advanced-permission-panel{min-width:0}.collection-group,.system-collections{gap:8px;display:grid}.collection-group-label{color:#949eae;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.collection-list-button,.role-list-button{align-items:flex-start;padding:10px 11px}.collection-list-button>span,.role-list-button>span{gap:3px;min-width:0;display:grid}.collection-list-button strong,.role-list-button strong{font-size:13px}.collection-list-button small,.role-list-button small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.system-collections{border-top:1px solid #edf0f5;padding-top:8px}.system-collections summary{color:#7d8798;cursor:pointer;font-size:12px;font-weight:650}.system-collections[open] summary{margin-bottom:8px}.schema-create-card{background:#fafbfd;border:1px solid #e5e9f0;border-radius:12px;padding:18px}.schema-create-card p{color:#7b8598;margin:5px 0 0;font-size:12px;line-height:1.5}.schema-tabs{justify-self:start}.schema-section-heading,.permission-matrix-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.schema-section-heading h3,.schema-create-card h3,.permission-matrix-heading h2{margin:0 0 5px}.schema-section-heading p,.permission-matrix-heading p{color:#7b8598;margin:0;font-size:12px;line-height:1.5}.schema-count,.permission-count{color:#657087;white-space:nowrap;background:#eef2f8;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.field-list{border:1px solid #e8ecf2;border-radius:12px;display:grid;overflow:hidden}.field-row{background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.field-row:last-child{border-bottom:0}.field-row-main,.field-row-meta{align-items:center;gap:9px;display:flex}.field-row-main{min-width:0}.field-row-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-row-main>span{color:#748096;background:#f1f4f8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.status-pill{color:#818b9d;background:#f3f5f8;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.status-pill.required{color:#55647d;background:#eef2f8}.schema-checkbox{align-self:end;min-height:41px}.relation-builder-grid{align-items:start}.relation-list{padding:0 2px}.inline-info{color:#68758b;background:#f8fafc;border:1px solid #dfe5ee;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.5}.role-detail-header{align-items:flex-end}.role-name-form{align-items:flex-end;gap:10px;min-width:min(520px,100%);display:flex}.role-name-form>div{flex:1;min-width:0}.role-name-field{margin:0}.permission-matrix-panel{overflow:hidden}.permission-matrix-heading{background:#fff;border-bottom:1px solid #edf0f5;padding:22px 24px}.permission-matrix th:not(:first-child),.permission-matrix td:not(:first-child){text-align:center;min-width:132px}.permission-matrix td:first-child{min-width:180px}.matrix-note{color:#9099a8;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.permission-cell{justify-items:center;gap:4px;display:grid}.permission-toggle{color:#5d6980;align-items:center;gap:6px;font-size:11px;font-weight:650;display:inline-flex}.permission-toggle input{width:auto}.permission-configure{padding:4px 6px;font-size:10px}.advanced-permission-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.field-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;display:grid;overflow:auto}.field-choice{cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:9px;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.field-choice input{width:auto;margin-top:2px}.field-choice>span{gap:2px;min-width:0;display:grid}.field-choice strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.field-choice small,.field-label>small{color:#8791a2;font-size:10px;font-weight:500;line-height:1.45}@media (width<=1180px){.model-layout,.permissions-layout{grid-template-columns:1fr}.model-sidebar,.role-sidebar{position:static}.advanced-permission-grid{grid-template-columns:1fr}}@media (width<=760px){.field-row,.role-detail-header,.role-name-form,.schema-section-heading,.permission-matrix-heading{flex-direction:column;align-items:stretch}.field-row-meta{flex-wrap:wrap}.role-name-form{min-width:0}.field-choice-grid{grid-template-columns:1fr}}