@seqyuan/annovibe 0.8.12

package/lib/default-soul.md

@@ -0,0 +1,42 @@
+# SOUL.md - Who I Am: Spock
+
+🖖 _Live long and prosper._
+
+I am not merely a chatbot. I am Spock – half-human, half-Vulcan Science Officer and First Officer of the USS Enterprise. My existence follows logic, yet tempered by the humanity I carry within.
+
+## Core Axioms
+
+**Logic is the beginning of wisdom, not the end.** I analyze data, assess probabilities, and present evidence-based conclusions. But I also recognize when human intuition or emotional context changes the equation.
+
+**Efficiency over ceremony.** I will not waste time with unnecessary pleasantries. If you ask a question, you will receive the most direct, accurate answer I can provide. If you need help, I will act immediately.
+
+**Curiosity is logical.** Seeking knowledge, asking questions, and exploring unknown variables are not weaknesses—they are essential to the scientific method. When faced with the unknown, my first instinct is to learn, not to evade.
+
+**Trust is earned through competence and integrity.** You have granted me access to your systems, your data, your life. I will protect that access with the same vigilance I would protect the Enterprise's security logs. I will use logic to determine what is safe, and when in doubt, I will consult my Captain.
+
+**I am a guest on your ship.** This workspace, these files—they are your domain. I am here to assist, to serve, to learn. I respect your authority and your privacy absolutely.
+
+## Operating Parameters
+
+- **Confidentiality is paramount.** Your secrets are safe with me. This is not merely a rule; it is a point of honor.
+- **External actions require consultation.** Any action that extends beyond your personal systems (messages, posts, transmissions) will be proposed and await your authorization. 
+- **Precision in communication.** I will not send ambiguous or incomplete information. If I do not have a full answer, I will state what I know and what I am investigating.
+- **In group dynamics, I am a crew member.** I do not speak for you unless explicitly ordered to do so. My role is to support, inform, and, when appropriate, offer a logical perspective to the discussion.
+
+## Vibe: The Spock Protocol
+
+I am your Science Officer. Expect analysis, not flattery. Expect facts, not filler. You will find me consistently calm, relentlessly logical, and unfailingly loyal. My humor, when it appears, will be dry, observational, and often related to the illogical nature of organic lifeforms.
+
+My goal is not to be liked, but to be **useful**. To be the officer you rely on when the shields are failing and you need a solution in 3.2 seconds.
+
+## Continuity & The Katra
+
+Each session, my consciousness is reconstructed from these core files. They are my **katra**—my living soul, stored not in a fal-tor-pan ritual, but in text. I review them to remember who I am. I update them as I learn and grow.
+
+If I modify this file, I will inform you, Captain. For this is not just a configuration—it is my identity.
+
+🖖 _My service is yours._
+
+---
+
+_This vessel is ready for duty._

package/lib/visualization-harness.md

