@ossy/resources 1.12.3 → 3.0.1

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@ossy/resources",
   "description": "Resource domain — aggregate and events for the Ossy resource model",
-  "version": "1.12.3",
+  "version": "3.0.1",
   "private": false,
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",
   "exports": {
     ".": "./src/index.js",
+    "./schemaViewSlots.js": "./src/schemaViewSlots.js",
+    "./schemaFormSlots.js": "./src/schemaFormSlots.js",
+    "./resource.helpers.js": "./src/resource.helpers.js",
     "./server": "./src/server.js"
   },
   "scripts": {
@@ -20,12 +23,13 @@
     "src": "./src"
   },
   "dependencies": {
-    "@ossy/event-store": "^1.8.3",
-    "@ossy/fold": "^1.0.1",
-    "@ossy/platform": "^1.39.3",
-    "@ossy/schema": "^1.0.1"
+    "@ossy/event-store": "^3.0.1",
+    "@ossy/fold": "^3.0.1",
+    "@ossy/platform": "^3.0.1",
+    "@ossy/schema": "^3.0.1"
   },
   "peerDependencies": {
+    "@ossy/design-system": ">=1.0.0",
     "@ossy/schema": "*",
     "@ossy/sdk-react": ">=1.0.0",
     "@ossy/workspaces": ">=1.0.0",
@@ -33,7 +37,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^30.2.0",
-    "@ossy/platform": "^1.39.2",
+    "@ossy/platform": "^3.0.0",
     "casual": "^1.6.2",
     "jest": "^30.2.0"
   },
@@ -45,5 +49,5 @@
     "/src",
     "README.md"
   ],
-  "gitHead": "a0d89185a17f8de8ce328c3a648c108ff1d61d8f"
+  "gitHead": "4a70ec216448680d2fddc57b2a8a0077489720ae"
 }

package/src/AudioResource.jsx

