feat: enhance documentation and UI with improved copy functionality and styling adjustments

Author: srimon12

docs/_layouts/default.html

@@ -68,6 +68,30 @@
               btn.textContent = 'Copy';
               btn.classList.remove('copied');
             }, 2000);
+          }).catch(() => {
+            const ta = document.createElement('textarea');
+            ta.value = text;
+            ta.style.position = 'fixed';
+            ta.style.opacity = '0';
+            document.body.appendChild(ta);
+            ta.select();
+            try {
+              document.execCommand('copy');
+              btn.textContent = 'Copied!';
+              btn.classList.add('copied');
+              setTimeout(() => {
+                btn.textContent = 'Copy';
+                btn.classList.remove('copied');
+              }, 2000);
+            } catch (e) {
+              btn.textContent = 'Copy failed';
+              btn.classList.add('copy-error');
+              setTimeout(() => {
+                btn.textContent = 'Copy';
+                btn.classList.remove('copy-error');
+              }, 2000);
+            }
+            document.body.removeChild(ta);
           });
         });
 

docs/assets/css/style.css

@@ -110,21 +110,36 @@ body {
 .main-content {
   flex: 1;
   margin-left: 260px;
-  padding: 40px 48px;
-  max-width: 1000px;
+  padding: 48px 48px 40px;
+  min-width: 0;
+  max-width: 1440px;
 }
 
 .content-wrapper {
-  max-width: 800px;
+  max-width: 1200px;
 }
 
 .content-wrapper h1 {
-  font-size: 2.5rem;
+  font-size: 2.8rem;
   color: #f0f6fc;
   margin-top: 0;
-  margin-bottom: 24px;
+  margin-bottom: 16px;
   border-bottom: 1px solid #21262d;
-  padding-bottom: 12px;
+  padding-bottom: 16px;
+}
+
+.content-wrapper h1 + p {
+  font-size: 1.15rem;
+  color: #8b949e;
+  margin-top: 0;
+  margin-bottom: 8px;
+}
+
+.content-wrapper h1 + p + hr {
+  margin-top: 20px;
+  margin-bottom: 32px;
+  border: none;
+  border-top: 1px solid #21262d;
 }
 
 .content-wrapper h2 {
@@ -164,12 +179,12 @@ body {
 }
 
 .content-wrapper pre {
-  background: #010409;
+  background: #161b22;
   border: 1px solid #30363d;
   border-radius: 8px;
-  padding: 16px;
+  padding: 20px;
   overflow-x: auto;
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   line-height: 1.5;
   margin: 0;
 }
@@ -191,7 +206,9 @@ body {
   transition: opacity 0.2s, background 0.2s, color 0.2s, border-color 0.2s;
 }
 
-.code-wrapper:hover .copy-btn {
+.code-wrapper:hover .copy-btn,
+.code-wrapper:focus-within .copy-btn,
+.copy-btn:focus {
   opacity: 1;
 }
 
@@ -208,7 +225,7 @@ body {
 }
 
 .content-wrapper code {
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
   background: #161b22;
   padding: 0.2em 0.4em;
   border-radius: 6px;

docs/collections.md

@@ -5,6 +5,8 @@ title: "Collections & Quantization"
 
 # Managing Collections
 
+Create, list, inspect, configure, and delete Qdrant collections with optional quantization for memory optimization.
+
 ---
 
 ## SHOW COLLECTIONS — list collections

docs/reference.md

@@ -5,6 +5,8 @@ title: "Reference"
 
 # Reference — Models, Config, Project Structure, Errors
 
+Default embedding models, configuration parameters, project layout, and common error codes for troubleshooting.
+
 ---
 
 ## Embedding Models

docs/search.md

@@ -5,6 +5,8 @@ title: "SEARCH / SELECT / RECOMMEND"
 
 # SEARCH, SELECT, SCROLL, RECOMMEND, Hybrid Search & Reranking
 
+QQL supports semantic (dense), sparse (BM25/SPLADE), and hybrid search with optional reranking, SELECT for point retrieval, SCROLL for pagination, and RECOMMEND for example-driven discovery.
+
 ---
 
 ## SEARCH — find similar points

examples_and_applications/healthcare_conversation_rag/README.md

@@ -23,7 +23,7 @@ This application loads a dataset of doctor-patient conversations into Qdrant and
 # Install dependencies
 pip install -e ../..  # install qql from the repo root
 
-# Or install from pyproject.toml
+# Or install from PyPI
 pip install qql-cli datasets agno ollama openai
 ```
 
@@ -74,15 +74,15 @@ python main.py
 
 The agent will launch and you can ask medical questions in natural language. For example:
 
-```
+```text
 hi doctor I am just wondering what does abutment of the nerve root mean in a back issue please explain what treatment is required for annular bulging and tear
 ```
 
 The agent will call `search_medical_records` to retrieve relevant conversation context from Qdrant, then generate a response.
 
 ## Project Structure
 
-```
+```text
 healthcare_conversation_rag/
 ├── main.py              # AI agent with search tool
 ├── create_dataset.py    # Generates .qql file from HuggingFace dataset
@@ -119,7 +119,7 @@ healthcare_conversation_rag/
 **Adjust search params** — modify the `WITH { ... }` block in `main.py:search_medical_records()`:
 
 ```python
-query = f"SEARCH medical_records SIMILAR TO '{question}' LIMIT {LIMIT} WITH {{ hnsw_ef: 128, mmr_diversity: 0.5, mmr_candidates: 50}}"
+query = f"SEARCH doctor_patient_conversation SIMILAR TO '{question}' LIMIT {LIMIT} WITH {{ hnsw_ef: 128, mmr_diversity: 0.5, mmr_candidates: 50}}"
 ```
 
 **Use a different model** — change the `Ollama(id=...)` in `main.py`.