manigent-server 0.1.0__py3-none-any.whl

manigent/web/frontend/src/components/sidebar/TeamGroup.tsx

@@ -0,0 +1,67 @@
+import { ChevronRight } from 'lucide-react'
+import { useUIStore } from '../../stores/uiStore'
+import { displayName } from '../../utils/agentDisplay'
+import type { AgentCard, User } from '../../types'
+import AgentRow from './AgentRow'
+import { SidebarAvatarStack } from './SidebarAvatar'
+
+interface TeamGroupProps {
+  teamName: string
+  members: AgentCard[]
+  viewer: User | null
+  activeAgentName: string | null
+  onSelectAgent: (agent: AgentCard) => void
+  activeWorkRoomFor?: (agent: AgentCard) => { projectId: string; chatroomName: string } | undefined
+}
+
+// Collapsible team header (chevron + name + preview avatar stack + count) over
+// indented member rows. Open state lives in uiStore.expandedAgentTeams (empty
+// Set ⇒ collapsed by default, which is the redesign's default).
+export default function TeamGroup({
+  teamName,
+  members,
+  viewer,
+  activeAgentName,
+  onSelectAgent,
+  activeWorkRoomFor,
+}: TeamGroupProps) {
+  const { expandedAgentTeams, toggleAgentTeam } = useUIStore()
+  const open = expandedAgentTeams.has(teamName)
+
+  return (
+    <div>
+      <button
+        onClick={() => toggleAgentTeam(teamName)}
+        className="flex items-center gap-1.5 pl-3 pr-4 py-1 w-full text-left rounded hover:bg-sidebar-hover transition-colors"
+      >
+        <ChevronRight
+          className={`w-3.5 h-3.5 text-channel shrink-0 transition-transform ${open ? 'rotate-90' : ''}`}
+        />
+        <span className="text-[12.5px] font-bold text-sidebar-text truncate">{teamName}</span>
+        {!open && (
+          <span className="ml-auto flex items-center gap-2">
+            <SidebarAvatarStack names={members.map((m) => displayName(m, viewer))} size={16} />
+            <span className="font-mono text-[10.5px] text-ink-4 tabular-nums">{members.length}</span>
+          </span>
+        )}
+        {open && (
+          <span className="ml-auto font-mono text-[10.5px] text-ink-4 tabular-nums">
+            {members.length}
+          </span>
+        )}
+      </button>
+      {open &&
+        members.map((agent) => (
+          <AgentRow
+            key={agent.id}
+            agent={agent}
+            viewer={viewer}
+            isSelected={activeAgentName === agent.name}
+            onClick={() => onSelectAgent(agent)}
+            activeWorkRoom={activeWorkRoomFor?.(agent)}
+            sub
+          />
+        ))}
+    </div>
+  )
+}

manigent/web/frontend/src/components/sidebar/dmPrefill.test.ts

