@standardagents/cli 0.10.1-next.bbd142a → 0.11.0-next.99fb790

package/chat/src/components/EmptyState.tsx

@@ -0,0 +1,437 @@
+'use client'
+
+import { useState, useCallback, useEffect, useRef, useMemo } from 'react'
+import type { Thread } from '../hooks/useThreads'
+import { Logo } from './Logo'
+
+interface Agent {
+  id: string
+  name: string
+  title?: string
+  description?: string
+}
+
+interface PendingAttachment {
+  id: string
+  name: string
+  mimeType: string
+  data: string // base64
+  width?: number
+  height?: number
+  preview?: string // data URL for preview
+}
+
+interface EmptyStateProps {
+  selectedAgentId: string
+  onAgentChange: (agentId: string) => void
+  onThreadCreated: (thread: Thread) => void
+}
+
+// Helper to get API config
+function getApiConfig() {
+  const isVite = typeof import.meta !== 'undefined' && import.meta.env
+  const baseUrl = isVite
+    ? (import.meta.env.VITE_AGENTBUILDER_URL || '')
+    : (process.env.NEXT_PUBLIC_AGENTBUILDER_URL || '')
+
+  // Token is stored in localStorage by auth flow
+  const token = typeof localStorage !== 'undefined'
+    ? localStorage.getItem('agentbuilder_auth_token') || ''
+    : ''
+
+  return { baseUrl, token }
+}
+
+// Read file as base64
+function readFileAsBase64(file: File): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = () => {
+      const result = reader.result as string
+      const base64 = result.split(',')[1]
+      resolve(base64)
+    }
+    reader.onerror = reject
+    reader.readAsDataURL(file)
+  })
+}
+
+// Get image dimensions
+function getImageDimensions(file: File): Promise<{ width: number; height: number } | null> {
+  return new Promise((resolve) => {
+    if (!file.type.startsWith('image/')) {
+      resolve(null)
+      return
+    }
+    const img = new Image()
+    img.onload = () => {
+      resolve({ width: img.naturalWidth, height: img.naturalHeight })
+      URL.revokeObjectURL(img.src)
+    }
+    img.onerror = () => resolve(null)
+    img.src = URL.createObjectURL(file)
+  })
+}
+
+export function EmptyState({
+  selectedAgentId,
+  onAgentChange,
+  onThreadCreated,
+}: EmptyStateProps) {
+  const [message, setMessage] = useState('')
+  const [attachments, setAttachments] = useState<PendingAttachment[]>([])
+  const [isCreating, setIsCreating] = useState(false)
+  const [agents, setAgents] = useState<Agent[]>([])
+  const [agentsLoading, setAgentsLoading] = useState(true)
+  const [dropdownOpen, setDropdownOpen] = useState(false)
+  const dropdownRef = useRef<HTMLDivElement>(null)
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
+  const fileInputRef = useRef<HTMLInputElement>(null)
+
+  const { baseUrl, token } = useMemo(() => getApiConfig(), [])
+  const headers = useMemo(() => {
+    const h: Record<string, string> = { 'Content-Type': 'application/json' }
+    if (token) h['Authorization'] = `Bearer ${token}`
+    return h
+  }, [token])
+
+  useEffect(() => {
+    const fetchAgents = async () => {
+      try {
+        const response = await fetch(`${baseUrl}/api/agents`, { headers })
+        if (!response.ok) throw new Error('Failed to fetch agents')
+        const data = await response.json()
+        const agentList = data.agents || []
+        console.log('Agents from API:', agentList)
+        setAgents(agentList)
+        if (!selectedAgentId && agentList.length > 0) {
+          onAgentChange(agentList[0].id)
+        }
+      } catch (err) {
+        console.error('Failed to load agents:', err)
+      } finally {
+        setAgentsLoading(false)
+      }
+    }
+    fetchAgents()
+  }, [selectedAgentId, onAgentChange, baseUrl, headers])
+
+  useEffect(() => {
+    const handleClickOutside = (e: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {
+        setDropdownOpen(false)
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside)
+    return () => document.removeEventListener('mousedown', handleClickOutside)
+  }, [])
+
+  useEffect(() => {
+    const textarea = textareaRef.current
+    if (textarea) {
+      textarea.style.height = 'auto'
+      textarea.style.height = Math.min(textarea.scrollHeight, 200) + 'px'
+    }
+  }, [message])
+
+  const selectedAgent = agents.find(a => a.id === selectedAgentId)
+
+  const handleFileSelect = useCallback(async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const files = e.target.files
+    if (!files || files.length === 0) return
+
+    const newAttachments: PendingAttachment[] = []
+
+    for (const file of Array.from(files)) {
+      try {
+        const base64 = await readFileAsBase64(file)
+        const dimensions = await getImageDimensions(file)
+        const preview = file.type.startsWith('image/')
+          ? URL.createObjectURL(file)
+          : undefined
+
+        newAttachments.push({
+          id: crypto.randomUUID(),
+          name: file.name,
+          mimeType: file.type || 'application/octet-stream',
+          data: base64,
+          width: dimensions?.width,
+          height: dimensions?.height,
+          preview,
+        })
+      } catch (err) {
+        console.error('Failed to read file:', err)
+      }
+    }
+
+    setAttachments(prev => [...prev, ...newAttachments])
+    // Reset file input and refocus textarea
+    if (fileInputRef.current) {
+      fileInputRef.current.value = ''
+    }
+    textareaRef.current?.focus()
+  }, [])
+
+  const removeAttachment = useCallback((id: string) => {
+    setAttachments(prev => {
+      const attachment = prev.find(a => a.id === id)
+      if (attachment?.preview) {
+        URL.revokeObjectURL(attachment.preview)
+      }
+      return prev.filter(a => a.id !== id)
+    })
+  }, [])
+
+  const handleSubmit = useCallback(async (e: React.FormEvent) => {
+    e.preventDefault()
+    if ((!message.trim() && attachments.length === 0) || !selectedAgentId || isCreating) return
+
+    setIsCreating(true)
+    const title = message.slice(0, 50) + (message.length > 50 ? '...' : '') || 'New conversation'
+    const currentAttachments = [...attachments]
+
+    try {
+      // Create thread
+      const threadRes = await fetch(`${baseUrl}/api/threads`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify({ agent_id: selectedAgentId }),
+      })
+
+      if (!threadRes.ok) throw new Error('Failed to create thread')
+      const threadData = await threadRes.json()
+      const threadId = threadData.threadId
+
+      // Set title on the thread via tags
+      await fetch(`${baseUrl}/api/threads/${threadId}`, {
+        method: 'PATCH',
+        headers,
+        body: JSON.stringify({ tags: [`title:${title}`] }),
+      })
+
+      // Build message payload with attachments
+      const messagePayload: {
+        role: string
+        content: string
+        attachments?: Array<{
+          name: string
+          mimeType: string
+          data: string
+          width?: number
+          height?: number
+        }>
+      } = {
+        role: 'user',
+        content: message,
+      }
+
+      if (currentAttachments.length > 0) {
+        messagePayload.attachments = currentAttachments.map(a => ({
+          name: a.name,
+          mimeType: a.mimeType,
+          data: a.data,
+          ...(a.width && a.height ? { width: a.width, height: a.height } : {}),
+        }))
+      }
+
+      // Send the first message
+      await fetch(`${baseUrl}/api/threads/${threadId}/messages`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(messagePayload),
+      })
+
+      // Navigate to the thread - use agent info from selected agent
+      const selectedAgent = agents.find(a => a.id === selectedAgentId)
+      onThreadCreated({
+        id: threadId,
+        agent_id: selectedAgentId,
+        user_id: null,
+        tags: [`title:${title}`],
+        created_at: Math.floor(Date.now() / 1000), // API uses seconds
+        agent: {
+          name: selectedAgent?.name,
+          title: selectedAgent?.title,
+          type: 'ai_human',
+        },
+      })
+      setMessage('')
+      setAttachments([])
+    } catch (error) {
+      console.error('Failed to create thread:', error)
+    } finally {
+      setIsCreating(false)
+    }
+  }, [message, attachments, selectedAgentId, isCreating, onThreadCreated, baseUrl, headers, agents])
+
+  return (
+    <div className="flex-1 flex flex-col items-center px-4 py-8">
+      <div className="w-full max-w-2xl mt-[15vh]">
+        {/* Logo and Greeting */}
+        <div className="text-center mb-12">
+          <Logo className="h-16 text-[var(--text-secondary)] mx-auto mb-20" />
+          <h1 className="text-2xl font-medium text-[var(--text-secondary)]">
+            What can I help with?
+          </h1>
+        </div>
+
+        {/* Input box */}
+        <div className="relative bg-[var(--bg-tertiary)] rounded-2xl border border-[var(--border-primary)] shadow-lg shadow-black/10">
+          {/* Attachment drawer */}
+          {attachments.length > 0 && (
+            <div className="px-3 pt-3 pb-2 border-b border-[var(--border-secondary)]">
+              <div className="flex flex-wrap gap-2">
+                {attachments.map((attachment) => (
+                  <div key={attachment.id} className="relative group">
+                    {attachment.preview ? (
+                      <img
+                        src={attachment.preview}
+                        alt={attachment.name}
+                        className="h-16 w-auto rounded-lg object-cover border border-[var(--border-secondary)]"
+                      />
+                    ) : (
+                      <div className="h-16 px-3 flex items-center gap-2 rounded-lg bg-[var(--bg-hover)] border border-[var(--border-secondary)]">
+                        <svg className="w-4 h-4 text-[var(--text-secondary)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
+                        </svg>
+                        <span className="text-xs text-[var(--text-secondary)] max-w-[100px] truncate">{attachment.name}</span>
+                      </div>
+                    )}
+                    <button
+                      type="button"
+                      onClick={() => removeAttachment(attachment.id)}
+                      className="absolute -top-1.5 -right-1.5 w-5 h-5 bg-[var(--bg-active)] hover:bg-[var(--bg-hover)] rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
+                    >
+                      <svg className="w-3 h-3 text-[var(--text-primary)]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+                      </svg>
+                    </button>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+
+          {/* Agent selector row */}
+          <div className="px-4 pt-3 pb-1" ref={dropdownRef}>
+            <button
+              onClick={() => setDropdownOpen(!dropdownOpen)}
+              disabled={agentsLoading || agents.length === 0}
+              className="inline-flex items-center gap-1.5 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors disabled:opacity-50"
+            >
+              {agentsLoading ? (
+                <span className="text-[var(--text-tertiary)]">Loading agents...</span>
+              ) : agents.length === 0 ? (
+                <span className="text-[var(--text-tertiary)]">No agents available</span>
+              ) : (
+                <>
+                  <span className="text-[var(--text-primary)] font-medium">{selectedAgent?.title || selectedAgent?.name || 'Select agent'}</span>
+                  <svg className={`w-3.5 h-3.5 text-[var(--text-tertiary)] transition-transform ${dropdownOpen ? 'rotate-180' : ''}`} fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
+                  </svg>
+                </>
+              )}
+            </button>
+
+            {/* Dropdown menu */}
+            {dropdownOpen && agents.length > 0 && (
+              <div className="absolute left-4 top-12 z-50 min-w-[280px] max-w-[360px] bg-[var(--bg-elevated)] border border-[var(--border-secondary)] rounded-xl shadow-xl overflow-hidden animate-fade-in">
+                {agents.map((agent) => (
+                  <button
+                    key={agent.id}
+                    onClick={() => {
+                      onAgentChange(agent.id)
+                      setDropdownOpen(false)
+                    }}
+                    className={`w-full px-4 py-3 text-left transition-colors ${
+                      agent.id === selectedAgentId
+                        ? 'bg-[var(--bg-active)]'
+                        : 'hover:bg-[var(--bg-hover)]'
+                    }`}
+                  >
+                    <div className={`text-sm font-medium ${agent.id === selectedAgentId ? 'text-[var(--text-primary)]' : 'text-[var(--text-secondary)]'}`}>
+                      {agent.title || agent.name}
+                    </div>
+                    {agent.description && (
+                      <div className="text-xs text-[var(--text-muted)] mt-0.5 line-clamp-2">
+                        {agent.description}
+                      </div>
+                    )}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* Textarea */}
+          <form onSubmit={handleSubmit}>
+            <textarea
+              ref={textareaRef}
+              value={message}
+              onChange={(e) => setMessage(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                  e.preventDefault()
+                  handleSubmit(e)
+                }
+              }}
+              placeholder="Message..."
+              rows={1}
+              disabled={isCreating || !selectedAgentId}
+              className="w-full px-4 py-3 bg-transparent resize-none text-[var(--text-primary)] placeholder-[var(--text-tertiary)] focus:outline-none disabled:opacity-50 text-[15px] leading-relaxed"
+            />
+
+            {/* Actions row */}
+            <div className="flex items-center justify-between px-3 pb-3">
+              {/* Attachment button */}
+              <div>
+                <input
+                  ref={fileInputRef}
+                  type="file"
+                  multiple
+                  accept="image/*,.pdf,.txt,.md,.json,.csv"
+                  onChange={handleFileSelect}
+                  className="hidden"
+                />
+                <button
+                  type="button"
+                  onClick={() => fileInputRef.current?.click()}
+                  disabled={isCreating || !selectedAgentId}
+                  className="p-2 text-[var(--text-tertiary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] rounded-xl transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                  title="Attach files"
+                >
+                  <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M18.375 12.739l-7.693 7.693a4.5 4.5 0 01-6.364-6.364l10.94-10.94A3 3 0 1119.5 7.372L8.552 18.32m.009-.01l-.01.01m5.699-9.941l-7.81 7.81a1.5 1.5 0 002.112 2.13" />
+                  </svg>
+                </button>
+              </div>
+
+              {/* Submit button */}
+              <button
+                type="submit"
+                disabled={(!message.trim() && attachments.length === 0) || !selectedAgentId || isCreating}
+                className="p-2 rounded-xl bg-[var(--text-primary)] text-[var(--bg-primary)] hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed transition-all duration-150"
+              >
+                {isCreating ? (
+                  <svg className="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
+                    <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+                    <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
+                  </svg>
+                ) : (
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 10l7-7m0 0l7 7m-7-7v18" />
+                  </svg>
+                )}
+              </button>
+            </div>
+          </form>
+        </div>
+
+        {/* Subtle hint */}
+        <p className="text-center text-xs text-[var(--text-muted)] mt-4">
+          Press Enter to send, Shift+Enter for new line
+        </p>
+      </div>
+    </div>
+  )
+}

package/chat/src/components/Login.tsx

@@ -0,0 +1,139 @@
+'use client'
+
+import { useState, useCallback, type FormEvent } from 'react'
+import { useAuth } from '../hooks/useAuth'
+import { Logo } from './Logo'
+
+export function Login() {
+  const [username, setUsername] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState('')
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const { login } = useAuth()
+
+  const handleSubmit = useCallback(async (e: FormEvent) => {
+    e.preventDefault()
+    setError('')
+    setIsSubmitting(true)
+
+    const result = await login(username, password)
+
+    if (!result.success) {
+      setError(result.error || 'Login failed')
+      setIsSubmitting(false)
+    }
+  }, [username, password, login])
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-4 relative overflow-hidden bg-[var(--bg-primary)]">
+      {/* Subtle gradient background */}
+      <div
+        className="absolute inset-0 opacity-50"
+        style={{
+          background: 'radial-gradient(ellipse at top, var(--bg-secondary) 0%, transparent 50%), radial-gradient(ellipse at bottom right, var(--bg-tertiary) 0%, transparent 50%)',
+        }}
+      />
+
+      {/* Noise texture overlay */}
+      <div
+        className="absolute inset-0 opacity-[0.015] pointer-events-none"
+        style={{
+          backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")`,
+        }}
+      />
+
+      {/* Content */}
+      <div className="w-full max-w-md relative z-10">
+        {/* Logo above the card */}
+        <div className="flex justify-center mb-10">
+          <Logo className="w-72 h-auto text-[var(--text-secondary)] drop-shadow-sm" />
+        </div>
+
+        {/* Login card */}
+        <div className="bg-[var(--bg-secondary)]/80 backdrop-blur-xl rounded-3xl border border-[var(--border-primary)] shadow-2xl shadow-black/10 p-8">
+          <form onSubmit={handleSubmit} className="space-y-5">
+            {error && (
+              <div className="p-4 rounded-2xl bg-red-500/10 border border-red-500/20 text-red-400 text-sm flex items-center gap-3">
+                <svg className="w-5 h-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
+                </svg>
+                {error}
+              </div>
+            )}
+
+            <div className="space-y-2">
+              <label
+                htmlFor="username"
+                className="block text-sm font-medium text-[var(--text-secondary)]"
+              >
+                Username
+              </label>
+              <input
+                id="username"
+                type="text"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                className="w-full px-4 py-3 rounded-xl bg-[var(--bg-primary)] border border-[var(--border-primary)] text-[var(--text-primary)] placeholder-[var(--text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--text-secondary)]/20 focus:border-[var(--border-secondary)] transition-all"
+                placeholder="Enter your username"
+                required
+                autoComplete="username"
+                disabled={isSubmitting}
+              />
+            </div>
+
+            <div className="space-y-2">
+              <label
+                htmlFor="password"
+                className="block text-sm font-medium text-[var(--text-secondary)]"
+              >
+                Password
+              </label>
+              <input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                className="w-full px-4 py-3 rounded-xl bg-[var(--bg-primary)] border border-[var(--border-primary)] text-[var(--text-primary)] placeholder-[var(--text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--text-secondary)]/20 focus:border-[var(--border-secondary)] transition-all"
+                placeholder="Enter your password"
+                required
+                autoComplete="current-password"
+                disabled={isSubmitting}
+              />
+            </div>
+
+            <button
+              type="submit"
+              disabled={isSubmitting || !username || !password}
+              className="w-full py-3.5 px-4 rounded-xl bg-[var(--text-primary)] text-[var(--bg-primary)] font-semibold hover:opacity-90 hover:scale-[1.01] active:scale-[0.99] disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-150 shadow-lg shadow-black/10"
+            >
+              {isSubmitting ? (
+                <span className="flex items-center justify-center gap-2">
+                  <svg className="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
+                    <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+                    <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
+                  </svg>
+                  Signing in...
+                </span>
+              ) : (
+                'Sign in'
+              )}
+            </button>
+          </form>
+        </div>
+
+        {/* Subtle footer */}
+        <p className="text-center text-xs text-[var(--text-muted)] mt-6">
+          Powered by{' '}
+          <a
+            href="https://standardagentbuilder.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors"
+          >
+            AgentBuilder
+          </a>
+        </p>
+      </div>
+    </div>
+  )
+}

package/chat/src/components/Logo.tsx

@@ -0,0 +1,39 @@
+export function LogoMark({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 150 150"
+      fill="currentColor"
+      className={className}
+    >
+      <path d="M44.06,0v44.08H0v105.92h105.93v-44.07h44.07V0H44.06ZM19.09,130.91c-16.47-16.47-5.29-54.45,24.96-85.18v60.2h60.23c-30.73,30.27-68.71,41.47-85.2,24.98ZM105.93,104.29v-60.21h-60.21C76.46,13.8,114.42,2.6,130.91,19.09c16.51,16.49,5.31,54.47-24.98,85.2Z" />
+    </svg>
+  )
+}
+
+export function Logo({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 877.15 150"
+      fill="currentColor"
+      className={className}
+    >
+      <path d="M44.06,0v44.08H0v105.92h105.93v-44.07h44.07V0H44.06ZM19.09,130.91c-16.47-16.47-5.29-54.45,24.96-85.18v60.2h60.23c-30.73,30.27-68.71,41.47-85.2,24.98ZM105.93,104.29v-60.21h-60.21C76.46,13.8,114.42,2.6,130.91,19.09c16.51,16.49,5.31,54.47-24.98,85.2Z" />
+      <g>
+        <path d="M203.01,112.34c-8.14,0-16.05-1.81-17.52-2.03-.79.68-1.36,2.03-1.47,2.26h-3.84c-.45-3.84-1.58-14.58-2.26-18.98l3.5-.68,3.73,5.31c3.62,5.2,10.17,7.46,18.87,7.46,10.85,0,16.84-4.18,16.84-13.56,0-10.51-10.51-14.01-19.1-16.72-11.87-3.73-22.6-7.46-22.6-22.94,0-9.38,8.14-20.23,23.28-20.23,3.84,0,6.67.56,9.04,1.13s4.29,1.36,6.44,1.58c.34,0,2.15-1.58,2.37-1.69h2.6l2.94,16.95-4.29.45-2.71-4.97c-2.15-3.96-7.91-7.57-16.5-7.57s-14.24,4.07-14.24,12.54c0,8.93,8.7,11.64,18.08,14.8,11.98,4.07,24.3,8.81,24.3,24.63,0,12.32-11.75,22.26-27.46,22.26Z" />
+        <path d="M276.01,63.52h-19.55v34.02c0,3.28.45,4.52,1.24,5.42,1.24,1.36,3.16,2.37,5.31,2.37,4.97,0,8.93-2.03,12.09-3.73v4.75c-2.83,2.26-10.51,6.21-14.92,6.21-7.46,0-13.9-3.73-13.9-10.06,0-2.71.45-10.06.45-20.91v-17.18l-6.44-1.58v-2.03c3.28-2.83,9.38-8.7,14.01-13.56h2.71s-.45,7.57-.57,10.28h20.68l-1.13,5.99Z" />
+        <path d="M323.35,112.56c-3.16,0-7.01-.79-8.25-4.75-5.2,2.15-11.53,4.52-17.4,4.52-8.93,0-14.24-4.97-14.24-13.11,0-6.55,2.26-10.62,10.96-12.88,5.54-1.47,12.09-2.37,20.12-3.5v-7.8c0-1.24,0-2.6-.34-4.75-.79-5.2-6.44-7.68-10.85-7.68-2.37,0-4.63.68-6.67,2.03-1.69,1.13-2.26,2.37-2.26,4.18l-8.36,2.03c-.23-.57-.34-1.13-.34-1.81,0-2.15,1.69-4.29,3.62-5.76,2.26-1.81,4.52-3.28,7.34-4.52,3.39-1.58,7.91-3.16,12.32-3.16,3.96,0,7.23,1.02,9.72,2.6,2.6,1.69,4.29,4.18,4.86,7.57.34,1.92.34,4.18.34,7.35v26.56c0,4.52,2.37,6.33,5.31,6.33s4.97-1.24,6.89-2.71l.9,3.5c-4.41,3.05-8.93,5.76-13.67,5.76ZM314.54,87.25c-7.01.79-11.41,1.58-16.61,2.94-4.52,1.13-5.65,3.05-5.65,6.67,0,5.2,3.5,9.72,9.49,9.72,4.18,0,8.48-1.47,12.77-3.05v-16.27Z" />
+        <path d="M376.35,110.76v-2.94l2.37-.79c2.49-.79,2.94-2.71,2.94-5.08v-24.18c0-5.2-.45-9.04-2.94-11.3-1.7-1.58-4.18-2.37-7.01-2.37-3.28,0-5.99.79-8.7,1.81-2.49.9-4.75,2.03-6.1,2.83v33.45c0,3.5.68,3.73,3.73,4.29l5.31.9v3.39h-23.96v-2.94l2.49-.79c2.49-.79,2.71-2.37,2.71-5.08v-30.51c0-3.5-.45-4.75-2.15-5.99l-2.6-1.92v-1.92l12.66-6.67,1.81.68v8.93c2.83-2.03,12.54-8.59,19.32-8.59,8.48,0,15.14,5.65,15.14,14.35v31.87c0,3.5.79,3.84,3.73,4.29l5.54.9v3.39h-24.3Z" />
+        <path d="M447.65,113.92l-1.13-.9-.68-6.89c-4.52,2.6-10.85,6.33-17.74,6.33-13.33,0-21.58-10.74-21.58-26.22s11.75-29.16,29.27-29.16c3.39,0,8.02.79,10.06,1.36v-13.56c0-4.29-.9-5.65-2.83-6.78l-2.6-1.47v-1.81l13.67-7.8,2.26.79s-.79,8.81-.79,12.77v62.38c0,2.49,1.02,4.07,3.5,4.07.34,0,.68,0,1.13-.11l4.41-.68v4.18l-16.95,3.5ZM445.84,66.91c-4.07-2.15-7.91-3.62-13.56-3.62-9.83,0-16.16,3.62-16.16,17.63s5.31,24.41,17.06,24.41c4.41,0,9.27-1.24,12.66-2.49v-35.94Z" />
+        <path d="M512.51,112.56c-3.16,0-7.01-.79-8.25-4.75-5.2,2.15-11.53,4.52-17.4,4.52-8.93,0-14.24-4.97-14.24-13.11,0-6.55,2.26-10.62,10.96-12.88,5.54-1.47,12.09-2.37,20.12-3.5v-7.8c0-1.24,0-2.6-.34-4.75-.79-5.2-6.44-7.68-10.85-7.68-2.37,0-4.63.68-6.67,2.03-1.69,1.13-2.26,2.37-2.26,4.18l-8.36,2.03c-.23-.57-.34-1.13-.34-1.81,0-2.15,1.69-4.29,3.62-5.76,2.26-1.81,4.52-3.28,7.34-4.52,3.39-1.58,7.91-3.16,12.32-3.16,3.96,0,7.23,1.02,9.72,2.6,2.6,1.69,4.29,4.18,4.86,7.57.34,1.92.34,4.18.34,7.35v26.56c0,4.52,2.37,6.33,5.31,6.33s4.97-1.24,6.89-2.71l.9,3.5c-4.41,3.05-8.93,5.76-13.67,5.76ZM503.7,87.25c-7.01.79-11.41,1.58-16.61,2.94-4.52,1.13-5.65,3.05-5.65,6.67,0,5.2,3.5,9.72,9.49,9.72,4.18,0,8.48-1.47,12.77-3.05v-16.27Z" />
+        <path d="M564.49,68.94h-.23c-1.47-.79-3.73-1.92-3.73-1.92-2.03-1.02-3.62-1.58-5.08-1.58-1.7,0-3.39.79-5.42,2.37l-3.96,3.05v31.3c0,3.05,1.58,3.5,3.73,3.84l8.14,1.36v3.39h-26.78v-2.94l2.49-.68c2.49-.68,2.71-2.6,2.71-5.2v-29.04c0-3.62-.11-5.31-2.03-7.01l-2.71-2.37v-1.92l12.66-6.67,1.81.68v10.17c1.7-1.7,9.27-7.68,9.27-7.68,2.71-2.26,4.29-3.16,5.54-3.16,1.36,0,2.26,1.13,3.84,3.73l2.03,3.5c-.57,2.03-1.58,5.09-2.26,6.78Z" />
+        <path d="M611.95,113.92l-1.13-.9-.68-6.89c-4.52,2.6-10.85,6.33-17.74,6.33-13.33,0-21.58-10.74-21.58-26.22s11.75-29.16,29.27-29.16c3.39,0,8.02.79,10.06,1.36v-13.56c0-4.29-.9-5.65-2.83-6.78l-2.6-1.47v-1.81l13.67-7.8,2.26.79s-.79,8.81-.79,12.77v62.38c0,2.49,1.02,4.07,3.5,4.07.34,0,.68,0,1.13-.11l4.41-.68v4.18l-16.95,3.5ZM610.14,66.91c-4.07-2.15-7.91-3.62-13.56-3.62-9.83,0-16.16,3.62-16.16,17.63s5.31,24.41,17.06,24.41c4.41,0,9.27-1.24,12.66-2.49v-35.94Z" />
+        <path d="M703.59,107.37c-5.99,3.05-14.46,5.2-24.07,5.2-26.33,0-39.1-20.34-39.1-40s13.45-40.34,40.34-40.34c7.91,0,13.67,1.58,20,4.18l2.49-3.05h3.39v19.1h-3.96c-1.02-2.83-2.26-5.88-3.39-7.57-4.86-4.07-11.53-6.22-18.19-6.22-14.01,0-28.25,9.27-28.25,32.88,0,20.45,12.21,34.69,29.72,34.69,5.54,0,11.08-1.24,16.27-3.84,1.47-1.13,3.28-3.62,4.52-5.99l3.62.79c-.68,3.5-2.49,8.7-3.39,10.17Z" />
+        <path d="M752.86,110.76v-2.94l2.37-.68c2.49-.68,2.83-2.6,2.83-5.2v-24.64c0-8.25-5.76-13.22-12.32-13.22-5.76,0-10.06,3.28-14.13,6.33v31.75c0,3.5.68,3.73,3.73,4.29l5.31.9v3.39h-23.96v-2.94l2.49-.68c2.49-.68,2.71-1.7,2.71-5.2v-55.83c0-4.86-.34-6.55-2.94-8.14l-2.26-1.36v-1.81l13.33-7.8,2.26.79s-.68,9.04-.68,18.31v19.44c5.54-5.54,13.67-9.61,18.99-9.61,8.48,0,17.18,8.02,17.18,17.63v28.59c0,3.5.79,3.84,3.73,4.29l5.42.9v3.39h-24.07Z" />
+        <path d="M824.05,112.56c-3.16,0-7.01-.79-8.25-4.75-5.2,2.15-11.53,4.52-17.4,4.52-8.93,0-14.24-4.97-14.24-13.11,0-6.55,2.26-10.62,10.96-12.88,5.54-1.47,12.09-2.37,20.12-3.5v-7.8c0-1.24,0-2.6-.34-4.75-.79-5.2-6.44-7.68-10.85-7.68-2.37,0-4.63.68-6.67,2.03-1.69,1.13-2.26,2.37-2.26,4.18l-8.36,2.03c-.23-.57-.34-1.13-.34-1.81,0-2.15,1.69-4.29,3.62-5.76,2.26-1.81,4.52-3.28,7.34-4.52,3.39-1.58,7.91-3.16,12.32-3.16,3.96,0,7.23,1.02,9.72,2.6,2.6,1.69,4.29,4.18,4.86,7.57.34,1.92.34,4.18.34,7.35v26.56c0,4.52,2.37,6.33,5.31,6.33s4.97-1.24,6.89-2.71l.9,3.5c-4.41,3.05-8.93,5.76-13.67,5.76ZM815.24,87.25c-7.01.79-11.41,1.58-16.61,2.94-4.52,1.13-5.65,3.05-5.65,6.67,0,5.2,3.5,9.72,9.49,9.72,4.18,0,8.48-1.47,12.77-3.05v-16.27Z" />
+        <path d="M876.03,63.52h-19.55v34.02c0,3.28.45,4.52,1.24,5.42,1.24,1.36,3.16,2.37,5.31,2.37,4.97,0,8.93-2.03,12.09-3.73v4.75c-2.83,2.26-10.51,6.21-14.92,6.21-7.46,0-13.9-3.73-13.9-10.06,0-2.71.45-10.06.45-20.91v-17.18l-6.44-1.58v-2.03c3.28-2.83,9.38-8.7,14.01-13.56h2.71s-.45,7.57-.57,10.28h20.68l-1.13,5.99Z" />
+      </g>
+    </svg>
+  )
+}