+ {/* Header */}
+
+
+ Blog
+
+
+ }
+ onClick={() => onCollapsedChange(true)}
+ />
+
+
+
+ {/* Fields */}
+
+ {/* Date */}
+ } label="Date">
+ onUpdate('date', d ? d.format('YYYY-MM-DD') : undefined)}
+ format="YYYY-MM-DD"
+ size="small"
+ style={{ width: '100%' }}
+ allowClear
+ />
+
+
+ {/* Authors */}
+ }
+ label="Authors"
+ extra={
+
+ }
+ onClick={onManageAuthors}
+ style={{ padding: 0, height: 'auto', fontSize: 11 }}
+ />
+
+ }
+ >
+
+
+ );
+}
+
+/** Small labeled field wrapper */
+function FieldGroup({
+ icon,
+ label,
+ extra,
+ children,
+}: {
+ icon: React.ReactNode;
+ label: string;
+ extra?: React.ReactNode;
+ children: React.ReactNode;
+}) {
+ const { token } = theme.useToken();
+
+ return (
+