var objectData = null;
var objectID = null;
var expandedCards = {};
var cardWidths = {};
var toolTypes = null;

var SECTIONS = [
  {
    id: 'core', label: 'Core', always: true,
    fields: [
      ['name', 'Name', 'text', 'copper rock'],
      ['color', 'Color', 'color', 'B2'],
      ['aliases', 'Aliases', 'text', 'rock, ore'],
      ['hidden', 'Hidden', 'checkbox'],
      ['inroom_description', 'In-Room Description', 'text', 'A copper rock juts from the ground.'],
      ['description', 'Description', 'textarea', 'A vein of copper runs through this rock.'],
      ['removal_item', 'Removal Item ID', 'search', 'e.g. ashes', '', null, 'items'],
    ]
  },
  {
    id: 'steal', label: 'Steal', path: 'steal',
    detect: function(d) { return d.steal !== undefined; },
    fields: [
      ['level', 'Level', 'number', '1', 'narrow'],
      ['xp', 'XP', 'number', '5', 'narrow'],
      ['speed', 'Speed', 'number', '4', 'narrow'],
      ['guard_mob', 'Guard Mob', 'search', '', '', null, 'mobs'],
    ],
    subtables: [
      {label:'Drops', key:'drops', fields:[
        ['item_id', 'Item ID', 'search', '', '', 'items'], ['table', 'Table', 'search', '', '', 'drops'],
        ['weight', 'Weight', 'number', '10', 'narrow'], ['quantity', 'Quantity', 'number', '', 'narrow'],
      ]}
    ]
  },
  {
    id: 'gather', label: 'Gather', path: 'gather',
    detect: function(d) { return d.gather; },
    fields: [
      ['skill', 'Skill', 'select', 'mining|woodcutting|fishing|crafting'],
      ['bait', 'Bait Item', 'search', 'fishing_bait', '', function(d) { return d.skill === 'fishing'; }, 'items'],
      ['gather_message', 'Gather Message', 'text', 'You swing your pickaxe at the rock...', 'wide'],
      ['fail_message', 'Fail Message', 'text', 'You chip away but get nothing useful.', 'wide'],
      ['depleted_message', 'Depleted Message', 'text', "You don't see any ore in this rock.", 'wide', function(d) { return d.skill !== 'fishing'; }],
      ['exhausted_message', 'Exhausted Message', 'text', 'The tree comes crashing down!', 'wide', function(d) { return d.skill === 'woodcutting'; }],
      ['respawn_broadcast', 'Respawn Broadcast', 'text', 'A glint of copper catches your eye from some {name}.', 'wide', function(d) { return d.skill !== 'fishing'; }],
    ],
    inline: [
      {label:'Success', path:'success', row:0, fields:[
        ['base', 'Base', 'number', '0.5', 'narrow'], ['per_level', 'Per Lvl', 'number', '0.01', 'narrow'], ['cap', 'Cap', 'number', '0.95', 'narrow']
      ]},
      {label:'Other', row:0, fields:[
        ['respawn_timer', 'Respawn', 'number', '50', 'narrow', function(d) { return d.skill !== 'fishing'; }],
        ['deplete_timer', 'Deplete', 'number', '45', 'narrow', function(d) { return d.skill === 'woodcutting'; }],
        ['nest_chance', 'Nest 1/n', 'number', '256', 'narrow', function(d) { return d.skill === 'woodcutting'; }],
        ['no_tool_speed', 'Bare Speed', 'number', '3', 'narrow', function(d) { return !d.tools || d.tools.length === 0; }],
      ]},
      {label:'Tools', key:'tools', type:'tools_checkbox', hint:'any one is sufficient (OR)'},
    ],
    subtables: [
      {label:'Drops', key:'drops', fields:[
        ['item_id', 'Item ID', 'search', 'copper_ore', '', 'items'], ['table', 'Table', 'search', 'gem_table', '', 'drops'],
        ['weight', 'Weight', 'number', '10', 'narrow'], ['level', 'Level', 'number', '1', 'narrow'], ['xp', 'XP', 'number', '17', 'narrow'],
        ['quantity', 'Quantity', 'number', '1', 'narrow'], ['tool', 'Tool', 'select'], ['depletes', 'Depletes node', 'checkbox'],
        ['message', 'Message', 'text', 'You manage to mine some copper ore.'],
      ]}
    ]
  },
  {
    id: 'safespot', label: 'Safespot', path: 'safespot',
    detect: function(d) { return d.safespot; },
    fields: [
      ['tier', 'Tier', 'number', '1', 'narrow'],
       ['max_block_size', 'Max Block Size', 'select', '|small|medium|large|massive'],
      ['max_occupants', 'Max Occupants', 'number', '1', 'narrow'],
      ['unsafe_chance', 'Unsafe Chance', 'number', '0 = never, e.g. 0.05', 'narrow'],
      ['decay_ticks', 'Decay Ticks', 'number', '0 = never, e.g. 100', 'narrow'],
      ['decay_chance', 'Decay Chance', 'number', '0 = never, e.g. 0.01', 'narrow'],
      ['respawn_ticks', 'Respawn Ticks', 'number', '0 = no respawn, e.g. 50', 'narrow'],
      ['respawn_on_hide', 'Respawn on hide', 'checkbox'],
    ],
    subtables: [
      {label:'Levels of Decay (lower is more decayed)', key:'levels', vertical: true, fields:[
        ['message', 'Look Message', 'text'], ['degrade_message', 'Degrade Message', 'text']
      ]}
    ]
  },
  {
    id: 'use_interactions', label: 'Use Interactions', labelHint: '(what happens when you use items on this)', path: 'use_interactions', isArray: true, fullWidth: true,
    detect: function(d) { return d.use_interactions && Array.isArray(d.use_interactions); },
    fields: [
      ['item_id', 'Item ID', 'search', 'e.g. keycard', '', null, 'items'],
      ['condition', 'Condition', 'json', 'e.g. {"flag":"my_flag"} or {"player_flag":"x","value":1} or {"all_of":[{"flag":"a"},{"has_item":"key"}]}'],
      ['action', 'Action', 'json', 'e.g. {"set_flags":{"my_flag":true},"message":"You activate it.","give_item":"gem"}'],
      ['message', 'Message', 'text', 'You use the object...'],
    ]
  },
  {
    id: 'on_look', label: 'On Look', labelHint: '(what happens when you "look <this>")', path: 'on_look',
    detect: function(d) { return d.on_look; },
    fields: [
      ['set_flags', 'Set Global Flags', 'json', '{"flag":"value"}'],
      ['set_player_flags', 'Set Player Flags', 'json', '{"pflag":"value"}'],
      ['give_item', 'Give Item', 'search', 'e.g. keycard', '', null, 'items'],
      ['take_item', 'Take Item', 'search', 'e.g. bomb', '', null, 'items'],
      ['teleport', 'Teleport', 'number', '5', 'narrow'],
      ['heal', 'Heal', 'number', '10', 'narrow'],
      ['credits', 'Credits', 'number', '100', 'narrow'],
    ]
  },
];

function initObjectEditor() {
  editorType = 'objects';
  editorFields = [];
  loadList();
  fetchToolTypes();
  if (window.location.hash) loadObject(window.location.hash.substring(1));
}

function loadObject(id) {
  objectID = id;
  currentID = id;
  window.location.hash = id;
  renderList('');
  API.get('/api/objects/' + encodeURIComponent(id)).then(function(data) {
    objectData = data;
    window._editorData = objectData;
    window._useInterVis = {};
    window._useInterHelpCollapsed = undefined;
    window._coreVis = {};
    window._stealVis = {};
    renderObjectEditor(id, data);
  }).catch(function(e) {
    $('#editorMain').innerHTML = '<p style="color:var(--danger)">Failed to load: ' + esc(e.message) + '</p>';
  });
}