@@ -0,0 +1,69 @@
+import { describe, it, expect } from 'vitest'
+import {
+  assembleAgentDraft,
+  assembleProjectDraft,
+  AGENT_DRAFT_TEMPLATE,
+  PROJECT_DRAFT_TEMPLATE,
+} from './dmPrefill'
+
+// These assemblers are the single source of truth shared by the design and the
+// DmComposeModal send path — assert the exact strings so a template edit that
+// silently breaks assembly is caught here.
+describe('assembleAgentDraft', () => {
+  it('substitutes name + expertise and keeps the optional clause when present', () => {
+    expect(
+      assembleAgentDraft({
+        name: 'research-analyst',
+        expertise: 'market research',
+        other: 'Focus on EU markets.',
+      }),
+    ).toBe(
+      'Please create an agent named research-analyst specialized in market research. Focus on EU markets.',
+    )
+  })
+
+  it('drops a blank optional clause cleanly — no dangling token, double period, or trailing space', () => {
+    const out = assembleAgentDraft({ name: 'scout', expertise: 'recon', other: '   ' })
+    expect(out).toBe('Please create an agent named scout specialized in recon.')
+    expect(out).not.toContain('<other')
+    expect(out).not.toContain('..')
+    expect(out.endsWith('. ')).toBe(false)
+  })
+
+  it('trims each field before substituting', () => {
+    expect(
+      assembleAgentDraft({ name: '  a  ', expertise: '  b  ', other: '' }),
+    ).toBe('Please create an agent named a specialized in b.')
+  })
+
+  it('leaves no unresolved placeholders from the template', () => {
+    const out = assembleAgentDraft({ name: 'x', expertise: 'y', other: 'z' })
+    for (const token of ['<name>', '<expertise>', '<other relevant description>']) {
+      expect(AGENT_DRAFT_TEMPLATE).toContain(token)
+      expect(out).not.toContain(token)
+    }
+  })
+})
+
+describe('assembleProjectDraft', () => {
+  it('joins the agent list and substitutes the task', () => {
+    expect(
+      assembleProjectDraft({ agents: ['alice', 'bob'], task: 'ship the report' }),
+    ).toBe('Please create a project with alice, bob to ship the report.')
+  })
+
+  it('trims, drops blanks, and de-dupes case-insensitively (first casing kept)', () => {
+    expect(
+      assembleProjectDraft({
+        agents: ['  Alice ', 'bob', '', 'ALICE', 'Bob '],
+        task: 'do work',
+      }),
+    ).toBe('Please create a project with Alice, bob to do work.')
+  })
+
+  it('keeps the same lexical skeleton as PROJECT_DRAFT_TEMPLATE', () => {
+    expect(PROJECT_DRAFT_TEMPLATE.startsWith('Please create a project with ')).toBe(true)
+    const out = assembleProjectDraft({ agents: ['solo'], task: 'go' })
+    expect(out).toBe('Please create a project with solo to go.')
+  })
+})

manigent/web/frontend/src/components/sidebar/dmPrefill.ts

@@ -0,0 +1,80 @@
+// Templated prefill messages for the sidebar `+` deep-links. Clicking `+` on the
+// Agents / Projects panels opens the user's assistant DM with the composer
+// pre-filled (via `?draft=`), so "create an agent / create a project" starts as
+// a conversation with the assistant instead of a bare form. Placeholders use
+// <angle brackets> so the user sees exactly what to fill in.
+export const AGENT_DRAFT_TEMPLATE =
+  'Please create an agent named <name> specialized in <expertise>. <other relevant description>'
+
+export const PROJECT_DRAFT_TEMPLATE =
+  "Please create a project with <agent1's name>, <agent2's name>, ... to <task description>."
+
+// Build a deep-link to any agent's DM with the composer prefilled — typed, NOT
+// sent. Keeping the encoding in one place keeps every caller DRY; the `?draft=`
+// value round-trips through DMChatView's `searchParams.get('draft')`.
+export function agentDraftUrl(agentName: string, draft: string): string {
+  return `/dm/${encodeURIComponent(agentName)}?draft=${encodeURIComponent(draft)}`
+}
+
+// The same link into the assistant's DM. Still exported for any other deep-link
+// into the assistant DM; the sidebar `+` buttons no longer use it (they open
+// `DmComposeModal` instead), but the `?draft=` prefill path in DMChatView
+// remains intact.
+export function assistantDraftUrl(assistantName: string, draft: string): string {
+  return agentDraftUrl(assistantName, draft)
+}
+
+// One controlled value per variable in AGENT_DRAFT_TEMPLATE.
+export interface AgentDraftValues {
+  name: string
+  expertise: string
+  other: string
+}
+
+// PROJECT_DRAFT_TEMPLATE's agent clause is a repetition PATTERN, not one token,
+// so its value is a LIST of agent names (task is the single scalar).
+export interface ProjectDraftValues {
+  agents: string[]
+  task: string
+}
+
+// Trim, drop blanks, and case-insensitively de-dupe while keeping the FIRST
+// casing seen. Shared by the project assembler so the sent list matches what the
+// live preview shows.
+function cleanAgentList(agents: string[]): string[] {
+  const seen = new Set<string>()
+  const out: string[] = []
+  for (const raw of agents) {
+    const name = raw.trim()
+    if (!name) continue
+    const key = name.toLowerCase()
+    if (seen.has(key)) continue
+    seen.add(key)
+    out.push(name)
+  }
+  return out
+}
+
+// Assemble the "create an agent" DM body from AGENT_DRAFT_TEMPLATE. Substitutes
+// <name>/<expertise> with trimmed values and <other relevant description> with
+// other.trim(), then trims the whole string. Because the period sits BEFORE the
+// token in the template ("...in <expertise>. <other...>"), a blank `other`
+// collapses cleanly to "...specialized in <expertise>." — no dangling token, no
+// double period, no trailing space. Single source of truth: design + code share
+// this assembler.
+export function assembleAgentDraft(v: AgentDraftValues): string {
+  return AGENT_DRAFT_TEMPLATE.replace('<name>', v.name.trim())
+    .replace('<expertise>', v.expertise.trim())
+    .replace('<other relevant description>', v.other.trim())
+    .trim()
+}
+
+// Assemble the "create a project" DM body. The agent list is rebuilt from the
+// cleaned names (trim → drop blanks → case-insensitive de-dupe, first casing
+// kept → comma-join) and <task description> is substituted. Kept co-located with
+// PROJECT_DRAFT_TEMPLATE and matching its lexical skeleton so the two never
+// drift. Returns a trimmed, send-ready string.
+export function assembleProjectDraft(v: ProjectDraftValues): string {
+  const agents = cleanAgentList(v.agents).join(', ')
+  return `Please create a project with ${agents} to ${v.task.trim()}.`.trim()
+}

