npm - openship - Versions diffs - 0.1.0 → 0.1.1 - Mend

openship 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (531) hide show

package/apps/dashboard/src/styles/fonts.css ADDED Viewed

@@ -0,0 +1,93 @@
+/*
+ * ─────────────────────────────────────────────────────────────────
+ *  OPENSHIP FONTS
+ *  Gellix (Latin) + SF Arabic (RTL fallback)
+ *  Imported once in globals.css
+ * ─────────────────────────────────────────────────────────────────
+ */
+/* ── Gellix ───────────────────────────────────────────────────── */
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Thin.woff2') format('woff2');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-ExtraBold.woff2') format('woff2');
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Gellix';
+  src: url('https://cdn.oblien.com/fonts/Gellix-Black.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+/* ── SF Arabic ────────────────────────────────────────────────── */
+@font-face {
+  font-family: 'SF Arabic';
+  src: local('SF Arabic'), local('SFArabic-Regular'),
+    url('https://cdn.oblien.com/fonts/SFArabic-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'SF Arabic Rounded';
+  src: local('SF Arabic Rounded'), local('SFArabicRounded-Regular'),
+    url('https://cdn.oblien.com/fonts/SFArabicRounded-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}

package/apps/dashboard/src/styles/theme.css ADDED Viewed

@@ -0,0 +1,336 @@
+/*
+ * ─────────────────────────────────────────────────────────────────
+ *  OPENSHIP THEME TOKENS
+ *  Single source of truth for all colors across the dashboard.
+ *
+ *  System:
+ *    data-theme="light"|"dark" on <html>  (set by ThemeProvider)
+ *
+ *  Scale primitives:
+ *    --th-on-{N}    Foreground at N% opacity (text, icons, borders)
+ *    --th-sf-{N}    Surface fill at N% opacity (backgrounds)
+ *
+ *  Semantic aliases:
+ *    --th-text-*    Text colors
+ *    --th-bg-*      Background fills
+ *    --th-bd-*      Border colors
+ *    Component-level: input, button, card, dropdown…
+ *
+ *  Usage:
+ *    className="th-text-body"
+ *    className="th-card"
+ *    style={{ color: "var(--th-text-muted)" }}
+ *
+ *  Semantic colors (status, accent) stay as Tailwind utilities —
+ *  they are not gray-scale and need per-context tuning.
+ * ─────────────────────────────────────────────────────────────────
+ */
+/* ── Light (default) ──────────────────────────────────────────── */
+:root,
+[data-theme="light"] {
+  /* Foreground scale — black on white */
+  --th-on-05: rgba(0,0,0,.05);
+  --th-on-08: rgba(0,0,0,.08);
+  --th-on-10: rgba(0,0,0,.10);
+  --th-on-12: rgba(0,0,0,.12);
+  --th-on-16: rgba(0,0,0,.16);
+  --th-on-20: rgba(0,0,0,.20);
+  --th-on-30: rgba(0,0,0,.30);
+  --th-on-40: rgba(0,0,0,.40);
+  --th-on-50: rgba(0,0,0,.50);
+  --th-on-60: rgba(0,0,0,.60);
+  --th-on-70: rgba(0,0,0,.70);
+  --th-on-80: rgba(0,0,0,.80);
+  --th-on-90: rgba(0,0,0,.90);
+  --th-on-95: rgba(0,0,0,.95);
+  /* Surface fill scale — tinted backgrounds */
+  --th-sf-01: rgba(0,0,0,.01);
+  --th-sf-02: rgba(0,0,0,.02);
+  --th-sf-03: rgba(0,0,0,.03);
+  --th-sf-04: rgba(0,0,0,.04);
+  --th-sf-05: rgba(0,0,0,.05);
+  --th-sf-06: rgba(0,0,0,.06);
+  --th-sf-08: rgba(0,0,0,.08);
+  /* ─ Text ─ */
+  --th-text-heading:   rgba(0,0,0,1);
+  --th-text-title:     rgba(0,0,0,.92);
+  --th-text-strong:    rgba(0,0,0,.82);
+  --th-text-body:      rgba(0,0,0,.60);
+  --th-text-secondary: rgba(0,0,0,.50);
+  --th-text-muted:     rgba(0,0,0,.42);
+  --th-text-label:     rgba(0,0,0,.44);
+  --th-text-hint:      rgba(0,0,0,.38);
+  --th-text-ghost:     rgba(0,0,0,.18);
+  /* ─ Page / layout ─ */
+  --th-bg-page:        #ffffff;
+  --th-bg-card:        #fafafa;
+  --th-bg-subtle:      rgba(0,0,0,.02);
+  --th-bg-hover:       rgba(0,0,0,.025);
+  --th-bg-inset:       rgba(0,0,0,.015);
+  /* ─ Borders ─ */
+  --th-bd-default:     #e8e8e8;
+  --th-bd-subtle:      #f0f0f0;
+  --th-bd-strong:      #d0d0d0;
+  --th-bd-card:        #f0f0f0;
+  /* ─ Input ─ */
+  --th-input-bg:           #ffffff;
+  --th-input-bd:           #e0e0e0;
+  --th-input-text:         rgba(0,0,0,.80);
+  --th-input-placeholder:  rgba(0,0,0,.28);
+  --th-input-bg-focus:     #ffffff;
+  --th-input-bd-focus:     #b0b0b0;
+  /* ─ Button — primary (filled) ─ */
+  --th-btn-bg:       rgba(0,0,0,.92);
+  --th-btn-text:     #ffffff;
+  --th-btn-bg-hover: rgba(0,0,0,.80);
+  /* ─ Button — ghost / outline ─ */
+  --th-btn-ghost-bd:         #e0e0e0;
+  --th-btn-ghost-text:       rgba(0,0,0,.52);
+  --th-btn-ghost-bd-hover:   #c8c8c8;
+  --th-btn-ghost-text-hover: rgba(0,0,0,.72);
+  --th-btn-ghost-bg-hover:   rgba(0,0,0,.025);
+  /* ─ Card ─ */
+  --th-card-bg:       #ffffff;
+  --th-card-bg-solid: #ffffff;
+  --th-card-bd:       #efefef;
+  --th-card-bd-hover: #e0e0e0;
+  --th-card-shadow:   none;
+  /* ─ Divider ─ */
+  --th-divider:       #f0f0f0;
+  /* ─ Overlay ─ */
+  --th-overlay:       rgba(0,0,0,.45);
+  /* ─ Dropdown ─ */
+  --th-dropdown-bg:     #ffffff;
+  --th-dropdown-bd:     #e8e8e8;
+  --th-dropdown-shadow: 0 16px 40px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.06);
+  /* ─ Spinner ─ */
+  --th-spinner-track:   rgba(0,0,0,.08);
+  --th-spinner-fill:    rgba(0,0,0,.92);
+}
+/* ── Dark ─────────────────────────────────────────────────────── */
+[data-theme="dark"] {
+  /* Foreground scale — white on black */
+  --th-on-05: rgba(255,255,255,.05);
+  --th-on-08: rgba(255,255,255,.08);
+  --th-on-10: rgba(255,255,255,.10);
+  --th-on-12: rgba(255,255,255,.12);
+  --th-on-16: rgba(255,255,255,.16);
+  --th-on-20: rgba(255,255,255,.20);
+  --th-on-30: rgba(255,255,255,.30);
+  --th-on-40: rgba(255,255,255,.40);
+  --th-on-50: rgba(255,255,255,.50);
+  --th-on-60: rgba(255,255,255,.60);
+  --th-on-70: rgba(255,255,255,.70);
+  --th-on-80: rgba(255,255,255,.80);
+  --th-on-90: rgba(255,255,255,.90);
+  --th-on-95: rgba(255,255,255,.95);
+  /* Surface fill scale */
+  --th-sf-01: rgba(255,255,255,.01);
+  --th-sf-02: rgba(255,255,255,.02);
+  --th-sf-03: rgba(255,255,255,.03);
+  --th-sf-04: rgba(255,255,255,.04);
+  --th-sf-05: rgba(255,255,255,.05);
+  --th-sf-06: rgba(255,255,255,.06);
+  --th-sf-08: rgba(255,255,255,.08);
+  /* ─ Text ─ */
+  --th-text-heading:   #ffffff;
+  --th-text-title:     rgba(255,255,255,.95);
+  --th-text-strong:    rgba(255,255,255,.85);
+  --th-text-body:      rgba(255,255,255,.58);
+  --th-text-secondary: rgba(255,255,255,.48);
+  --th-text-muted:     rgba(255,255,255,.38);
+  --th-text-label:     rgba(255,255,255,.40);
+  --th-text-hint:      rgba(255,255,255,.22);
+  --th-text-ghost:     rgba(255,255,255,.14);
+  /* ─ Page / layout ─ */
+  --th-bg-page:        #000000;
+  --th-bg-card:        #0a0a0a;
+  --th-bg-subtle:      rgba(255,255,255,.025);
+  --th-bg-hover:       rgba(255,255,255,.04);
+  --th-bg-inset:       rgba(255,255,255,.015);
+  /* ─ Borders ─ */
+  --th-bd-default:     rgba(255,255,255,.08);
+  --th-bd-subtle:      rgba(255,255,255,.05);
+  --th-bd-strong:      rgba(255,255,255,.14);
+  --th-bd-card:        rgba(255,255,255,.07);
+  /* ─ Input ─ */
+  --th-input-bg:           rgba(255,255,255,.03);
+  --th-input-bd:           rgba(255,255,255,.08);
+  --th-input-text:         rgba(255,255,255,.80);
+  --th-input-placeholder:  rgba(255,255,255,.22);
+  --th-input-bg-focus:     rgba(255,255,255,.05);
+  --th-input-bd-focus:     rgba(255,255,255,.18);
+  /* ─ Button — primary ─ */
+  --th-btn-bg:       #ffffff;
+  --th-btn-text:     #000000;
+  --th-btn-bg-hover: rgba(255,255,255,.90);
+  /* ─ Button — ghost / outline ─ */
+  --th-btn-ghost-bd:         rgba(255,255,255,.10);
+  --th-btn-ghost-text:       rgba(255,255,255,.48);
+  --th-btn-ghost-bd-hover:   rgba(255,255,255,.18);
+  --th-btn-ghost-text-hover: rgba(255,255,255,.72);
+  --th-btn-ghost-bg-hover:   rgba(255,255,255,.04);
+  /* ─ Card ─ */
+  --th-card-bg:       rgba(255,255,255,.025);
+  --th-card-bg-solid: #060606;
+  --th-card-bd:       rgba(255,255,255,.06);
+  --th-card-bd-hover: rgba(255,255,255,.12);
+  --th-card-shadow:   none;
+  /* ─ Divider ─ */
+  --th-divider:       rgba(255,255,255,.06);
+  /* ─ Overlay ─ */
+  --th-overlay:       rgba(0,0,0,.6);
+  /* ─ Dropdown ─ */
+  --th-dropdown-bg:     #161616;
+  --th-dropdown-bd:     rgba(255,255,255,.08);
+  --th-dropdown-shadow: 0 20px 48px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.32);
+  /* ─ Spinner ─ */
+  --th-spinner-track:   rgba(255,255,255,.06);
+  --th-spinner-fill:    #ffffff;
+}
+/* ══════════════════════════════════════════════════════════════
+   UTILITY CLASSES  —  .th-*
+   Each class is a single-purpose semantic token.
+   ══════════════════════════════════════════════════════════════ */
+/* Text */
+.th-text-heading   { color: var(--th-text-heading); }
+.th-text-title     { color: var(--th-text-title); }
+.th-text-strong    { color: var(--th-text-strong); }
+.th-text-body      { color: var(--th-text-body); }
+.th-text-secondary { color: var(--th-text-secondary); }
+.th-text-muted     { color: var(--th-text-muted); }
+.th-text-label     { color: var(--th-text-label); }
+.th-text-hint      { color: var(--th-text-hint); }
+.th-text-ghost     { color: var(--th-text-ghost); }
+/* Page / layout */
+.th-page     { background-color: var(--th-bg-page); min-height: 100dvh; }
+.th-bg-card  { background-color: var(--th-bg-card); }
+.th-bg-subtle { background-color: var(--th-bg-subtle); }
+/* Card */
+.th-card {
+  background-color: var(--th-card-bg);
+  border: 1px solid var(--th-card-bd);
+  border-radius: 1rem;
+  box-shadow: var(--th-card-shadow);
+  transition: border-color .2s;
+}
+.th-card:has(a:hover) { border-color: var(--th-card-bd-hover); }
+/* Borders */
+.th-bd-default { border-color: var(--th-bd-default); }
+.th-bd-subtle  { border-color: var(--th-bd-subtle); }
+.th-divider    { border-color: var(--th-divider); }
+/* Input */
+.th-input {
+  background-color: var(--th-input-bg);
+  border: 1px solid var(--th-input-bd);
+  color: var(--th-input-text);
+  outline: none;
+  transition: border-color .15s, background-color .15s;
+}
+.th-input::placeholder  { color: var(--th-input-placeholder); }
+.th-input:focus {
+  border-color: var(--th-input-bd-focus);
+  background-color: var(--th-input-bg-focus);
+}
+/* Button — primary */
+.th-btn {
+  background-color: var(--th-btn-bg);
+  color: var(--th-btn-text);
+  transition: background-color .15s;
+}
+.th-btn:hover            { background-color: var(--th-btn-bg-hover); }
+.th-btn:disabled         { opacity: .42; cursor: not-allowed; }
+/* Button — ghost/outline */
+.th-btn-ghost {
+  border: 1px solid var(--th-btn-ghost-bd);
+  color: var(--th-btn-ghost-text);
+  background-color: transparent;
+  transition: border-color .15s, color .15s, background-color .15s;
+}
+.th-btn-ghost:hover {
+  border-color: var(--th-btn-ghost-bd-hover);
+  color: var(--th-btn-ghost-text-hover);
+  background-color: var(--th-btn-ghost-bg-hover);
+}
+.th-btn-ghost:disabled { opacity: .42; cursor: not-allowed; }
+/* Dropdown */
+.th-dropdown {
+  background-color: var(--th-dropdown-bg);
+  border: 1px solid var(--th-dropdown-bd);
+  box-shadow: var(--th-dropdown-shadow);
+}
+/* Spinner */
+.th-spinner-track { stroke: var(--th-spinner-track); }
+.th-spinner-fill  { stroke: var(--th-spinner-fill); }
+/* ══════════════════════════════════════════════════════════════
+   SHADCN/UI BRIDGE
+   Maps --th-* tokens → standard shadcn variable names.
+   The @theme inline block in globals.css exposes these to Tailwind
+   so utilities like bg-primary, text-foreground, border-input work.
+   Values auto-switch between light/dark because --th-* already does.
+   ══════════════════════════════════════════════════════════════ */
+:root {
+  --background: var(--th-bg-page);
+  --foreground: var(--th-text-title);
+  --card: var(--th-card-bg);
+  --card-foreground: var(--th-text-title);
+  --popover: var(--th-dropdown-bg);
+  --popover-foreground: var(--th-text-title);
+  --primary: var(--th-btn-bg);
+  --primary-foreground: var(--th-btn-text);
+  --secondary: var(--th-sf-05);
+  --secondary-foreground: var(--th-text-strong);
+  --muted: var(--th-sf-04);
+  --muted-foreground: var(--th-text-muted);
+  --accent: var(--th-sf-04);
+  --accent-foreground: var(--th-text-title);
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border: var(--th-bd-default);
+  --input: var(--th-input-bd);
+  --ring: var(--th-on-20);
+  --radius: 0.75rem;
+}

package/apps/dashboard/src/types/research.ts ADDED Viewed

@@ -0,0 +1,42 @@
+/**
+ * Type definitions for the Tavily Research API integration.
+ */
+export interface SearchRequest {
+  query: string;
+  search_depth?: "basic" | "advanced";
+  include_answer?: boolean;
+  include_images?: boolean;
+  include_raw_content?: boolean;
+  max_results?: number;
+  include_domains?: string[];
+  exclude_domains?: string[];
+}
+export interface ExtractRequest {
+  urls: string[];
+  include_images?: boolean;
+}
+export interface CrawlRequest {
+  url: string;
+  max_depth?: number;
+  max_pages?: number;
+  include_images?: boolean;
+}
+export interface ResearchResultItem {
+  url: string;
+  title?: string;
+  raw_content?: string;
+  content?: string;
+  score?: number;
+}
+export interface ResearchResult {
+  results: ResearchResultItem[];
+  base_url?: string;
+  answer?: string;
+  images?: string[];
+  query?: string;
+}

package/apps/dashboard/src/utils/SSEParser.js ADDED Viewed

@@ -0,0 +1,150 @@
+export const parseJsonStream = (text) => {
+    if (!text || typeof text !== 'string') return [];
+    // Brute force fallback - look for JSON objects surrounded by {} in the text
+    // This helps catch chunks that might be missed by the parser
+    if (text.includes('{') && text.includes('}')) {
+        const potentialJson = text.substring(
+            text.indexOf('{'),
+            text.lastIndexOf('}') + 1
+        );
+        try {
+            const forceParsed = JSON.parse(potentialJson);
+            // Verify this is a valid message (either a chunk or status update)
+            if (forceParsed &&
+                forceParsed.messageId &&
+                (forceParsed.text || forceParsed.status) &&
+                typeof forceParsed.messageId !== 'undefined') {
+                return forceParsed;
+            }
+        } catch (e) { }
+    }
+    const results = [];
+    // Strategy 1: Direct JSON parse if it's a clean JSON object
+    try {
+        const directParsed = JSON.parse(text);
+        if (directParsed && typeof directParsed === 'object' && directParsed.messageId &&
+            (directParsed.text || directParsed.status)) {
+            results.push(directParsed);
+            return results;
+        }
+    } catch (e) {
+        console.log('Error:', e);
+    }
+    // Strategy 2: Handle quoted strings that contain JSON
+    if (text.startsWith('"') && text.endsWith('"')) {
+        try {
+            // This will handle escaped quotes within the string
+            const unquoted = JSON.parse(text);
+            if (typeof unquoted === 'string') {
+                // Try parsing the unquoted content
+                try {
+                    const parsed = JSON.parse(unquoted);
+                    if (parsed && typeof parsed === 'object' && parsed.messageId &&
+                        (parsed.text || parsed.status)) {
+                        results.push(parsed);
+                        return results;
+                    }
+                } catch (innerErr) { }
+                // If that failed, use the unquoted content for the next strategies
+                text = unquoted;
+            }
+        } catch (e) {
+            console.log('Error:', e);
+        }
+    }
+    // Strategy 3: Handle SSE format with data: prefix
+    if (text.includes('data:')) {
+        const dataLines = text.split('\n')
+            .filter(line => line.trim().startsWith('data:'));
+        for (const line of dataLines) {
+            try {
+                const jsonPart = line.substring(line.indexOf(':') + 1).trim();
+                const parsed = JSON.parse(jsonPart);
+                if (parsed && typeof parsed === 'object' && parsed.messageId &&
+                    (parsed.text || parsed.status)) {
+                    results.push(parsed);
+                }
+            } catch (e) { }
+        }
+    }
+    // Strategy 4: Extract any JSON-like structures in the string
+    // Look specifically for chunk message JSON patterns to avoid parsing code blocks
+    const possibleJsons = [];
+    let startIdx = text.indexOf('{');
+    while (startIdx !== -1) {
+        let openBraces = 1;
+        let endIdx = startIdx + 1;
+        let inString = false;
+        let escaped = false;
+        // Find matching closing brace
+        while (endIdx < text.length && openBraces > 0) {
+            const char = text[endIdx];
+            if (escaped) {
+                escaped = false;
+            } else if (char === '\\') {
+                escaped = true;
+            } else if (char === '"') {
+                inString = !inString;
+            } else if (!inString) {
+                if (char === '{') openBraces++;
+                else if (char === '}') openBraces--;
+            }
+            endIdx++;
+        }
+        if (openBraces === 0) {
+            const jsonCandidate = text.substring(startIdx, endIdx);
+            possibleJsons.push(jsonCandidate);
+        }
+        startIdx = text.indexOf('{', startIdx + 1);
+    }
+    for (const jsonStr of possibleJsons) {
+        try {
+            const parsed = JSON.parse(jsonStr);
+            // Consider it valid if it has messageId and either text or status
+            if (parsed && typeof parsed === 'object' && parsed.messageId &&
+                (parsed.text || parsed.status)) {
+                results.push(parsed);
+            }
+        } catch (e) {
+            console.log('Error:', e);
+        }
+    }
+    if (results.length === 0 && text.includes('data:')) {
+        // Extract data from malformed JSON as a last resort
+        const statusMatch = text.match(/status":"([^"]+)"/);
+        const idMatch = text.match(/messageId":(\d+)/);
+        const typeMatch = text.match(/type":"([^"]+)"/);
+        const textMatch = text.match(/text":"([^"]+)"/);
+        // Generate a fallback message ID if needed
+        const messageId = idMatch ? parseInt(idMatch[1]) : Date.now();
+        if (statusMatch && statusMatch[1] && typeMatch && typeMatch[1] === 'status') {
+            results.push({ messageId, type: 'status', status: JSON.parse(statusMatch[1]) });
+        } else if (textMatch && textMatch[1]) {
+            // Handle text chunk
+            results.push({ messageId, type: 'text', text: textMatch[1] });
+        }
+    }
+    return results;
+};