function renderObjectEditor(id, data) {
  var html = renderRenameableHeader('Object', id);
  html += '<div class="tabs"><button class="tab active" onclick="switchTab(event,\'fields\')">Fields</button>';
  html += '<button class="tab" onclick="switchTab(event,\'yaml\')">Raw YAML</button></div>';

  html += '<div class="tab-content" id="tabFields">';

  html += '<div class="obj-fields-wrap">';

  SECTIONS.forEach(function(sec) {
    if (!sec.always && sec.detect && !sec.detect(data)) return;
    html += renderCard(sec, data);
  });

  html += '</div>';

  html += '<div class="add-section-bar">';
  html += '<select id="addSectionSelect">';
  html += '<option value="">+ Add Section...</option>';
  SECTIONS.forEach(function(sec) {
    if (sec.always) return;
    if (sec.detect && sec.detect(data)) return;
    html += '<option value="' + sec.id + '">' + esc(sec.label) + '</option>';
  });
  html += '</select>';
  html += '<button class="btn btn-primary btn-sm" onclick="addSection()">Add</button>';
  html += renderMoveBar();
  html += '</div>';

  html += '</div>';

  html += '<div class="tab-content" id="tabYaml" style="display:none">';
  html += '<pre>' + esc(data._raw || JSON.stringify(data, null, 2)) + '</pre>';
  html += '</div>';

  html += '<div class="btn-row">';
  html += '<button class="btn btn-primary" onclick="saveObject()">Save</button>';
  html += '<button class="btn" onclick="duplicateObject()">Duplicate</button>';
  html += '<button class="btn btn-danger" onclick="deleteObject()">Delete Object</button>';
  html += '<button class="btn btn-sm" style="margin-left:auto" onclick="createNewDir()">New Directory</button>';
  html += '</div>';

  $('#editorMain').innerHTML = html;
  setupSearchFields();
  setTimeout(function() {
    document.querySelectorAll('.color-field').forEach(function(el) { bindColorField(el); });
  }, 50);
}

function cardPath(sec) {
  return sec.path || '';
}

function getVal(data, sec, key) {
  var p = cardPath(sec);
  if (p === 'on_look' || sec.isArray) {
    return data[p] && data[p][key] !== undefined ? data[p][key] : '';
  }
  var fp = p ? p + '.' + key : key;
  var v = getNested(data, fp);
  return v === undefined || v === null ? '' : v;
}

function fieldID(sec, key, idx) {
  if (idx !== undefined && idx >= 0) return 'f_' + sec.id + '_' + idx + '_' + key.replace(/\./g, '_');
  return 'f_' + sec.id + '_' + key.replace(/\./g, '_');
}

function fieldIDSub(sec, subKey, idx, fieldKey) {
  return 'f_' + sec.id + '_' + subKey + '_' + idx + '_' + fieldKey;
}

function renderCard(sec, data) {
  var collapsed = expandedCards[sec.id] === false;
  var isFull = cardWidths[sec.id] !== undefined ? cardWidths[sec.id] : (sec.fullWidth || false);
  var fullClass = isFull ? ' obj-card-full' : '';
  var h = '<div class="obj-card' + fullClass + '" data-card="' + sec.id + '">';
  h += '<div class="obj-card-header" onclick="toggleCard(\'' + sec.id + '\')">';
  h += '<span class="obj-card-arrow">' + (collapsed ? '&#9654;' : '&#9660;') + '</span>';
  h += '<span class="obj-card-label">' + sec.label;
  if (sec.labelHint) {
    h += ' <span style="color:#666;font-size:10px;font-weight:normal">' + esc(sec.labelHint) + '</span>';
  }
  h += '</span>';
  h += '<button class="btn btn-sm obj-card-expand" onclick="event.stopPropagation();toggleCardWidth(\'' + sec.id + '\')" title="' + (isFull ? 'Half width' : 'Full width') + '">' + (isFull ? '\u2190' : '\u2192') + '</button>';
  if (!sec.always) {
    h += '<button class="btn btn-sm btn-danger obj-card-remove" onclick="event.stopPropagation();removeSection(\'' + sec.id + '\')">X</button>';
  }
  h += '</div>';
  if (!collapsed) {
    h += '<div class="obj-card-body">';

    if (sec.isArray) {
      h += renderArraySection(sec, data);
    } else if (sec.id === 'core') {
      h += renderCoreCard(data);
    } else if (sec.id === 'steal') {
      h += renderStealCard(data);
    } else if (sec.id === 'on_look') {
      h += renderOnLookCard(data);
    } else {
      h += '<div class="obj-card-grid">';
      sec.fields.forEach(function(f) {
        if (sec.id === 'gather' && f[0] === 'bait') {
          window._gatherVis = window._gatherVis || {};
          var gd = objectData.gather || {};
          var isFishing = gd.skill === 'fishing';
          var showBait = isFishing && (window._gatherVis.bait || (gd.bait && gd.bait !== ''));
          if (isFishing && showBait) {
            var bv = gd.bait || '';
            h += '<label class="obj-field obj-search">';
            h += '<span>Bait Item</span>';
            h += '<div style="display:flex;gap:4px;align-items:flex-start">';
            h += '<div style="flex:1;position:relative">';
            h += '<input id="f_gather_bait" value="' + escAttr(bv) + '" class="search-input" data-search-type="items" data-field-path="gather.bait" placeholder="fishing_bait">';
            h += '<div class="search-results" style="display:none"></div>';
            h += '</div>';
            h += '<button class="btn btn-sm btn-danger" onclick="hideBaitField()" style="flex-shrink:0;padding:3px 7px;font-size:10px;margin-top:0">X</button>';
            h += '</div>';
            h += '</label>';
          } else if (isFishing) {
            h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;white-space:nowrap;width:100%;padding:4px 6px;font-size:11px;font-family:monospace" onclick="showBaitField()">+ Add Required Bait</button>';
          }
          return;
        }
        h += renderField(sec, f, data, -1);
      });
      h += '</div>';

      if (sec.inline) {
        var rowGroups = {};
        var noRow = [];
        sec.inline.forEach(function(il) {
          if (il.row !== undefined) {
            if (!rowGroups[il.row]) rowGroups[il.row] = [];
            rowGroups[il.row].push(il);
          } else {
            noRow.push(il);
          }
        });
        Object.keys(rowGroups).sort().forEach(function(r) {
          h += '<div style="display:flex;gap:10px">';
          rowGroups[r].forEach(function(il) {
            if (il.type === 'tags') {
              h += '<div class="obj-inline-group" style="flex:1">';
              h += renderTags(sec, il, data);
              h += '</div>';
            } else if (il.type === 'tools_checkbox') {
              h += renderToolsCheckbox(sec, il, data);
            } else if (il.type === 'kv') {
              h += '<div class="obj-inline-group" style="flex:1">';
              h += renderKV(sec, il, data);
              h += '</div>';
            } else {
              h += '<div class="obj-inline-group obj-inline-compact" style="flex:1">';
              h += '<span class="obj-inline-label">' + esc(il.label) + '</span>';
              h += '<div class="obj-card-grid" style="margin-top:4px">';
              il.fields.forEach(function(f) {
                h += renderField(sec, f, data, -1, il.path);
              });
              h += '</div>';
              h += '</div>';
            }
          });
          h += '</div>';
        });
        noRow.forEach(function(il) {
          if (il.type === 'tags') {
            h += renderTags(sec, il, data);
          } else if (il.type === 'tools_checkbox') {
            h += renderToolsCheckbox(sec, il, data);
          } else if (il.type === 'kv') {
            h += renderKV(sec, il, data);
          } else {
            h += '<div class="obj-inline-group">';
            h += '<span class="obj-inline-label">' + esc(il.label) + '</span>';
            h += '<div class="obj-card-grid" style="margin-top:4px">';
            il.fields.forEach(function(f) {
              h += renderField(sec, f, data, -1, il.path);
            });
            h += '</div>';
            h += '</div>';
          }
        });
      }

      if (sec.subtables) {
        sec.subtables.forEach(function(st) {
          h += renderSubtable(sec, st, data);
        });
      }

      if (sec.id === 'safespot') {
        var helpCollapsed = window._safespotHelpCollapsed === undefined ? true : window._safespotHelpCollapsed;
        h += '<div style="margin-top:8px;border:1px solid rgba(100,160,255,.15);border-radius:4px;overflow:hidden">';
        h += '<div style="padding:6px 10px;background:rgba(100,160,255,.08);cursor:pointer;font-size:10px;color:#6af;font-weight:bold;text-transform:uppercase;letter-spacing:.5px" onclick="toggleSafespotHelp()">';
        h += '<span style="font-size:8px;margin-right:4px">' + (helpCollapsed ? '&#9654;' : '&#9660;') + '</span>';
        h += 'How Tiers, Levels, Decay &amp; Respawn Work';
        h += '</div>';
        if (!helpCollapsed) {
          h += '<div style="padding:8px;background:rgba(100,160,255,.05);font-size:10px;color:#aaa;line-height:1.6">';
          h += '<b>Tier</b> &mdash; Player tier (base 1; +1 with <code>unlocked_rock_cover</code> flag) must be &ge; safespot tier to hide.<br>';
          h += '<b>Levels of Decay</b> &mdash; Degradation stages (N levels above all subtable entries). Level messages shown when hiding; degrade messages broadcast when damaged. Level 0 = destroyed, all occupants evicted.<br>';
          h += '<b>Decay</b> &mdash; Two independent paths: <code>decay_ticks</code> (forced degrade after N ticks of use) and <code>decay_chance</code> (per-tick random degrade). Either or both can be set; 0 disables that path.<br>';
          h += '<b>Respawn on hide</b> &mdash; Resets the cover to full levels when the first person hides on an empty/unused cover.<br>';
          h += '<b>Respawn ticks</b> &mdash; Auto-reforms the cover after N ticks when fully destroyed (level 0). 0 = instance permanently removed.<br>';
          h += '<b>Max Block Size</b> &mdash; Determines which mob sizes are blocked (small &lt; medium &lt; large &lt; massive). Empty = blocks everything.<br>';
          h += '<b>Unsafe Chance</b> &mdash; Per-tick probability of being forced out of cover regardless of decay (0 = never forced out).';
          h += '</div>';
        }
        h += '</div>';
      }
    }
    h += '</div>';
  }
  h += '</div>';
  return h;
}

