@kl-c/matrixos 0.3.46 → 0.3.48

package/dist/features/dashboard/data-provider.d.ts

@@ -64,6 +64,15 @@ export interface DataProvider {
         ok: boolean;
         error?: string;
     }>;
+    createSkill(input: {
+        name: string;
+        description?: string;
+        scope?: string;
+    }): Promise<{
+        ok: boolean;
+        path?: string;
+        error?: string;
+    }>;
     getIncidents(limit?: number): Promise<IncidentEntry[]>;
     getMetrics(range?: string): Promise<MetricsSnapshot[]>;
     getLogs(): LogEntry[];

package/dist/features/dashboard/frontend/css/style.css

@@ -402,3 +402,11 @@ body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-pr
 
 @media(max-width:1024px){.kpi-grid,.grid-2{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:repeat(2,1fr)}.gauge-grid{grid-template-columns:repeat(2,1fr)}}
 @media(max-width:768px){.kpi-grid,.grid-2{grid-template-columns:1fr}.kanban-board{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr}.goals-grid{grid-template-columns:1fr}}
+
+.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
+.modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}
+.modal-close{background:none;border:none;color:var(--text-tertiary);font-size:22px;cursor:pointer;line-height:1}
+.modal-body{display:flex;flex-direction:column;gap:8px}
+.modal-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-top:6px}
+.skill-preview{margin-top:8px;background:var(--bg-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);white-space:pre-wrap;max-height:160px;overflow:auto}
+.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}

package/dist/features/dashboard/frontend/index.html

@@ -171,9 +171,27 @@
     <div id="tab-skills" class="tab-panel">
       <div class="page-header">
         <div><h1 class="page-title">Skills</h1><p class="page-subtitle">Installed MaTrixOS and shared skills</p></div>
-        <div class="page-actions"><div class="filters-bar" id="skillFilters"><button class="filter-chip active" data-scat="all">All</button><button class="filter-chip" data-scat="builtin">Builtin</button></div></div>
-      </div>
-      <div class="skills-grid" id="skillsGrid"></div>
+        <div class="page-actions"><div class="filters-bar" id="skillFilters"><button class="filter-chip active" data-scat="all">All</button><button class="filter-chip" data-scat="builtin">Builtin</button></div><button class="btn btn-primary" id="newSkillBtn" style="margin-left:12px">+ New Skill</button></div>
+        </div>
+        <div class="skills-grid" id="skillsGrid"></div>
+        <div class="modal-overlay" id="skillModal" style="display:none">
+        <div class="modal-box">
+          <div class="modal-header"><h3>New Skill</h3><button class="modal-close" onclick="closeSkillModal()">×</button></div>
+          <div class="modal-body">
+            <label class="modal-label">Name</label>
+            <input class="input" id="skillName" placeholder="my-skill" />
+            <label class="modal-label">Description (triggers)</label>
+            <input class="input" id="skillDesc" placeholder="What this skill does and when to use it" />
+            <label class="modal-label">Scope</label>
+            <select class="input" id="skillScope">
+              <option value="user">User (~/.config/opencode/skills)</option>
+              <option value="project">Project (./.opencode/skills)</option>
+            </select>
+            <div id="skillPreview" class="skill-preview"></div>
+          </div>
+          <div class="modal-footer"><button class="btn btn-secondary" onclick="closeSkillModal()">Cancel</button><button class="btn btn-primary" onclick="createSkill()">Create</button></div>
+        </div>
+        </div>
     </div>
 
     <div id="tab-config" class="tab-panel">

package/dist/features/dashboard/frontend/js/api.js

@@ -13,7 +13,7 @@ const API={
   goalCreate:(body)=>fetchJSON('/goals',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}),
   goalDelete:(id)=>fetchJSON(`/goals?id=${encodeURIComponent(id)}`,{method:'DELETE'}),
   goalDecompose:(id)=>fetchJSON('/goals/decompose',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id})}),
-  metrics:()=>fetchJSON('/metrics'),
+  skillCreate:(body)=>fetchJSON('/skills/create',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}),
   config:()=>fetchJSON('/config'),
   memory:()=>fetchJSON('/memory'),
   skills:()=>fetchJSON('/skills'),

package/dist/features/dashboard/frontend/js/app.js

@@ -636,6 +636,35 @@ async function loadSkills(){
   }catch(e){grid.innerHTML=`<div class="error"><p>Failed to load skills: ${e.message}</p></div>`}
 }
 
+function openSkillModal(){
+  const modal=document.getElementById('skillModal')
+  modal.style.display='flex'
+  document.getElementById('skillPreview').textContent=''
+  document.getElementById('skillName').value=''
+  document.getElementById('skillDesc').value=''
+  document.getElementById('skillScope').value='user'
+  document.getElementById('skillName').oninput=()=>{
+    const name=document.getElementById('skillName').value.trim()
+    const desc=document.getElementById('skillDesc').value.trim()
+    if(!name){document.getElementById('skillPreview').textContent='';return}
+    const slug=name.toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'')
+    document.getElementById('skillPreview').textContent=`---\nname: ${slug}\ndescription: ${desc||slug+' — TODO'}\ncategory: user-generated\n---\n\n# ${name}\n\n## Overview\n...\n`
+  }
+  document.getElementById('skillDesc').oninput=document.getElementById('skillName').oninput
+}
+function closeSkillModal(){document.getElementById('skillModal').style.display='none'}
+async function createSkill(){
+  const name=document.getElementById('skillName').value.trim()
+  const desc=document.getElementById('skillDesc').value.trim()
+  const scope=document.getElementById('skillScope').value
+  if(!name){alert('Name required');return}
+  closeSkillModal()
+  try{
+    await API.skillCreate({name,description:desc,scope})
+    loadSkills()
+  }catch(e){alert('Skill creation failed: '+e.message)}
+}
+
 // ===== SCHEDULE =====
 function loadSchedule(){
   const body=document.getElementById('scheduleBody')
@@ -649,6 +678,7 @@ function loadSchedule(){
 // ===== INIT =====
 document.getElementById('refreshBtn').onclick=()=>{const t=document.querySelector('.header-tab.active');t&&loadTab(t.dataset.tab)}
 document.getElementById('archRefresh').onclick=()=>loadArchitect()
+document.getElementById('newSkillBtn').onclick=()=>openSkillModal()
 document.getElementById('deployBtn').onclick=()=>alert('Deploy Agent — coming soon')
 document.getElementById('diagBtn').onclick=()=>alert('Diagnostics — coming soon')
 document.getElementById('notifBtn').onclick=()=>alert('3 notifications pending')

package/dist/index.js

@@ -368086,7 +368086,7 @@ function getCachedVersion(options = {}) {
 // package.json
 var package_default = {
   name: "@kl-c/matrixos",
-  version: "0.3.46",
+  version: "0.3.48",
   description: "MaTrixOS \u2014 Agentic OS for OpenCode. Personalizable, communicating, self-improving, resilient.",
   main: "./dist/index.js",
   types: "dist/index.d.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kl-c/matrixos",
-  "version": "0.3.46",
+  "version": "0.3.48",
   "description": "MaTrixOS \u2014 Agentic OS for OpenCode. Personalizable, communicating, self-improving, resilient.",
   "main": "./dist/index.js",
   "types": "dist/index.d.ts",