opencode-mem 2.3.7 → 2.5.0

package/dist/web/styles.css

@@ -314,6 +314,55 @@ button:disabled {
   height: 16px;
 }
 
+.combined-card {
+  border: 1px solid #333;
+  margin-bottom: 20px;
+  background: #0a0a0a;
+}
+
+.combined-card.selected {
+  border-color: #00ff00;
+}
+
+.combined-prompt-section {
+  padding: 15px;
+  background: rgba(0, 204, 255, 0.05);
+  border-bottom: 1px dashed #333;
+}
+
+.combined-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+
+.combined-divider {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  background: #111;
+  border-top: 1px solid #222;
+  border-bottom: 1px solid #222;
+}
+
+.divider-icon {
+  width: 14px;
+  height: 14px;
+  color: #666;
+}
+
+.combined-memory-section {
+  padding: 15px;
+  background: rgba(0, 255, 0, 0.02);
+}
+
+.badge-memory {
+  color: #00ff00;
+  border-color: #00ff00;
+  font-weight: bold;
+}
+
 .memories-section {
   border: 1px solid #333;
   padding: 20px;
@@ -1189,194 +1238,225 @@ textarea:focus-visible {
 .profile-header {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
-  padding: 20px;
+  align-items: center;
+  padding: 15px;
   margin-bottom: 20px;
-  border: 1px solid #00ccff;
-  background: rgba(0, 204, 255, 0.05);
+  border: 1px solid #333;
+  background: #111;
+  border-left: 3px solid #00ccff;
 }
 
 .profile-info h3 {
   color: #00ccff;
-  font-size: 18px;
-  margin-bottom: 8px;
+  font-size: 16px;
+  margin: 0 0 10px 0;
+  letter-spacing: 0.5px;
 }
 
-.profile-meta {
-  color: #888;
+.profile-stats {
+  display: flex;
+  gap: 15px;
+}
+
+.stat-pill {
+  display: flex;
+  flex-direction: column;
+}
+
+.stat-pill .label {
+  font-size: 9px;
+  color: #666;
+  text-transform: uppercase;
+}
+
+.stat-pill .value {
   font-size: 12px;
+  color: #ccc;
+  font-family: monospace;
 }
 
-.profile-meta span {
-  margin-right: 8px;
+.dashboard-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 20px;
 }
 
-.profile-section h4 {
-  color: #00ccff;
-  font-size: 14px;
+.dashboard-section {
+  background: #111;
+  border: 1px solid #333;
+  padding: 15px;
+  display: flex;
+  flex-direction: column;
+}
+
+.dashboard-section.full-width {
+  grid-column: 1 / -1;
+}
+
+.dashboard-section h4 {
+  color: #888;
+  font-size: 11px;
   margin-bottom: 15px;
   padding-bottom: 8px;
-  border-bottom: 1px solid #333;
+  border-bottom: 1px solid #222;
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
+  letter-spacing: 1px;
 }
 
-.empty-text {
-  color: #666;
-  font-style: italic;
-  padding: 20px;
-  text-align: center;
+.dashboard-section h4 .count {
+  background: #222;
+  color: #ccc;
+  padding: 1px 6px;
+  border-radius: 10px;
+  font-size: 9px;
+  margin-left: auto;
+}
+
+.cards-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 10px;
 }
 
-.preferences-list,
-.patterns-list,
-.workflows-list {
+.compact-card {
+  background: #0a0a0a;
+  border: 1px solid #2a2a2a;
+  padding: 10px;
+  transition: all 0.2s ease;
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  margin-bottom: 20px;
+  justify-content: space-between;
 }
 
-.preference-item,
-.pattern-item,
-.workflow-item {
-  border: 1px solid #333;
-  padding: 15px;
-  background: #0a0a0a;
-  transition: border-color 0.2s;
+.compact-card:hover {
+  border-color: #444;
+  transform: translateY(-1px);
 }
 
-.preference-item:hover,
-.pattern-item:hover,
-.workflow-item:hover {
-  border-color: #00ccff;
+.preference-card {
+  border-top: 2px solid #00ccff;
 }
 
-.preference-header,
-.pattern-header,
-.workflow-header {
+.pattern-card {
+  border-top: 2px solid #ffaa00;
+}
+
+.card-top {
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
+  align-items: flex-start;
+  margin-bottom: 8px;
 }
 
-.preference-name,
-.pattern-name,
-.workflow-name {
-  color: #e0e0e0;
-  font-weight: bold;
-  flex: 1;
+.category-tag {
+  font-size: 9px;
+  text-transform: uppercase;
+  color: #666;
+  background: #161616;
+  padding: 2px 6px;
+  border-radius: 2px;
+  border: 1px solid #222;
 }
 
-.confidence-badge,
-.frequency-badge {
-  background: #00ccff;
-  color: #0a0a0a;
-  padding: 4px 10px;
-  border-radius: 3px;
-  font-size: 11px;
+.confidence-ring {
+  font-size: 9px;
+  color: #00ccff;
   font-weight: bold;
 }
 
-.confidence-bar,
-.frequency-bar {
-  height: 6px;
-  background: #222;
-  border-radius: 3px;
-  overflow: hidden;
-  margin-bottom: 10px;
+.card-body {
+  margin-bottom: 8px;
 }
 
-.confidence-fill {
-  height: 100%;
-  background: #00ccff;
-  transition: width 0.3s;
+.card-text {
+  font-size: 12px;
+  color: #d0d0d0;
+  line-height: 1.4;
 }
 
-.frequency-fill {
-  height: 100%;
-  background: #00ccff;
-  transition: width 0.3s;
+.card-footer {
+  border-top: 1px solid #1a1a1a;
+  padding-top: 6px;
+  margin-top: auto;
 }
 
-.preference-evidence {
-  color: #888;
-  font-size: 12px;
-  font-style: italic;
-  margin-bottom: 5px;
+.evidence-toggle {
+  font-size: 10px;
+  color: #555;
+  cursor: help;
+  display: flex;
+  align-items: center;
+  gap: 4px;
 }
 
-.preference-meta,
-.pattern-meta {
-  color: #666;
-  font-size: 11px;
+.evidence-toggle:hover {
+  color: #888;
 }
 
-.workflow-steps {
+.workflows-grid {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  margin-top: 10px;
-}
-
-.workflow-step {
-  display: flex;
-  align-items: center;
   gap: 10px;
-  padding: 8px;
-  background: #111;
-  border-left: 2px solid #00ccff;
 }
-.step-number {
-  background: #00ccff;
-  color: #0a0a0a;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: bold;
-  flex-shrink: 0;
+
+.workflow-row {
+  background: #0a0a0a;
+  border: 1px solid #2a2a2a;
+  padding: 12px;
 }
 
-.step-text {
-  color: #ccc;
+.workflow-title {
   font-size: 12px;
+  color: #ffcc00;
+  font-weight: bold;
+  margin-bottom: 10px;
 }
 
-.skill-level {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 15px;
-  padding: 15px;
-  background: #0a0a0a;
-  border: 1px solid #333;
+.workflow-steps-horizontal {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
 }
 
-.skill-item {
+.step-node {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 10px;
-  border-left: 3px solid #00ccff;
   background: #111;
+  border: 1px solid #333;
+  border-radius: 4px;
+  padding: 4px 8px;
+  gap: 6px;
 }
 
-.skill-label {
+.step-idx {
+  font-size: 9px;
+  background: #222;
   color: #888;
-  font-size: 12px;
-  text-transform: capitalize;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
 }
 
-.skill-value {
-  color: #00ccff;
-  font-weight: bold;
-  font-size: 13px;
-  text-transform: uppercase;
+.step-content {
+  font-size: 11px;
+  color: #bbb;
+}
+
+.step-arrow {
+  width: 12px;
+  height: 12px;
+  color: #444;
+}
+
+.icon-xs {
+  width: 10px;
+  height: 10px;
 }
 
 .changelog-list {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-mem",
-  "version": "2.3.7",
+  "version": "2.5.0",
   "description": "OpenCode plugin that gives coding agents persistent memory using local vector database",
   "type": "module",
   "main": "dist/plugin.js",
@@ -34,6 +34,8 @@
   "dependencies": {
     "@opencode-ai/plugin": "^1.0.162",
     "@xenova/transformers": "^2.17.2",
+    "franc-min": "^6.2.0",
+    "iso-639-3": "^3.0.1",
     "sqlite-vec": "^0.1.7-alpha.2"
   },
   "devDependencies": {