function renderField(sec, f, data, idx, subPath, optStyle) {
  var key = f[0], label = f[1], type = f[2], hint = f[3], wide = f[4], showIf = f[5], searchEntity = f[6];
  var fp = subPath ? subPath + '.' + key : key;
  var fid = fieldID(sec, fp, idx);
  var val;

  if (sec.isArray && idx >= 0) {
    var arr = objectData[cardPath(sec)] || [];
    var item = arr[idx] || {};
    val = item[key];
  } else if (subPath) {
    var sectionRoot = objectData[cardPath(sec)] || {};
    var subObj = sectionRoot[subPath] || {};
    val = subObj[key];
  } else {
    val = getVal(objectData, sec, key);
  }
  val = val === undefined || val === null ? '' : val;

  var hiddenStyle = '';
  if (showIf) {
    var sectionData = objectData[cardPath(sec)] || {};
    if (!showIf(sectionData)) hiddenStyle = ' style="display:none"';
  }

  var pfx = cardPath(sec);
  var dp;
  if (idx >= 0) {
    dp = pfx + '[' + idx + '].' + key;
  } else if (subPath) {
    dp = (pfx ? pfx + '.' : '') + subPath + '.' + key;
  } else {
    dp = (pfx ? pfx + '.' : '') + key;
  }
  var dpAttr = ' data-field-path="' + escAttr(dp) + '"';

  function wrap(cls, inner) {
    var w = (wide === 'wide') ? ' obj-wide' : '';
    if (wide === 'narrow') w = ' obj-narrow';
    var s = optStyle ? ' style="' + optStyle + '"' : '';
    return '<label class="' + cls + w + '"' + hiddenStyle + s + '>' + inner + '</label>';
  }

  if (type === 'checkbox') {
    return wrap('obj-field obj-check', '<input type="checkbox" id="' + fid + '"' + (val ? ' checked' : '') + dpAttr + '> <span>' + esc(label) + '</span>');
  }
  if (type === 'json') {
    var jstr = typeof val === 'object' ? JSON.stringify(val) : String(val);
    return wrap('obj-field', '<span>' + esc(label) + '</span><textarea id="' + fid + '" rows="2" placeholder="{}"' + dpAttr + '>' + esc(jstr) + '</textarea>');
  }
  if (type === 'textarea') {
    var dstr = typeof val === 'object' ? (Array.isArray(val) ? val.map(function(v){return v.text||'';}).join('\n') : JSON.stringify(val)) : String(val);
    return wrap('obj-field', '<span>' + esc(label) + '</span><textarea id="' + fid + '" rows="3"' + dpAttr + '>' + esc(dstr) + '</textarea>');
  }
  if (type === 'select') {
    var opts = hint ? hint.split('|') : [];
    var inner = '<span>' + esc(label) + '</span><select id="' + fid + '" onchange="toggleGatherConditionals()"' + dpAttr + '>';
    opts.forEach(function(o) {
      inner += '<option value="' + escAttr(o) + '"' + (String(val) === o ? ' selected' : '') + '>' + (o === '' ? 'All' : esc(o)) + '</option>';
    });
    inner += '</select>';
    return wrap('obj-field', inner);
  }
  if (type === 'color') {
    var swatch = '<span class="color-swatch" style="background:#' + escAttr(String(val) || '808080') + '"></span>';
    return wrap('obj-field color-field', '<span>' + esc(label) + '</span><div class="obj-color-row">' + swatch + '<input id="' + fid + '" value="' + escAttr(String(val)) + '" class="color-input"' + dpAttr + '></div>');
  }
  if (type === 'search') {
    var entity = searchEntity || 'items';
    var ph = hint ? ' placeholder="' + esc(hint) + '"' : ' placeholder="Search ' + entity + '..."';
    return wrap('obj-field obj-search', '<span>' + esc(label) + '</span><div style="position:relative;width:100%"><input id="' + fid + '" value="' + escAttr(String(val)) + '" class="search-input" data-search-type="' + entity + '" data-field-path="' + escAttr(dp) + '"' + ph + '><div class="search-results" style="display:none"></div></div>');
  }
  var ph = hint ? ' placeholder="' + esc(hint) + '"' : '';
  return wrap('obj-field', '<span>' + esc(label) + '</span><input id="' + fid + '" value="' + escAttr(String(val)) + '"' + ph + dpAttr + '>');
}