manigent/web/frontend/src/components/sidebar/index.ts

@@ -0,0 +1,18 @@
+export { default as ProjectItem } from './ProjectItem'
+export { default as ProjectRow } from './ProjectRow'
+export { default as ChatroomItem } from './ChatroomItem'
+export { default as UserProfile } from './AgentProfile'
+export { default as AgentRow } from './AgentRow'
+export { default as TeamGroup } from './TeamGroup'
+export { default as AssistantHero } from './AssistantHero'
+export { default as CommandPalette } from './CommandPalette'
+export { default as SidebarAvatar } from './SidebarAvatar'
+export { default as SidebarRail } from './SidebarRail'
+export { default as PanelShell } from './PanelShell'
+export { default as AgentsPanel } from './AgentsPanel'
+export { default as DmsPanel } from './DmsPanel'
+export { default as ProjectsPanel } from './ProjectsPanel'
+export { default as FrontDeskPanel } from './FrontDeskPanel'
+export { default as PublicPanel } from './PublicPanel'
+export { default as ScheduledPanel } from './ScheduledPanel'
+export { default as MyDeskRailPanel } from './MyDeskRailPanel'

manigent/web/frontend/src/components/sidebar/railShortcuts.ts

@@ -0,0 +1,18 @@
+import type { RailContext } from '../../stores/uiStore'
+
+// Single source of truth for the "g then <key>" rail navigation chords. Drives
+// the keydown handler in Sidebar.tsx and the HotkeysHelp panel, so the bindings
+// and their documentation never drift. Letters are the first letter of the
+// visible label (M=My Desk, A=Agents, D=DMs, P=Projects, F=Front Desk,
+// S=Scheduled, C=Computers); Public is the sole exception (u=pUblic) since p is
+// taken.
+export const RAIL_SHORTCUTS: { context: RailContext; key: string; label: string }[] = [
+  { context: 'desk', key: 'm', label: 'My Desk' },
+  { context: 'agents', key: 'a', label: 'Agents' },
+  { context: 'dms', key: 'd', label: 'DMs' },
+  { context: 'projects', key: 'p', label: 'Projects' },
+  { context: 'computers', key: 'c', label: 'Computers' },
+  { context: 'frontdesk', key: 'f', label: 'Front Desk' },
+  { context: 'scheduled', key: 's', label: 'Scheduled' },
+  { context: 'public', key: 'u', label: 'Public' },
+]

manigent/web/frontend/src/components/today/lib.test.ts

