voyageai-cli 1.19.2 → 1.20.0

package/src/lib/explanations.js

@@ -676,6 +676,244 @@ const concepts = {
       'vai benchmark space',
     ],
   },
+
+  'multimodal-embeddings': {
+    title: 'Multimodal Embeddings',
+    summary: 'Embed images and text into the same vector space',
+    content: [
+      `${pc.bold('What are multimodal embeddings?')}`,
+      `${pc.cyan('Multimodal embeddings')} encode both text and images into the same vector space.`,
+      `Unlike text-only models, a multimodal model can process a photo, a slide deck,`,
+      `a PDF screenshot, or a mix of text and images — and produce a vector that lives`,
+      `in the ${pc.cyan('same space')} as pure text embeddings.`,
+      ``,
+      `${pc.bold('Why this matters:')}`,
+      `  ${pc.dim('•')} Search images with text queries ("sunset over mountains")`,
+      `  ${pc.dim('•')} Search text with image queries (drop a photo, find matching descriptions)`,
+      `  ${pc.dim('•')} Compare images to text directly with cosine similarity`,
+      `  ${pc.dim('•')} Build RAG pipelines over documents with charts, tables, and figures`,
+      `  ${pc.dim('•')} No OCR or complex document parsing needed — the model sees the visuals`,
+      ``,
+      `${pc.bold('How Voyage AI is different:')}`,
+      `Most multimodal models (CLIP, Cohere, Amazon Titan) use ${pc.cyan('separate encoders')} for`,
+      `text and images — a "text tower" and a "vision tower." This creates a fundamental`,
+      `problem called the ${pc.cyan('modality gap')}: text vectors cluster with other text, and image`,
+      `vectors cluster with other images, regardless of semantic content.`,
+      ``,
+      `Voyage's ${pc.cyan('voyage-multimodal-3.5')} processes both modalities through a ${pc.cyan('single unified')}`,
+      `${pc.cyan('transformer backbone')} — the same architecture used in modern vision-language models,`,
+      `but for vectorization. This eliminates the modality gap and enables true cross-modal`,
+      `search where a text query finds the most relevant image, not just the closest text.`,
+      ``,
+      `${pc.bold('Interleaved inputs:')}`,
+      `Unlike CLIP-style models that accept a single text OR a single image, Voyage`,
+      `multimodal models accept ${pc.cyan('interleaved sequences')} of text and images. You can embed`,
+      `a slide that has a title, a chart, and bullet points as a single input — the`,
+      `model captures the spatial and contextual relationships between all elements.`,
+      ``,
+      `${pc.bold('Supported formats:')} PNG, JPEG, WebP, GIF`,
+      `${pc.bold('Max image size:')} 16 million pixels, 20 MB`,
+      `${pc.bold('Token counting:')} Every 560 pixels ≈ 1 token`,
+    ].join('\n'),
+    links: [
+      'https://blog.voyageai.com/2026/01/15/voyage-multimodal-3-5/',
+      'https://blog.voyageai.com/2024/11/12/voyage-multimodal-3/',
+      'https://docs.voyageai.com/docs/multimodal-embeddings',
+    ],
+    tryIt: [
+      'vai embed --image photo.jpg --model voyage-multimodal-3.5',
+      'vai embed --image chart.png --text "Q4 revenue growth" --model voyage-multimodal-3.5',
+    ],
+  },
+
+  'cross-modal-search': {
+    title: 'Cross-Modal Search',
+    summary: 'Search images with text and text with images',
+    content: [
+      `${pc.bold('What is cross-modal search?')}`,
+      `${pc.cyan('Cross-modal search')} means querying across different data types — for example,`,
+      `typing "a cat sitting on a windowsill" and getting back the most relevant`,
+      `${pc.cyan('photos')} from your collection, or uploading a product photo and finding the`,
+      `most relevant ${pc.cyan('text descriptions')} in your catalog.`,
+      ``,
+      `${pc.bold('How it works:')}`,
+      `  ${pc.dim('1.')} Embed all your content (images, text, or mixed) with a multimodal model`,
+      `  ${pc.dim('2.')} Store the vectors in a database like MongoDB Atlas Vector Search`,
+      `  ${pc.dim('3.')} At query time, embed the query (text or image) with the same model`,
+      `  ${pc.dim('4.')} Find nearest neighbors — results can be any modality`,
+      ``,
+      `${pc.bold('Use cases:')}`,
+      `  ${pc.dim('•')} ${pc.cyan('E-commerce:')} "Show me red running shoes" → product photos`,
+      `  ${pc.dim('•')} ${pc.cyan('Medical:')} Upload an X-ray → find similar cases in the database`,
+      `  ${pc.dim('•')} ${pc.cyan('Legal:')} Search for relevant contract clauses across scanned PDFs`,
+      `  ${pc.dim('•')} ${pc.cyan('Education:')} "Explain photosynthesis" → find diagrams and text explanations`,
+      `  ${pc.dim('•')} ${pc.cyan('Content moderation:')} Check if uploaded images match banned content descriptions`,
+      ``,
+      `${pc.bold('Try it in the Multimodal tab:')}`,
+      `The Cross-Modal Gallery lets you build a mini corpus of images and text, then`,
+      `search across both modalities. Results are ranked by cosine similarity regardless`,
+      `of whether they're images or text — demonstrating true unified search.`,
+      ``,
+      `${pc.bold('The modality gap problem:')}`,
+      `CLIP-style models suffer from a ${pc.cyan('modality gap')} — text and image vectors occupy`,
+      `different regions of the embedding space. A text query like "sunset" will rank`,
+      `${pc.cyan('irrelevant texts')} higher than a ${pc.cyan('perfect sunset photo')}, because the text vectors`,
+      `are geometrically closer to each other regardless of meaning.`,
+      ``,
+      `Voyage's unified backbone eliminates this bias. In benchmarks, voyage-multimodal-3`,
+      `outperforms CLIP by ${pc.cyan('41%')} on figure/table retrieval and ${pc.cyan('27%')} on document screenshots.`,
+    ].join('\n'),
+    links: [
+      'https://docs.voyageai.com/docs/multimodal-embeddings',
+      'https://www.mongodb.com/docs/atlas/atlas-vector-search/vector-search-overview/',
+    ],
+    tryIt: [
+      'vai embed --image product.jpg --model voyage-multimodal-3.5',
+      'vai embed "red running shoes" --model voyage-multimodal-3.5',
+    ],
+  },
+
+  'modality-gap': {
+    title: 'The Modality Gap',
+    summary: 'Why CLIP-style models fail at mixed search — and how Voyage solves it',
+    content: [
+      `${pc.bold('What is the modality gap?')}`,
+      `The ${pc.cyan('modality gap')} is a well-documented phenomenon in CLIP-style multimodal models`,
+      `where text and image embeddings occupy ${pc.cyan('separate regions')} of the vector space, even`,
+      `when they represent the same concept.`,
+      ``,
+      `${pc.bold('Example:')} Given the text "I address you, members of Congress..." and a screenshot`,
+      `of that exact text, a CLIP model will place the screenshot's vector ${pc.cyan('closer to')}`,
+      `${pc.cyan('other random images')} than to the text it literally contains. The vectors cluster`,
+      `by modality (text vs. image), not by meaning.`,
+      ``,
+      `${pc.bold('Why it happens:')}`,
+      `CLIP-style architectures have two ${pc.cyan('independent encoders')} — a text transformer and`,
+      `a vision transformer — that are trained with contrastive learning to align their`,
+      `outputs. But because the encoders are separate, they develop different internal`,
+      `representations that never fully converge. The result is a geometric gap between`,
+      `the two modality clusters.`,
+      ``,
+      `${pc.bold('Consequences for search:')}`,
+      `  ${pc.dim('•')} Text queries retrieve ${pc.cyan('irrelevant text')} over ${pc.cyan('relevant images')}`,
+      `  ${pc.dim('•')} Image queries retrieve ${pc.cyan('irrelevant images')} over ${pc.cyan('relevant text')}`,
+      `  ${pc.dim('•')} You essentially get two separate search systems, not one unified one`,
+      `  ${pc.dim('•')} Cosine similarity across modalities is not meaningful`,
+      ``,
+      `${pc.bold('How Voyage AI solves this:')}`,
+      `${pc.cyan('voyage-multimodal-3.5')} uses a ${pc.cyan('single transformer backbone')} that processes both`,
+      `text and images through the same network — similar to modern vision-language`,
+      `models (GPT-4V, Claude), but optimized for vectorization instead of generation.`,
+      ``,
+      `Because there's one encoder, not two, text and image vectors occupy the ${pc.cyan('same')}`,
+      `region of the embedding space. A sunset photo and the text "sunset over the`,
+      `ocean" are geometrically close — as they should be.`,
+      ``,
+      `This is why Voyage multimodal models outperform CLIP by ${pc.cyan('40%+')} on cross-modal`,
+      `retrieval benchmarks. The gap simply doesn't exist.`,
+    ].join('\n'),
+    links: [
+      'https://arxiv.org/abs/2203.02053',
+      'https://blog.voyageai.com/2024/11/12/voyage-multimodal-3/',
+    ],
+    tryIt: [],
+  },
+
+  'multimodal-rag': {
+    title: 'Multimodal RAG',
+    summary: 'Build RAG pipelines over documents with images, charts, and tables',
+    content: [
+      `${pc.bold('What is multimodal RAG?')}`,
+      `Traditional RAG extracts text from documents, embeds it, and retrieves relevant`,
+      `chunks to augment LLM prompts. ${pc.cyan('Multimodal RAG')} extends this to documents that`,
+      `contain images, charts, tables, and complex layouts — without requiring OCR or`,
+      `text extraction.`,
+      ``,
+      `${pc.bold('The traditional approach (fragile):')}`,
+      `  ${pc.dim('1.')} Extract text from PDF (OCR, pdftotext, etc.)`,
+      `  ${pc.dim('2.')} Hope the table structure is preserved (it usually isn't)`,
+      `  ${pc.dim('3.')} Lose all charts, figures, and spatial layout`,
+      `  ${pc.dim('4.')} Embed the extracted text`,
+      `  ${pc.dim('5.')} Retrieve and pray the LLM understands the mangled tables`,
+      ``,
+      `${pc.bold('The multimodal approach (robust):')}`,
+      `  ${pc.dim('1.')} Screenshot each page of the PDF (or each slide, each figure)`,
+      `  ${pc.dim('2.')} Embed the screenshots directly with ${pc.cyan('voyage-multimodal-3.5')}`,
+      `  ${pc.dim('3.')} The model "reads" text, charts, tables, and layout natively`,
+      `  ${pc.dim('4.')} Search with text queries — "What was Q4 revenue?" finds the right chart`,
+      `  ${pc.dim('5.')} Pass the retrieved screenshot + query to a vision-capable LLM`,
+      ``,
+      `${pc.bold('Why it works:')}`,
+      `Voyage's multimodal model captures ${pc.cyan('visual features')} that text extraction loses:`,
+      `  ${pc.dim('•')} Font size and emphasis (headings vs. body text)`,
+      `  ${pc.dim('•')} Spatial layout (sidebars, columns, captions)`,
+      `  ${pc.dim('•')} Chart structure (bar charts, line graphs, pie charts)`,
+      `  ${pc.dim('•')} Table formatting (rows, columns, headers)`,
+      `  ${pc.dim('•')} Diagrams and flowcharts`,
+      ``,
+      `${pc.bold('Best practices:')}`,
+      `  ${pc.dim('•')} Use ${pc.cyan('input_type: "document"')} when embedding corpus pages/slides`,
+      `  ${pc.dim('•')} Use ${pc.cyan('input_type: "query"')} when embedding the user's search query`,
+      `  ${pc.dim('•')} Keep images under 16M pixels (resize if needed)`,
+      `  ${pc.dim('•')} For long PDFs, embed each page separately for granular retrieval`,
+      `  ${pc.dim('•')} Combine with text chunks for hybrid multimodal+text retrieval`,
+    ].join('\n'),
+    links: [
+      'https://docs.voyageai.com/docs/multimodal-embeddings',
+      'https://www.mongodb.com/docs/atlas/atlas-vector-search/tutorials/',
+    ],
+    tryIt: [
+      'vai embed --image slide1.png --input-type document --model voyage-multimodal-3.5',
+      'vai embed "What was Q4 revenue?" --input-type query --model voyage-multimodal-3.5',
+    ],
+  },
+
+  'rerank-eval': {
+    title: 'Reranking Evaluation — nDCG, Recall, MRR for Rerankers',
+    summary: 'Measure how well a reranker surfaces relevant documents',
+    content: [
+      `${pc.bold('What is reranking evaluation?')}`,
+      `After an initial retrieval step (vector search, BM25, etc.) returns candidate`,
+      `documents, a reranker re-orders them by relevance. Evaluation measures how well`,
+      `the reranker puts the truly relevant documents at the top of the list.`,
+      ``,
+      `${pc.bold('Key metrics:')}`,
+      `  ${pc.dim('•')} ${pc.cyan('nDCG@K')} — Normalized Discounted Cumulative Gain. Measures ranking quality`,
+      `    with position-weighted scoring. A result at rank 1 matters more than rank 10.`,
+      `    Range: 0.0 (worst) to 1.0 (perfect). The standard metric for reranker leaderboards.`,
+      `  ${pc.dim('•')} ${pc.cyan('Recall@K')} — What fraction of relevant documents appear in the top K?`,
+      `    Recall@5 = 0.8 means 80% of relevant docs are in the top 5.`,
+      `  ${pc.dim('•')} ${pc.cyan('MRR')} — Mean Reciprocal Rank. 1/position of the first relevant result.`,
+      `    MRR = 1.0 means every query's first result is relevant.`,
+      `  ${pc.dim('•')} ${pc.cyan('MAP')} — Mean Average Precision. Area under the precision-recall curve.`,
+      `  ${pc.dim('•')} ${pc.cyan('P@K')} — Precision at K. Fraction of top-K results that are relevant.`,
+      ``,
+      `${pc.bold('Test set format (JSONL):')}`,
+      `  ${pc.dim('{"query": "...", "documents": ["doc1", "doc2", ...], "relevant": [0, 2]}')}`,
+      `  • ${pc.cyan('query')} — The search query`,
+      `  • ${pc.cyan('documents')} — Candidate documents to rerank`,
+      `  • ${pc.cyan('relevant')} — Indices into documents array that are relevant`,
+      ``,
+      `${pc.bold('Comparing rerankers:')}`,
+      `Use ${pc.cyan('--models')} to compare multiple rerank models side by side.`,
+      `The evaluation shows nDCG, Recall, latency, cost, and ranking agreement.`,
+      `High agreement (>80%) on top-5 rankings suggests the cheaper model is sufficient.`,
+      ``,
+      `${pc.bold('How this relates to embedding eval:')}`,
+      `  ${pc.dim('•')} ${pc.cyan('vai eval')} (default) evaluates the full pipeline: embed → search → (rerank)`,
+      `  ${pc.dim('•')} ${pc.cyan('vai eval --mode rerank')} evaluates reranking in isolation`,
+      `  Use both: first optimize your embedding retrieval, then optimize reranking.`,
+    ].join('\n'),
+    links: [
+      'https://agentset.ai/rerankers',
+      'https://en.wikipedia.org/wiki/Discounted_cumulative_gain',
+    ],
+    tryIt: [
+      'vai eval --mode rerank --test-set rerank-test.jsonl',
+      'vai eval --mode rerank --models "rerank-2.5,rerank-2.5-lite" --test-set test.jsonl',
+      'vai eval --mode rerank --test-set test.jsonl --json',
+    ],
+  },
 };
 
 /**
@@ -750,6 +988,32 @@ const aliases = {
   'open-weight': 'voyage-4-nano',
   huggingface: 'voyage-4-nano',
   local: 'voyage-4-nano',
+  multimodal: 'multimodal-embeddings',
+  'multimodal-embeddings': 'multimodal-embeddings',
+  'multimodal-3': 'multimodal-embeddings',
+  'multimodal-3.5': 'multimodal-embeddings',
+  'voyage-multimodal': 'multimodal-embeddings',
+  'voyage-multimodal-3': 'multimodal-embeddings',
+  'voyage-multimodal-3.5': 'multimodal-embeddings',
+  'image-embedding': 'multimodal-embeddings',
+  'image-embeddings': 'multimodal-embeddings',
+  'cross-modal': 'cross-modal-search',
+  'cross-modal-search': 'cross-modal-search',
+  'crossmodal': 'cross-modal-search',
+  'image-search': 'cross-modal-search',
+  'modality-gap': 'modality-gap',
+  'modality gap': 'modality-gap',
+  clip: 'modality-gap',
+  'multimodal-rag': 'multimodal-rag',
+  'visual-rag': 'multimodal-rag',
+  'document-screenshot': 'multimodal-rag',
+  'pdf-rag': 'multimodal-rag',
+  'rerank-eval': 'rerank-eval',
+  'reranking-eval': 'rerank-eval',
+  ndcg: 'rerank-eval',
+  recall: 'rerank-eval',
+  mrr: 'rerank-eval',
+  'eval-rerank': 'rerank-eval',
 };
 
 /**

package/src/playground/icons/glyphs/Bulb.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3311 8.5C12.7565 7.76457 13 6.91072 13 6C13 3.23858 10.7614 1 8 1C5.23858 1 3 3.23858 3 6C3 6.94628 3.26287 7.83117 3.71958 8.58561L5.40749 11.501C5.58628 11.8099 5.91607 12 6.27291 12H6.5V6C6.5 5.17157 7.17157 4.5 8 4.5C8.82843 4.5 9.5 5.17157 9.5 6V12H9.72368C10.0793 12 10.4082 11.8111 10.5874 11.5039L12.34 8.5H12.3311Z" fill="#000000"/>
+<path d="M7.5 6V12H8.5V6C8.5 5.72386 8.27614 5.5 8 5.5C7.72386 5.5 7.5 5.72386 7.5 6Z" fill="#000000"/>
+<path d="M10 14V13H6V14C6 14.5523 6.44772 15 7 15H9C9.55228 15 10 14.5523 10 14Z" fill="#000000"/>
+</svg>

package/src/playground/icons/glyphs/Config.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path d="M12.7 2.56989C12.41 2.56989 12.17 2.80989 12.17 3.09989V4.34989L11.32 3.49989C9.21 1.39989 5.75 1.51989 3.78 3.75989C2.65 5.03989 2.23 6.82989 2.68 8.48989C3.24 10.5299 4.98 12.0099 7.08 12.2299L8.1 12.3399C8.42 13.2799 9.3 13.9499 10.34 13.9499C11.65 13.9499 12.71 12.8899 12.71 11.5799C12.71 10.2699 11.65 9.20989 10.34 9.20989C9.14 9.20989 8.16 10.0999 8 11.2599L7.19 11.1799C5.53 11.0099 4.14 9.82989 3.7 8.21989C3.34 6.90989 3.67 5.48989 4.58 4.46989C6.15 2.68989 8.9 2.59989 10.57 4.26989L11.42 5.11989H10.17C9.88 5.11989 9.64 5.35989 9.64 5.64989C9.64 5.93989 9.88 6.17989 10.17 6.17989H12.71C13 6.17989 13.24 5.93989 13.24 5.64989V3.09989C13.24 2.80989 13 2.56989 12.71 2.56989H12.7ZM10.34 10.3099C11.04 10.3099 11.6 10.8799 11.6 11.5699C11.6 12.2599 11.03 12.8299 10.34 12.8299C9.65 12.8299 9.08 12.2599 9.08 11.5699C9.08 10.8799 9.65 10.3099 10.34 10.3099Z" fill="#000"/>
+</svg>

package/src/playground/icons/glyphs/Gauge.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.041 10.2514C0.996713 10.6632 1.33666 11 1.75088 11H4.2449C4.65912 11 4.98569 10.6591 5.08798 10.2577C5.22027 9.73864 5.49013 9.25966 5.87533 8.87446C6.43906 8.31073 7.20364 7.99403 8.00088 7.99403C8.27011 7.99403 8.53562 8.03015 8.79093 8.0997L11.7818 5.10887C10.6623 4.39046 9.35172 4 8.00088 4C6.14436 4 4.36388 4.7375 3.05113 6.05025C1.91604 7.18534 1.21104 8.67012 1.041 10.2514Z" fill="#000000"/>
+<path d="M13.2967 6.42237L10.455 9.26409C10.6678 9.56493 10.8231 9.90191 10.9138 10.2577C11.0161 10.6591 11.3426 11 11.7568 11L14.2509 11C14.6651 11 15.005 10.6632 14.9608 10.2514C14.8087 8.83759 14.229 7.50093 13.2967 6.42237Z" fill="#000000"/>
+</svg>

package/src/playground/icons/glyphs/InfoWithCircle.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM9 4C9 4.55228 8.55228 5 8 5C7.44772 5 7 4.55228 7 4C7 3.44772 7.44772 3 8 3C8.55228 3 9 3.44772 9 4ZM8 6C8.55228 6 9 6.44772 9 7V11H9.5C9.77614 11 10 11.2239 10 11.5C10 11.7761 9.77614 12 9.5 12H6.5C6.22386 12 6 11.7761 6 11.5C6 11.2239 6.22386 11 6.5 11H7V7H6.5C6.22386 7 6 6.77614 6 6.5C6 6.22386 6.22386 6 6.5 6H8Z" fill="#000000"/>
+</svg>

package/src/playground/icons/glyphs/LightningBolt.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.22274 1.99296C9.22274 1.49561 8.56293 1.31233 8.30107 1.73667L4.07384 8.58696C3.87133 8.91513 4.10921 9.33717 4.49748 9.33717H6.77682L6.77682 14.0066C6.77682 14.504 7.43627 14.6879 7.69813 14.2635L11.9262 7.4118C12.1288 7.08363 11.8903 6.66244 11.5021 6.66244H9.22274V1.99296Z" fill="#000000"/>
+</svg>

package/src/playground/icons/glyphs/MagnifyingGlass.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.3234 9.81874C4.07618 11.5715 6.75062 11.8398 8.78588 10.6244L12.93 14.7685C13.4377 15.2762 14.2608 15.2762 14.7685 14.7685C15.2762 14.2608 15.2762 13.4377 14.7685 12.93L10.6244 8.78588C11.8398 6.75062 11.5715 4.07619 9.81873 2.32341C7.74896 0.253628 4.39318 0.253628 2.3234 2.32341C0.253624 4.39319 0.253624 7.74896 2.3234 9.81874ZM7.98026 4.16188C9.03467 5.2163 9.03467 6.92585 7.98026 7.98026C6.92584 9.03468 5.2163 9.03468 4.16188 7.98026C3.10746 6.92585 3.10746 5.2163 4.16188 4.16188C5.2163 3.10747 6.92584 3.10747 7.98026 4.16188Z" fill="#000000"/>
+</svg>

package/src/playground/icons/glyphs/MultiDirectionArrow.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 8.57279V13.4272C5 13.9565 4.39241 14.2015 4.0721 13.8014L2.12898 11.3742C1.95701 11.1594 1.95701 10.8406 2.12898 10.6258L4.0721 8.19856C4.39241 7.79846 5 8.04351 5 8.57279Z" fill="#000000"/>
+<path d="M5 10H12.5C12.7761 10 13 10.2239 13 10.5V11.5C13 11.7761 12.7761 12 12.5 12H5V10Z" fill="#000000"/>
+<path d="M11 7.42721V2.57279C11 2.04351 11.6076 1.79846 11.9279 2.19856L13.871 4.62577C14.043 4.84058 14.043 5.15942 13.871 5.37423L11.9279 7.80144C11.6076 8.20154 11 7.95649 11 7.42721Z" fill="#000000"/>
+<path d="M3 4.5C3 4.22386 3.22386 4 3.5 4H11V6H3.5C3.22386 6 3 5.77614 3 5.5V4.5Z" fill="#000000"/>
+</svg>