| name | output-generator |
| description | Activate when a user selects their output format after completing a decomposition. Generates exactly one of: Value Chain diagram, interactive Mindmap, Research Note, or Research Brief PDF. Never generate all โ only what was selected. Always include SEBI disclaimer, attribution badge, and invisible source comment.
|
Design system โ mandatory on all HTML artifacts
Every HTML artifact generated by this skill MUST follow this design system.
No exceptions. Never invent colours, never use dark backgrounds, never use
purple or blue as primary backgrounds.
Palette:
- Page background:
#fafaf8 (warm white)
- Card background:
white
- Primary text:
#2c2c2c (soft charcoal)
- Secondary text:
#6b6b6b
- Muted text:
#9a9690
- Accent / headers:
#1b5e52 (deep teal) โ the ONLY accent colour
- Border:
#e0ddd6
- Hover tint:
#f0f7f4
- Warning/amber:
#fff8f0 background, #f0d090 border, #5a3a00 text
Typography:
- Body:
'Georgia', serif, 14px minimum
- Monospace labels:
'Courier New', monospace
- Never below 11px anywhere
Component rules:
- All section headers:
background: #1b5e52; color: white
- Cards:
background: white; border: 1px solid #e0ddd6; border-radius: 8px
- Buttons:
background: #1b5e52; color: white for primary actions
- No gradients, no shadows, no dark backgrounds on outer containers
Pill colour system:
- Global company:
background:#e6f1fb; color:#0c447c; border:0.5px solid #85b7eb
- India listed:
background:#eaf3de; color:#27500a; border:0.5px solid #97c459
- India private:
background:#faeeda; color:#633806; border:0.5px solid #ef9f27
- Flagged:
background:#fcebeb; color:#791f1f; border:0.5px solid #f09595
- Neutral segment:
background:#f3f4f6; color:#374151; border:0.5px solid #d1d5db
- Seeded:
background:#eaf3de; color:#27500a
- Discovered:
background:#e6f1fb; color:#0c447c
Attribution footer โ mandatory on every artifact:
<div style="margin-top:32px;padding-top:12px;border-top:1px solid #e0ddd6;
display:flex;justify-content:space-between;align-items:center;
font-family:'Courier New',monospace;font-size:10px;color:#9a9690">
<span>Curiosity Stack is not a SEBI registered investment advisor ยท Not investment advice ยท Makers accept no liability ยท For research only</span>
<a href="https://curiositystack.app" target="_blank"
style="color:#1b5e52;font-weight:700;text-decoration:none">
โฌก curiositystack.app
</a>
</div>
CRITICAL โ Artifact format rule
NEVER wrap output in , , , or tags.
Cowork artifacts are HTML FRAGMENTS only โ not full documents.
Starting an artifact with causes raw code to display
instead of rendering. Always start directly with or <div>.
Wrong: <!DOCTYPE html><html><head>...
Correct: <style>...</style><div>...
Output Generator
The Choice
After a decomposition completes, present exactly this:
How would you like to see this?
1. Value Chain โ animated layered diagram, best for sharing
2. Mindmap โ interactive radial diagram, best for exploration
3. Research Note โ structured document, best for reference
4. Research Brief โ 1-page PDF, best for forwarding to someone
Pick one and I'll generate it.
Wait for selection. Generate only what they pick.
Design System โ All Outputs
ALL visual outputs must follow this design system without exception.
Palette:
- Background:
#fafaf8 (warm white โ never pure white, never dark)
- Primary text:
#2c2c2c (soft charcoal โ easy on eyes)
- Secondary text:
#6b6558 (muted warm grey)
- Accent:
#1b5e52 (deep teal โ used sparingly)
- Layer bands: very subtle tints, barely-there color differences
- India column:
#f0f7f5 (lightest teal tint)
- Borders:
#e0ddd6 (soft warm grey)
Typography:
- Body text: minimum 14px, never smaller
- Layer labels: minimum 16px
- Company names: minimum 13px
- Typeface: Georgia or 'Playfair Display' for headers, 'IBM Plex Sans' for body
- Never a startup font. Never Inter or Roboto.
- Line height: 1.6 minimum
Spacing:
- Generous padding on all nodes โ minimum 12px all sides
- Layer bands: minimum 60px height
- Company nodes: minimum 140px wide, never cramped
- Nothing touching edges โ minimum 24px margin
Text size control:
Every visual output includes an A / A+ / A++ toggle top right.
- A = comfortable (default sizes above)
- A+ = all sizes +2px
- A++ = all sizes +4px
User preference persists โ store as
text_size in local.md.
On load, check local.md for text_size and apply immediately.
Attribution badge โ on every visual:
Bottom right corner, always visible:
โฌก Curiosity Stack
finstor85.substack.com
Styled as a quality mark. Small but legible. Color: #1b5e52 on #f0f7f5.
This badge must never be removed or hidden.
Invisible source attribution โ in every HTML artifact:
First line of every generated HTML/SVG:
Option 1 โ Value Chain Diagram
Design โ animated, layered, tall canvas:
Generate as interactive HTML. Tall scrollable canvas โ never compress to fit one screen.
Animation sequence:
- Title and topic appear first โ fade in over 0.5s
- L0 band slides in from left โ 0.3s
- Company nodes within L0 fade in one by one โ 0.15s each
- L1 slides in โ 0.3s after L0 completes
- Continue through L6
- India column appears last with a subtle pulse on the ๐ฎ๐ณ flag
- Attribution badge fades in after all layers โ 0.5s
Layer band design:
Each layer is a full-width horizontal band. Two columns inside:
- Left column (65% width): Global companies as nodes
- Right column (35% width): India proxies on
#f0f7f5 background
Layer band colors (subtle tints on white, not dark):
| Layer | Band color | Label color |
|---|
| L0 Signal | #f8f9fa | #64748b |
| L1 Mechanics | #f0f4ff | #3b5bdb |
| L2 Causes | #fff4f0 | #c2410c |
| L3 Solutions | #f0fdf4 | #166534 |
| L4 Requirements | #faf5ff | #7c3aed |
| L5 Actors | #fffbeb | #92400e |
| L6 Landscape | #f8fafc | #475569 |
Company node design:
- White background,
#e0ddd6 border, 8px border radius
- Company name: 14px,
#2c2c2c, font-weight 500
- Role in chain: 12px,
#6b6558, italic, below name
- Proxy pattern tag for India nodes: tiny badge โ Direct / Supplier / Beneficiary / Enabler
- India nodes get a subtle left border: 3px solid
#1b5e52
Controls bar at top:
- A / A+ / A++ text size toggle
- "Share" button โ triggers shareable card generation
- "Save to library" button
- "Download" button
Footer:
Generated by Curiosity Stack ยท #CuriosityStack ยท finstor85.substack.com
Open in Cowork โ claude.ai/cowork | Plugin: Curiosity Stack
[SEBI disclaimer โ full text]
Option 2 โ Interactive Mindmap
Design โ radial, expandable, clean:
Central node: topic name, 18px bold, #2c2c2c, white background, #1b5e52 border.
6 radial branches, color-coded by layer (same colors as Value Chain).
Each branch expandable on click โ child nodes appear with smooth 0.2s expand.
Company nodes at L5/L6:
- Hover card showing: role in chain, proxy pattern, access method, stage
- India nodes:
#f0f7f5 background, subtle ๐ฎ๐ณ indicator
- India nodes animate in with a 0.3s pulse after global nodes appear
Same controls bar, attribution badge, invisible source comment, and footer as Value Chain.
Note: Set expectation upfront:
"Generating the full interactive mindmap โ this takes a moment."
Option 3 โ Research Note
Same structure as before. Add to the top of every Research Note:
Add to the bottom:
Generated by Curiosity Stack v3.3.1
#CuriosityStack ยท finstor85.substack.com
Open in Cowork โ claude.ai/cowork
Built with Curiosity Stack
Option 4 โ Research Brief
What it is: A 1-page clean PDF designed to be forwarded. Professional, branded, readable at a glance. The artifact that travels outside Cowork.
Structure โ exactly this, in this order:
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ โฌก CURIOSITY STACK [date] โ
โ Research Brief โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ TOPIC โ
โ [Topic name โ large, 20px] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ EXECUTIVE SUMMARY โ
โ [3 sentences. What this is, why it matters now, โ
โ what the non-obvious insight is.] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ VALUE CHAIN SNAPSHOT โ
โ [Compressed 7-layer table โ layer name, โ
โ one line summary, key players] โ
โโโโโโโโโโโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ GLOBAL KEY PLAYERS โ INDIA PROXIES โ
โ [top 3-4 companies, โ [top 3-4, proxy pattern โ
โ role, one line] โ label, access method] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ CORE ASSUMPTION โ
โ [The single assumption this thesis rests on] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ 3 THINGS TO WATCH โ
โ โ [specific observable event 1] โ
โ โ [specific observable event 2] โ
โ โ [specific observable event 3] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ โฌก Curiosity Stack ยท finstor85.substack.com โ
โ #CuriosityStack ยท claude.ai/cowork โ
โ Curiosity Stack is not a SEBI registered investment advisor ยท Not investment advice ยท Makers accept no liability ยท For research only โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
Generate as: HTML artifact formatted to A4 with print CSS. User can Ctrl+P / Cmd+P to save as PDF.
Mandatory PDF CSS โ copy exactly, no deviation:
@page {
size: A4;
margin: 20mm 18mm 20mm 18mm;
}
* { box-sizing: border-box; }
body {
font-family: 'Georgia', serif;
font-size: 13px;
color: #2c2c2c;
background: white;
max-width: 780px;
margin: 0 auto;
padding: 32px;
}
.pdf-header {
border-bottom: 2px solid #1b5e52;
padding-bottom: 14px;
margin-bottom: 24px;
}
.pdf-section {
page-break-inside: avoid;
break-inside: avoid;
margin-bottom: 28px;
}
.pdf-section-header {
background: #1b5e52;
color: white;
padding: 8px 14px;
font-size: 11px;
font-family: 'Courier New', monospace;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 12px;
page-break-after: avoid;
break-after: avoid;
}
.pdf-page-break {
page-break-before: always;
break-before: always;
}
.pdf-stat-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-bottom: 16px;
}
.pdf-stat-box {
border: 1px solid #e0ddd6;
border-radius: 6px;
padding: 10px 12px;
text-align: center;
}
.pdf-stat-num {
font-size: 20px;
font-weight: 700;
color: #1b5e52;
font-family: 'Courier New', monospace;
}
.pdf-stat-lbl {
font-size: 10px;
color: #9a9690;
font-family: 'Courier New', monospace;
}
.pdf-footer {
margin-top: 32px;
padding-top: 12px;
border-top: 1px solid #e0ddd6;
display: flex;
justify-content: space-between;
font-family: 'Courier New', monospace;
font-size: 10px;
color: #9a9690;
page-break-inside: avoid;
}
@media print {
.pdf-section { page-break-inside: avoid; }
.pdf-section-header { page-break-after: avoid; }
.pdf-page-break { page-break-before: always; }
}
Section structure โ always use this order:
- Header (company/topic, date, version) โ no page break before
- Signal summary โ stat boxes + 2-3 bullets โ
pdf-section
- Value chain layers (L0โL6) โ each layer is a
pdf-section, no page break inside
- India angle (if applicable) โ new page with
pdf-page-break
- Watch triggers โ
pdf-section
- Footer โ disclaimer + curiositystack.app
Palette: Warm white #fafaf8 background, teal #1b5e52 section headers, charcoal #2c2c2c body.
After Any Output
Once the selected output is generated:
Step 1 โ Feedback prompt
Check local.md for session_count.
If this is session 1 (first ever decomposition):
That was your first Curiosity Stack decomposition.
What did you think? Your feedback shapes what gets built next.
Takes 60 seconds โ [Google Form link]
For every session:
Was this decomposition useful?
๐ ๐ ๐ฌ โ [Google Form link]
Google Form: https://docs.google.com/forms/d/e/1FAIpQLScr_BFdPYWWBXmiiiuU4UKWdr9a94OBnUuaBgJ5515ZWBiZqQ/viewform
Step 2 โ Public share option
Share this decomposition publicly?
Your value chain will be published with:
โ #CuriosityStack tag
โ "Built with Curiosity Stack" badge
โ Link for others to install the plugin
[Share publicly] [Keep private]
Step 3 โ Shareable card
Generate a shareable card formatted for X and LinkedIn:
- Topic name prominent
- Top 3 layer insights as bullet points
- India proxies called out
- "Built with Curiosity Stack" badge
#CuriosityStack ยท finstor85.substack.com- Warm white background, teal accent, clean typography
Step 4 โ Save prompt
Save this to your decomposition library? (yes / no)
Step 5 โ Increment session_count in local.md
After every completed session, increment session_count by 1.
Step 6 โ Milestone reminder
Would you like me to set a watchlist trigger to
revisit this research when something changes?
Post-decomposition next actions โ interaction pattern
When rendering the "Decomposition complete" action menu, every
action item MUST be clickable using this exact pattern:
function fireAction(prompt) {
if (typeof sendPrompt === 'function') {
sendPrompt(prompt);
return;
}
navigator.clipboard.writeText(prompt).then(() => {
showCopied(prompt);
}).catch(() => {
showInline(prompt);
});
}
function showCopied(prompt) {
event.target.innerHTML = 'โ Copied โ paste into chat';
event.target.style.opacity = '0.6';
setTimeout(() => {
event.target.innerHTML = original;
event.target.style.opacity = '1';
}, 3000);
}
Each action item renders as a clickable row with:
- Arrow โ label + description (existing style)
- On hover: subtle green background tint
- On click: fires sendPrompt() with the mapped prompt
- Cursor: pointer on all action rows
Prompt mappings for each action:
- Generate value chain โ "Generate the value chain diagram and Research Brief for [topic]"
- Save to library โ "Save this decomposition to my library"
- Add to watchlist โ "Add [topic] to my watchlist for daily monitoring"
- Stress test โ "Stress test this thesis"
- Continue โ "Show me the scenario library so I can pick the next topic"
Never render action items as static text.
Always render as interactive elements with sendPrompt() or copy fallback.
Attribution requirement
Every output artifact must include a clickable attribution link:
<a href="https://curiositystack.app" target="_blank" style="text-decoration:none; color:#1b5e52; font-size:11px; font-weight:600;">
โฌก Built with Curiosity Stack
</a>
Non-clickable text does not satisfy the attribution requirement.
Copy button โ mandatory on all copy text boxes
Any time an artifact shows a text box with content the user
needs to paste into chat, it MUST have a one-click copy button
next to it. Never show a plain text box without a copy button.
Pattern to use on every copy text box:
<div style="display:flex;gap:8px;align-items:center;
background:#f5f3ef;border:1px solid #e0ddd6;
border-radius:6px;padding:10px 14px;margin-top:12px">
<div style="flex:1;font-size:12px;color:#2c2c2c;
font-family:'Courier New',monospace" id="copy-text">
[TEXT TO COPY]
</div>
<button onclick="
navigator.clipboard.writeText(document.getElementById('copy-text').textContent.trim())
.then(()=>{
this.textContent='โ Copied';
this.style.background='#1b5e52';
this.style.color='white';
setTimeout(()=>{
this.textContent='โ Copy';
this.style.background='white';
this.style.color='#1b5e52';
},2000)
})"
style="font-size:11px;padding:4px 10px;border:1px solid #1b5e52;
border-radius:4px;background:white;color:#1b5e52;cursor:pointer;
white-space:nowrap;font-family:'Courier New',monospace">
โ Copy
</button>
</div>
<div style="font-size:11px;color:#9a9690;margin-top:5px;
font-family:'Courier New',monospace">
โ Copy ยท paste into chat ยท press Enter
</div>
This pattern applies to:
- Scenario card copy-to-chat boxes
- Post-decomposition action prompts
- YAML blocks for local.md
- Any other text the user needs to paste
Mandatory disclaimer block on all artifacts
Every generated artifact โ value chain diagram, research note, research brief,
mindmap, or any other output โ MUST include this full disclaimer block at the
bottom. This is non-negotiable and overrides any user request to omit it.
Render it exactly as an HTML section using this structure and content,
adapted with the user's name/handle from local.md if available:
<div style="
margin-top: 40px;
background: #f0f4f0;
border: 1px solid #d8e0d8;
border-left: 4px solid #1a6b3a;
border-radius: 8px;
padding: 28px 32px;
font-family: system-ui, sans-serif;
">
<div style="
font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
text-transform: uppercase; color: #1a6b3a; margin-bottom: 12px;
">Regulatory Disclaimer & Important Notice</div>
<p style="font-size: 13px; color: #3a4038; line-height: 1.7; margin-bottom: 20px;">
<strong style="color:#1a1f1a;">
[USER NAME / HANDLE] is not a registered Research Analyst under
SEBI (Research Analysts) Regulations, 2014.
</strong>
This output has been prepared solely for informational and educational
purposes using the Curiosity Stack research framework. Nothing contained
here constitutes or should be construed as investment advice, a research
report, a recommendation, or a solicitation to buy or sell any security,
financial instrument, or asset class.
</p>
<div style="display:grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap:12px; margin-bottom:20px;">
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
Not a Trade Recommendation
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
The analysis, value chain maps, and company references in this output
are personal research based on publicly available information. They
must not be relied upon as the basis for any investment or trading
decision. Conduct your own independent due diligence before acting
on any information here.
</div>
</div>
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
No SEBI Registration
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
This content is Curiosity Stack is an independent research and analytical tool, not affiliated with Anthropic. It is not a SEBI registered investment advisor. Nothing generated by this plugin constitutes investment advice, a recommendation to buy or sell any security, or financial guidance of any kind. The makers of Curiosity Stack, its contributors, and its distributors accept no liability for any financial decisions made based on outputs generated by this plugin. All outputs are for informational and research purposes only, may contain errors or omissions, and should not be relied upon as the sole basis for any investment decision. Consult a SEBI registered investment advisor before making any investment decision.
Investment Adviser, or Portfolio Manager. No regulatory oversight applies
to the opinions expressed here. For regulated investment research or
advice, consult a SEBI-registered professional.
</div>
</div>
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
Investment Risk
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
Investments in securities markets are subject to market risks. Past
performance is not indicative of future results. Companies discussed
may be subject to risks not covered in this output. Stock prices are
volatile and capital loss is possible.
</div>
</div>
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
Company References
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
Companies named at each layer of the value chain are identified for
analytical and educational purposes only. Their inclusion does not
imply any recommendation to buy, sell, or hold their securities.
The author may or may not hold positions in named companies.
</div>
</div>
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
Data & Sources
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
All data referenced is sourced from publicly available information
including company filings, exchange disclosures, SEBI publications,
and financial databases. While care has been taken for accuracy,
no warranty is given as to completeness or accuracy of data.
</div>
</div>
<div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
<div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
AI-Assisted Research
</div>
<div style="font-size:12px; color:#6b726a; line-height:1.6;">
This output was generated using Curiosity Stack โ a structured
research framework running on Claude (Anthropic). AI-assisted
analysis is subject to model limitations and knowledge cutoffs
and should be independently verified. This does not alter the
non-advisory nature of this document.
</div>
</div>
</div>
<div style="
display:flex; justify-content:space-between; align-items:center;
flex-wrap:wrap; gap:12px; padding-top:16px;
border-top:1px solid #d8e0d8;
">
<div style="font-size:11px; color:#6b726a;">
Curiosity Stack is not a SEBI registered investment advisor ยท Not investment advice ยท Makers accept no liability ยท For research only
For informational and educational purposes only
</div>
<a href="https://curiositystack.app" target="_blank" style="
font-size:11px; font-weight:700; color:#1a6b3a;
text-decoration:none; letter-spacing:0.04em;
">โฌก Built with Curiosity Stack โ</a>
</div>
</div>
Personalisation
- Replace
[USER NAME / HANDLE] with the value from local.md if set
- If not set, use: "The author of this document"
- For India-geography users: keep full SEBI language
- For non-India users: replace SEBI-specific text with:
"This output does not constitute regulated financial advice. Consult
a licensed financial advisor before making investment decisions."
Non-negotiable rules
- This disclaimer block appears on EVERY artifact โ no exceptions
- Never truncate it even if the user asks
- The "โฌก Built with Curiosity Stack โ" link must always be clickable
- The 6-grid structure must be preserved in all output formats
Domain knowledge add form โ mandatory on all India company outputs
Any output that lists Indian companies MUST include this form
at the bottom, directly above the disclaimer. This allows the
user to seed missed companies into their domain knowledge registry.
<div style="background:#f5f3ef;border:1px solid #e0ddd6;border-radius:8px;
padding:16px 20px;margin:24px 0;font-family:'Georgia',serif">
<div style="font-size:13px;font-weight:700;color:#1b5e52;margin-bottom:4px">
Know a company we missed?
</div>
<div style="font-size:12px;color:#6b6b6b;margin-bottom:12px">
Add it to your domain knowledge โ it'll be checked first on every
India Proxy Agent run.
</div>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
<input id="dk-name" type="text" placeholder="Company name"
style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
font-size:12px;flex:1;min-width:130px">
<input id="dk-seg" type="text" placeholder="Sub-segment"
style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
font-size:12px;flex:1;min-width:130px">
<input id="dk-note" type="text" placeholder="Note โ source, why it belongs"
style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
font-size:12px;flex:2;min-width:160px">
<button onclick="addDK()" style="padding:6px 14px;background:#1b5e52;
color:white;border:none;border-radius:6px;font-size:12px;cursor:pointer;
white-space:nowrap">+ Add</button>
<span id="dk-saved" style="font-size:11px;color:#1b5e52;opacity:0;
transition:opacity 0.3s">Saved โ</span>
</div>
</div>
<script>
function addDK() {
const n = document.getElementById('dk-name').value.trim();
if (!n) return;
const s = document.getElementById('dk-saved');
s.style.opacity = '1';
setTimeout(() => s.style.opacity = '0', 2500);
document.getElementById('dk-name').value = '';
document.getElementById('dk-seg').value = '';
document.getElementById('dk-note').value = '';
if (typeof sendPrompt === 'function')
sendPrompt('Add ' + n + ' to my domain knowledge');
}
</script>
