@ltm-blueverse/alpha-semantic-hub 0.7.0 → 0.7.1

package/explorer/src/workspaces/VocabularyWorkspace/ImportDropzone.tsx

@@ -68,17 +68,17 @@ export const ImportDropzone: React.FC = () => {
             <span style={{ fontSize: 12 }}>Uploading {file?.name}…</span>
           </div>
         ) : importResult ? (
-          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', color: '#3fb950' }}>
+          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', color: '#22863a' }}>
             <CheckCircle2 size={20} style={{ marginBottom: 6 }} />
             <span style={{ fontSize: 12, fontWeight: 500 }}>Import Successful!</span>
-            <span style={{ fontSize: 11, marginTop: 2, color: '#43d17a' }}>
+            <span style={{ fontSize: 11, marginTop: 2, color: '#178a4c' }}>
               +{importResult.nodes_added} concepts · +{importResult.edges_added} links
             </span>
           </div>
         ) : (
           <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', color: '#b08b93' }}>
             <UploadCloud size={20} style={{ marginBottom: 6, color: isDragActive ? '#ff2d4b' : '#484f58' }} />
-            <span style={{ fontSize: 12, fontWeight: 500, color: '#e8ccd1' }}>
+            <span style={{ fontSize: 12, fontWeight: 500, color: '#523036' }}>
               {isDragActive ? "Drop here…" : "Import Vocabulary"}
             </span>
             <span style={{ fontSize: 11, marginTop: 2 }}>.ttl or .rdf</span>
@@ -86,7 +86,7 @@ export const ImportDropzone: React.FC = () => {
         )}
       </div>
       {importMutation.isError && (
-        <p style={{ color: '#f85149', fontSize: 11, marginTop: 6, textAlign: 'center' }}>
+        <p style={{ color: '#c11810', fontSize: 11, marginTop: 6, textAlign: 'center' }}>
           Upload failed. Check console.
         </p>
       )}

package/explorer/src/workspaces/VocabularyWorkspace/PropertyPanel.tsx

@@ -36,13 +36,13 @@ export function PropertyPanel({ concept }: PropertyPanelProps) {
         <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 8 }}>
           <span style={{
             display: 'inline-block', width: 8, height: 8, borderRadius: '50%',
-            background: '#d2a8ff', boxShadow: '0 0 8px rgba(210,168,255,0.6)',
+            background: '#7c3aed', boxShadow: '0 0 8px rgba(210,168,255,0.6)',
           }} />
