@kyro-cms/admin 0.10.12 → 0.10.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyro-cms/admin",
-  "version": "0.10.12",
+  "version": "0.10.14",
   "engines": {
     "node": ">=22"
   },

package/src/components/AutoForm.tsx

@@ -540,6 +540,8 @@ export function AutoForm({
     setLocalSaveStatus("saving");
 
     try {
+      let dataToPublish = { ...formData };
+
       if (isNewDoc && !globalSlug) {
         // Create then immediately publish
         const data = normalizeUploadFields({ ...formData }) as Record<string, unknown>;
@@ -560,10 +562,11 @@ export function AutoForm({
         const savedData = result.data || data;
         setFormData({ ...formData, ...savedData });
         setLastSavedData({ ...formData, ...savedData });
+        dataToPublish = { ...formData, ...savedData };
       }
 
       // Save and publish (X-Draft: false writes to main doc + versions table)
-      const data = normalizeUploadFields({ ...formData }) as Record<string, unknown>;
+      const data = normalizeUploadFields(dataToPublish) as Record<string, unknown>;
       const response = await saveDocument(data, false);
 
       if (response?.ok) {

package/src/components/blocks/BlockEditModal.tsx

@@ -107,17 +107,6 @@ export const BlockEditModal: React.FC<BlockEditModalProps> = ({
       accentClass={theme.border}
     >
       <div className="space-y-4">
-        <div>
-          <label className="text-[10px] font-medium text-[var(--kyro-text-muted)] mb-1 block">
-            Block Name
-          </label>
-          <input
-            value={(blockData?.name as string) || ""}
-            onChange={(e) => updateBlock(block.id, { name: e.target.value })}
-            placeholder={blockSchema?.label || (block.type as string)}
-            className="w-full bg-[var(--kyro-bg-primary)] border border-[var(--kyro-border)] rounded-lg px-3 py-2 text-sm text-[var(--kyro-text-primary)] outline-none focus:border-[var(--kyro-primary)] transition-colors"
-          />
-        </div>
 
         {renderFields()}
 

package/src/components/fields/BlocksField.tsx

@@ -257,12 +257,18 @@ const SortableBlockComponent = ({
               onKeyDown={(e) => { if (e.key === "Enter") commitName(); if (e.key === "Escape") { setNameDraft((block.name as string) || ""); setEditingName(false); } }}
               onClick={(e) => e.stopPropagation()}
               placeholder={getBlockLabel(block.type as string)}
-              className="w-full bg-[var(--kyro-surface-accent)] border border-[var(--kyro-primary)] rounded px-2 py-0.5 text-xs font-semibold text-[var(--kyro-text-primary)] outline-none"
+              className="w-full max-w-[150px] sm:max-w-[250px] md:max-w-[400px] bg-[var(--kyro-surface-accent)] border border-[var(--kyro-primary)] rounded px-2 py-0.5 text-xs font-semibold text-[var(--kyro-text-primary)] outline-none"
             />
           ) : (
             <div
-              onClick={(e) => { e.stopPropagation(); setNameDraft((block.name as string) || ""); setEditingName(true); }}
-              className="text-xs font-semibold text-[var(--kyro-text-secondary)] truncate cursor-text hover:text-[var(--kyro-text-primary)] transition-colors"
+              onClick={(e) => { 
+                if (window.innerWidth >= 768) {
+                  e.stopPropagation(); 
+                  setNameDraft((block.name as string) || ""); 
+                  setEditingName(true); 
+                }
+              }}
+              className="text-xs font-semibold text-[var(--kyro-text-secondary)] truncate md:cursor-text hover:text-[var(--kyro-text-primary)] transition-colors"
               title="Click to rename"
             >
               {itemLabel}
@@ -310,7 +316,19 @@ const SortableBlockComponent = ({
             </button>
           </div>
         ) : (
-          <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+          <div className="flex items-center gap-1 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-opacity">
+            <button
+              type="button"
+              onClick={(e) => {
+                e.stopPropagation();
+                setNameDraft((block.name as string) || "");
+                setEditingName(true);
+              }}
+              className="md:hidden p-1 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-secondary)] transition-colors"
+              title="Rename Block"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
+            </button>
             <button
               type="button"
               onClick={(e) => {

package/src/components/fields/RelationshipField.tsx

@@ -65,7 +65,7 @@ export function RelationshipField({
     ? field.relationTo
     : [field.relationTo];
   const isPolymorphic = relationTo.length > 1;
-  const [activeRelation, setActiveRelation] = useState(relationTo[0]);
+  const [activeRelation, setActiveRelation] = useState(relationTo[0] || "");
 
   const extractIds = useCallback((): string[] => {
     if (!value) return [];

package/src/lib/config.ts

@@ -101,6 +101,33 @@ function updateFieldByPath(
         if (field.fields && Array.isArray(field.fields)) {
           return updateFieldByPath(field.fields, remainingPath, updates);
         }
+        
+        // For tabs fields, traverse into all tabs
+        if (field.type === "tabs" && field.tabs && Array.isArray(field.tabs)) {
+          for (const tab of field.tabs) {
+            if (tab.fields && Array.isArray(tab.fields)) {
+              if (updateFieldByPath(tab.fields, remainingPath, updates)) {
+                return true;
+              }
+            }
+          }
+          return false;
+        }
+
+        // For blocks fields, the next path segment is the block slug
+        if (field.type === "blocks" && field.blocks && Array.isArray(field.blocks)) {
+          const blockSlug = remainingPath.split(".")[0];
+          const restOfPath = remainingPath.split(".").slice(1).join(".");
+          if (!restOfPath) return false;
+          
+          for (const block of field.blocks) {
+            if (block.slug === blockSlug && block.fields && Array.isArray(block.fields)) {
+              return updateFieldByPath(block.fields, restOfPath, updates);
+            }
+          }
+          return false;
+        }
+        
         // For array fields, look in the nested fields
         if (field.type === "array" && field.fields && Array.isArray(field.fields)) {
           return updateFieldByPath(field.fields, remainingPath, updates);
@@ -112,6 +139,27 @@ function updateFieldByPath(
         return true;
       }
     }
+    
+    // If it's a structural field (like tabs, row, or collapsible) that we should pass through implicitly,
+    // we must traverse it even if it has a name, because these fields do not create nested data objects.
+    const isFlatStructuralField =
+      !field.name ||
+      field.type === "tabs" ||
+      field.type === "row" ||
+      field.type === "collapsible";
+
+    if (isFlatStructuralField) {
+      if (field.fields && Array.isArray(field.fields)) {
+        if (updateFieldByPath(field.fields, path, updates)) return true;
+      }
+      if (field.type === "tabs" && field.tabs && Array.isArray(field.tabs)) {
+        for (const tab of field.tabs) {
+          if (tab.fields && Array.isArray(tab.fields)) {
+            if (updateFieldByPath(tab.fields, path, updates)) return true;
+          }
+        }
+      }
+    }
   }
   return false;
 }