@polderlabs/bizar 4.5.2 → 4.7.1

package/bizar-dash/src/web/views/Skills.tsx

@@ -191,13 +191,16 @@ function SkillsInner({ snapshot, refreshSnapshot }: Props) {
         </div>
         <div className="view-actions">
           <div className="search-input">
-            <Search size={14} />
+            <Search size={14} aria-hidden />
+            <label htmlFor="skills-search" className="sr-only">Search skills</label>
             <input
+              id="skills-search"
               className="input"
               type="text"
               placeholder="Search skills…"
               value={searchQ}
               onChange={(e) => setSearchQ(e.target.value)}
+              aria-label="Search skills"
             />
             {searchQ && (
               <button

package/bizar-dash/src/web/views/Tasks.tsx

@@ -85,6 +85,7 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
   const [priorityFilter, setPriorityFilter] = useState<string>('');
   const [showBacklog, setShowBacklog] = useState(false);
   const [tick, setTick] = useState(0); // for live timer re-render
+  const [statusAnnouncement, setStatusAnnouncement] = useState('');
 
   const reload = async () => {
     try {
@@ -146,6 +147,7 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
     setTasks((cur) =>
       cur.map((x) => (x.id === taskId ? { ...x, status: newStatus } : x)),
     );
+    setStatusAnnouncement(`Task ${t.title} moved to ${newStatus}.`);
     try {
       await api.patch(`/tasks/${encodeURIComponent(taskId)}/status`, {
         status: newStatus,
@@ -155,6 +157,7 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
       setTasks((cur) =>
         cur.map((x) => (x.id === taskId ? { ...x, status: prev } : x)),
       );
+      setStatusAnnouncement(`Failed to move task ${t.title}: ${(err as Error).message}`);
       toast.error(`Move failed: ${(err as Error).message}`);
     }
   };
@@ -217,6 +220,10 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
 
   return (
     <div className="view view-tasks">
+      {/* Hidden live region for screen-reader announcements of status changes. */}
+      <div className="sr-only" role="status" aria-live="polite">
+        {statusAnnouncement}
+      </div>
       <header className="view-header">
         <div className="view-header-text">
           <h2 className="view-title">
@@ -232,13 +239,14 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
       <div className="tasks-toolbar">
         <div className="tasks-toolbar-group">
           <div className="search-input" style={{ width: 200 }}>
-            <Search size={12} />
+            <Search size={12} aria-hidden />
             <input
               className="input"
               type="text"
               placeholder="Search…"
               value={filter}
               onChange={(e) => setFilter(e.target.value)}
+              aria-label="Search tasks"
             />
             {filter && (
               <button
@@ -256,8 +264,9 @@ function TasksInner({ snapshot, refreshSnapshot, setActiveTab }: Props) {
         <div className="tasks-toolbar-divider" />
 
         <div className="tasks-toolbar-group">
-          <span className="tasks-toolbar-label">Priority</span>
+          <label className="tasks-toolbar-label" htmlFor="tasks-priority-filter">Priority</label>
           <select
+            id="tasks-priority-filter"
             className="select select-sm"
             value={priorityFilter}
             onChange={(e) => setPriorityFilter(e.target.value)}

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

@@ -274,8 +274,14 @@ function Row({
   if (inline) {
     return (
       <div className="memory-config-row-inline">
-        <div className="memory-config-row-label">{label}</div>
-        <div className="memory-config-row-control">{children}</div>
+        <div className="memory-config-row-label" id={`cfg-${label.replace(/\s+/g, '-').toLowerCase()}`}>{label}</div>
+        <div
+          className="memory-config-row-control"
+          role="group"
+          aria-labelledby={`cfg-${label.replace(/\s+/g, '-').toLowerCase()}`}
+        >
+          {children}
+        </div>
       </div>
     );
   }

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

@@ -216,7 +216,9 @@ export function LightragPanel({ refreshKey }: Props) {
         </CardTitle>
         <CardMeta>Send a natural-language query to the LightRAG index.</CardMeta>
         <div className="memory-search-row">
+          <label htmlFor="lightrag-query" className="sr-only">Search LightRAG</label>
           <input
+            id="lightrag-query"
             type="text"
             className="input"
             placeholder="e.g. how does the memory service write notes?"
@@ -226,6 +228,7 @@ export function LightragPanel({ refreshKey }: Props) {
               if (e.key === 'Enter') onQuery();
             }}
             disabled={busy === 'query'}
+            aria-label="Search LightRAG"
           />
           <Button variant="primary" onClick={onQuery} disabled={busy === 'query' || !query.trim()}>
             {busy === 'query' ? <Loader2 size={12} className="memory-spin" /> : <SearchIcon size={12} />}

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

@@ -222,13 +222,16 @@ export function ObsidianPanel({ refreshKey }: Props) {
       <div className="memory-obsidian-list-col">
         <div className="memory-list-toolbar">
           <div className="search-input">
-            <SearchIcon size={14} />
+            <SearchIcon size={14} aria-hidden />
+            <label htmlFor="obsidian-search" className="sr-only">Search notes</label>
             <input
+              id="obsidian-search"
               type="text"
               className="input"
               placeholder="Search notes…"
               value={searchQ}
               onChange={(e) => setSearchQ(e.target.value)}
+              aria-label="Search notes"
             />
             {searchQ && (
               <button
@@ -519,8 +522,9 @@ function NoteEditor({
 
   return (
     <div className="memory-editor-modal">
-      <label className="field-label">Path</label>
+      <label className="field-label" htmlFor="obsidian-note-path">Path</label>
       <input
+        id="obsidian-note-path"
         type="text"
         className="input mono"
         value={relPath}
@@ -528,19 +532,23 @@ function NoteEditor({
         disabled={mode === 'edit'}
         placeholder="notes/example.md"
       />
-      <label className="field-label" style={{ marginTop: 12 }}>Frontmatter (YAML)</label>
+      <label className="field-label" htmlFor="obsidian-note-frontmatter" style={{ marginTop: 12 }}>Frontmatter (YAML)</label>
       <textarea
+        id="obsidian-note-frontmatter"
         className="memory-editor-textarea mono text-sm"
         rows={6}
         value={frontmatterYaml}
         onChange={(e) => setFrontmatterYaml(e.target.value)}
+        aria-label="Frontmatter YAML"
       />
-      <label className="field-label" style={{ marginTop: 12 }}>Body (Markdown)</label>
+      <label className="field-label" htmlFor="obsidian-note-body" style={{ marginTop: 12 }}>Body (Markdown)</label>
       <textarea
+        id="obsidian-note-body"
         className="memory-editor-textarea mono text-sm"
         rows={14}
         value={body}
         onChange={(e) => setBody(e.target.value)}
+        aria-label="Body markdown"
       />
       <div className="modal-footer-actions" style={{ marginTop: 12 }}>
         <Button variant="ghost" onClick={onCancel} disabled={busy}>Cancel</Button>

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

@@ -77,7 +77,9 @@ export function SemanticSearchPanel({ refreshKey }: Props) {
         </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?"
@@ -87,6 +89,7 @@ export function SemanticSearchPanel({ refreshKey }: Props) {
               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} />}

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

@@ -0,0 +1,205 @@
+// 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} />
+    </>
+  );
+}