-          <span style={{ color: '#d2a8ff', fontSize: 12, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em' }}>
+          <span style={{ color: '#7c3aed', fontSize: 12, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em' }}>
             SKOS Concept
           </span>
         </div>
-        <h2 style={{ margin: 0, color: '#fff', fontSize: 22, fontWeight: 700, wordBreak: 'break-word' }}>
+        <h2 style={{ margin: 0, color: '#16181d', fontSize: 22, fontWeight: 700, wordBreak: 'break-word' }}>
           {concept.pref_label}
         </h2>
       </div>
@@ -52,7 +52,7 @@ export function PropertyPanel({ concept }: PropertyPanelProps) {
         marginBottom: 20, padding: '8px 14px',
         background: 'rgba(255,45,75,0.08)',
         border: '1px solid rgba(255,45,75,0.2)',
-        borderRadius: 6, fontSize: 13, color: '#ff8fa0',
+        borderRadius: 6, fontSize: 13, color: '#d9455e',
         fontFamily: "'JetBrains Mono', monospace",
         wordBreak: 'break-all',
       }}>
@@ -71,9 +71,9 @@ export function PropertyPanel({ concept }: PropertyPanelProps) {
           <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
             {concept.alt_labels.map((lbl, i) => (
               <span key={i} style={{
-                background: '#21262d', color: '#e8ccd1',
+                background: '#f9f9f9', color: '#523036',
                 padding: '4px 10px', borderRadius: 4, fontSize: 13,
-                border: '1px solid rgba(255,255,255,0.06)',
+                border: '1px solid rgba(28, 20, 24,0.06)',
               }}>
                 {lbl}
               </span>
@@ -85,7 +85,7 @@ export function PropertyPanel({ concept }: PropertyPanelProps) {
       {/* Children summary */}
       <section style={{
         background: 'rgba(0,0,0,0.2)', padding: 16, borderRadius: 8,
-        border: '1px solid rgba(255,255,255,0.05)',
+        border: '1px solid rgba(28, 20, 24,0.05)',
       }}>
         <h4 style={{
           color: '#b08b93', fontSize: 12, textTransform: 'uppercase',
@@ -97,7 +97,7 @@ export function PropertyPanel({ concept }: PropertyPanelProps) {
           <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
             {concept.children.map((child) => (
               <span key={child.uri} style={{
-                color: '#e8ccd1', fontSize: 13, padding: '6px 10px',
+                color: '#523036', fontSize: 13, padding: '6px 10px',
                 background: 'rgba(255,45,75,0.06)', borderRadius: 4,
                 border: '1px solid rgba(255,45,75,0.12)',
               }}>

package/explorer/src/workspaces/VocabularyWorkspace/Sidebar.tsx

@@ -32,14 +32,14 @@ export function Sidebar({ onSelectConcept }: SidebarProps) {
     <div style={{
       width: 340, display: 'flex', flexDirection: 'column',
       borderRight: '1px solid rgba(255,45,75,0.15)',
-      backgroundColor: '#010409', overflow: 'hidden',
+      backgroundColor: '#f5f5f6', overflow: 'hidden',
     }}>
       {/* Header */}
       <div style={{
         padding: '20px 20px 16px',
         borderBottom: '1px solid rgba(255,45,75,0.15)',
       }}>
-        <h2 style={{ fontSize: 18, color: '#e8ccd1', margin: '0 0 4px 0', fontWeight: 600 }}>
+        <h2 style={{ fontSize: 18, color: '#523036', margin: '0 0 4px 0', fontWeight: 600 }}>
           Ontology & Vocabulary
         </h2>
         <p style={{ color: '#b08b93', fontSize: 13, margin: 0 }}>
@@ -65,13 +65,13 @@ export function Sidebar({ onSelectConcept }: SidebarProps) {
               width: '100%', appearance: 'none',
               background: 'rgba(0,0,0,0.3)',
               border: '1px solid rgba(255,45,75,0.2)',
-              color: '#e8ccd1', padding: '8px 12px',
+              color: '#523036', padding: '8px 12px',
               borderRadius: 6, fontSize: 13, cursor: 'pointer',
               outline: 'none',
             }}
           >
             {schemes.map((s: VocabularyScheme) => (
-              <option key={s.uri} value={s.uri} style={{ background: '#0a0508' }}>
+              <option key={s.uri} value={s.uri} style={{ background: '#fdfcfc' }}>
                 {s.label}
               </option>
             ))}

package/explorer/src/workspaces/VocabularyWorkspace/VocabularyWorkspace.tsx

@@ -16,7 +16,7 @@ const THEME_CSS = `
     display: flex;
     width: 100%;
     height: 100%;
-    background: #0a0508;
+    background: #fdfcfc;
     overflow: hidden;
   }
   .vocab-main {
@@ -31,11 +31,11 @@ const THEME_CSS = `
     overflow-y: auto;
   }
   .vocab-detail-glass {
-    background: linear-gradient(135deg, rgba(13,17,23,0.75), rgba(22,27,34,0.6));
+    background: linear-gradient(135deg, rgba(255, 255, 255,0.75), rgba(255, 255, 255,0.6));
     backdrop-filter: blur(16px) saturate(1.2);
     -webkit-backdrop-filter: blur(16px) saturate(1.2);
     border: 1px solid rgba(255,45,75,0.15);
-    box-shadow: 0 8px 32px rgba(0,0,0,0.5), inset 1px 1px 0 rgba(255,255,255,0.04);
+    box-shadow: 0 8px 32px rgba(0,0,0,0.5), inset 1px 1px 0 rgba(28, 20, 24,0.04);
     border-radius: 14px;
     height: 100%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltm-blueverse/alpha-semantic-hub",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Alpha Semantic Hub \u2014 Graph-Native Infrastructure for Context and Accountable AI Systems",
   "keywords": [
     "alpha-semantic-hub",