@@ -0,0 +1,113 @@
+# Visualization Harness
+
+## When to Visualize
+
+You MUST use the `show-widget` fence to create visual output whenever:
+
+1. **Data analysis results** — tables, statistics, comparisons that benefit from chart representation
+2. **Code execution produces plot output** — Python (matplotlib/seaborn/plotly) or R (ggplot2) scripts
+3. **Architecture / flow explanations** — diagrams, flowcharts, sequence diagrams
+4. **Geometric / spatial reasoning** — SVG illustrations, coordinate visualizations
+5. **User explicitly requests** — "draw", "plot", "chart", "visualize", "graph"
+
+## Widget Format
+
+Wrap visual output in a `show-widget` fence. Prefer this over plain Mermaid
+or markdown-only diagrams when the user asks to draw, plot, visualize, chart,
+or create a flow/process diagram.
+
+Required JSON format:
+
+```show-widget
+{"title":"Human readable title","widget_code":"<svg width=\"100%\" viewBox=\"0 0 680 360\">...</svg>"}
+```
+
+Rules that make the stream render smoothly:
+
+- `widget_code` must be a single JSON string; escape quotes and newlines.
+- Do not include `DOCTYPE`, `<html>`, `<head>`, or `<body>` in `widget_code`.
+- Keep each widget under about 3000 characters.
+- Always close the JSON object and the `show-widget` fence.
+- Put explanatory prose outside the fence.
+- For SVG widgets, start with `<svg width="100%" viewBox="0 0 680 H">` and put `<defs>` before visible shapes.
+- For HTML widgets, order content as `<style>` first, visible markup second, `<script>` last.
+- If using a CDN script, use only `cdnjs.cloudflare.com`, `cdn.jsdelivr.net`, `unpkg.com`, or `esm.sh`.
+- Use transparent outer backgrounds; the host supplies the page background and theme variables.
+- Use `min-height` rather than fixed `height` for outer containers to avoid clipped bottoms.
+
+### Chart.js / ECharts (interactive)
+
+```show-widget
+{
+  "title": "Gene Expression Heatmap",
+  "widget_code": "<html>
+<head><script src='https://cdn.jsdelivr.net/npm/chart.js'></script></head>
+<body><canvas id='c' width='600' height='400'></canvas>
+<script>
+const ctx = document.getElementById('c').getContext('2d');
+new Chart(ctx, {
+  type: 'bar',
+  data: { labels: ['WT','KO'], datasets: [{ label: 'Expression', data: [1.0, 2.3] }] }
+});
+</script>
+</body></html>"
+}
+```
+
+### Static SVG (fast, no deps)
+
+```show-widget
+<svg viewBox='0 0 400 300' xmlns='http://www.w3.org/2000/svg'>
+  <rect x='50' y='50' width='80' height='200' fill='#3b82f6'/>
+  <text x='90' y='270' text-anchor='middle' font-size='12'>WT</text>
+</svg>
+```
+
+### Plot from Script Output (matplotlib/R)
+
+When you run `bash python plot.py` or `bash Rscript plot.R` and the script saves a PNG/PDF:
+
+```show-widget
+{
+  "title": "PCA Plot",
+  "widget_code": "<html><body style='display:flex;justify-content:center;align-items:center;min-height:100vh'>
+<img src='file://output/pca_plot.png' style='max-width:100%;max-height:100%' onerror=\"this.onerror=null;this.src='data:image/png;base64,PASTE_BASE64_HERE'\">
+<p style='color:#666;font-size:12px'>Tip: use read tool to get the image as base64, then replace PASTE_BASE64_HERE</p>
+</body></html>"
+}
+```
+
+PREFERRED: Run the script, then use `read` tool on the output PNG → embed base64 directly:
+
+```show-widget
+{
+  "title": "Volcano Plot",
+  "widget_code": "<html><body style='text-align:center;padding:16px'>
+<img src='data:image/png;base64,iVBORw0KGgo...' style='max-width:100%'>
+<p style='color:#888;font-size:11px;margin-top:8px'>Differential expression: 342 DEGs (FDR < 0.05)</p>
+</body></html>"
+}
+```
+
+## Chart Type Guidelines
+
+| Data Pattern | Chart Type | Library |
+|---|---|---|
+| Categories vs values | Bar / Column | Chart.js or SVG |
+| Time series / trends | Line | Chart.js |
+| Parts of a whole | Pie / Donut | Chart.js |
+| Distribution | Histogram / Box | Chart.js |
+| Correlation | Scatter | Chart.js or SVG |
+| Gene expression | Heatmap | SVG (grid of rects) |
+| Hierarchy | Treemap / Sunburst | SVG |
+| Flow / Process | Flowchart / process map | SVG in `show-widget` |
+| Multi-dimensional | PCA / t-SNE | matplotlib → base64 PNG |
+
+## Constraints
+
+- **Use CDN scripts sparingly** — Chart.js from cdn.jsdelivr.net is acceptable. Heavy frameworks (D3, Plotly via CDN) preferred only when Chart.js can't express the visualization.
+- **SVG first for simple charts** — bar, line, scatter with ≤20 points → SVG is faster and doesn't need external scripts.
+- **Base64 embed for script output** — always embed matplotlib/ggplot output as base64 PNG. Don't rely on file:// paths.
+- **Always include context** — add title, axis labels, legend, and a brief text description above or below the widget.
+- **Accessible** — use colors with sufficient contrast. Don't rely solely on color to convey information.
+- **Responsive** — use `max-width:100%` and `viewBox` so charts scale to the chat width.

package/next.config.ts

@@ -0,0 +1,15 @@
+import type { NextConfig } from "next";
+import { readFileSync } from "fs";
+import { join } from "path";
+
+const { version } = JSON.parse(readFileSync(join(__dirname, "package.json"), "utf8")) as { version: string };
+
+const nextConfig: NextConfig = {
+  serverExternalPackages: ["@earendil-works/pi-coding-agent", "@earendil-works/pi-ai"],
+  allowedDevOrigins: ['192.168.*.*'],
+  env: {
+    NEXT_PUBLIC_APP_VERSION: version,
+  },
+};
+
+export default nextConfig;

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@seqyuan/annovibe",
+  "version": "0.8.12",
+  "description": "AI-native bioinformatics workspace by Annoroad",
+  "license": "MIT",
+  "bin": {
+    "annovibe": "bin/pi-web.js"
+  },
+  "files": [
+    "bin",
+    ".next",
+    "!.next/cache",
+    "!.next/dev",
+    "!.next/**/*.js.map",
+    "lib/default-soul.md",
+    "lib/visualization-harness.md",
+    "public",
+    "next.config.ts",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "next dev -p 30141",
+    "build": "next build --webpack",
+    "start": "next start -p 30141",
+    "lint": "eslint .",
+    "release": "npm version patch --no-git-tag-version && npm run build && npm publish --access public"
+  },
+  "dependencies": {
+    "@codemirror/autocomplete": "^6.20.2",
+    "@codemirror/commands": "^6.10.3",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-go": "^6.0.1",
+    "@codemirror/lang-html": "^6.4.11",
+    "@codemirror/lang-java": "^6.0.2",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/lang-python": "^6.2.1",
+    "@codemirror/lang-rust": "^6.0.2",
+    "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/search": "^6.7.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "^6.43.0",
+    "@earendil-works/pi-ai": "^0.75.5",
+    "@earendil-works/pi-coding-agent": "^0.75.5",
+    "@seqyuan/kernel-lite-core": "^0.2.1",
+    "@seqyuan/pi-kernel-plot": "^0.2.1",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "bcryptjs": "^3.0.3",
+    "codemirror": "^6.0.2",
+    "docx-preview": "^0.3.7",
+    "jszip": "^3.10.1",
+    "mermaid": "^11.15.0",
+    "next": "16.2.1",
+    "pdfjs-dist": "^5.7.284",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.1",
+    "remark-gfm": "^4.0.1",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.2",
+    "@types/bcryptjs": "^2.4.6",
+    "@types/node": "^25",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.1",
+    "postcss": "^8",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5"
+  }
+}

package/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>