Function renderTips

public/js/aiChat.js:531–576

()

  };

  const renderTips = () => {
    if (!tipsBodyEl) return;
    tipsBodyEl.innerHTML = '';
    const groups = getTipGroups();
    groups.forEach((group) => {
      const section = document.createElement('div');
      section.style.display = 'flex';
      section.style.flexDirection = 'column';
      section.style.gap = '6px';

      const title = document.createElement('div');
      title.style.fontSize = '11px';
      title.style.fontWeight = '700';
      title.style.letterSpacing = '.05em';
      title.style.textTransform = 'uppercase';
      title.style.opacity = '.74';
      title.textContent = group.title;
      section.appendChild(title);

      const rail = document.createElement('div');
      rail.style.display = 'flex';
      rail.style.gap = '8px';
      rail.style.flexWrap = 'wrap';

      group.items.forEach((item) => {
        const btn = document.createElement('button');
        btn.type = 'button';
        btn.className = 'btn btn-sm btn-light';
        btn.style.borderRadius = '999px';
        btn.style.padding = '4px 10px';
        btn.style.fontSize = '11px';
        btn.style.lineHeight = '1.2';
        btn.textContent = String(item.label || '');
        btn.title = String(item.prompt || '');
        btn.addEventListener('click', () => insertTipPrompt(item.prompt));
        rail.appendChild(btn);
      });

      section.appendChild(rail);
      tipsBodyEl.appendChild(section);
    });

    if (tipsSummaryEl) {
      tipsSummaryEl.textContent = `${groups.length} example groups`;
    }
  };

  const renderRecipeRail = () => {
    if (!recipeRailEl) return;