refactor(wysiwyg): Clean up code and ensure drag-drop works with programmatic rendering

- Update drag handler to work without requestUpdate calls
- Remove duplicate modal methods (using WysiwygModalManager)
- Clean up unused imports and methods
- Ensure all DOM updates are programmatic
- Add comprehensive test files for all features
- Follow separation of concerns principles

ts_web/elements/wysiwyg/dees-input-wysiwyg.ts

@@ -17,8 +17,6 @@ import {
   wysiwygStyles,
   WysiwygConverters,
   WysiwygShortcuts,
-  WysiwygBlocks,
-  type ISlashMenuItem,
   WysiwygFormatting,
   WysiwygBlockOperations,
   WysiwygInputHandler,
@@ -1027,79 +1025,5 @@ export class DeesInputWysiwyg extends DeesInputBase<string> {
     });
   }
 
-  private async showBlockSettingsModal(block: IBlock): Promise<void> {
-    let content: TemplateResult;
-    
-    if (block.type === 'code') {
-      const currentLanguage = block.metadata?.language || 'plain text';
-      content = html`
-        <style>
-          .settings-section {
-            margin-bottom: 16px;
-          }
-          .settings-label {
-            font-weight: 500;
-            margin-bottom: 8px;
-          }
-          .language-grid {
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 8px;
-          }
-          .language-button {
-            padding: 8px;
-            background: var(--dees-color-box);
-            border: 1px solid var(--dees-color-line-bright);
-            border-radius: 4px;
-            cursor: pointer;
-            text-align: center;
-            transition: all 0.2s;
-          }
-          .language-button:hover {
-            background: var(--dees-color-box-highlight);
-            border-color: var(--dees-color-primary);
-          }
-          .language-button.selected {
-            background: var(--dees-color-primary);
-            color: white;
-          }
-        </style>
-        <div class="settings-section">
-          <div class="settings-label">Programming Language</div>
-          <div class="language-grid">
-            ${['JavaScript', 'TypeScript', 'Python', 'Java', 'C++', 'C#', 'Go', 'Rust', 'HTML', 'CSS', 'SQL', 'Shell', 'JSON', 'YAML', 'Markdown', 'Plain Text'].map(lang => html`
-              <div class="language-button ${currentLanguage === lang.toLowerCase() ? 'selected' : ''}" 
-                @click="${(e: MouseEvent) => {
-                  if (!block.metadata) block.metadata = {};
-                  block.metadata.language = lang.toLowerCase();
-                  this.updateValue();
-                  this.requestUpdate();
-                  // Find and click the close button
-                  const modal = (e.target as HTMLElement).closest('dees-modal');
-                  if (modal) {
-                    const closeButton = modal.shadowRoot?.querySelector('.bottomButton') as HTMLElement;
-                    if (closeButton) closeButton.click();
-                  }
-                }}">${lang}</div>
-            `)}
-          </div>
-        </div>
-      `;
-    } else {
-      content = html`<div style="padding: 16px;">No settings available for this block type.</div>`;
-    }
-    
-    DeesModal.createAndShow({
-      heading: 'Block Settings',
-      content,
-      menuOptions: [
-        {
-          name: 'Close',
-          action: async (modal) => {
-            modal.destroy();
-          }
-        }
-      ]
-    });
-  }
+  // Modal methods have been moved to WysiwygModalManager
 }