Raw Content

<button 
        class="btn btn-primary" 
        on:click={handleFormat}
        disabled={isFormatting || !inputText.trim()}
      >
        {#if isFormatting}
          <Loader2 class="animate-spin" size={20} />
          {formattingProgress}
        {:else}
          <Sparkles size={20} />
          Format with AI
        {/if}
      </button>

<div class="doc-type-toggle">
        <button 
          class="toggle-btn {docType === 'rfp' ? 'active' : ''}" 
          on:click={() => docType = 'rfp'}
        >
          RFP Format
        </button>
        <button 
          class="toggle-btn {docType === 'contract' ? 'active' : ''}" 
          on:click={() => docType = 'contract'}
        >
          General Contract
        </button>
      </div>
      
      {#if docType === 'contract'}
        <div class="logo-upload-container" style="margin-top: 1rem; display: flex; align-items: center; gap: 1rem;">
          <label class="btn btn-outline" style="cursor: pointer;">
            <input type="file" accept="image/*" on:change={handleLogoUpload} style="display: none;">
            {#if logoBase64}
              Change Logo
            {:else}
              Upload Logo
            {/if}
          </label>
          {#if logoBase64}
            <span style="font-size: 0.9rem; color: green;">Logo Uploaded ✓</span>
            <button class="btn-text" on:click={() => logoBase64 = null} style="color: red; font-size: 0.8rem; margin-left: auto;">Remove</button>
          {/if}
        </div>

{/if}

Formatted Preview

{#if logoBase64 || contractAddress}

{#if logoBase64} Document Logo

{/if}

{#if contractAddress}

{contractAddress}

{/if}

{/if} {#if isFormatting}

{:else if formattedElements.length === 0}

Formatted content will appear here

{:else} {#each formattedElements as el} {#if el.type === 'heading1'}

{#each renderRichText(el.content) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{:else if el.type === 'heading2'}

{#each renderRichText(el.content) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{:else if el.type === 'heading3'}

{#each renderRichText(el.content) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{:else if el.type === 'bulletList' || el.type === 'numberedList'} {#each el.content as item}

{#each renderRichText(stripPrefix(item)) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{/each} {:else if el.type === 'table'} {#each el.content as row} {#each row as cell} {/each} {/each}

{#each renderRichText(cell) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{:else if el.type === 'paragraph'}

{#each renderRichText(el.content) as part} {#if part.type === 'bold'}{part.content}{:else if part.type === 'italic'}{part.content}{:else}{part.content}{/if} {/each}

{/if} {/each} {/if}