agentclick 0.1.0

package/packages/server/src/index.ts

@@ -0,0 +1,189 @@
+import 'dotenv/config'
+import express from 'express'
+import cors from 'cors'
+import open from 'open'
+import { existsSync } from 'fs'
+import { dirname, join } from 'path'
+import { fileURLToPath } from 'url'
+import { learnFromDeletions } from './preference.js'
+import { createSession, getSession, listSessions, completeSession } from './store.js'
+
+const app = express()
+const PORT = Number(process.env.PORT || 3001)
+const OPENCLAW_WEBHOOK = process.env.OPENCLAW_WEBHOOK || 'http://localhost:18789/hooks/agent'
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+const WEB_DIST_DIR = join(__dirname, '../../web/dist')
+const SHOULD_SERVE_BUILT_WEB = existsSync(WEB_DIST_DIR) && (__filename.endsWith('/dist/index.js') || process.env.NODE_ENV === 'production')
+const WEB_ORIGIN = SHOULD_SERVE_BUILT_WEB ? `http://localhost:${PORT}` : 'http://localhost:5173'
+
+app.use(cors())
+app.use(express.json())
+
+// OpenClaw calls this when a review is needed
+app.post('/api/review', async (req, res) => {
+  const { type, sessionKey, payload } = req.body
+
+  if (!sessionKey) {
+    console.warn('[agentclick] Warning: sessionKey missing — callback will be skipped')
+  }
+
+  const id = `session_${Date.now()}`
+  createSession({
+    id,
+    type: type || 'email_review',
+    payload,
+    sessionKey,
+    status: 'pending',
+    createdAt: Date.now(),
+  })
+
+  const routeMap: Record<string, string> = {
+    action_approval: 'approval',
+    code_review: 'code-review',
+  }
+  const path = routeMap[type] ?? 'review'
+  const url = `${WEB_ORIGIN}/${path}/${id}`
+  console.log(`[agentclick] Review session created: ${id}`)
+  console.log(`[agentclick] Opening browser: ${url}`)
+
+  try {
+    await open(url)
+  } catch (err) {
+    console.warn('[agentclick] Failed to open browser:', err)
+  }
+
+  res.json({ sessionId: id, url })
+})
+
+// List recent sessions for homepage
+app.get('/api/sessions', (_req, res) => {
+  const list = listSessions(20).map(s => {
+    const p = s.payload as Record<string, unknown> | undefined
+    // Format B (inbox+draft) stores subject/to inside draft
+    const draft = p?.draft as Record<string, unknown> | undefined
+    return {
+      id: s.id,
+      type: s.type,
+      status: s.status,
+      createdAt: s.createdAt,
+      subject: (draft?.subject ?? p?.subject) as string | undefined,
+      to: (draft?.to ?? p?.to) as string | undefined,
+      risk: p?.risk as string | undefined,
+      command: p?.command as string | undefined,
+    }
+  })
+  res.json(list)
+})
+
+// Web UI fetches session data
+app.get('/api/sessions/:id', (req, res) => {
+  const session = getSession(req.params.id)
+  if (!session) return res.status(404).json({ error: 'Session not found' })
+  res.json(session)
+})
+
+// Long-poll: agent calls this and blocks until user completes review (up to 5 min)
+app.get('/api/sessions/:id/wait', async (req, res) => {
+  const TIMEOUT_MS = 5 * 60 * 1000
+  const POLL_MS = 1500
+  const start = Date.now()
+
+  while (Date.now() - start < TIMEOUT_MS) {
+    const session = getSession(req.params.id)
+    if (!session) return res.status(404).json({ error: 'Session not found' })
+    if (session.status === 'completed') return res.json(session)
+    await new Promise(r => setTimeout(r, POLL_MS))
+  }
+
+  res.status(408).json({ error: 'timeout', message: 'User did not complete review within 5 minutes' })
+})
+
+// Web UI submits user actions
+app.post('/api/sessions/:id/complete', async (req, res) => {
+  const session = getSession(req.params.id)
+  if (!session) return res.status(404).json({ error: 'Session not found' })
+
+  completeSession(req.params.id, req.body)
+
+  console.log(`[agentclick] Session ${session.id} completed:`, JSON.stringify(req.body, null, 2))
+
+  // Learn from delete actions and persist rules to MEMORY.md
+  const actions = (req.body.actions ?? []) as Array<{ type: string; paragraphId: string; reason?: string; instruction?: string }>
+  learnFromDeletions(actions, session.payload as Record<string, unknown>)
+
+  // Send result back to OpenClaw
+  let callbackFailed = false
+  let callbackError = ''
+
+  if (session.sessionKey) {
+    try {
+      const summary = buildActionSummary(req.body)
+      await fetch(OPENCLAW_WEBHOOK, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${process.env.OPENCLAW_TOKEN || ''}`
+        },
+        body: JSON.stringify({
+          message: summary,
+          sessionKey: session.sessionKey,
+          deliver: true
+        })
+      })
+      console.log(`[agentclick] Callback sent to OpenClaw`)
+    } catch (err) {
+      callbackFailed = true
+      callbackError = String(err)
+      console.error(`[agentclick] Failed to callback OpenClaw:`, err)
+    }
+  }
+
+  res.json({ ok: true, callbackFailed, callbackError })
+})
+
+function buildActionSummary(result: Record<string, unknown>): string {
+  // If result has approved field, it's an action_approval or code_review
+  if ('approved' in result) {
+    const approved = result.approved as boolean
+    const note = result.note as string | undefined
+    const lines = ['[agentclick] User reviewed the request:']
+    lines.push(approved ? '- Approved: proceed.' : '- Rejected: do not proceed.')
+    if (note) lines.push(`- Note: ${note}`)
+    return lines.join('\n')
+  }
+
+  const actions = result.actions as Array<{ type: string; paragraphId: string; reason?: string; instruction?: string }> || []
+  const lines = ['[agentclick] User reviewed the draft:']
+
+  const deleted = actions.filter(a => a.type === 'delete')
+  const rewritten = actions.filter(a => a.type === 'rewrite')
+
+  if (deleted.length > 0) {
+    lines.push(`- Deleted ${deleted.length} paragraph(s): ${deleted.map(a => `${a.paragraphId} (reason: ${a.reason})`).join(', ')}`)
+  }
+  if (rewritten.length > 0) {
+    lines.push(`- Requested rewrite for: ${rewritten.map(a => `${a.paragraphId} — "${a.instruction}"`).join(', ')}`)
+  }
+  if (result.confirmed) {
+    lines.push('- User confirmed: proceed with sending.')
+  }
+  if (result.regenerate) {
+    lines.push('- User requested full regeneration.')
+  }
+
+  return lines.join('\n')
+}
+
+if (SHOULD_SERVE_BUILT_WEB) {
+  app.use(express.static(WEB_DIST_DIR))
+  app.get('*', (req, res, next) => {
+    if (req.path.startsWith('/api/')) return next()
+    res.sendFile(join(WEB_DIST_DIR, 'index.html'))
+  })
+  console.log(`[agentclick] Serving web UI from ${WEB_DIST_DIR}`)
+}
+
+app.listen(PORT, () => {
+  console.log(`[agentclick] Server running at http://localhost:${PORT}`)
+})

package/packages/server/src/preference.ts

@@ -0,0 +1,101 @@
+import fs from 'fs'
+import path from 'path'
+import os from 'os'
+
+const MEMORY_PATH = path.join(os.homedir(), '.openclaw', 'workspace', 'MEMORY.md')
+const SECTION_HEADER = '## Email Preferences (ClawUI Auto-Learned)'
+
+interface Paragraph {
+  id: string
+  content: string
+}
+
+interface SessionPayload {
+  type?: string
+  paragraphs?: Paragraph[]
+  [key: string]: unknown
+}
+
+interface ReviewAction {
+  type: string
+  paragraphId: string
+  reason?: string
+  instruction?: string
+}
+
+// Map raw reason keys to human-readable descriptions
+const REASON_LABELS: Record<string, string> = {
+  too_formal: 'too formal',
+  too_casual: 'too casual',
+  too_long: 'too long',
+  off_topic: 'off topic',
+  inaccurate: 'inaccurate',
+  repetitive: 'repetitive',
+  unnecessary: 'unnecessary',
+  wrong_tone: 'wrong tone',
+  too_polite: 'too polite',
+  redundant: 'redundant',
+}
+
+function ensureMemoryFile(): void {
+  const dir = path.dirname(MEMORY_PATH)
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true })
+  }
+  if (!fs.existsSync(MEMORY_PATH)) {
+    fs.writeFileSync(MEMORY_PATH, '# ClawUI Learned Preferences\n', 'utf-8')
+  }
+}
+
+// Truncate paragraph content into a short description for the rule
+function summarize(content: string): string {
+  const cleaned = content.trim().replace(/\s+/g, ' ')
+  if (cleaned.length <= 80) return cleaned
+  return cleaned.slice(0, 77) + '...'
+}
+
+function resolveReason(reason: string | undefined): string {
+  if (!reason) return 'user deleted'
+  return REASON_LABELS[reason] ?? reason
+}
+
+export function learnFromDeletions(
+  actions: ReviewAction[],
+  payload: SessionPayload
+): void {
+  const deletions = actions.filter(a => a.type === 'delete')
+  if (deletions.length === 0) return
+
+  const paragraphMap = new Map<string, string>(
+    (payload.paragraphs ?? []).map(p => [p.id, p.content])
+  )
+
+  // Infer scope from session type
+  const scope = payload.type === 'email_review' ? 'email' : 'general'
+
+  const rules: string[] = []
+  for (const action of deletions) {
+    const content = paragraphMap.get(action.paragraphId)
+    // Skip if we cannot find the original paragraph text
+    if (!content) continue
+
+    const description = summarize(content)
+    const reason = resolveReason(action.reason)
+    rules.push(`- AVOID: ${description} (reason: ${reason}) - SCOPE: ${scope}`)
+  }
+
+  if (rules.length === 0) return
+
+  ensureMemoryFile()
+
+  const existing = fs.readFileSync(MEMORY_PATH, 'utf-8')
+
+  // Append section header once if not present, then append rules
+  const needsHeader = !existing.includes(SECTION_HEADER)
+  const block = needsHeader
+    ? `\n${SECTION_HEADER}\n${rules.join('\n')}\n`
+    : `${rules.join('\n')}\n`
+
+  fs.appendFileSync(MEMORY_PATH, block, 'utf-8')
+  console.log(`[agentclick] Learned ${rules.length} preference rule(s) -> ${MEMORY_PATH}`)
+}

