@morphika/andami 0.1.9 → 0.2.0

package/components/builder/settings-panel/BlockLayoutTab.tsx

@@ -145,59 +145,14 @@ function AlignmentButtons<T extends string>({
   );
 }
 
-// ── Section title icons (small, inline) ──
-
-function AlignmentSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="1" y="2" width="9" height="2" rx="0.5" fill="currentColor" opacity="0.7" />
-      <rect x="3" y="6" width="8" height="2" rx="0.5" fill="currentColor" opacity="0.5" />
-      <rect x="2" y="10" width="10" height="2" rx="0.5" fill="currentColor" opacity="0.7" />
-    </svg>
-  );
-}
-
-function SpacingSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="4" y="4" width="6" height="6" rx="1" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.5" />
-      <path d="M7 1 L7 3.5" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M7 10.5 L7 13" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M1 7 L3.5 7" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M10.5 7 L13 7" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-    </svg>
-  );
-}
-
-function OffsetSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="3" y="3" width="8" height="8" rx="1" stroke="currentColor" strokeWidth="0.8" strokeDasharray="2 1" fill="none" opacity="0.35" />
-      <rect x="5" y="5" width="6" height="6" rx="1" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.7" />
-      <path d="M4 4 L5 5" stroke="currentColor" strokeWidth="0.6" opacity="0.5" />
-    </svg>
-  );
-}
-
-function BackgroundSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="1.5" y="1.5" width="11" height="11" rx="2" fill="currentColor" opacity="0.15" />
-      <rect x="1.5" y="1.5" width="11" height="11" rx="2" stroke="currentColor" strokeWidth="0.8" opacity="0.5" fill="none" />
-      <circle cx="5" cy="5" r="1.5" fill="currentColor" opacity="0.5" />
-      <path d="M1.5 10 L5 7 L8 9 L10.5 6.5 L12.5 8.5 L12.5 11 C12.5 11.8 11.8 12.5 11 12.5 L3 12.5 C2.2 12.5 1.5 11.8 1.5 11 Z" fill="currentColor" opacity="0.3" />
-    </svg>
-  );
-}
-
-function BorderSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="2" y="2" width="10" height="10" rx="2" stroke="currentColor" strokeWidth="1.2" fill="none" opacity="0.6" />
-      <rect x="2" y="2" width="10" height="1.2" rx="0.5" fill="currentColor" opacity="0.7" />
-    </svg>
-  );
-}
+// ── Section title icons (centralized colored icons — Session 163) ──
+import {
+  AlignmentIcon,
+  SpacingIcon,
+  OffsetIcon,
+  BackgroundIcon,
+  BorderIcon,
+} from "../editors/section-icons";
 
 // ── Override indicator badge ──
 
@@ -287,7 +242,7 @@ export function BlockLayoutTab({ block }: { block: ContentBlock }) {
       )}
 
       {/* Alignment */}