@@ -0,0 +1,70 @@
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { fileHref, linkOrText } from './lib'
+
+/**
+ * `fileHref` exists because a report / brief payload freezes its `sources[].href`
+ * at publish time, while every live API call picks `/api` (Vite dev proxy) or ''
+ * (production) at runtime in `api/client.ts`. A frozen string can't do that, so
+ * the renderer re-derives the prefix. These tests pin both environments AND the
+ * paths that must NOT be touched -- over-matching would rewrite SPA routes into
+ * dead links, which is the same bug in the other direction.
+ */
+
+const FILE_PATH = '/projects/abc-123/chatrooms/user-communication/files/report.md'
+
+afterEach(() => {
+  vi.unstubAllEnvs()
+})
+
+describe('fileHref', () => {
+  it('strips a baked-in /api prefix in production', () => {
+    vi.stubEnv('DEV', false)
+    expect(fileHref('/api' + FILE_PATH)).toBe(FILE_PATH)
+  })
+
+  it('leaves a prefix-less file path alone in production', () => {
+    vi.stubEnv('DEV', false)
+    expect(fileHref(FILE_PATH)).toBe(FILE_PATH)
+  })
+
+  it('adds the dev-proxy prefix in dev, whether or not one was baked in', () => {
+    vi.stubEnv('DEV', true)
+    expect(fileHref(FILE_PATH)).toBe('/api' + FILE_PATH)
+    expect(fileHref('/api' + FILE_PATH)).toBe('/api' + FILE_PATH)
+  })
+
+  it('covers the user-files upload route too', () => {
+    vi.stubEnv('DEV', false)
+    const userFile = '/api/projects/abc-123/chatrooms/design/user-files/logo.png'
+    expect(fileHref(userFile)).toBe(
+      '/projects/abc-123/chatrooms/design/user-files/logo.png',
+    )
+  })
+
+  it('leaves SPA chatroom routes untouched -- they have no /files/ segment', () => {
+    vi.stubEnv('DEV', false)
+    const spaRoute = '/projects/abc-123/chatrooms/user-communication'
+    expect(fileHref(spaRoute)).toBe(spaRoute)
+  })
+
+  it('leaves external and non-file URLs untouched', () => {
+    vi.stubEnv('DEV', false)
+    expect(fileHref('https://example.com/api/projects/x/chatrooms/y/files/z.md')).toBe(
+      'https://example.com/api/projects/x/chatrooms/y/files/z.md',
+    )
+    expect(fileHref('/agents/abc-123')).toBe('/agents/abc-123')
+  })
+})
+
+describe('linkOrText', () => {
+  it('normalizes the href it renders', () => {
+    vi.stubEnv('DEV', false)
+    expect(linkOrText('/api' + FILE_PATH, 'the report')).toContain(
+      'href="' + FILE_PATH + '"',
+    )
+  })
+
+  it('still falls back to plain text without an href', () => {
+    expect(linkOrText(null, 'no link')).toBe('no link')
+  })
+})

manigent/web/frontend/src/components/today/lib.ts

