@kl-c/matrixos 0.3.47 → 0.3.48

package/dist/cli/index.js

@@ -2163,7 +2163,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@kl-c/matrixos",
-    version: "0.3.47",
+    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",
@@ -187742,6 +187742,26 @@ ${row.description ? `Description: ${row.description}
         db.close();
       }
     },
+    async createSkill(input) {
+      try {
+        const { spawnSync: spawnSync4 } = await import("child_process");
+        const args = ["skill-create", input.name];
+        if (input.description)
+          args.push("--description", input.description);
+        if (input.scope === "project")
+          args.push("--scope", "project");
+        args.push("--apply");
+        const res = spawnSync4("matrixos", args, { encoding: "utf-8" });
+        if (res.status !== 0) {
+          return { ok: false, error: (res.stderr || res.stdout || "skill-create failed").trim() };
+        }
+        const out = res.stdout.trim();
+        const pathMatch = out.match(/created: (.+)/);
+        return { ok: true, path: pathMatch ? pathMatch[1] : out };
+      } catch (e) {
+        return { ok: false, error: e instanceof Error ? e.message : String(e) };
+      }
+    },
     async getIncidents(limit = 50) {
       const lines = readJsonl("anti-loop.jsonl");
       if (lines.length === 0) {
@@ -188151,6 +188171,17 @@ function createDashboardServer(dataProvider, config5) {
                   return Response.json(dataProvider.getMemory(), { headers: jsonHeaders });
                 case "/api/skills":
                   return Response.json(dataProvider.getSkills(), { headers: jsonHeaders });
+                case "/api/skills/create": {
+                  if (req.method !== "POST") {
+                    return new Response("Method Not Allowed", { status: 405, headers: corsHeaders });
+                  }
+                  const body = await req.json();
+                  if (!body.name || !body.name.trim()) {
+                    return Response.json({ ok: false, error: "name required" }, { status: 400, headers: jsonHeaders });
+                  }
+                  const result = await dataProvider.createSkill(body);
+                  return Response.json(result, { status: result.ok ? 201 : 500, headers: jsonHeaders });
+                }
                 case "/api/gateway/token": {
                   if (req.method !== "POST") {
                     return new Response("Method Not Allowed", { status: 405, headers: corsHeaders });

package/dist/cli-node/index.js

@@ -2163,7 +2163,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@kl-c/matrixos",
-    version: "0.3.47",
+    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",
@@ -187797,6 +187797,26 @@ ${row.description ? `Description: ${row.description}
         db.close();
       }
     },
+    async createSkill(input) {
+      try {
+        const { spawnSync: spawnSync4 } = await import("child_process");
+        const args = ["skill-create", input.name];
+        if (input.description)
+          args.push("--description", input.description);
+        if (input.scope === "project")
+          args.push("--scope", "project");
+        args.push("--apply");
+        const res = spawnSync4("matrixos", args, { encoding: "utf-8" });
+        if (res.status !== 0) {
+          return { ok: false, error: (res.stderr || res.stdout || "skill-create failed").trim() };
+        }
+        const out = res.stdout.trim();
+        const pathMatch = out.match(/created: (.+)/);
+        return { ok: true, path: pathMatch ? pathMatch[1] : out };
+      } catch (e) {
+        return { ok: false, error: e instanceof Error ? e.message : String(e) };
+      }
+    },
     async getIncidents(limit = 50) {
       const lines = readJsonl("anti-loop.jsonl");
       if (lines.length === 0) {
@@ -188206,6 +188226,17 @@ function createDashboardServer(dataProvider, config5) {
                   return Response.json(dataProvider.getMemory(), { headers: jsonHeaders });
                 case "/api/skills":
                   return Response.json(dataProvider.getSkills(), { headers: jsonHeaders });
+                case "/api/skills/create": {
+                  if (req.method !== "POST") {
+                    return new Response("Method Not Allowed", { status: 405, headers: corsHeaders });
+                  }
+                  const body = await req.json();
+                  if (!body.name || !body.name.trim()) {
+                    return Response.json({ ok: false, error: "name required" }, { status: 400, headers: jsonHeaders });
+                  }
+                  const result = await dataProvider.createSkill(body);
+                  return Response.json(result, { status: result.ok ? 201 : 500, headers: jsonHeaders });
+                }
                 case "/api/gateway/token": {
                   if (req.method !== "POST") {
                     return new Response("Method Not Allowed", { status: 405, headers: corsHeaders });

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.47",
+  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.47",
+  "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",