@polderlabs/bizar 7.0.4 → 8.1.0

package/bizar-dash/src/web/views/memory/SemanticSearchPanel.tsx

@@ -1,197 +0,0 @@
-// src/web/views/memory/SemanticSearchPanel.tsx — cross-source search (LightRAG + Obsidian).
-import { useEffect, useMemo, useState } from 'react';
-import { Brain, FileText, Loader2, Search as SearchIcon, X } from 'lucide-react';
-import { Button } from '../../components/Button';
-import { Card, CardMeta, CardTitle } from '../../components/Card';
-import { EmptyState } from '../../components/EmptyState';
-import { Spinner } from '../../components/Spinner';
-import { useToast } from '../../components/Toast';
-import { api } from '../../lib/api';
-import { cn } from '../../lib/utils';
-
-type Result = {
-  source: 'lightrag' | 'obsidian';
-  relPath: string | null;
-  snippet: string;
-  score: number;
-  mtime: number | null;
-  raw?: unknown;
-  error?: string;
-};
-
-type Props = { refreshKey: number };
-
-export function SemanticSearchPanel({ refreshKey }: Props) {
-  const toast = useToast();
-  const [q, setQ] = useState('');
-  const [sources, setSources] = useState<{ lightrag: boolean; obsidian: boolean }>({ lightrag: true, obsidian: true });
-  const [results, setResults] = useState<Result[] | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [lastQuery, setLastQuery] = useState('');
-
-  const onSearch = async (query: string) => {
-    if (!query.trim()) return;
-    setLoading(true);
-    setLastQuery(query);
-    try {
-      const activeSources = [
-        ...(sources.lightrag ? ['lightrag' as const] : []),
-        ...(sources.obsidian ? ['obsidian' as const] : []),
-      ];
-      const r = await api.post<{ query: string; count: number; results: Result[] }>(
-        '/memory/semantic-search',
-        { query, limit: 20, sources: activeSources },
-      );
-      setResults(r.results || []);
-    } catch (err) {
-      toast.error(`Search failed: ${(err as Error).message}`);
-      setResults([]);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  // Re-run when sources toggle (if there's a last query).
-  useEffect(() => {
-    if (lastQuery) onSearch(lastQuery);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sources]);
-
-  // Re-run when the panel is re-mounted.
-  useEffect(() => {
-    if (lastQuery) onSearch(lastQuery);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [refreshKey]);
-
-  const grouped = useMemo(() => {
-    const obs = (results || []).filter((r) => r.source === 'obsidian');
-    const lr = (results || []).filter((r) => r.source === 'lightrag');
-    return { obs, lr };
-  }, [results]);
-
-  return (
-    <div className="memory-panel-content">
-      <Card variant="elevated">
-        <CardTitle>
-          <SearchIcon size={14} /> Semantic search
-        </CardTitle>
-        <CardMeta>Query both LightRAG (graph-based) and the Obsidian vault in one shot.</CardMeta>
-        <div className="memory-search-row">
-          <label htmlFor="semantic-search-input" className="sr-only">Semantic search</label>
-          <input
-            id="semantic-search-input"
-            type="text"
-            className="input"
-            placeholder="e.g. how are notes indexed?"
-            value={q}
-            onChange={(e) => setQ(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === 'Enter') onSearch(q);
-            }}
-            disabled={loading}
-            aria-label="Semantic search query"
-          />
-          <Button variant="primary" onClick={() => onSearch(q)} disabled={loading || !q.trim()}>
-            {loading ? <Loader2 size={12} className="memory-spin" /> : <SearchIcon size={12} />}
-            Search
-          </Button>
-        </div>
-        <div className="memory-source-toggle-row">
-          <ToggleChip
-            active={sources.obsidian}
-            onToggle={() => setSources((s) => ({ ...s, obsidian: !s.obsidian }))}
-            label="Obsidian"
-            icon={<FileText size={11} />}
-          />
-          <ToggleChip
-            active={sources.lightrag}
-            onToggle={() => setSources((s) => ({ ...s, lightrag: !s.lightrag }))}
-            label="LightRAG"
-            icon={<Brain size={11} />}
-          />
-          {q && (
-            <button type="button" className="icon-btn" onClick={() => { setQ(''); setResults(null); setLastQuery(''); }} aria-label="Clear">
-              <X size={12} />
-            </button>
-          )}
-        </div>
-      </Card>
-
-      {loading && (
-        <div className="view-loading">
-          <Spinner size="md" />
-        </div>
-      )}
-
-      {!loading && results && results.length === 0 && (
-        <EmptyState
-          icon={<SearchIcon size={28} />}
-          title="No matches"
-          message={`Nothing in scope matched "${lastQuery}".`}
-        />
-      )}
-
-      {grouped.obs.length > 0 && (
-        <Card>
-          <CardTitle>
-            <FileText size={14} /> Obsidian ({grouped.obs.length})
-          </CardTitle>
-          <ul className="memory-search-result-list">
-            {grouped.obs.map((r, i) => (
-              <li key={`obs-${i}`} className="memory-search-result">
-                <div className="memory-search-result-head">
-                  <code>{r.relPath}</code>
-                  <span className="muted text-xs">score {r.score.toFixed(1)}</span>
-                </div>
-                <p className="muted text-sm">{r.snippet}</p>
-              </li>
-            ))}
-          </ul>
-        </Card>
-      )}
-
-      {grouped.lr.length > 0 && (
-        <Card>
-          <CardTitle>
-            <Brain size={14} /> LightRAG ({grouped.lr.length})
-          </CardTitle>
-          <div className="memory-search-result-list">
-            {grouped.lr.map((r, i) => (
-              <div key={`lr-${i}`} className="memory-search-result">
-                <div className="memory-search-result-head">
-                  <span className="memory-source-pill"><Brain size={11} /> LightRAG</span>
-                  {r.error && <span className="muted text-xs">error: {r.error}</span>}
-                </div>
-                <p className="text-sm">{r.snippet}</p>
-              </div>
-            ))}
-          </div>
-        </Card>
-      )}
-    </div>
-  );
-}
-
-function ToggleChip({
-  active,
-  onToggle,
-  label,
-  icon,
-}: {
-  active: boolean;
-  onToggle: () => void;
-  label: string;
-  icon: React.ReactNode;
-}) {
-  return (
-    <button
-      type="button"
-      className={cn('memory-toggle-chip', active && 'memory-toggle-chip-active')}
-      onClick={onToggle}
-      aria-pressed={active}
-    >
-      {icon}
-      <span>{label}</span>
-    </button>
-  );
-}

package/bizar-dash/src/web/views/memory/VaultFromClipboardPanel.tsx

@@ -1,101 +0,0 @@
-// src/web/views/memory/VaultFromClipboardPanel.tsx — v5.0.0
-//
-// Memory tab panel for pasting content directly into the vault.
-// Accepts URL + title + content text, saves via /api/clipboard/save.
-
-import { useState } from 'react';
-import { Clipboard, Loader2 } from 'lucide-react';
-import { Button } from '../../components/Button';
-import { Card, CardTitle } from '../../components/Card';
-import { useToast } from '../../components/Toast';
-import { api } from '../../lib/api';
-
-type Props = {
-  refreshKey: number;
-};
-
-export function VaultFromClipboardPanel({ refreshKey: _refreshKey }: Props) {
-  const toast = useToast();
-  const [url, setUrl] = useState('');
-  const [title, setTitle] = useState('');
-  const [content, setContent] = useState('');
-  const [saving, setSaving] = useState(false);
-
-  const handleSave = async () => {
-    if (!content.trim()) {
-      toast.error('Content is required');
-      return;
-    }
-    setSaving(true);
-    try {
-      const r = await api.post<{ ok: boolean; notePath: string }>('/clipboard/save', {
-        url: url.trim() || undefined,
-        title: title.trim() || undefined,
-        content: content,
-        savedAt: new Date().toISOString(),
-      });
-      if (r.ok) {
-        toast.success(`Saved to ${r.notePath}`);
-        setUrl('');
-        setTitle('');
-        setContent('');
-      }
-    } catch (err) {
-      toast.error(`Save failed: ${(err as Error).message}`);
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  return (
-    <div className="memory-panel-content">
-      <Card variant="outlined" className="memory-panel-card">
-        <div className="memory-panel-body">
-          <div className="vault-clipboard-panel">
-            <div className="vault-clipboard-header">
-              <Clipboard size={16} />
-              <span>Paste Content</span>
-            </div>
-
-            <label className="field-label" htmlFor="clip-url">URL (optional)</label>
-            <input
-              id="clip-url"
-              type="text"
-              className="input"
-              placeholder="https://example.com"
-              value={url}
-              onChange={(e) => setUrl(e.target.value)}
-            />
-
-            <label className="field-label" htmlFor="clip-title" style={{ marginTop: 10 }}>Title (optional)</label>
-            <input
-              id="clip-title"
-              type="text"
-              className="input"
-              placeholder="Page title"
-              value={title}
-              onChange={(e) => setTitle(e.target.value)}
-            />
-
-            <label className="field-label" htmlFor="clip-content" style={{ marginTop: 10 }}>Content *</label>
-            <textarea
-              id="clip-content"
-              className="input vault-clipboard-textarea mono text-sm"
-              rows={12}
-              placeholder="Paste or type content to save to your vault…"
-              value={content}
-              onChange={(e) => setContent(e.target.value)}
-            />
-
-            <div className="vault-clipboard-actions" style={{ marginTop: 12 }}>
-              <Button variant="primary" size="sm" onClick={handleSave} disabled={saving || !content.trim()}>
-                {saving && <Loader2 size={12} className="spinner" />}
-                Save to Vault
-              </Button>
-            </div>
-          </div>
-        </div>
-      </Card>
-    </div>
-  );
-}

package/bizar-dash/src/web/views/settings/ActivitySection.tsx

@@ -1,205 +0,0 @@
-// src/web/views/settings/ActivitySection.tsx
-import React, { useEffect, useState, useCallback } from 'react';
-import { Activity, Search, Eye, RefreshCw, Info } from 'lucide-react';
-import { Card, CardTitle, CardMeta } from '../../components/Card';
-import { Button } from '../../components/Button';
-import { useToast } from '../../components/Toast';
-import { api } from '../../lib/api';
-import { cn } from '../../lib/utils';
-import type { Settings } from '../../lib/types';
-
-type Props = {
-  about: Settings['about'];
-};
-
-function ActivityLogCard() {
-  const toast = useToast();
-  const [items, setItems] = useState<Array<{ kind?: string; ts?: string; slug?: string; message?: string }>>([]);
-  const [hidden, setHidden] = useState<Set<string>>(new Set());
-  const [loading, setLoading] = useState(true);
-  const [filter, setFilter] = useState('');
-  const [showHidden, setShowHidden] = useState(true);
-
-  const refresh = useCallback(async () => {
-    setLoading(true);
-    try {
-      const [log, hid] = await Promise.all([
-        api.get<{ items: Array<{ kind?: string; ts?: string; slug?: string; message?: string }> }>('/activity'),
-        api.get<{ hidden: string[] }>('/activity/hidden'),
-      ]);
-      setItems(Array.isArray(log.items) ? log.items : []);
-      setHidden(new Set(hid.hidden || []));
-    } catch (err) {
-      toast.error(`Load failed: ${(err as Error).message}`);
-    } finally {
-      setLoading(false);
-    }
-  }, [toast]);
-
-  useEffect(() => { refresh(); }, [refresh]);
-
-  const keyOf = (it: { kind?: string; ts?: string; slug?: string }, idx: number) => {
-    const k = `${it.kind || ''}|${it.ts || ''}|${it.slug || ''}|${idx}`;
-    let h = 0;
-    for (let i = 0; i < k.length; i++) h = ((h << 5) - h + k.charCodeAt(i)) | 0;
-    return Math.abs(h).toString(16).padStart(8, '0').slice(0, 16);
-  };
-
-  const onRestoreAll = async () => {
-    try {
-      await api.del('/activity/hide');
-      setHidden(new Set());
-      toast.success('All hidden activity restored.');
-    } catch (err) {
-      toast.error(`Restore failed: ${(err as Error).message}`);
-    }
-  };
-
-  const onRestoreOne = async (key: string) => {
-    try {
-      await api.del(`/activity/hide/${encodeURIComponent(key)}`);
-      const next = new Set(hidden);
-      next.delete(key);
-      setHidden(next);
-    } catch (err) {
-      toast.error(`Restore failed: ${(err as Error).message}`);
-    }
-  };
-
-  const filtered = items.filter((it, idx) => {
-    const k = keyOf(it, idx);
-    if (!showHidden && hidden.has(k)) return false;
-    if (!filter) return true;
-    const q = filter.toLowerCase();
-    return [it.kind, it.slug, it.message].some((v) => typeof v === 'string' && v.toLowerCase().includes(q));
-  });
-
-  return (
-    <Card id="settings-activity-log" data-section="activity-log">
-      <CardTitle>
-        <Activity size={14} /> Activity log
-        <span className="muted" style={{ fontWeight: 400, marginLeft: 8, fontSize: 12 }}>
-          {items.length} total · {hidden.size} hidden
-        </span>
-        <Button variant="ghost" size="sm" style={{ marginLeft: 'auto' }} onClick={refresh} title="Reload">
-          <RefreshCw size={12} />
-        </Button>
-      </CardTitle>
-      <CardMeta>
-        Full history from <code>~/.bizar/activity.log</code>. Hiding an item in the Overview only hides it there — the entry stays here.
-      </CardMeta>
-
-      <div className="activity-log-toolbar">
-        <div className="activity-log-search">
-          <Search size={12} />
-          <input
-            type="text"
-            className="input"
-            placeholder="Filter by kind, slug, or message…"
-            value={filter}
-            onChange={(e) => setFilter(e.target.value)}
-          />
-        </div>
-        <label className="activity-log-toggle">
-          <input
-            type="checkbox"
-            checked={showHidden}
-            onChange={(e) => setShowHidden(e.target.checked)}
-          />
-          Show hidden
-        </label>
-        <Button
-          variant="ghost"
-          size="sm"
-          disabled={hidden.size === 0}
-          onClick={onRestoreAll}
-          title="Restore all hidden items to the Overview"
-        >
-          <Eye size={12} /> Restore all
-        </Button>
-      </div>
-
-      {loading ? (
-        <div className="muted" style={{ padding: '12px 0', fontSize: 12 }}>Loading…</div>
-      ) : filtered.length === 0 ? (
-        <div className="muted" style={{ padding: '12px 0', fontSize: 12 }}>
-          {items.length === 0 ? 'No activity yet.' : 'No items match the current filter.'}
-        </div>
-      ) : (
-        <div className="activity-log-table-wrap">
-          <table className="activity-log-table">
-            <thead>
-              <tr>
-                <th>Kind</th>
-                <th>Detail</th>
-                <th>Time</th>
-                <th></th>
-              </tr>
-            </thead>
-            <tbody>
-              {filtered.slice(0, 200).map((it, idx) => {
-                const k = keyOf(it, idx);
-                const isHidden = hidden.has(k);
-                return (
-                  <tr key={`${it.ts}-${idx}`} className={cn(isHidden && 'activity-log-row-hidden')}>
-                    <td className="activity-log-kind">{it.kind || 'activity'}</td>
-                    <td className="activity-log-detail">
-                      {it.message || it.slug || '—'}
-                    </td>
-                    <td className="activity-log-time mono">
-                      {it.ts ? new Date(it.ts).toLocaleString() : '—'}
-                    </td>
-                    <td>
-                      {isHidden ? (
-                        <Button variant="ghost" size="sm" onClick={() => onRestoreOne(k)} title="Restore to Overview">
-                          <Eye size={12} />
-                        </Button>
-                      ) : (
-                        <span className="activity-log-state-tag">shown</span>
-                      )}
-                    </td>
-                  </tr>
-                );
-              })}
-            </tbody>
-          </table>
-          {filtered.length > 200 && (
-            <div className="muted" style={{ fontSize: 11, padding: '8px 0' }}>
-              Showing first 200 of {filtered.length}.
-            </div>
-          )}
-        </div>
-      )}
-    </Card>
-  );
-}
-
-function AboutCard({ about }: Props) {
-  return (
-    <Card id="settings-about" data-section="about">
-      <CardTitle><Info size={14} /> About</CardTitle>
-      <CardMeta>Build metadata.</CardMeta>
-      <dl className="about-table">
-        <dt>Version</dt>
-        <dd className="mono">{about?.version || '—'}</dd>
-        <dt>Homepage</dt>
-        <dd>
-          <a href={about?.homepage || 'https://github.com/DrB0rk/BizarHarness'} target="_blank" rel="noopener noreferrer">
-            {about?.homepage || 'https://github.com/DrB0rk/BizarHarness'}
-          </a>
-        </dd>
-        <dt>License</dt>
-        <dd>{about?.license || 'MIT'}</dd>
-      </dl>
-    </Card>
-  );
-}
-
-export function ActivitySection({ about }: Props) {
-  return (
-    <>
-      <ActivityLogCard />
-      <AboutCard about={about} />
-    </>
-  );
-}