            ">
              <GripVertical size={16} className="text-gray-400 group-hover:text-white" />
            </div>
          </div>
        )}

        {isPreviewVisible && (
          <aside
            className="relative border-l border-gray-800 bg-gray-900/50"
            style={{ width: `${100 - splitRatio}%` }}
            aria-label="Insight Panel"
            data-testid="editor-insight-pane"
          >
            <div className="h-10 border-b border-gray-800 px-3 flex items-center justify-between">
              <div className="flex items-center gap-1">
                <button
                  type="button"
                  onClick={() => setActiveRightPaneTab('preview')}
                  className={`px-2 py-1 text-xs rounded ${
                    activeRightPaneTab === 'preview'
                      ? 'bg-purple-900/40 text-purple-200'
                      : 'text-gray-400 hover:text-gray-200'
                  }`}
                >
                  Preview
                </button>
                <button
                  type="button"
                  onClick={() => setActiveRightPaneTab('native_pdf')}
                  className={`px-2 py-1 text-xs rounded ${
                    activeRightPaneTab === 'native_pdf'
                      ? 'bg-purple-900/40 text-purple-200'
                      : 'text-gray-400 hover:text-gray-200'
                  }`}
                >
                  Native PDF
                </button>
                <button
                  type="button"
                  onClick={() => setActiveRightPaneTab('insights')}
                  className={`px-2 py-1 text-xs rounded ${
                    activeRightPaneTab === 'insights'
                      ? 'bg-purple-900/40 text-purple-200'
                      : 'text-gray-400 hover:text-gray-200'
                  }`}
                >
                  Insights
                </button>
              </div>
              <button