function renderCoreCard(data) {
  var sec = SECTIONS[0];
  window._coreVis = window._coreVis || {};
  var vis = window._coreVis;
  var showAliases = vis.aliases || (data.aliases && data.aliases.length > 0);
  var showInRoom = vis.inroom_description || (data.inroom_description && data.inroom_description !== '');
  var showRemoval = vis.removal_item || (data.removal_item && data.removal_item !== '');

  var h = '<div class="obj-core-row">';
  h += renderField(sec, sec.fields[0], data, -1, null, 'flex:1');  // name
  h += renderField(sec, sec.fields[1], data, -1);                   // color
  h += renderField(sec, sec.fields[3], data, -1);                   // hidden
  h += '</div>';
  h += '<div style="display:flex;flex-direction:column;gap:8px">';
  h += renderField(sec, sec.fields[5], data, -1);  // description

  if (showAliases) {
    h += '<div style="display:flex;gap:6px;align-items:flex-start">';
    h += '<div style="flex:1">' + renderField(sec, sec.fields[2], data, -1, null, 'flex:2') + '</div>';
    h += '<button class="btn btn-sm btn-danger" onclick="hideCoreField(\'aliases\')" style="margin-top:2px">X</button>';
    h += '</div>';
  }
  if (showInRoom) {
    h += '<div style="display:flex;gap:6px;align-items:flex-start">';
    h += '<div style="flex:1">' + renderField(sec, sec.fields[4], data, -1) + '</div>';
    h += '<button class="btn btn-sm btn-danger" onclick="hideCoreField(\'inroom_description\')" style="margin-top:2px">X</button>';
    h += '</div>';
  }
  if (showRemoval) {
    h += '<div style="display:flex;gap:6px;align-items:flex-start">';
    h += '<div style="flex:1">' + renderField(sec, sec.fields[6], data, -1) + '</div>';
    h += '<button class="btn btn-sm btn-danger" onclick="hideCoreField(\'removal_item\')" style="margin-top:2px">X</button>';
    h += '</div>';
  }
  h += '</div>';

  h += '<div style="display:flex;gap:8px;margin-top:4px">';
  if (!showAliases) {
    h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;white-space:nowrap" onclick="showCoreField(\'aliases\')">+ Add Aliases</button>';
  }
  if (!showInRoom) {
    h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;white-space:nowrap" onclick="showCoreField(\'inroom_description\')">+ Add In-Room Desc</button>';
  }
  if (!showRemoval) {
    h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;white-space:nowrap" onclick="showCoreField(\'removal_item\')">+ Add Removal Item</button>';
  }
  h += '</div>';

  return h;
}

function renderStealCard(data) {
  var sec = SECTIONS[1];
  window._stealVis = window._stealVis || {};
  var vis = window._stealVis;
  var stealData = data.steal || {};
  var showGuard = vis.guard_mob || (stealData.guard_mob && stealData.guard_mob !== '');

  var h = '<div style="display:flex;gap:10px;align-items:flex-start">';
  h += renderField(sec, sec.fields[0], data, -1);
  h += renderField(sec, sec.fields[1], data, -1);
  h += renderField(sec, sec.fields[2], data, -1);
  if (showGuard) {
    h += '<div style="display:flex;gap:4px;align-items:flex-start">';
    h += '<div style="flex:1">' + renderField(sec, sec.fields[3], data, -1) + '</div>';
    h += '<button class="btn btn-sm btn-danger" onclick="hideGuardMob()" style="margin-top:2px">X</button>';
    h += '</div>';
  } else {
    h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;white-space:nowrap;padding:4px 6px;font-size:11px;font-family:monospace;align-self:flex-end;margin-bottom:3px" onclick="showGuardMob()">+ Add Guard Mob</button>';
  }
  h += '</div>';

  sec.subtables.forEach(function(st) { h += renderSubtable(sec, st, data); });
  return h;
}

function renderOnLookCard(data) {
  var sec = SECTIONS.find(function(s) { return s.id === 'on_look'; });
  var h = '<div style="display:flex;gap:10px">';
  h += renderField(sec, sec.fields[0], data, -1, null, 'flex:1');
  h += renderField(sec, sec.fields[1], data, -1, null, 'flex:1');
  h += '</div>';
  h += '<div style="display:flex;gap:10px;margin-top:8px">';
  h += renderField(sec, sec.fields[2], data, -1, null, 'flex:1');
  h += renderField(sec, sec.fields[3], data, -1, null, 'flex:1');
  h += '</div>';
  h += '<div style="display:flex;gap:10px;margin-top:8px">';
  h += renderField(sec, sec.fields[4], data, -1);
  h += renderField(sec, sec.fields[5], data, -1);
  h += renderField(sec, sec.fields[6], data, -1);
  h += '</div>';
  var helpCollapsed = window._onLookHelpCollapsed === undefined ? true : window._onLookHelpCollapsed;
  h += '<div style="margin-top:8px;border:1px solid rgba(100,160,255,.15);border-radius:4px;overflow:hidden">';
  h += '<div style="padding:6px 10px;background:rgba(100,160,255,.08);cursor:pointer;font-size:10px;color:#6af;font-weight:bold;text-transform:uppercase;letter-spacing:.5px" onclick="toggleOnLookHelp()">';
  h += '<span style="font-size:8px;margin-right:4px">' + (helpCollapsed ? '&#9654;' : '&#9660;') + '</span>';
  h += 'How Set Global Flags &amp; Set Player Flags Work';
  h += '</div>';
  if (!helpCollapsed) {
    h += '<div style="padding:8px;background:rgba(100,160,255,.05);font-size:10px;color:#aaa;line-height:1.6">';
    h += 'When a player looks at this object, these fields apply effects.<br><br>';
    h += '<b>Set Global Flags</b> &mdash; Sets world flags shared by all players. JSON object mapping flag names to values:<br>';
    h += '&nbsp;&nbsp;<code>{"gate_open":true,"boss_summoned":false}</code><br>';
    h += '&nbsp;&nbsp;Flags persist until changed by another on_look, room script, or interact action.<br><br>';
    h += '<b>Set Player Flags</b> &mdash; Sets per-character flags saved to the player\'s YAML. JSON object mapping flag names to values:<br>';
    h += '&nbsp;&nbsp;<code>{"has_seen_cave":true,"dialog_spoke":1}</code><br>';
    h += '&nbsp;&nbsp;These flags can be used in conditions (<code>player_flag</code>) to track player progress.<br><br>';
    h += '<b>Other Fields</b> &mdash; <code>Give Item</code> grants an item, <code>Take Item</code> removes one, ';
    h += '<code>Teleport</code> sends player to a room, <code>Heal</code> restores HP, <code>Credits</code> adds/removes credits (use negative for cost).<br><br>';
    h += 'All effects fire simultaneously when the player looks at this object.';
    h += '</div>';
  }
  h += '</div>';
  return h;
}

function renderArraySection(sec, data) {
  var arr = data[cardPath(sec)] || [];
  var h = '';
  var isUseInter = sec.id === 'use_interactions';
  if (isUseInter) {
    window._useInterVis = window._useInterVis || {};
  }
  arr.forEach(function(item, idx) {
    if (isUseInter) {
      var vis = window._useInterVis[idx] || {};
      window._useInterVis[idx] = vis;
      var showCond = vis.condition || (item.condition && item.condition !== '');
      var showAct = vis.action || (item.action && item.action !== '');
      var showMsg = vis.message || (item.message && item.message !== '');

      h += '<div class="obj-sub-row" data-idx="' + idx + '" style="flex-direction:column;align-items:stretch;position:relative;gap:6px">';

      h += '<button class="btn btn-sm btn-danger" style="position:absolute;top:0;right:0;white-space:nowrap;z-index:1" onclick="removeArrayItem(\'' + sec.id + '\',' + idx + ')">Remove Interaction</button>';

      h += '<div style="display:flex;gap:4px;align-items:flex-end;flex-wrap:wrap;padding-right:125px">';
      h += renderField(sec, sec.fields[0], data, idx, null, 'max-width:260px');
      h += '<div style="width:1px;background:var(--border);align-self:stretch;margin:2px 0;flex-shrink:0"></div>';
      if (!showCond) {
        h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;align-self:flex-end;margin-bottom:3px;white-space:nowrap" onclick="showUseInterField(' + idx + ',\'condition\')">+ Add Condition</button>';
      }
      if (!showAct) {
        h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;align-self:flex-end;margin-bottom:3px;white-space:nowrap" onclick="showUseInterField(' + idx + ',\'action\')">+ Add Action</button>';
      }
      if (!showMsg) {
        h += '<button class="btn btn-sm" style="background:var(--accent);color:var(--text);border:1px solid #1a5a8e;align-self:flex-end;margin-bottom:3px;white-space:nowrap" onclick="showUseInterField(' + idx + ',\'message\')">+ Add Message</button>';
      }
      h += '</div>';

      h += '<div style="display:' + (showCond ? 'flex' : 'none') + ';gap:6px;align-items:flex-start">';
      h += renderField(sec, sec.fields[1], data, idx, null, 'flex:1;min-width:0');
      h += '<button class="btn btn-sm btn-danger" onclick="hideUseInterField(' + idx + ',\'condition\')" style="margin-top:14px">X</button>';
      h += '</div>';

      h += '<div style="display:' + (showAct ? 'flex' : 'none') + ';gap:6px;align-items:flex-start">';
      h += renderField(sec, sec.fields[2], data, idx, null, 'flex:1;min-width:0');
      h += '<button class="btn btn-sm btn-danger" onclick="hideUseInterField(' + idx + ',\'action\')" style="margin-top:14px">X</button>';
      h += '</div>';

      h += '<div style="display:' + (showMsg ? 'flex' : 'none') + ';gap:6px;align-items:flex-start">';
      h += renderField(sec, sec.fields[3], data, idx, null, 'flex:1;min-width:0');
      h += '<button class="btn btn-sm btn-danger" onclick="hideUseInterField(' + idx + ',\'message\')" style="margin-top:14px">X</button>';
      h += '</div>';

      h += '</div>';
    } else {
      h += '<div class="obj-sub-row" data-idx="' + idx + '">';
      h += '<div class="obj-card-grid">';
      sec.fields.forEach(function(f) {
        h += renderField(sec, f, data, idx);
      });
      h += '</div>';
      h += '<button class="btn btn-sm btn-danger obj-sub-remove" onclick="removeArrayItem(\'' + sec.id + '\',' + idx + ')">X</button>';
      h += '</div>';
    }
  });
  h += '<button class="btn btn-sm obj-sub-add" onclick="addArrayItem(\'' + sec.id + '\')">+ Add ' + esc(sec.label).slice(0,-1) + '</button>';
  if (isUseInter) {
    var helpCollapsed = window._useInterHelpCollapsed === undefined ? true : window._useInterHelpCollapsed;
    h += '<div style="margin-top:8px;border:1px solid rgba(100,160,255,.15);border-radius:4px;overflow:hidden">';
    h += '<div style="padding:6px 10px;background:rgba(100,160,255,.08);cursor:pointer;font-size:10px;color:#6af;font-weight:bold;text-transform:uppercase;letter-spacing:.5px" onclick="toggleUseInterHelp()">';
    h += '<span style="font-size:8px;margin-right:4px">' + (helpCollapsed ? '&#9654;' : '&#9660;') + '</span>';
    h += 'How Conditions &amp; Actions Work';
    h += '</div>';
    if (!helpCollapsed) {
      h += '<div style="padding:8px;background:rgba(100,160,255,.05);font-size:10px;color:#aaa;line-height:1.6">';
      h += 'Entries checked top-to-bottom, first match wins.<br><br><b>Item ID</b>: required for <code>use &lt;item&gt; on &lt;object&gt;</code>; omit for plain <code>use &lt;object&gt;</code>.<br>';
      h += '<b>Condition</b>: JSON. When this interaction is available:<br>';
      h += '&nbsp;&nbsp;<code>{"flag":"gate_open","not":true}</code> — world flag is NOT set<br>';
      h += '&nbsp;&nbsp;<code>{"player_flag":"has_key","value":1}</code> — player flag matches value<br>';
      h += '&nbsp;&nbsp;<code>{"has_item":"silver_bar"}</code> — player carries item<br>';
      h += '&nbsp;&nbsp;<code>{"all_of":[{"flag":"a"},{"has_item":"b"}]}</code> — ALL sub-conditions<br>';
      h += '&nbsp;&nbsp;<code>{"any_of":[...]}</code> — ANY sub-condition<br>';
      h += '&nbsp;&nbsp;Omit for an unconditional interaction.<br>';
      h += '<b>Action</b>: JSON. What happens when the interaction fires:<br>';
      h += '&nbsp;&nbsp;<code>{"set_flags":{"gate_open":true}}</code> — set world flags<br>';
      h += '&nbsp;&nbsp;<code>{"set_player_flags":{"spoke":true}}</code> — set player flags<br>';
      h += '&nbsp;&nbsp;<code>{"give_item":"keycard","teleport":5}</code> — give item + teleport<br>';
      h += '&nbsp;&nbsp;<code>{"take_item":"bomb","heal":10}</code> — take item + heal<br>';
      h += '&nbsp;&nbsp;<code>{"credits":-50}</code> — deduct credits<br>';
      h += '&nbsp;&nbsp;<code>{"reputation_cost":1,"aps_node":true}</code> — rep cost + mark APS<br>';
      h += '<b>Message</b>: Sent to the player when the interaction fires (1-tick action).';
      h += '</div>';
    }
    h += '</div>';
  }
  return h;
}

function renderSubtable(sec, st, data) {
  var sectionRoot = objectData[cardPath(sec)] || {};
  var arr;
  if (st.single) {
    arr = sectionRoot[st.key] ? [sectionRoot[st.key]] : [];
  } else {
    arr = sectionRoot[st.key] || [];
  }
  var isDrops = (sec.id === 'gather' || sec.id === 'steal') && st.key === 'drops';
  var isVertical = st.vertical;
  var gatherTools = [];
  if (isDrops) {
    gatherTools = (sectionRoot.tools || []).filter(function(t) { return t && t !== ''; });
  }
  var h = '<div class="obj-subtable">';
  h += '<div class="obj-subtable-header">' + esc(st.label) + '</div>';
  arr.forEach(function(item, idx) {
    h += '<div class="obj-sub-row"' + (isDrops || isVertical ? ' style="flex-direction:column;align-items:stretch;position:relative"' : '') + '>';
    if (isDrops) {
      if (!st.single) {
        h += '<button class="btn btn-sm btn-danger" style="position:absolute;top:4px;right:6px" onclick="removeSubRow(\'' + sec.id + '\',\'' + st.key + '\',' + idx + ')">X</button>';
      }
      var isItemDrop = item._type !== undefined ? item._type !== 't' : !item.table;
      var showField = isItemDrop ? 'item_id' : 'table';
      var hideField = isItemDrop ? 'table' : 'item_id';
      h += '<div class="obj-sub-row-line">';
      h += '<input type="hidden" id="' + fieldIDSub(sec, st.key, idx, hideField) + '" value="' + escAttr(item[hideField] || '') + '">';
      st.fields.forEach(function(f) {
        if (f[0] === 'message' || f[0] === hideField) return;
        var fid = fieldIDSub(sec, st.key, idx, f[0]);
        var val = item[f[0]];
        val = val === undefined || val === null ? '' : val;
        var extraCls = '';
        if (f[4] === 'narrow') extraCls = ' obj-narrow';
        if (f[2] === 'search') {
          var entity = f[5] || 'items';
          var ph = f[3] ? ' placeholder="' + escAttr(f[3]) + '"' : ' placeholder="Search ' + entity + '..."';
          var dp = cardPath(sec) + '.' + st.key + '[' + idx + '].' + f[0];
          h += '<label class="obj-field obj-search' + extraCls + '"><span>' + esc(f[1]) + '</span><div style="position:relative;width:100%"><input id="' + fid + '" value="' + escAttr(String(val)) + '" class="search-input" data-search-type="' + entity + '" data-field-path="' + escAttr(dp) + '"' + ph + '><div class="search-results" style="display:none"></div></div></label>';
        } else if (f[2] === 'checkbox') {
          var hideStyle = '';
          if (isDrops && f[0] === 'depletes' && sectionRoot.skill === 'fishing') {
            hideStyle = ' style="display:none"';
          }
          h += '<label class="obj-field obj-check' + extraCls + '"' + hideStyle + '><input type="checkbox" id="' + fid + '"' + (val ? ' checked' : '') + '> <span>' + esc(f[1]) + '</span></label>';
        } else if (f[2] === 'select' && f[0] === 'tool') {
          if (gatherTools.length >= 2) {
            var dpTool = cardPath(sec) + '.' + st.key + '[' + idx + '].' + f[0];
            h += '<label class="obj-field obj-narrow"><span>' + esc(f[1]) + '</span>' +
                 '<select id="' + fid + '" data-field-path="' + escAttr(dpTool) + '">';
            gatherTools.forEach(function(t) {
              h += '<option value="' + escAttr(t) + '"' + (String(val) === t ? ' selected' : '') + '>' + esc(t) + '</option>';
            });
            h += '</select></label>';
          }
        } else {
          h += '<label class="obj-field' + extraCls + '"><span>' + esc(f[1]) + '</span><input id="' + fid + '" value="' + escAttr(String(val)) + '" placeholder="' + escAttr(f[3] || '') + '"></label>';
        }
      });
      h += '</div>';
      var msgField = st.fields.find(function(f){return f[0]==='message';});
      if (msgField) {
        h += '<div class="obj-sub-row-line">';
        var fidMsg = fieldIDSub(sec, st.key, idx, 'message');
        var msgVal = item.message !== undefined && item.message !== null ? item.message : '';
        h += '<label class="obj-field obj-grow"><span>' + esc(msgField[1]) + '</span><input id="' + fidMsg + '" value="' + escAttr(String(msgVal)) + '" placeholder="' + escAttr(msgField[3] || '') + '"></label>';
        h += '</div>';
      }
    } else {
      if (isVertical && !st.single) {
        h += '<button class="btn btn-sm btn-danger" style="position:absolute;top:4px;right:6px" onclick="removeSubRow(\'' + sec.id + '\',\'' + st.key + '\',' + idx + ')">X</button>';
      }
      st.fields.forEach(function(f) {
        var fid = fieldIDSub(sec, st.key, idx, f[0]);
        var val = item[f[0]];
        val = val === undefined || val === null ? '' : val;
        var extraCls = '';
        if (f[4] === 'narrow') extraCls = ' obj-narrow';
        else if (f[4] === 'grow') extraCls = ' obj-grow';
        if (f[2] === 'search') {
          var entity = f[5] || 'items';
          var ph = f[3] ? ' placeholder="' + escAttr(f[3]) + '"' : ' placeholder="Search ' + entity + '..."';
          var dp = cardPath(sec) + '.' + st.key + '[' + idx + '].' + f[0];
          h += '<label class="obj-field obj-search' + extraCls + '"><span>' + esc(f[1]) + '</span><div style="position:relative;width:100%"><input id="' + fid + '" value="' + escAttr(String(val)) + '" class="search-input" data-search-type="' + entity + '" data-field-path="' + escAttr(dp) + '"' + ph + '><div class="search-results" style="display:none"></div></div></label>';
        } else if (f[2] === 'checkbox') {
          h += '<label class="obj-field obj-check' + extraCls + '"><input type="checkbox" id="' + fid + '"' + (val ? ' checked' : '') + '> <span>' + esc(f[1]) + '</span></label>';
        } else {
          h += '<label class="obj-field' + extraCls + '"><span>' + esc(f[1]) + '</span><input id="' + fid + '" value="' + escAttr(String(val)) + '"></label>';
        }
      });
      if (!st.single && !isVertical) {
        h += '<button class="btn btn-sm btn-danger obj-sub-remove" onclick="removeSubRow(\'' + sec.id + '\',\'' + st.key + '\',' + idx + ')">X</button>';
      }
    }
    h += '</div>';
  });
  if (isDrops) {
    h += '<div style="display:flex;gap:6px;padding:6px 10px">';
    h += '<button class="btn btn-sm obj-sub-add" style="flex:1;margin-top:0" onclick="addDropRow(\'' + sec.id + '\',\'' + st.key + '\',\'item\')">+ Add Item Drop</button>';
    h += '<button class="btn btn-sm obj-sub-add" style="flex:1;margin-top:0" onclick="addDropRow(\'' + sec.id + '\',\'' + st.key + '\',\'table\')">+ Add Table Drop</button>';
    h += '</div>';
  } else if (!st.single || arr.length === 0) {
    h += '<button class="btn btn-sm obj-sub-add" onclick="addSubRow(\'' + sec.id + '\',\'' + st.key + '\')">+ Add</button>';
  }
  h += '</div>';
  return h;
}

function renderTags(sec, il, data) {
  var sectionRoot = objectData[cardPath(sec)] || {};
  var arr = sectionRoot[il.key] || [];
  var str = Array.isArray(arr) ? arr.join(', ') : String(arr || '');
  var fid = fieldID(sec, il.key);
  return '<label class="obj-field obj-wide"><span>' + esc(il.label) + '</span><input id="' + fid + '" value="' + escAttr(str) + '" placeholder="comma separated"></label>';
}

function renderKV(sec, il, data) {
  var sectionRoot = objectData[cardPath(sec)] || {};
  var map = sectionRoot[il.key] || {};
  var h = '<div class="obj-inline-group">';
  h += '<span class="obj-inline-label">' + esc(il.label) + '</span>';
  h += '<div class="obj-kv-list" data-sec="' + sec.id + '" data-key="' + il.key + '">';
  Object.keys(map).forEach(function(k, idx) {
    h += '<div class="obj-kv-row"><input value="' + escAttr(k) + '" placeholder="key" class="obj-kv-key">';
    h += '<input value="' + escAttr(String(map[k])) + '" placeholder="val" class="obj-kv-val">';
    h += '<button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">X</button></div>';
  });
  h += '</div>';
  h += '<button class="btn btn-sm obj-sub-add" onclick="addKVRow(\'' + sec.id + '\',\'' + il.key + '\')">+ Add</button>';
  h += '</div>';
  return h;
}

function renderToolsCheckbox(sec, il, data) {
  var sectionRoot = data[cardPath(sec)] || {};
  var arr = sectionRoot[il.key] || [];
  var choices = toolTypes || [];
  if (choices.length === 0) {
    return '<span style="color:#888;font-size:11px">Loading tool types...</span>';
  }
  if (arr.length === 0) {
    var hint = il.hint ? '<div style="font-size:10px;color:#888;margin-bottom:4px;font-style:italic">' + esc(il.hint) + '</div>' : '';
    return hint + '<button class="btn btn-sm obj-sub-add" onclick="addToolRow(\'' + sec.id + '\',\'' + il.key + '\')">+ Add Tools</button>';
  }
  var h = '<div class="obj-inline-group">';
  h += '<span class="obj-inline-label">' + esc(il.label) + (il.hint ? ' <span style="color:#666;font-size:10px;font-weight:normal;font-style:italic">(' + esc(il.hint) + ')</span>' : '') + '</span>';
  h += '<div style="display:flex;flex-direction:column;gap:3px;margin-top:4px">';
  arr.forEach(function(t, idx) {
    h += '<div style="display:flex;gap:4px">';
    h += '<select class="obj-tool-select" onchange="renderCurrent()" style="flex:1;font-size:12px;padding:2px 4px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px">';
    choices.forEach(function(c) {
      var sel = c === t ? ' selected' : '';
      h += '<option' + sel + '>' + esc(c) + '</option>';
    });
    h += '</select>';
    h += '<button class="btn btn-sm btn-danger" onclick="removeToolRow(\'' + sec.id + '\',\'' + il.key + '\',' + idx + ')">X</button>';
    h += '</div>';
  });
  h += '</div>';
  h += '<button class="btn btn-sm obj-sub-add" onclick="addToolRow(\'' + sec.id + '\',\'' + il.key + '\')">+ Add</button>';
  h += '</div>';
  return h;
}

function addToolRow(secID, key) {
  var sec = SECTIONS.find(function(s) { return s.id === secID; });
  if (!sec) return;
  var p = cardPath(sec);
  if (!objectData[p]) objectData[p] = {};
  ced_syncDOMToData(objectData);
  syncGatherToolsFromDOM();
  var val = (toolTypes && toolTypes.length > 0) ? toolTypes[0] : '';
  objectData[p][key] = (objectData[p][key] || []).concat([val]);
  renderObjectEditor(objectID, objectData);
}

function removeToolRow(secID, key, idx) {
  var sec = SECTIONS.find(function(s) { return s.id === secID; });
  if (!sec) return;
  ced_syncDOMToData(objectData);
  syncGatherToolsFromDOM();
  var p = cardPath(sec);
  var arr = objectData[p] && objectData[p][key];
  if (!arr) return;
  arr.splice(idx, 1);
  if (arr.length === 0) delete objectData[p][key];
  renderObjectEditor(objectID, objectData);
}

function fetchToolTypes() {
  API.get('/api/tools').then(function(tools) {
    toolTypes = tools || [];
    renderCurrent();
  }).catch(function() {
    toolTypes = [];
    renderCurrent();
  });
}

function syncGatherToolsFromDOM() {
  if (!objectData || !objectData.gather) return;
  var selects = document.querySelectorAll('.obj-tool-select');
  if (selects.length === 0) return;
  var tools = [];
  selects.forEach(function(s) { if (s.value) tools.push(s.value); });
  if (tools.length > 0) {
    objectData.gather.tools = tools;
  } else if (objectData.gather.tools && objectData.gather.tools.length > 0) {
    delete objectData.gather.tools;
  }
}

function toggleCard(id) {
  expandedCards[id] = expandedCards[id] === false ? true : false;
  renderCurrent();
}

function toggleCardWidth(id) {
  cardWidths[id] = !cardWidths[id];
  renderCurrent();
}

function showBaitField() {
  window._gatherVis = window._gatherVis || {};
  window._gatherVis.bait = true;
  renderCurrent();
}

function hideBaitField() {
  window._gatherVis = window._gatherVis || {};
  window._gatherVis.bait = false;
  ced_syncDOMToData(objectData);
  if (objectData.gather) objectData.gather.bait = '';
  renderObjectEditor(objectID, objectData);
}

function toggleSafespotHelp() {
  if (window._safespotHelpCollapsed === undefined) {
    window._safespotHelpCollapsed = false;
  } else {
    window._safespotHelpCollapsed = !window._safespotHelpCollapsed;
  }
  renderCurrent();
}

function removeSection(id) {
  var sec = SECTIONS.find(function(s) { return s.id === id; });
  if (!sec) return;
  ced_syncDOMToData(objectData);
  if (sec.path) {
    delete objectData[sec.path];
  } else if (id === 'steal') {
    delete objectData.steal;
  }
  renderObjectEditor(objectID, objectData);
}

function addSection() {
  var sel = $('#addSectionSelect');
  var id = sel.value;
  if (!id) return;
  var sec = SECTIONS.find(function(s) { return s.id === id; });
  if (!sec) return;

  if (sec.path) {
    if (sec.isArray) {
      objectData[sec.path] = [];
    } else if (sec.id === 'on_look') {
      objectData[sec.path] = {};
    } else if (sec.id === 'gather') {
      objectData[sec.path] = {skill:'', tools:[], success:{base:0, per_level:0, cap:1}, drops:[], gather_message:'', fail_message:'', respawn_timer:0, respawn_broadcast:'', deplete_timer:0, nest_chance:0};
    } else if (sec.id === 'safespot') {
      objectData[sec.path] = {tier:1, max_block_size:'', max_occupants:1, unsafe_chance:'', decay_ticks:'', decay_chance:'', respawn_on_hide:false, respawn_ticks:'', levels:[]};
    } else {
      objectData[sec.path] = {};
    }
  } else if (id === 'steal') {
    objectData.steal = {drops: []};
  }
  expandedCards[id] = true;
  renderCurrent();
}

function addArrayItem(cardID) {
  var sec = SECTIONS.find(function(s) { return s.id === cardID; });
  if (!sec || !sec.isArray) return;
  var arr = objectData[sec.path] || [];
  var empty = {};
  sec.fields.forEach(function(f) {
    empty[f[0]] = f[2] === 'checkbox' ? false : (f[2] === 'number' ? 0 : '');
  });
  arr.push(empty);
  objectData[sec.path] = arr;
  renderCurrent();
}

function removeArrayItem(cardID, idx) {
  var sec = SECTIONS.find(function(s) { return s.id === cardID; });
  if (!sec || !sec.isArray) return;
  ced_syncDOMToData(objectData);
  var arr = objectData[sec.path] || [];
  arr.splice(idx, 1);
  renderObjectEditor(objectID, objectData);
}

function addSubRow(cardID, subKey) {
  var sec = SECTIONS.find(function(s) { return s.id === cardID; });
  if (!sec) return;
  var sectionRoot = objectData[sec.path || ''] || objectData;
  var arr = sectionRoot[subKey] || [];
  var empty = {};
  var st = (sec.subtables || []).find(function(s) { return s.key === subKey; });
  if (st) {
    st.fields.forEach(function(f) {
      empty[f[0]] = f[2] === 'checkbox' ? false : (f[2] === 'number' ? 0 : '');
    });
  }
  arr.push(empty);
  sectionRoot[subKey] = arr;
  renderCurrent();
}

function removeSubRow(cardID, subKey, idx) {
  var sec = SECTIONS.find(function(s) { return s.id === cardID; });
  if (!sec) return;
  ced_syncDOMToData(objectData);
  var sectionRoot = objectData[sec.path || ''] || objectData;
  var arr = sectionRoot[subKey] || [];
  arr.splice(idx, 1);
  renderObjectEditor(objectID, objectData);
}

function addKVRow(cardID, subKey) {
  var el = document.querySelector('.obj-kv-list[data-sec="' + cardID + '"][data-key="' + subKey + '"]');
  if (!el) return;
  var row = document.createElement('div');
  row.className = 'obj-kv-row';
  row.innerHTML = '<input value="" placeholder="key" class="obj-kv-key"><input value="0" placeholder="val" class="obj-kv-val"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">X</button>';
  el.appendChild(row);
}

function addDropRow(cardID, subKey, dropType) {
  var sec = SECTIONS.find(function(s) { return s.id === cardID; });
  if (!sec) return;
  var sectionRoot = objectData[sec.path || ''] || objectData;
  var arr = sectionRoot[subKey] || [];
  var st = (sec.subtables || []).find(function(s) { return s.key === subKey; });
  var empty = { _type: (dropType === 'table' ? 't' : 'i') };
  if (st) {
    st.fields.forEach(function(f) {
      empty[f[0]] = f[2] === 'checkbox' ? false : (f[2] === 'number' ? 0 : '');
    });
  }
  empty.weight = 10;
  arr.push(empty);
  sectionRoot[subKey] = arr;
  renderCurrent();
}

function validateDropRow(idx) {
  // No longer needed — drops are either item or table type, never both.
}

function renderCurrent() {
  ced_syncDOMToData(objectData);
  syncGatherToolsFromDOM();
  if (!objectData || !objectID) return;
  renderObjectEditor(objectID, objectData);
}

function showUseInterField(idx, key) {
  window._useInterVis = window._useInterVis || {};
  if (!window._useInterVis[idx]) window._useInterVis[idx] = {};
  window._useInterVis[idx][key] = true;
  renderCurrent();
}

function hideUseInterField(idx, key) {
  window._useInterVis = window._useInterVis || {};
  if (!window._useInterVis[idx]) window._useInterVis[idx] = {};
  window._useInterVis[idx][key] = false;
  ced_syncDOMToData(objectData);
  if (objectData.use_interactions && objectData.use_interactions[idx]) {
    objectData.use_interactions[idx][key] = '';
  }
  renderObjectEditor(objectID, objectData);
}

function showCoreField(key) {
  window._coreVis = window._coreVis || {};
  window._coreVis[key] = true;
  renderCurrent();
}

function hideCoreField(key) {
  window._coreVis = window._coreVis || {};
  window._coreVis[key] = false;
  ced_syncDOMToData(objectData);
  if (key === 'aliases') {
    objectData.aliases = [];
  } else if (key === 'inroom_description') {
    objectData.inroom_description = '';
  } else if (key === 'removal_item') {
    objectData.removal_item = '';
  }
  renderObjectEditor(objectID, objectData);
}

function showGuardMob() {
  window._stealVis = window._stealVis || {};
  window._stealVis.guard_mob = true;
  renderCurrent();
}

function hideGuardMob() {
  window._stealVis = window._stealVis || {};
  window._stealVis.guard_mob = false;
  ced_syncDOMToData(objectData);
  if (objectData.steal) objectData.steal.guard_mob = '';
  renderObjectEditor(objectID, objectData);
}

function toggleUseInterHelp() {
  if (window._useInterHelpCollapsed === undefined) {
    window._useInterHelpCollapsed = false;
  } else {
    window._useInterHelpCollapsed = !window._useInterHelpCollapsed;
  }
  renderCurrent();
}

function toggleOnLookHelp() {
  if (window._onLookHelpCollapsed === undefined) {
    window._onLookHelpCollapsed = false;
  } else {
    window._onLookHelpCollapsed = !window._onLookHelpCollapsed;
  }
  renderCurrent();
}

function toggleGatherConditionals() {
  var skillEl = document.getElementById('f_gather_skill');
  var skill = skillEl ? skillEl.value : '';
  var fishing = skill === 'fishing';
  var wood = skill === 'woodcutting';
  var els = ['exhausted_message', 'depleted_message', 'deplete_timer', 'nest_chance', 'respawn_broadcast', 'respawn_timer'];
  var vis = {exhausted_message: wood, depleted_message: !fishing, deplete_timer: wood, nest_chance: wood, respawn_broadcast: !fishing, respawn_timer: !fishing};
  els.forEach(function(key) {
    var el = document.getElementById('f_gather_' + key);
    if (el) el.closest('.obj-field').style.display = vis[key] ? '' : 'none';
  });
  document.querySelectorAll('[id^="f_gather_drops_"][id$="_depletes"]').forEach(function(el) {
    el.closest('.obj-field').style.display = fishing ? 'none' : '';
  });
  renderCurrent();
}

function setupSearchFields() { ced_setupSearchFields(); }

function selectObjSearchResult(el) { ced_selectSearchResult(el); }

function updateSearchHighlight(results) { ced_updateSearchHighlight(results); }

function validateFields() { return ced_validateFields(SECTIONS, fieldID, fieldIDSub); }

function collectFieldValue(el, type) { return ced_collectFieldValue(el, type); }

function saveObject() {
  if (!validateFields()) return;

  var out = {};

  SECTIONS.forEach(function(sec) {
    if (sec.isArray) {
      var arr = [];
      var card = document.querySelector('.obj-card[data-card="' + sec.id + '"]');
      if (!card) return;
      var rows = card.querySelectorAll('.obj-sub-row');
      rows.forEach(function(row, idx) {
        var item = {};
        sec.fields.forEach(function(f) {
          var fid = fieldID(sec, f[0], idx);
          var el = document.getElementById(fid);
          if (el) item[f[0]] = collectFieldValue(el, f[2]);
        });
        if (Object.keys(item).length > 0) arr.push(item);
      });
      if (arr.length > 0) out[sec.path] = arr;
      return;
    }

    var sectionObj = {};
    var hasValues = sec.always;

    sec.fields.forEach(function(f) {
      var fid = fieldID(sec, f[0]);
      var el = document.getElementById(fid);
      if (!el) return;
      var val = collectFieldValue(el, f[2]);
      if (val !== '' && val !== false && val !== 0 && val !== null) hasValues = true;
      sectionObj[f[0]] = val;
    });

    if (sec.subtables) {
      sec.subtables.forEach(function(st) {
        var items = [];
        for (var i = 0; ; i++) {
          var item = {};
          var found = false;
          st.fields.forEach(function(f) {
            var fid = fieldIDSub(sec, st.key, i, f[0]);
            var el = document.getElementById(fid);
            if (el) found = true;
            if (el) item[f[0]] = collectFieldValue(el, f[2]);
          });
          if (!found) break;
          if (Object.keys(item).length > 0) items.push(item);
        }
        if (st.single) {
          if (items.length > 0) { sectionObj[st.key] = items[0]; hasValues = true; }
        } else {
          if (items.length > 0) { sectionObj[st.key] = items; hasValues = true; }
        }
      });
    }

    if (sec.inline) {
      sec.inline.forEach(function(il) {
        if (il.type === 'tags') {
          var fid = fieldID(sec, il.key);
          var el = document.getElementById(fid);
          if (el && el.value.trim()) {
            sectionObj[il.key] = el.value.split(',').map(function(s) { return s.trim(); }).filter(function(s) { return s; });
            hasValues = true;
          }
        } else if (il.type === 'tools_checkbox') {
          var selects = document.querySelectorAll('.obj-tool-select');
          var tools = [];
          selects.forEach(function(s) { if (s.value) tools.push(s.value); });
          if (tools.length > 0) { sectionObj[il.key] = tools; hasValues = true; }
        } else if (il.type === 'kv') {
          var kvEl = document.querySelector('.obj-kv-list[data-sec="' + sec.id + '"][data-key="' + il.key + '"]');
          if (kvEl) {
            var map = {};
            kvEl.querySelectorAll('.obj-kv-row').forEach(function(row) {
              var keyEl = row.querySelector('.obj-kv-key');
              var valEl = row.querySelector('.obj-kv-val');
              if (keyEl && keyEl.value.trim() && valEl) {
                map[keyEl.value.trim()] = parseFloat(valEl.value) || 0;
              }
            });
            if (Object.keys(map).length > 0) { sectionObj[il.key] = map; hasValues = true; }
          }
        } else {
          var ssec = {};
          var sHas = false;
          il.fields.forEach(function(f) {
            var fp = il.path + '.' + f[0];
            var fid = fieldID(sec, fp);
            var el = document.getElementById(fid);
            if (el) sHas = true;
            if (el) ssec[f[0]] = collectFieldValue(el, f[2]);
          });
          if (sHas) { sectionObj[il.path] = ssec; hasValues = true; }
        }
      });
    }

    if (sec.always) {
      Object.keys(sectionObj).forEach(function(k) { out[k] = sectionObj[k]; });
      if (typeof out.aliases === 'string') {
        out.aliases = out.aliases ? out.aliases.split(',').map(function(s) { return s.trim(); }).filter(function(s) { return s; }) : [];
      }
    } else if (hasValues && sec.path) {
      out[sec.path] = sectionObj;
    } else if (hasValues) {
      Object.keys(sectionObj).forEach(function(k) { out[k] = sectionObj[k]; });
    }
  });

  out.id = objectID;

  API.put('/api/objects/' + encodeURIComponent(objectID), out).then(function(resp) {
    notify('Object ' + objectID + ' saved', 'success');
    updateUndoBar();
    if (resp && resp._raw) {
      objectData._raw = resp._raw;
      var pre = document.querySelector('#tabYaml pre');
      if (pre) pre.textContent = objectData._raw;
    }
  }).catch(function(e) { notify('Save failed: ' + e.message, 'error'); });
}

function duplicateObject() {
  var baseID = objectID + '_copy';
  var newID = baseID;
  var counter = 2;
  while (true) {
    var exists = false;
    for (var i = 0; i < allIDs.length; i++) {
      if (allIDs[i] === newID) { exists = true; break; }
    }
    if (!exists) break;
    newID = baseID + '_' + counter;
    counter++;
  }

  var copy = JSON.parse(JSON.stringify(objectData));
  delete copy._raw;
  delete copy._path;
  copy.id = newID;

  var dir = '';
  if (objectData._path) {
    var parts = objectData._path.split('/');
    var parentDir = parts[parts.length - 2];
    if (parentDir !== 'objects') dir = parentDir;
  }

  API.post('/api/objects', {id: newID}).then(function() {
    var putOp = API.put('/api/objects/' + encodeURIComponent(newID), copy);
    if (dir) {
      return putOp.then(function() {
        return API.post('/api/objects/move', {id: newID, dir: dir});
      });
    }
    return putOp;
  }).then(function() {
    notify('Duplicated as ' + newID, 'success');
    updateUndoBar();
    loadList();
    loadObject(newID);
  }).catch(function(e) { notify('Duplicate failed: ' + e.message, 'error'); });
}

function deleteObject() {
  if (!confirm('Delete object "' + objectID + '"?')) return;
  API.del('/api/objects/' + encodeURIComponent(objectID)).then(function() {
    notify('Object ' + objectID + ' deleted', 'success');
    updateUndoBar();
    objectID = null;
    currentID = null;
    objectData = null;
    $('#editorMain').innerHTML = '<p style="color:#888;text-align:center;margin-top:60px">Deleted</p>';
    loadList();
  }).catch(function(e) { notify('Delete failed: ' + e.message, 'error'); });
}

function loadItem(id) { loadObject(id); }
function createNew() {
  var name = prompt('Object ID:');
  if (!name) return;
  API.post('/api/objects', {id: name}).then(function() {
    notify('Object ' + name + ' created', 'success');
    updateUndoBar();
    loadList();
    loadObject(name);
  }).catch(function(e) { notify('Create failed: ' + e.message, 'error'); });
}