-      <SettingsSection title="Alignment" defaultOpen icon={<AlignmentSectionIcon />}>
+      <SettingsSection title="Alignment" defaultOpen icon={<AlignmentIcon />}>
         <SettingsField label="Horizontal">
           <AlignmentButtons<AlignH>
             options={[
@@ -329,7 +284,7 @@ export function BlockLayoutTab({ block }: { block: ContentBlock }) {
       </SettingsSection>
 
       {/* Spacing (Padding) */}
-      <SettingsSection title="Spacing" defaultOpen icon={<SpacingSectionIcon />}>
+      <SettingsSection title="Spacing" defaultOpen icon={<SpacingIcon />}>
         <TRBLInputs
           top={getBlockLayoutValue<string>(block, activeViewport, "spacing_top", "0")}
           right={getBlockLayoutValue<string>(block, activeViewport, "spacing_right", "0")}
@@ -348,7 +303,7 @@ export function BlockLayoutTab({ block }: { block: ContentBlock }) {
       </SettingsSection>
 
       {/* Offset (Margin) */}
-      <SettingsSection title="Offset" icon={<OffsetSectionIcon />}>
+      <SettingsSection title="Offset" icon={<OffsetIcon />}>
         <TRBLInputs
           top={getBlockLayoutValue<string>(block, activeViewport, "offset_top", "0")}
           right={getBlockLayoutValue<string>(block, activeViewport, "offset_right", "0")}
@@ -367,7 +322,7 @@ export function BlockLayoutTab({ block }: { block: ContentBlock }) {
       </SettingsSection>
 
       {/* Background */}
-      <SettingsSection title="Background" defaultOpen icon={<BackgroundSectionIcon />}>
+      <SettingsSection title="Background" defaultOpen icon={<BackgroundIcon />}>
         <SettingsField label="Color">
           <ColorSwatchPicker
             value={parseColorField(getBlockLayoutValue<string>(block, activeViewport, "background_color", ""))}
@@ -466,7 +421,7 @@ export function BlockLayoutTab({ block }: { block: ContentBlock }) {
       </SettingsSection>
 
       {/* Border */}
-      <SettingsSection title="Border" icon={<BorderSectionIcon />}>
+      <SettingsSection title="Border" icon={<BorderIcon />}>
         <SettingsField label="Color">
           <ColorSwatchPicker
             value={parseColorField(getBlockLayoutValue<string>(block, activeViewport, "border_color", ""))}

package/components/builder/settings-panel/ColumnV2Settings.tsx

@@ -16,6 +16,9 @@
 
 import { useBuilderStore } from "../../../lib/builder/store";
 import type { PageSectionV2, SectionColumn } from "../../../lib/sanity/types";
+import {
+  ColumnSizeIcon,
+} from "../editors/section-icons";
 import {
   SettingsField,
   SettingsSection,
@@ -90,7 +93,7 @@ export default function ColumnV2Settings({
         </div>
       )}
 
-      <SettingsSection title="Column Size" defaultOpen>
+      <SettingsSection title="Column Size" defaultOpen icon={<ColumnSizeIcon />}>
         <SettingsField label={
           <span>
             Span

package/components/builder/settings-panel/PageSettings.tsx

@@ -11,6 +11,12 @@
 
 import { useState } from "react";
 import { useBuilderStore } from "../../../lib/builder/store";
+import {
+  GeneralIcon,
+  AppearanceIcon,
+  NavigationIcon,
+  SEOIcon,
+} from "../editors/section-icons";
 import {
   SettingsField,
   SettingsSection,
@@ -39,7 +45,7 @@ export default function PageSettings() {
 
   return (
     <>
-      <SettingsSection title="General" defaultOpen>
+      <SettingsSection title="General" defaultOpen icon={<GeneralIcon />}>
         <SettingsField label="Title">
           <input
             type="text"
@@ -73,7 +79,7 @@ export default function PageSettings() {
         </SettingsField>
       </SettingsSection>
 
-      <SettingsSection title="Appearance" defaultOpen>
+      <SettingsSection title="Appearance" defaultOpen icon={<AppearanceIcon />}>
         <SettingsField label="Background">
           <ColorSwatchPicker
             value={parseColorField(store.pageSettings.background_color || "")}
@@ -91,7 +97,7 @@ export default function PageSettings() {
         </SettingsField>
       </SettingsSection>
 
-      <SettingsSection title="Navigation">
+      <SettingsSection title="Navigation" icon={<NavigationIcon />}>
         <SettingsField label="Nav Color">
           <ColorSwatchPicker
             value={store.pageSettings.nav_color || ""}
@@ -164,7 +170,7 @@ export function PageSeoSettings() {
 
   return (
     <>
-      <SettingsSection title="SEO" defaultOpen>
+      <SettingsSection title="SEO" defaultOpen icon={<SEOIcon />}>
         <SettingsField label="SEO Title">
           <input
             type="text"

package/components/builder/settings-panel/ParallaxGroupSettings.tsx

@@ -14,6 +14,10 @@
 
 import { useBuilderStore } from "../../../lib/builder/store";
 import type { ParallaxGroup } from "../../../lib/sanity/types";
+import {
+  TransitionIcon,
+  InfoIcon,
+} from "../editors/section-icons";
 import {
   SettingsSection,
 } from "../editors/shared";
@@ -56,7 +60,7 @@ export default function ParallaxGroupSettings({
 
   return (
     <>
-      <SettingsSection title="Transition Effect" defaultOpen>
+      <SettingsSection title="Transition Effect" defaultOpen icon={<TransitionIcon />}>
         <div className="space-y-1.5">
           {TRANSITION_EFFECTS.map((effect) => {
             const isActive = activeEffect === effect.value;
@@ -103,7 +107,7 @@ export default function ParallaxGroupSettings({
       </SettingsSection>
 
       {/* Group info */}
-      <SettingsSection title="Info">
+      <SettingsSection title="Info" icon={<InfoIcon />}>
         <div className="text-[11px] text-neutral-500 space-y-1">
           <p>
             {group.slides.length} slide{group.slides.length !== 1 ? "s" : ""}

package/components/builder/settings-panel/ParallaxSlideSettings.tsx

@@ -19,6 +19,11 @@
 
 import { useBuilderStore } from "../../../lib/builder/store";
 import type { ParallaxSlideV2, ParallaxGroup, PageSectionV2 } from "../../../lib/sanity/types";
+import {
+  BackgroundIcon,
+  NavbarColorIcon,
+  OverlayIcon,
+} from "../editors/section-icons";
 import {
   SettingsField,
   SettingsSection,
@@ -70,7 +75,7 @@ export default function ParallaxSlideSettings({
   return (
     <>
       {/* Background Type */}
-      <SettingsSection title="Background" defaultOpen>
+      <SettingsSection title="Background" defaultOpen icon={<BackgroundIcon />}>
         {/* Segmented control: Image / Video */}
         <SettingsField label="Type">
           <div className="flex rounded-lg bg-[#f0f0f0] p-[3px]">
@@ -123,7 +128,7 @@ export default function ParallaxSlideSettings({
       </SettingsSection>
 
       {/* Navbar Color Override */}
-      <SettingsSection title="Navbar Color" defaultOpen={false}>
+      <SettingsSection title="Navbar Color" defaultOpen={false} icon={<NavbarColorIcon />}>
         <SettingsField label="Color">
           <div className="flex items-center gap-2">
             <ColorSwatchPicker
@@ -147,7 +152,7 @@ export default function ParallaxSlideSettings({
       </SettingsSection>
 
       {/* Overlay */}
-      <SettingsSection title="Overlay" defaultOpen>
+      <SettingsSection title="Overlay" defaultOpen icon={<OverlayIcon />}>
         <SettingsField label="Color">
           <ColorSwatchPicker
             value={overlayColor}

package/components/builder/settings-panel/SectionV2LayoutTab.tsx

@@ -25,49 +25,13 @@ import ColorSwatchPicker, { usePaletteSwatches } from "../ColorSwatchPicker";
 import { serializeColorField, parseColorField, isGradient } from "../../../lib/color-utils";
 import { TRBLInputs } from "./TRBLInputs";
 
-// ── Section title icons (matching BlockLayoutTab) ──
-
-function SpacingSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="4" y="4" width="6" height="6" rx="1" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.5" />
-      <path d="M7 1 L7 3.5" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M7 10.5 L7 13" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M1 7 L3.5 7" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-      <path d="M10.5 7 L13 7" stroke="currentColor" strokeWidth="0.8" opacity="0.7" />
-    </svg>
-  );
-}
-
-function BackgroundSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="1.5" y="1.5" width="11" height="11" rx="2" fill="currentColor" opacity="0.15" />
-      <rect x="1.5" y="1.5" width="11" height="11" rx="2" stroke="currentColor" strokeWidth="0.8" opacity="0.5" fill="none" />
-      <circle cx="5" cy="5" r="1.5" fill="currentColor" opacity="0.5" />
-      <path d="M1.5 10 L5 7 L8 9 L10.5 6.5 L12.5 8.5 L12.5 11 C12.5 11.8 11.8 12.5 11 12.5 L3 12.5 C2.2 12.5 1.5 11.8 1.5 11 Z" fill="currentColor" opacity="0.3" />
-    </svg>
-  );
-}
-
-function OffsetSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="3" y="3" width="8" height="8" rx="1" stroke="currentColor" strokeWidth="0.8" strokeDasharray="2 1" fill="none" opacity="0.35" />
-      <rect x="5" y="5" width="6" height="6" rx="1" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.7" />
-      <path d="M4 4 L5 5" stroke="currentColor" strokeWidth="0.6" opacity="0.5" />
-    </svg>
-  );
-}
-
-function BorderSectionIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="2" y="2" width="10" height="10" rx="2" stroke="currentColor" strokeWidth="1.2" fill="none" opacity="0.6" />
-      <rect x="2" y="2" width="10" height="1.2" rx="0.5" fill="currentColor" opacity="0.7" />
-    </svg>
-  );
-}
+// ── Section title icons (centralized colored icons — Session 163) ──
+import {
+  SpacingIcon,
+  OffsetIcon,
+  BackgroundIcon,
+  BorderIcon,
+} from "../editors/section-icons";
 
 // ── Override indicator badge (matching BlockLayoutTab pattern) ──
 
@@ -179,7 +143,7 @@ export function SectionV2LayoutTab({ section }: { section: PageSectionV2 }) {
       )}
 
       {/* Spacing (Padding) */}
-      <SettingsSection title="Spacing" defaultOpen icon={<SpacingSectionIcon />}>
+      <SettingsSection title="Spacing" defaultOpen icon={<SpacingIcon />}>
         <TRBLInputs
           top={getSettingValue<string>("spacing_top", "0")}
           right={getSettingValue<string>("spacing_right", "0")}
@@ -197,7 +161,7 @@ export function SectionV2LayoutTab({ section }: { section: PageSectionV2 }) {
       </SettingsSection>
 
       {/* Offset (Margin) */}
-      <SettingsSection title="Offset" icon={<OffsetSectionIcon />}>
+      <SettingsSection title="Offset" icon={<OffsetIcon />}>
         <TRBLInputs
           top={getSettingValue<string>("offset_top", "0")}
           right={getSettingValue<string>("offset_right", "0")}
@@ -215,7 +179,7 @@ export function SectionV2LayoutTab({ section }: { section: PageSectionV2 }) {
       </SettingsSection>
 
       {/* Background */}
-      <SettingsSection title="Background" defaultOpen icon={<BackgroundSectionIcon />}>
+      <SettingsSection title="Background" defaultOpen icon={<BackgroundIcon />}>
         <SettingsField label="Color">
           <ColorSwatchPicker
             value={parseColorField(getSettingValue<string>("background_color", ""))}
@@ -309,7 +273,7 @@ export function SectionV2LayoutTab({ section }: { section: PageSectionV2 }) {
       </SettingsSection>
 
       {/* Border */}
-      <SettingsSection title="Border" icon={<BorderSectionIcon />}>
+      <SettingsSection title="Border" icon={<BorderIcon />}>
         <SettingsField label="Color">
           <ColorSwatchPicker
             value={parseColorField(getSettingValue<string>("border_color", ""))}

package/components/builder/settings-panel/SectionV2Settings.tsx

@@ -50,32 +50,11 @@ const PRESETS: PresetOption[] = [
 
 const CUSTOM_PRESET: PresetOption = { id: "custom", label: "Custom", cols: [], readonly: true };
 
-// ============================================
-// Section title icons (small, inline)
-// ============================================
-
-function LayoutPresetIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="1.5" y="1.5" width="11" height="11" rx="1.5" stroke="currentColor" strokeWidth="0.8" fill="none" opacity="0.4" />
-      <line x1="6" y1="1.5" x2="6" y2="12.5" stroke="currentColor" strokeWidth="0.8" opacity="0.6" />
-      <rect x="1.5" y="1.5" width="4.5" height="11" rx="0" fill="currentColor" opacity="0.12" />
-    </svg>
-  );
-}
-
-function GridGapIcon() {
-  return (
-    <svg width={14} height={14} viewBox="0 0 14 14" fill="none">
-      <rect x="1" y="1" width="5" height="5" rx="1" fill="currentColor" opacity="0.25" />
-      <rect x="8" y="1" width="5" height="5" rx="1" fill="currentColor" opacity="0.25" />
-      <rect x="1" y="8" width="5" height="5" rx="1" fill="currentColor" opacity="0.25" />
-      <rect x="8" y="8" width="5" height="5" rx="1" fill="currentColor" opacity="0.25" />
-      <line x1="7" y1="1" x2="7" y2="13" stroke="currentColor" strokeWidth="0.8" strokeDasharray="1.5 1" opacity="0.5" />
-      <line x1="1" y1="7" x2="13" y2="7" stroke="currentColor" strokeWidth="0.8" strokeDasharray="1.5 1" opacity="0.5" />
-    </svg>
-  );
-}
+// ── Section title icons (centralized colored icons — Session 163) ──
+import {
+  LayoutPresetIcon,
+  GridGapsIcon,
+} from "../editors/section-icons";
 
 // ============================================
 // Preset Grid Component
@@ -278,7 +257,7 @@ export default function SectionV2Settings({ section }: { section: PageSectionV2
       )}
 
       {/* Gaps */}
-      <SettingsSection title="Grid Gaps" defaultOpen icon={<GridGapIcon />}>
+      <SettingsSection title="Grid Gaps" defaultOpen icon={<GridGapsIcon />}>
         <SettingsField label={
           <span>
             Col Gap

package/components/builder/settings-panel/index.ts

@@ -6,7 +6,6 @@
  *             RowLayoutPresetPicker, TRBLInputs.
  */
 
-export { LayoutTab } from "./LayoutTab";
 export { BlockLayoutTab } from "./BlockLayoutTab";
 export { TRBLInputs } from "./TRBLInputs";
 export { default as PageSettings, PageSeoSettings } from "./PageSettings";

package/components/builder/settings-panel/responsive-helpers.ts

@@ -1,60 +1,12 @@
 /**
- * Responsive helpers for section setting resolution.
+ * Responsive helpers for setting resolution.
  *
  * Session 64: Extracted from SettingsPanel.tsx.
- * Session 86: Removed V1 Row/Column types — now uses generic interface
- *             compatible with PageSection (settings + responsive shape).
+ * Session 166: Removed V1 PageSection helpers (getRowSettingValue, hasRowSettingOverride, setRowResponsiveOverride).
  */
 
-import type { PageSection } from "../../../lib/sanity/types";
 import type { DeviceViewport } from "../../../lib/builder/types";
 
-/**
- * Generic shape for items with settings + responsive overrides.
- * Compatible with PageSection (and formerly Row).
- * Uses `unknown` to accept any settings interface without index signature issues.
- */
-type SettingsItem = {
-  settings?: unknown;
-  responsive?: Record<string, Record<string, unknown>>;
-};
-
-/** Get effective value for a section setting, checking viewport overrides */
-export function getRowSettingValue<T>(item: SettingsItem, viewport: DeviceViewport, property: string, fallback: T): T {
-  if (viewport === "desktop") {
-    const val = (item.settings as Record<string, unknown> || {})[property];
-    return (val !== undefined ? val : fallback) as T;
-  }
-  const override = item.responsive?.[viewport]?.[property];
-  if (override !== undefined) return override as T;
-  const base = (item.settings as Record<string, unknown> || {})[property];
-  return (base !== undefined ? base : fallback) as T;
-}
-
-/** Check if a section setting has a responsive override */
-export function hasRowSettingOverride(item: SettingsItem, viewport: DeviceViewport, property: string): boolean {
-  if (viewport === "desktop") return false;
-  return item.responsive?.[viewport]?.[property] !== undefined;
-}
-
-/** Set a responsive override on a section setting, returning the updated fields */
-export function setRowResponsiveOverride(item: SettingsItem, viewport: DeviceViewport, property: string, value: unknown): Partial<PageSection> {
-  if (viewport === "desktop") {
-    return { settings: { ...(item.settings as Record<string, unknown> || {}), [property]: value } } as Partial<PageSection>;
-  }
-  const existing = item.responsive || {};
-  const vp = viewport as "tablet" | "phone";
-  const vpOverrides = { ...(existing[vp] || {}), [property]: value };
-  if (value === undefined) {
-    delete (vpOverrides as Record<string, unknown>)[property];
-  }
-  const responsive = { ...existing, [vp]: vpOverrides };
-  if (Object.keys(vpOverrides).length === 0) {
-    delete responsive[vp];
-  }
-  return { responsive: Object.keys(responsive).length ? responsive : undefined } as Partial<PageSection>;
-}
-
 // ============================================
 // Block Layout responsive helpers
 // ============================================

package/components/builder/settings-panel/useSettingsPanelSelection.ts

@@ -11,7 +11,6 @@ import { BLOCK_GRADIENTS, BLOCK_ICON_COMPONENTS } from "../blockStyles";
 import type {
   ContentBlock,
   ContentItem,
-  PageSection,
   PageSectionV2,
   CustomSectionInstance,
   ParallaxGroup,
@@ -19,7 +18,6 @@ import type {
   SectionColumn,
 } from "../../../lib/sanity/types";
 import {
-  isPageSection,
   isPageSectionV2,
   isCustomSectionInstance,
   isParallaxGroup,
@@ -43,7 +41,6 @@ export function useSettingsPanelSelection() {
 
   // Find selected elements — handle page sections, V2 sections, and parallax groups/slides
   const selectedItem: ContentItem | undefined = store.rows.find((r) => r._key === store.selectedRowKey);
-  const selectedSection: PageSection | null = selectedItem && isPageSection(selectedItem) ? selectedItem : null;
   const selectedSectionV2: PageSectionV2 | null = selectedItem && isPageSectionV2(selectedItem) ? selectedItem : null;
   const selectedCustomSectionInstance: CustomSectionInstance | null = selectedItem && isCustomSectionInstance(selectedItem) ? selectedItem as CustomSectionInstance : null;
 
@@ -76,15 +73,8 @@ export function useSettingsPanelSelection() {
     ? effectiveSectionV2.columns.find((c) => c._key === store.selectedColumnKey) || null
     : null;
 
-  // For PageSections, the "block" is section.block[0] — selected automatically
   const selectedBlock: SelectedBlockInfo | null = (() => {
-    // If a PageSection is selected, its block is the section block
-    if (selectedSection) {
-      const block = selectedSection.block[0];
-      if (block) return { block, rowKey: selectedSection._key, colKey: "", isSection: true };
-      return null;
-    }
-    // Regular block search inside rows, V2 sections, and parallax slides
+    // Block search inside V2 sections and parallax slides
     if (!store.selectedBlockKey) return null;
     for (const item of store.rows) {
       // V2 sections: search inside columns
@@ -130,8 +120,6 @@ export function useSettingsPanelSelection() {
     ? (selectedCustomSectionInstance.custom_section_title || "Saved Section")
     : selectedSectionV2
     ? "Section"
-    : selectedSection
-    ? (selectedSection.section_type === "projectGrid" ? "Project Grid" : "Parallax Section")
     : "Page";
 
   // Resolve gradient + icon component for the header
@@ -145,8 +133,6 @@ export function useSettingsPanelSelection() {
     ? "customSectionInstance"
     : selectedSectionV2
     ? "row"
-    : selectedSection
-    ? (selectedSection.block[0]?._type || "row")
     : "page";
   const headerGradient = BLOCK_GRADIENTS[headerStyleKey] || BLOCK_GRADIENTS.page;
   const HeaderIconComponent = BLOCK_ICON_COMPONENTS[headerStyleKey];
@@ -163,7 +149,6 @@ export function useSettingsPanelSelection() {
 
   return {
     selectedItem,
-    selectedSection,
     selectedSectionV2,
     selectedCustomSectionInstance,
     selectedParallaxGroup,