package/packages/server/src/store.ts

@@ -0,0 +1,72 @@
+import Database from 'better-sqlite3'
+import { mkdirSync, existsSync } from 'fs'
+import { homedir } from 'os'
+import { join } from 'path'
+
+const DB_DIR = join(homedir(), '.openclaw')
+const DB_PATH = join(DB_DIR, 'clawui-sessions.db')
+
+if (!existsSync(DB_DIR)) mkdirSync(DB_DIR, { recursive: true })
+
+const db = new Database(DB_PATH)
+
+db.exec(`
+  CREATE TABLE IF NOT EXISTS sessions (
+    id TEXT PRIMARY KEY,
+    type TEXT NOT NULL,
+    payload TEXT NOT NULL,
+    status TEXT NOT NULL DEFAULT 'pending',
+    result TEXT,
+    sessionKey TEXT,
+    createdAt INTEGER NOT NULL
+  )
+`)
+
+export interface Session {
+  id: string
+  type: string
+  payload: unknown
+  status: 'pending' | 'completed'
+  result?: unknown
+  sessionKey?: string
+  createdAt: number
+}
+
+export function createSession(session: Session): void {
+  db.prepare(`
+    INSERT INTO sessions (id, type, payload, status, sessionKey, createdAt)
+    VALUES (@id, @type, @payload, @status, @sessionKey, @createdAt)
+  `).run({
+    ...session,
+    payload: JSON.stringify(session.payload),
+  })
+}
+
+export function getSession(id: string): Session | null {
+  const row = db.prepare('SELECT * FROM sessions WHERE id = ?').get(id) as Record<string, unknown> | undefined
+  if (!row) return null
+  return deserialize(row)
+}
+
+export function listSessions(limit = 20): Session[] {
+  const rows = db.prepare('SELECT * FROM sessions ORDER BY createdAt DESC LIMIT ?').all(limit) as Record<string, unknown>[]
+  return rows.map(deserialize)
+}
+
+export function completeSession(id: string, result: unknown): void {
+  db.prepare(`
+    UPDATE sessions SET status = 'completed', result = ? WHERE id = ?
+  `).run(JSON.stringify(result), id)
+}
+
+function deserialize(row: Record<string, unknown>): Session {
+  return {
+    id: row.id as string,
+    type: row.type as string,
+    payload: JSON.parse(row.payload as string),
+    status: row.status as 'pending' | 'completed',
+    result: row.result ? JSON.parse(row.result as string) : undefined,
+    sessionKey: row.sessionKey as string | undefined,
+    createdAt: row.createdAt as number,
+  }
+}

package/packages/web/dist/assets/index-D8TPv7du.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.top-full{top:100%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-64{height:16rem}.min-h-screen{min-height:100vh}.w-72{width:18rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[148px\]{min-width:148px}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-l-amber-400{--tw-border-opacity: 1;border-left-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-l-blue-500{--tw-border-opacity: 1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-l-red-400{--tw-border-opacity: 1;border-left-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.placeholder-zinc-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))}.placeholder-zinc-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-700:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-zinc-600:hover{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:opacity-100{opacity:1}