Fixes to permissions in frontend, Picker updates, Asset improvements

Author: stefan-ernst

frontend/package-lock.json

@@ -45,6 +45,7 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.6",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
+    "@dagrejs/dagre": "^2.0.4",
     "@excalidraw/excalidraw": "^0.18.0",
     "@fontsource/geist-sans": "^5.2.5",
     "@fontsource/inter": "^5.2.8",

frontend/package.json

@@ -4,12 +4,12 @@ export const assetSets = {
   getAll: () => fetchAPI('/asset-sets'),
   get: (id) => fetchAPI(`/asset-sets/${id}`),
   create: (data) =>
-    fetchAPI('/admin/asset-sets', {
+    fetchAPI('/asset-sets', {
       method: 'POST',
       body: JSON.stringify(data),
     }),
   update: (id, data) =>
-    fetchAPI(`/admin/asset-sets/${id}`, {
+    fetchAPI(`/asset-sets/${id}`, {
       method: 'PUT',
       body: JSON.stringify(data),
     }),
@@ -143,6 +143,7 @@ export const assets = {
       method: 'POST',
       body: JSON.stringify(data),
     }),
+  getRelationshipGraph: (id) => fetchAPI(`/assets/${id}/relationship-graph`),
 };
 
 export const itemLinkedAssets = {

frontend/src/lib/api/assets.js

@@ -98,7 +98,7 @@
       <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
     </svg>
   {:else if icon && iconPosition === 'left'}
-    <icon class={iconSize} />
+    <svelte:component this={icon} class={iconSize} />
   {/if}
 
   {#if children}{@render children()}{/if}
@@ -110,14 +110,14 @@
   {/if}
 
   {#if !loading && icon && iconPosition === 'right'}
-    <icon class={iconSize} />
+    <svelte:component this={icon} class={iconSize} />
   {/if}
 {/snippet}
 
 <!-- Snippet for link inner content (no loading state) -->
 {#snippet linkContent()}
   {#if icon && iconPosition === 'left'}
-    <icon class={iconSize} />
+    <svelte:component this={icon} class={iconSize} />
   {/if}
 
   {#if children}{@render children()}{/if}
@@ -129,7 +129,7 @@
   {/if}
 
   {#if icon && iconPosition === 'right'}
-    <icon class={iconSize} />
+    <svelte:component this={icon} class={iconSize} />
   {/if}
 {/snippet}
 

frontend/src/lib/components/Button.svelte

@@ -89,7 +89,7 @@
       if (portalSlug) {
         customFieldDefinitions = await api.portal.getCustomFields(portalSlug) || [];
       } else {
-        customFieldDefinitions = await api.customFields.getAll() || [];
+        customFieldDefinitions = (await api.customFields.getAll())?.data || [];
       }
 
       // Initialize custom field values (for both custom and virtual fields)

frontend/src/lib/dialogs/RequestFormModal.svelte

@@ -17,7 +17,7 @@
   // Load custom fields on mount
   onMount(async () => {
     try {
-      customFields = await api.customFields.getAll() || [];
+      customFields = (await api.customFields.getAll())?.data || [];
       // Filter to only asset type fields
       assetFields = customFields.filter(f => f.field_type === 'asset');
     } catch (error) {