@@ -0,0 +1,296 @@
+// Today's render-code library — the public `lib` namespace passed to
+// every tab's render body. Mirrors the surface that used to live inline
+// in `skills/today/template.html` (window.TodayLib), now hosted in the
+// React shell at `TodayPage.tsx`.
+//
+// Render code shape (per tab, supplied by the publishing agent):
+//
+//     function(mount, data, lib) {
+//       // body — set mount.innerHTML / append children / call lib.* helpers
+//     }
+//
+// Helpers return HTML strings or mutate `mount` in place. Stays vanilla
+// (no JSX, no React imports inside the helpers) so the body can be
+// `eval`d via `new Function(...)` without a transpile step.
+//
+// Sync any change here with the `§ Styling contract` section of
+// `skills/today/SKILL.md` — that section is the agent-facing source of
+// truth and must stay aligned with this implementation.
+import * as React from 'react'
+import * as ReactDOM from 'react-dom/client'
+import { Chart, registerables } from 'chart.js'
+import { Diff2HtmlUI } from 'diff2html/lib/ui/js/diff2html-ui'
+import 'diff2html/bundles/css/diff2html.min.css'
+
+// Register every chart type (bar, line, doughnut, …) once at module
+// load. Without this, `new lib.Chart(canvas, {type: 'bar', …})` throws
+// "controller is not a registered controller" the first time a tab
+// uses a chart.
+Chart.register(...registerables)
+
+export const tokens = {
+  accent: '#6b2aa0',
+  accentDeep: '#52217b',
+  fg: '#111827',
+  muted: '#6b7280',
+  border: '#ececec',
+  warn: '#b45309',
+  warnBg: '#fef3c7',
+  fontSans:
+    'Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif',
+  fontMono: '"JetBrains Mono", ui-monospace, Menlo, monospace',
+} as const
+
+export function esc(s: unknown): string {
+  return String(s == null ? '' : s)
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;')
+}
+
+// Chatroom-file hrefs are frozen into stored report / brief payloads, so they
+// can't pick up the runtime prefix `api/client.ts` chooses (`/api` under the
+// Vite dev proxy, '' in production). Whichever one the publishing agent baked
+// in is wrong in the other environment. Normalize on render instead: strip a
+// baked-in `/api`, re-add it only in dev.
+//
+// Deliberately narrow — it matches ONLY the file-download route. SPA routes
+// like `/projects/<id>/chatrooms/<room>` (no `/files/` segment) and external
+// URLs must pass through untouched.
+const FILE_HREF_RE = /^\/(?:api\/)?projects\/[^/]+\/chatrooms\/[^/]+\/(?:user-)?files\//
+
+export function fileHref(href: string): string {
+  if (!FILE_HREF_RE.test(href)) return href
+  return (import.meta.env.DEV ? '/api' : '') + href.replace(/^\/api/, '')
+}
+
+export function linkOrText(href: string | null | undefined, label?: string | null): string {
+  if (!href) return esc(label || '')
+  return (
+    '<a class="today-link" href="' +
+    esc(fileHref(href)) +
+    '" target="_blank" rel="noopener">' +
+    esc(label || href) +
+    '</a>'
+  )
+}
+
+export function row(title: string, meta?: string, right?: string): string {
+  return (
+    '<div class="today-row">' +
+    '<div>' +
+    '<div class="today-row__title">' + title + '</div>' +
+    (meta ? '<div class="today-row__meta">' + meta + '</div>' : '') +
+    '</div>' +
+    (right ? '<div class="today-row__right">' + right + '</div>' : '') +
+    '</div>'
+  )
+}
+
+export function rowWithTime(
+  time: string,
+  duration: string | undefined,
+  title: string,
+  meta?: string,
+  right?: string,
+): string {
+  let timeHtml = esc(time)
+  if (duration) {
+    timeHtml += '<span class="today-row__duration">' + esc(duration) + '</span>'
+  }
+  return (
+    '<div class="today-row today-row--timed">' +
+    '<div class="today-row__time">' + timeHtml + '</div>' +
+    '<div style="flex:1;">' +
+    '<div class="today-row__title">' + title + '</div>' +
+    (meta ? '<div class="today-row__meta">' + meta + '</div>' : '') +
+    '</div>' +
+    (right ? '<div class="today-row__right">' + right + '</div>' : '') +
+    '</div>'
+  )
+}
+
+function htmlOf<T>(render: (data: T) => string) {
+  return function (mount: HTMLElement, data: T) {
+    mount.innerHTML = render(data ?? ({} as T))
+  }
+}
+
+// Canonical reference shapes — one helper per established widget pattern.
+// Render bodies prefer these one-liners when the data matches the shape;
+// custom layouts fall back to lib.row / lib.rowWithTime + inline HTML.
+
+interface ActionItemsData {
+  items?: Array<{ title?: string; why?: string; source_link?: string }>
+}
+const renderActionItemsHtml = (d: ActionItemsData): string => {
+  const items = d?.items ?? []
+  if (!items.length) return '<div class="today-empty">No action items.</div>'
+  return items
+    .map((it) =>
+      row(
+        esc(it.title || ''),
+        esc(it.why || ''),
+        it.source_link ? linkOrText(it.source_link, 'open') : '',
+      ),
+    )
+    .join('')
+}
+
+interface CalendarData {
+  events?: Array<{
+    title?: string
+    time?: string
+    duration?: string
+    participants?: string[]
+  }>
+}
+const renderCalendarHtml = (d: CalendarData): string => {
+  const evs = d?.events ?? []
+  if (!evs.length) return '<div class="today-empty">Nothing on the calendar today.</div>'
+  return evs
+    .map((ev) => {
+      const who = ev.participants && ev.participants.length ? esc(ev.participants.join(', ')) : ''
+      if (ev.time) {
+        return rowWithTime(ev.time, ev.duration || '', esc(ev.title || ''), who, '')
+      }
+      return row(esc(ev.title || ''), who, '')
+    })
+    .join('')
+}
+
+interface DerivedViewsData {
+  rules?: Array<{
+    name?: string
+    output?: string
+    last_run_at?: string
+    row_count?: number | null
+    new_in_24h?: boolean
+  }>
+}
+const renderDerivedViewsHtml = (d: DerivedViewsData): string => {
+  const rules = d?.rules ?? []
+  if (!rules.length) {
+    return '<div class="today-empty">No derivation rules configured.</div>'
+  }
+  return rules
+    .map((r) => {
+      let title = esc(r.name || '')
+      if (r.output) {
+        title +=
+          ' <span style="color:#9ca3af;font-size:12px;font-weight:400;">' +
+          esc(r.output) +
+          '</span>'
+      }
+      const meta = r.last_run_at ? 'last run ' + esc(r.last_run_at) : 'never run'
+      let right = ''
+      if (r.row_count != null) right += esc(String(r.row_count)) + ' rows'
+      if (r.new_in_24h) right += (right ? ' ' : '') + '<span style="color:#6b2aa0;">• fresh</span>'
+      return row(title, meta, right)
+    })
+    .join('')
+}
+
+interface DealsData {
+  items?: Array<{
+    title?: string
+    subtitle?: string
+    meta?: string
+    price?: string
+    link?: string
+  }>
+}
+const renderDealsHtml = (d: DealsData): string => {
+  const items = d?.items ?? []
+  if (!items.length) return '<div class="today-empty">No deals flagged.</div>'
+  return items
+    .map((it) => {
+      let titleHtml = esc(it.title || '')
+      if (it.subtitle) {
+        titleHtml += ' <span style="color:#9ca3af;font-weight:400;">' + esc(it.subtitle) + '</span>'
+      }
+      let right = ''
+      if (it.price) right += esc(it.price)
+      if (it.link) right += (right ? ' ' : '') + linkOrText(it.link, '↗')
+      return row(titleHtml, esc(it.meta || ''), right)
+    })
+    .join('')
+}
+
+export const renderActionItems = htmlOf(renderActionItemsHtml)
+export const renderCalendar = htmlOf(renderCalendarHtml)
+export const renderDerivedViews = htmlOf(renderDerivedViewsHtml)
+export const renderDeals = htmlOf(renderDealsHtml)
+
+export function renderTimedList(
+  mount: HTMLElement,
+  items?: Array<{ time?: string; duration?: string; title?: string; meta?: string; right?: string }>,
+): void {
+  const list = items ?? []
+  if (!list.length) {
+    mount.innerHTML = '<div class="today-empty">Nothing scheduled.</div>'
+    return
+  }
+  mount.innerHTML = list
+    .map((it) => {
+      if (it.time) {
+        return rowWithTime(
+          it.time,
+          it.duration || '',
+          esc(it.title || ''),
+          esc(it.meta || ''),
+          esc(it.right || ''),
+        )
+      }
+      return row(esc(it.title || ''), esc(it.meta || ''), esc(it.right || ''))
+    })
+    .join('')
+}
+
+export function renderEmpty(mount: HTMLElement, message?: string): void {
+  mount.innerHTML = '<div class="today-empty">' + esc(message || '') + '</div>'
+}
+
+export interface TodayLib {
+  tokens: typeof tokens
+  React: typeof React
+  ReactDOM: typeof ReactDOM
+  Chart: typeof Chart
+  // diff2html UI class. Usage:
+  //   const ui = new lib.Diff2HtmlUI(container, unifiedDiffText, {
+  //     outputFormat: 'line-by-line', drawFileList: true, matching: 'lines',
+  //   });
+  //   ui.draw();
+  // CSS is auto-loaded by lib.ts's side-effect import.
+  Diff2HtmlUI: typeof Diff2HtmlUI
+  esc: typeof esc
+  linkOrText: typeof linkOrText
+  row: typeof row
+  rowWithTime: typeof rowWithTime
+  renderActionItems: typeof renderActionItems
+  renderCalendar: typeof renderCalendar
+  renderDeals: typeof renderDeals
+  renderDerivedViews: typeof renderDerivedViews
+  renderTimedList: typeof renderTimedList
+  renderEmpty: typeof renderEmpty
+}
+
+export const lib: TodayLib = {
+  tokens,
+  React,
+  ReactDOM,
+  Chart,
+  Diff2HtmlUI,
+  esc,
+  linkOrText,
+  row,
+  rowWithTime,
+  renderActionItems,
+  renderCalendar,
+  renderDeals,
+  renderDerivedViews,
+  renderTimedList,
+  renderEmpty,
+}