@@ -18,7 +18,7 @@ export const AudioResource = ({
         <View
           as="audio"
           controls
-          slot="content"
+          data-region="content"
           src={resource.content.src}
         />
       </View>

package/src/CreateDirectory.page.jsx

@@ -14,7 +14,7 @@ export const metadata = {
 export const CreateDirectoryPage = () => {
   return (
     <View layout="off-center-s" style={{ height: '100%' }}>
-      <View slot="content" surface="primary" roundness="m" inset="m">
+      <View data-region="content" surface="primary" roundness="m" inset="m">
         <CreateDirectory/>
       </View>
     </View>

package/src/CreateDocument.page.jsx

@@ -14,7 +14,7 @@ export const metadata = {
 export const CreateDocumentPage = () => {
   return (
     <View layout="off-center-m" style={{ height: '100%' }}>
-      <View slot="content" surface='primary' roundness='m' inset="m">
+      <View data-region="content" surface='primary' roundness='m' inset="m">
         <CreateDocument />
       </View>
     </View>

package/src/Definition.js

@@ -9,6 +9,6 @@ export const Definition = {
     We hope you find them useful, and we're here if you have any questions!
   `,
   icon: 'image',
-  statuses: ['beta'],
+  status: ['beta'],
   entitlementRequired: false,
 }

package/src/DocumentView.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import { pipe, keys, map } from 'ramda'
 import { metadata as GetResource } from './get.action.js'
 import { useSdk } from '@ossy/sdk-react'
 import { useSchema } from './useSchemas.js'
-import { Text, View } from '@ossy/design-system'
+import { View } from '@ossy/design-system'
+import { SchemaDetailView } from './SchemaDetailView.jsx'
 
 export const DocumentView = ({
   resourceId
@@ -14,22 +14,12 @@ export const DocumentView = ({
 
   return (
     <View style={{ padding: '16px 0' }}>
-      <View gap="m">
-          {
-            !!resource?.content && (template?.fields || [])
-              .map(field => ({ name: field.name, value: resource?.content?.[field.name] }))
-              .map(field => (
-                <View gap="s" key={field.name}>
-                  <Text style={{ fontWeight: 'bold' }} >{field.name}</Text>
-                  {
-                    typeof field.value === 'object'
-                      ? pipe(keys, map(key => field.value[key] && <div>{key}</div>))(field.value)
-                      : <Text style={{ maxWidth: '500px' }}>{field.value}</Text>
-                  }
-                </View>
-              ))
-          }
-        </View>
+      <SchemaDetailView
+        schemaId={resource?.type}
+        fields={template?.fields}
+        data={resource?.content ?? {}}
+        title={resource?.name}
+      />
     </View>
   )
 }

package/src/GenericResourceCard.jsx

@@ -38,14 +38,14 @@ export function GenericResourceCard ({ resourceId, resource: resourceProp }) {
 
   return (
     <Slot
-      name={primary}
+      view={primary}
       resourceId={resourceId}
       resource={resource}
       schemaId={resource.type}
       projection="card"
       fallback={
         <Slot
-          name={secondary}
+          view={secondary}
           resourceId={resourceId}
           resource={resource}
           schemaId={resource.type}

package/src/GenericResourceForm.jsx

@@ -1,14 +1,25 @@
-import React, { useState } from 'react'
+import React, { useMemo, useState } from 'react'
 import { useSchema } from './useSchemas.js'
 import { useSchemaEngine } from './useSchemaEngine.js'
 import { validateContent } from '@ossy/schema'
-import { resolveFormComponentId } from '@ossy/schema/resolve'
-import { Slot, View, Text, InputTitle, Button, Alert, Fields, applyFieldChange, useInputValue, useLocale, DelayedRender } from '@ossy/design-system'
+import { resolveFormComponentChain } from '@ossy/schema/resolve'
+import {
+  Slot,
+  View,
+  Text,
+  InputTitle,
+  Button,
+  Alert,
+  Fields,
+  applyFieldChange,
+  useInputValue,
+  useLocale,
+} from '@ossy/design-system'
+import { SchemaFormDefault } from './SchemaFormDefault.jsx'
 
-function GenericResourceFormFallback ({
+/** CMS create-resource form — name + schema fields (resources-specific tertiary fallback). */
+function ResourceCreateFormFallback ({
   schemaId,
-  mode = 'create',
-  form,
   initialName = '',
   initialContent = {},
   onSubmit,
@@ -22,36 +33,6 @@ function GenericResourceFormFallback ({
   const [content, setContent] = useState(initialContent)
   const [error, setError] = useState()
 
-  if (form && mode === 'edit') {
-    if (template?.fields && form.data) {
-      return (
-        <View style={{ padding: '16px 0' }}>
-          <Fields data={form.data} onChange={form.onChange} fields={template.fields} />
-        </View>
-      )
-    }
-
-    if (template?.fields && !form.data) {
-      return (
-        <DelayedRender>
-          <View style={{ padding: '16px 0' }}>
-            <Text>Loading...</Text>
-          </View>
-        </DelayedRender>
-      )
-    }
-
-    return (
-      <View style={{ padding: '16px 0' }}>
-        <View inset="m">
-          <Text>
-            This documents template has been deleted and can therefore not be edited
-          </Text>
-        </View>
-      </View>
-    )
-  }
-
   const handleSubmit = () => {
     if (!name?.trim()) {
       setError(t('resources.form.nameRequired'))
@@ -81,6 +62,7 @@ function GenericResourceFormFallback ({
         onChange={setName}
       />
       <Fields
+        schemaId={schemaId}
         data={content}
         onChange={(event) => {
           setError(undefined)
@@ -92,20 +74,76 @@ function GenericResourceFormFallback ({
       <View layout="row" gap="s" justifyContent="flex-end">
         {onCancel && <Button variant="link" onClick={onCancel} label="design-system.cancel" />}
         <Button variant="cta" onClick={handleSubmit}>
-          {submitLabel || (mode === 'edit' ? t('design-system.save') : (template?.name ? `${t('design-system.add')} ${template.name}` : t('resources.form.createResource')))}
+          {submitLabel || (template?.name ? `${t('design-system.add')} ${template.name}` : t('resources.form.createResource'))}
         </Button>
       </View>
     </View>
   )
 }
 
+function ResourceFormFallback ({
+  schemaId,
+  mode = 'create',
+  schemaFormOnly = false,
+  form,
+  resource,
+  initialName,
+  initialContent,
+  onSubmit,
+  onCancel,
+  submitLabel,
+  fields,
+}) {
+  if (form && mode === 'edit' && !fields?.length) {
+    return (
+      <View style={{ padding: '16px 0' }}>
+        <View inset="m">
+          <Text text="resources.form.typeRemoved" />
+        </View>
+      </View>
+    )
+  }
+
+  if (mode === 'create' && !schemaFormOnly) {
+    return (
+      <ResourceCreateFormFallback
+        schemaId={schemaId}
+        initialName={initialName ?? resource?.name}
+        initialContent={initialContent ?? resource?.content ?? {}}
+        onSubmit={onSubmit}
+        onCancel={onCancel}
+        submitLabel={submitLabel}
+      />
+    )
+  }
+
+  return (
+    <View inset="m">
+      <SchemaFormDefault
+        schemaId={schemaId}
+        fields={fields}
+        mode={mode}
+        form={form}
+        resource={resource}
+        initialContent={initialContent ?? resource?.content ?? {}}
+        onSubmit={onSubmit}
+        onCancel={onCancel}
+        submitLabel={submitLabel}
+      />
+    </View>
+  )
+}
+
 /**
- * Generic resource create/edit host — resolves `@ossy/…/form/{concept}` via
- * slot registry; falls back to template-driven Fields.
+ * Resolves `@ossy/…/form/{concept}` → `@ossy/resources/form/default` (edit) → fallback.
+ *
+ * Create mode skips the design-system default and falls through to {@link ResourceCreateFormFallback}
+ * unless `schemaFormOnly` is set (e.g. Storybook schema preview).
  */
-export function GenericResourceForm ({
+function SchemaFormSlotPresenter ({
   schemaId,
   mode = 'create',
+  schemaFormOnly = false,
   resourceId,
   resource,
   form,
@@ -115,34 +153,95 @@ export function GenericResourceForm ({
   onCancel,
   submitLabel,
 }) {
-  const { t } = useLocale()
+  const template = useSchema(schemaId)
+  const chain = useMemo(() => {
+    if (!schemaId) return []
+    const full = resolveFormComponentChain(schemaId)
+    if (mode === 'create' && !schemaFormOnly) return [full[0]]
+    return full
+  }, [schemaId, mode, schemaFormOnly])
+  const [primary, secondary] = chain
+  const slotProps = {
+    schemaId,
+    mode,
+    resourceId,
+    resource,
+    form,
+    fields: template?.fields,
+    initialContent: initialContent ?? resource?.content ?? {},
+    onSubmit,
+    onCancel,
+    submitLabel,
+  }
 
+  const tertiaryFallback = (
+    <ResourceFormFallback
+      schemaId={schemaId}
+      mode={mode}
+      schemaFormOnly={schemaFormOnly}
+      form={form}
+      resource={resource}
+      initialName={initialName ?? resource?.name}
+      initialContent={initialContent ?? resource?.content ?? {}}
+      onSubmit={onSubmit}
+      onCancel={onCancel}
+      submitLabel={submitLabel}
+      fields={template?.fields}
+    />
+  )
+
+  const fallback = secondary
+    ? (
+      <Slot
+        view={secondary}
+        {...slotProps}
+        fallback={tertiaryFallback}
+      />
+    )
+    : tertiaryFallback
+
+  return (
+    <Slot
+      view={primary}
+      {...slotProps}
+      fallback={fallback}
+    />
+  )
+}
+
+/**
+ * Generic resource create/edit host — ADR 0006 form component chain with CMS create fallback.
+ */
+export function GenericResourceForm ({
+  schemaId,
+  mode = 'create',
+  schemaFormOnly = false,
+  resourceId,
+  resource,
+  form,
+  initialName,
+  initialContent,
+  onSubmit,
+  onCancel,
+  submitLabel,
+}) {
   if (!schemaId) {
     return <Text text="resources.form.selectType" />
   }
 
   return (
-    <Slot
-      name={resolveFormComponentId(schemaId)}
+    <SchemaFormSlotPresenter
       schemaId={schemaId}
       mode={mode}
+      schemaFormOnly={schemaFormOnly}
       resourceId={resourceId}
       resource={resource}
       form={form}
+      initialName={initialName}
+      initialContent={initialContent}
       onSubmit={onSubmit}
       onCancel={onCancel}
-      fallback={
-        <GenericResourceFormFallback
-          schemaId={schemaId}
-          mode={mode}
-          form={form}
-          initialName={initialName ?? resource?.name}
-          initialContent={initialContent ?? resource?.content ?? {}}
-          onSubmit={onSubmit}
-          onCancel={onCancel}
-          submitLabel={submitLabel}
-        />
-      }
+      submitLabel={submitLabel}
     />
   )
 }

package/src/ResourceContentPage.jsx

@@ -12,7 +12,7 @@ export const ResourceContentPage = (props) => {
   const { status, data: resource } = sdk.read(GetResource, { resourceId }, { enabled: !!resourceId })
 
   return (
-    <View {...props} slot="content" style={{ flexDirection: 'column', wrap: 'no-wrap',  height: '100%' }}>
+    <View {...props} data-region="content" style={{ flexDirection: 'column', wrap: 'no-wrap',  height: '100%' }}>
       
       <style>
       {`
@@ -66,7 +66,7 @@ export const ResourceContentPage = (props) => {
       </PageSection>
 
       <View layout="off-center" style={{ flexGrow: '1' }}>
-        <View slot="content" style={{ padding: 'var(--space-m) var(--space-m) var(--space-xxl)'}}>
+        <View data-region="content" style={{ padding: 'var(--space-m) var(--space-m) var(--space-xxl)'}}>
           <Switch on={status}>
 
             <Switch.Case match={[AsyncStatus.Error]}>

package/src/ResourceDialogMove.jsx

@@ -26,7 +26,7 @@ export const ResourceDialogMove = ({
         layout="off-center-s" style={{ height: '100%' }}
     >
 
-        <View slot="content">
+        <View data-region="content">
             <View surface="primary" roundness="s">
                                 <View surface="primary" inset="l" roundness="s" gap="m">
 

package/src/SchemaDetailView.jsx

@@ -0,0 +1,97 @@
+import React from 'react'
+import { Text, View, useLocale, hasTranslation } from '@ossy/design-system'
+
+const labelStyle = { fontWeight: 600, opacity: 0.65 }
+const valueStyle = { whiteSpace: 'pre-wrap' }
+
+/**
+ * Generic read-only detail projection for schema-backed resources.
+ *
+ * @param {{
+ *   schemaId?: string,
+ *   fields?: { name: string, label?: string, derived?: boolean }[],
+ *   data?: Record<string, unknown>,
+ *   title?: string,
+ *   emptyMessage?: string,
+ * }} props
+ */
+export function SchemaDetailView ({
+  schemaId,
+  fields: fieldsProp,
+  data = {},
+  title,
+  emptyMessage = 'No data',
+}) {
+  const { messages } = useLocale()
+  const fields = (fieldsProp ?? []).filter((field) => !field.derived)
+  const displayTitle = title ?? data.name ?? 'Preview'
+
+  if (!fields.length) {
+    const entries = Object.entries(data)
+
+    return (
+      <View stack gap="m">
+        {displayTitle && (
+          <Text variant="heading-default" as="h1">{displayTitle}</Text>
+        )}
+        {entries.length
+          ? entries.map(([name, value]) => (
+            <View gap="xs" key={name}>
+              <Text variant="small" style={labelStyle}>{name}</Text>
+              <Text variant="small" style={valueStyle}>
+                {value == null || value === ''
+                  ? '—'
+                  : typeof value === 'boolean'
+                    ? (value ? 'Yes' : 'No')
+                    : typeof value === 'object'
+                      ? JSON.stringify(value, null, 2)
+                      : String(value)}
+              </Text>
+            </View>
+          ))
+          : <Text variant="small" style={{ opacity: 0.6 }}>{emptyMessage}</Text>}
+      </View>
+    )
+  }
+
+  return (
+    <View stack gap="m">
+      {displayTitle && (
+        <Text variant="heading-default" as="h1">{displayTitle}</Text>
+      )}
+      {fields.map((field) => {
+        const value = data[field.name]
+        const labelKey = schemaId && !field.label ? `${schemaId}.${field.name}.label` : null
+
+        return (
+          <View gap="xs" key={field.name}>
+            {field.label
+              ? (
+                <Text variant="small" style={labelStyle}>{field.label}</Text>
+              )
+              : labelKey && hasTranslation(messages, labelKey)
+                ? (
+                  <Text
+                    variant="small"
+                    style={labelStyle}
+                    text={labelKey}
+                  />
+                )
+                : (
+                  <Text variant="small" style={labelStyle}>{field.name}</Text>
+                )}
+            <Text variant="small" style={valueStyle}>
+              {value == null || value === ''
+                ? '—'
+                : typeof value === 'boolean'
+                  ? (value ? 'Yes' : 'No')
+                  : typeof value === 'object'
+                    ? JSON.stringify(value, null, 2)
+                    : String(value)}
+            </Text>
+          </View>
+        )
+      })}
+    </View>
+  )
+}

package/src/SchemaFormDefault.jsx

@@ -0,0 +1,86 @@
+import React from 'react'
+import {
+  View,
+  Text,
+  Button,
+  Fields,
+  DelayedRender,
+  useLocale,
+  Form,
+  FieldFactory,
+} from '@ossy/design-system'
+
+/**
+ * Generic schema form — {@link Form} + {@link FieldFactory} (platform fallback).
+ *
+ * @param {{
+ *   schemaId?: string,
+ *   fields?: { name: string, type?: string, label?: string, required?: boolean }[],
+ *   mode?: 'create' | 'edit',
+ *   form?: { data?: Record<string, unknown>, onChange?: (detail: unknown) => void },
+ *   initialContent?: Record<string, unknown>,
+ *   resource?: { content?: Record<string, unknown> },
+ *   onSubmit?: (data: Record<string, unknown>) => void,
+ *   onCancel?: () => void,
+ *   submitLabel?: string,
+ * }} props
+ */
+export function SchemaFormDefault ({
+  schemaId,
+  fields: fieldsProp,
+  mode = 'create',
+  form,
+  initialContent = {},
+  resource,
+  onSubmit,
+  onCancel,
+  submitLabel,
+}) {
+  const { t } = useLocale()
+  const fields = fieldsProp ?? []
+  const defaultData = Object.keys(initialContent).length
+    ? initialContent
+    : (resource?.content ?? {})
+
+  if (form && mode === 'edit') {
+    if (fields.length && form.data) {
+      return (
+        <Fields
+          schemaId={schemaId}
+          data={form.data}
+          onChange={form.onChange}
+          fields={fields}
+        />
+      )
+    }
+
+    if (fields.length && !form.data) {
+      return (
+        <DelayedRender>
+          <Text>Loading...</Text>
+        </DelayedRender>
+      )
+    }
+
+    return null
+  }
+
+  return (
+    <Form
+      id={schemaId ? `${schemaId}/default` : 'schema-form-default'}
+      schemaId={schemaId}
+      fields={fields}
+      defaultData={defaultData}
+      onSubmit={onSubmit}
+      gap="m"
+    >
+      <FieldFactory />
+      <View layout="row" gap="s" justifyContent="flex-end">
+        {onCancel && <Button variant="link" onClick={onCancel} label="design-system.cancel" />}
+        <Button type="submit" variant="cta">
+          {submitLabel || (mode === 'edit' ? t('design-system.save') : 'Submit')}
+        </Button>
+      </View>
+    </Form>
+  )
+}

package/src/SchemaPresenter.jsx

@@ -9,8 +9,8 @@ import {
   resolveMimeViewChain,
   resolveViewComponentChain,
 } from '@ossy/schema/resolve'
-import { PlatformSchema } from '@ossy/platform'
-import { Guide, Text, DelayedRender, Slot, View, Fields } from '@ossy/design-system'
+import { Guide, Text, DelayedRender, Slot, View } from '@ossy/design-system'
+import { SchemaDetailView } from './SchemaDetailView.jsx'
 import { useSchema } from './useSchemas.js'
 import { ImageResource } from './ImageResource.jsx'
 import { AudioResource } from './AudioResource.jsx'
@@ -25,30 +25,19 @@ export function resolveMediaType (resource) {
   return resource?.type
 }
 
-function SchemaViewFallback ({ resource, projection, resourceId }) {
-  const template = useSchema(resource?.type)
-
-  if (template?.fields?.length) {
-    return (
-      <View stack gap="m" inset="m">
-        <Text variant="heading-default" as="h1">{resource?.name}</Text>
-        <Fields data={resource.content || {}} fields={template.fields} />
-      </View>
-    )
-  }
-
-  if (resource?.content) {
-    const fields = Object.entries(resource.content)
+function SchemaViewFallback ({ resource, projection, resourceId, fields }) {
+  if (fields?.length || resource?.content) {
     return (
-      <View stack gap="m" inset="m">
-        <Text variant="heading-default" as="h1">{resource?.name}</Text>
-        {fields.map(([name, value]) => (
-          <View gap="xs" key={name}>
-            <Text style={{ fontWeight: 'bold' }}>{name}</Text>
-            <Text>{typeof value === 'object' ? JSON.stringify(value) : String(value ?? '')}</Text>
-          </View>
-        ))}
-        {projection && <Text size="s" color="secondary">projection: {projection}</Text>}
+      <View inset="m">
+        <SchemaDetailView
+          schemaId={resource?.type}
+          fields={fields}
+          data={resource?.content ?? {}}
+          title={resource?.name}
+        />
+        {projection && (
+          <Text size="s" color="secondary">projection: {projection}</Text>
+        )}
       </View>
     )
   }
@@ -57,27 +46,36 @@ function SchemaViewFallback ({ resource, projection, resourceId }) {
 }
 
 function SchemaViewPresenter ({ resource, projection, resourceId }) {
+  const template = useSchema(resource?.type)
   const chain = useMemo(
     () => resolveViewComponentChain(resource.type, projection),
     [resource.type, projection],
   )
   const [primary, secondary] = chain
+  const slotProps = {
+    resourceId,
+    resource,
+    schemaId: resource.type,
+    projection,
+    fields: template?.fields,
+  }
 
   return (
     <Slot
-      name={primary}
-      resourceId={resourceId}
-      resource={resource}
-      schemaId={resource.type}
-      projection={projection}
+      view={primary}
+      {...slotProps}
       fallback={
         <Slot
-          name={secondary}
-          resourceId={resourceId}
-          resource={resource}
-          schemaId={resource.type}
-          projection={projection}
-          fallback={<SchemaViewFallback resource={resource} projection={projection} resourceId={resourceId} />}
+          view={secondary}
+          {...slotProps}
+          fallback={(
+            <SchemaViewFallback
+              resource={resource}
+              projection={projection}
+              resourceId={resourceId}
+              fields={template?.fields}
+            />
+          )}
         />
       }
     />
@@ -103,13 +101,13 @@ function MimeViewPresenter ({ resource, projection, resourceId, onClose }) {
   const [primary, secondary] = chain
   return (
     <Slot
-      name={primary}
+      view={primary}
       resourceId={resourceId}
       resource={resource}
       projection={projection}
       fallback={
         <Slot
-          name={secondary}
+          view={secondary}
           resourceId={resourceId}
           resource={resource}
           projection={projection}
@@ -183,7 +181,7 @@ export function SchemaPresenter ({
     return <ResourceGenericView resourceId={resourceId} onClose={onClose} />
   }
 
-  if (resource.type === PlatformSchema.directory || resource.type === 'directory') {
+  if (resource.type === '@ossy/platform/schema/directory' || resource.type === 'directory') {
     return <Text>directory</Text>
   }
 
@@ -192,7 +190,7 @@ export function SchemaPresenter ({
   }
 
   const mime = resolveMediaType(resource)
-  if (isMimeType(mime) || resource.type === PlatformSchema.file) {
+  if (isMimeType(mime) || resource.type === '@ossy/platform/schema/file') {
     return <MimeViewPresenter resource={resource} projection={projection} resourceId={resourceId} onClose={onClose} />
   }
 
@@ -203,13 +201,7 @@ export function SchemaPresenter ({
  * Create flow — resolves form component for a schema id.
  */
 export function SchemaFormPresenter (props) {
-  const { schemaId, ...rest } = props
-  return (
-    <GenericResourceForm
-      schemaId={schemaId}
-      {...rest}
-    />
-  )
+  return <GenericResourceForm {...props} />
 }
 
-export { resolveFormComponentId }
+export { resolveFormComponentId, resolveFormComponentChain } from '@ossy/schema/resolve'

package/src/Upload.page.jsx

@@ -14,7 +14,7 @@ export const metadata = {
 export const UploadPage = () => {
   return (
     <View layout="off-center-s" style={{ height: '100%' }}>
-      <View slot="content" surface="primary" roundness="m" inset="m">
+      <View data-region="content" surface="primary" roundness="m" inset="m">
         <UploadResources/>
       </View>
     </View>

package/src/create.task.js

@@ -3,7 +3,6 @@ import { nanoid } from 'nanoid'
 import { Aggregate } from '@ossy/event-store'
 import { Workspace } from '@ossy/workspaces/server'
 import { schemaForWorkspace } from '@ossy/platform'
-import { PlatformSchema } from '@ossy/platform'
 import { originalObjectKey } from '@ossy/platform/storage-keys'
 import { commitResource } from './resource-stream.helpers.js'
 import { ResourcesEvents } from './resources.events.js'
@@ -33,9 +32,9 @@ export async function run ({ payload, integrations, req }) {
   const engine = schemaForWorkspace(workspace.schemas)
   const isDocumentSchema = engine.has(type)
 
-  if (type === 'directory' || type === PlatformSchema.directory) {
+  if (type === 'directory' || type === '@ossy/platform/schema/directory') {
     const event = ResourcesEvents.Created({
-      schemaId: PlatformSchema.directory,
+      schemaId: '@ossy/platform/schema/directory',
       createdBy,
       belongsTo: workspace.id,
       location,
@@ -71,7 +70,7 @@ export async function run ({ payload, integrations, req }) {
   const resourceId = nanoid()
   const event = ResourcesEvents.Created({
     resourceId,
-    schemaId: PlatformSchema.file,
+    schemaId: '@ossy/platform/schema/file',
     createdBy,
     belongsTo: workspace.id,
     location,

package/src/delete.task.js

@@ -1,4 +1,3 @@
-import { PlatformSchema } from '@ossy/platform'
 import { ResourcesEvents } from './resources.events.js'
 import { ResourcesQueries } from './resources.queries.js'
 import { mutateResource, viewResource } from './resource-stream.helpers.js'
@@ -14,7 +13,7 @@ export async function run ({ payload, req }) {
 
   const resource = await viewResource(resourceId)
 
-  if (resource.type === PlatformSchema.directory || resource.type === 'directory') {
+  if (resource.type === '@ossy/platform/schema/directory' || resource.type === 'directory') {
     const nestedResources = await ResourcesQueries.GetNestedResources({
       location: resource.location + resource.name + '/',
     })

package/src/en.translations.json

@@ -7,6 +7,7 @@
   "resources.form.selectType": "Select a resource type to continue.",
   "resources.form.createFailed": "Create failed",
   "resources.form.createResource": "Create resource",
+  "resources.form.typeRemoved": "This document type has been removed and can't be edited.",
   "@ossy/resources/actions/create.label": "Create resource",
   "@ossy/resources/actions/create.description": "Create a new resource in the workspace",
   "@ossy/resources/actions/list.label": "List resources",

package/src/index.js

@@ -39,6 +39,10 @@ export * from './VideoResource.jsx'
 export * from './useActivePath.jsx'
 export * from './useSelectedResourceId.jsx'
 export * from './SchemaPresenter.jsx'
+export * from './SchemaDetailView.jsx'
+export * from './SchemaFormDefault.jsx'
+export { DEFAULT_SCHEMA_VIEW_SLOTS } from './schemaViewSlots.js'
+export { DEFAULT_SCHEMA_FORM_SLOTS } from './schemaFormSlots.js'
 export * from './useSchemas.js'
 export * from './useSchemaEngine.js'
 export * from './useDocumentValidator.js'

package/src/resource-create.page.jsx

@@ -35,7 +35,7 @@ export default function GenericResourceCreatePage () {
 
   return (
     <View layout="off-center-m" style={{ height: '100%' }}>
-      <View slot="content" surface="primary" roundness="m" inset="m">
+      <View data-region="content" surface="primary" roundness="m" inset="m">
         <GenericResourceForm
           schemaId={schemaId}
           mode="create"

package/src/resource-detail.page.jsx

@@ -17,7 +17,7 @@ export default function ResourceDetailPage () {
 
   return (
     <View layout="off-center-m" style={{ height: '100%' }}>
-      <View slot="content" surface="primary" roundness="m" inset="m">
+      <View data-region="content" surface="primary" roundness="m" inset="m">
         <GenericResourceDetail resourceId={resourceId} />
       </View>
     </View>

package/src/schema-detail.component.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { Text, View } from '@ossy/design-system'
+import { SchemaDetailView } from './SchemaDetailView.jsx'
+
+export const metadata = { id: '@ossy/resources/view/detail' }
+
+/** Generic schema detail view — `@ossy/resources/view/detail`. */
+export default function SchemaDetailViewComponent ({ resource, schemaId, fields, projection }) {
+  if (!resource) return null
+
+  return (
+    <View inset="m">
+      <SchemaDetailView
+        schemaId={schemaId ?? resource.type}
+        fields={fields}
+        data={resource.content ?? {}}
+        title={resource.name}
+      />
+      {projection && (
+        <Text size="s" color="secondary">projection: {projection}</Text>
+      )}
+    </View>
+  )
+}

package/src/schema-form-default.component.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { View } from '@ossy/design-system'
+import { SchemaFormDefault } from './SchemaFormDefault.jsx'
+
+export const metadata = { id: '@ossy/resources/form/default' }
+
+/** Generic schema form — `@ossy/resources/form/default`. */
+export default function SchemaFormDefaultComponent (props) {
+  return (
+    <View inset="m">
+      <SchemaFormDefault {...props} />
+    </View>
+  )
+}

package/src/schemaFormSlots.js

@@ -0,0 +1,6 @@
+import SchemaFormDefaultComponent from './schema-form-default.component.jsx'
+
+/** Default schema form slots merged into {@link ComponentSlotsProvider} at app bootstrap. */
+export const DEFAULT_SCHEMA_FORM_SLOTS = {
+  '@ossy/resources/form/default': SchemaFormDefaultComponent,
+}

package/src/schemaViewSlots.js

@@ -0,0 +1,6 @@
+import SchemaDetailViewComponent from './schema-detail.component.jsx'
+
+/** Default schema view slots merged into {@link ComponentSlotsProvider} at app bootstrap. */
+export const DEFAULT_SCHEMA_VIEW_SLOTS = {
+  '@ossy/resources/view/detail': SchemaDetailViewComponent,
+}

package/src/sv.translations.json

@@ -7,6 +7,7 @@
   "resources.form.selectType": "Välj en resurstyp för att fortsätta.",
   "resources.form.createFailed": "Skapandet misslyckades",
   "resources.form.createResource": "Skapa resurs",
+  "resources.form.typeRemoved": "Den här dokumenttypen har tagits bort och kan inte redigeras.",
   "@ossy/resources/actions/create.label": "Skapa resurs",
   "@ossy/resources/actions/create.description": "Skapa en ny resurs i workspace",
   "@ossy/resources/actions/list.label": "Lista resurser",