@hanzo/ui 4.6.0 → 4.7.0

package/assets/ai-icons.tsx

@@ -1,207 +0,0 @@
-// AI provider icon implementations
-import React from 'react';
-import { cn } from '../src/utils';
-import { BrainIcon, ServerIcon, BotIcon, SparklesIcon, CpuIcon, ZapIcon, RocketIcon, ActivityIcon, NetworkIcon } from 'lucide-react';
-
-// Simple placeholder icons for AI providers - replace with actual brand icons when available
-export const AnthropicIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AnthropicIcon.displayName = 'AnthropicIcon';
-
-export const AyaCohereIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AyaCohereIcon.displayName = 'AyaCohereIcon';
-
-export const DeepSeekIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <CpuIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-DeepSeekIcon.displayName = 'DeepSeekIcon';
-
-export const ExoIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ExoIcon.displayName = 'ExoIcon';
-
-export const GeminiIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GeminiIcon.displayName = 'GeminiIcon';
-
-export const GoogleIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
-    </svg>
-  )
-);
-GoogleIcon.displayName = 'GoogleIcon';
-
-export const GrokIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ZapIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GrokIcon.displayName = 'GrokIcon';
-
-export const GroqIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <RocketIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GroqIcon.displayName = 'GroqIcon';
-
-export const LmStudioIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-LmStudioIcon.displayName = 'LmStudioIcon';
-
-export const MetaIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 2c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8z"/>
-    </svg>
-  )
-);
-MetaIcon.displayName = 'MetaIcon';
-
-export const MistralIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-MistralIcon.displayName = 'MistralIcon';
-
-export const OllamaIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OllamaIcon.displayName = 'OllamaIcon';
-
-export const OpenAIIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BotIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OpenAIIcon.displayName = 'OpenAIIcon';
-
-export const OpenRouterIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <NetworkIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OpenRouterIcon.displayName = 'OpenRouterIcon';
-
-export const PerplexityIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-PerplexityIcon.displayName = 'PerplexityIcon';
-
-export const QwenIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <CpuIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-QwenIcon.displayName = 'QwenIcon';
-
-export const HanzoIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z"/>
-    </svg>
-  )
-);
-HanzoIcon.displayName = 'HanzoIcon';
-
-export const TogetherAI = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <NetworkIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-TogetherAI.displayName = 'TogetherAI';
-
-// Generic AI icon for providers without specific icons
-export const AisIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AisIcon.displayName = 'AisIcon';
-
-// Also export the ScheduledTasksIcon and SendIcon that might be needed
-export const ScheduledTasksIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ScheduledTasksIcon.displayName = 'ScheduledTasksIcon';
-
-export const SendIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" {...props}>
-      <line x1="22" y1="2" x2="11" y2="13"></line>
-      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-    </svg>
-  )
-);
-SendIcon.displayName = 'SendIcon';
-
-export const ReactJsIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" strokeWidth="2"/>
-      <circle cx="12" cy="12" r="3" fill="currentColor"/>
-      <circle cx="12" cy="6" r="2" fill="currentColor"/>
-      <circle cx="18" cy="15" r="2" fill="currentColor"/>
-      <circle cx="6" cy="15" r="2" fill="currentColor"/>
-      <path d="M12 12 L12 6 M12 12 L18 15 M12 12 L6 15" stroke="currentColor" strokeWidth="1.5"/>
-    </svg>
-  )
-);
-ReactJsIcon.displayName = 'ReactJsIcon';
-
-export const ReasoningIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ReasoningIcon.displayName = 'ReasoningIcon';
-
-export const ToolsIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" {...props}>
-      <path d="M14 2l1.5 1.5v5.5L21 9v6l-5.5-.5V21L14 22l-2-7-2 7-1.5-1V14.5L3 15V9l5.5.5V4L10 2h4z"/>
-    </svg>
-  )
-);
-ToolsIcon.displayName = 'ToolsIcon';
-
-export const AIAgentIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BotIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AIAgentIcon.displayName = 'AIAgentIcon';
-
-export const TracingIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-TracingIcon.displayName = 'TracingIcon';

package/assets/crypto.tsx

@@ -1,33 +0,0 @@
-import { cn } from '../src/utils';
-
-export const EthereumIcon = ({ className }: { className?: string }) => (
-  <svg
-    className={cn('shrink-0', className)}
-    width="16"
-    height="16"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="#fff"
-      d="M12 3v6.65l5.625 2.516zm0 0-5.625 9.166L12 9.651zm0 13.477v4.522l5.625-7.784zM12 21v-4.523l-5.625-3.262z"
-    />
-  </svg>
-);
-
-export const USDCIcon = ({ className }: { className?: string }) => (
-  <svg
-    width="16"
-    className={cn('shrink-0', className)}
-    height="16"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="#fff"
-      fillRule="evenodd"
-      d="M12 21c4.99 0 9-4.01 9-9s-4.01-9-9-9-9 4.01-9 9 4.01 9 9 9m2.475-7.578c0-1.31-.787-1.76-2.362-1.946-1.125-.152-1.35-.45-1.35-.978 0-.523.377-.86 1.125-.86.675 0 1.052.224 1.237.787.04.112.152.185.265.185h.596a.256.256 0 0 0 .264-.259v-.039c-.152-.827-.827-1.614-1.687-1.687v-.827c0-.152-.113-.265-.298-.298h-.495c-.152 0-.293.112-.332.298v.827c-1.125.151-1.873 1.012-1.873 1.951 0 1.238.748 1.722 2.323 1.913 1.052.185 1.39.41 1.39 1.012 0 .597-.53 1.013-1.238 1.013-.98 0-1.316-.416-1.429-.979-.034-.146-.146-.225-.259-.225h-.641a.256.256 0 0 0-.259.264v.04c.146.934.748 1.575 1.986 1.76v.833c0 .152.112.253.298.293h.54c.146 0 .248-.102.287-.293v-.833c1.125-.185 1.912-.939 1.912-1.952"
-      clipRule="evenodd"
-    />
-  </svg>
-);

package/assets/file-type-icon.tsx

@@ -1,66 +0,0 @@
-// FileTypeIcon component
-import React from 'react';
-import { cn } from '../src/utils';
-import { FileIcon, FolderIcon, ImageIcon, FileTextIcon, FileCodeIcon, FileArchiveIcon } from 'lucide-react';
-
-export interface FileTypeIconProps extends React.SVGProps<SVGSVGElement> {
-  type?: string;
-}
-
-const getIconForType = (type?: string) => {
-  if (!type) return FileIcon;
-
-  const lowerType = type.toLowerCase();
-
-  // Image files
-  if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp', 'ico', 'bmp'].includes(lowerType)) {
-    return ImageIcon;
-  }
-
-  // Document files
-  if (['pdf', 'doc', 'docx', 'txt', 'md', 'rtf'].includes(lowerType)) {
-    return FileTextIcon;
-  }
-
-  // Code files
-  if (['js', 'jsx', 'ts', 'tsx', 'html', 'css', 'scss', 'json', 'xml', 'py', 'java', 'c', 'cpp', 'rs', 'go'].includes(lowerType)) {
-    return FileCodeIcon;
-  }
-
-  // Archive files
-  if (['zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'xz'].includes(lowerType)) {
-    return FileArchiveIcon;
-  }
-
-  return FileIcon;
-};
-
-export const FileTypeIcon = React.forwardRef<SVGSVGElement, FileTypeIconProps>(
-  ({ type, className, ...props }, ref) => {
-    const Icon = getIconForType(type);
-
-    return (
-      <Icon
-        ref={ref}
-        className={cn("h-4 w-4", className)}
-        {...props}
-      />
-    );
-  }
-);
-
-FileTypeIcon.displayName = 'FileTypeIcon';
-
-export const DirectoryTypeIcon = React.forwardRef<SVGSVGElement, Omit<FileTypeIconProps, 'type'>>(
-  ({ className, ...props }, ref) => {
-    return (
-      <FolderIcon
-        ref={ref}
-        className={cn("h-4 w-4", className)}
-        {...props}
-      />
-    );
-  }
-);
-
-DirectoryTypeIcon.displayName = 'DirectoryTypeIcon';

package/assets/file.tsx

@@ -1,45 +0,0 @@
-// File icon map - placeholder for now
-// TODO: Add actual file icons when SVG assets are available
-
-export const fileIconMap: Record<string, string> = {
-  aep: '',
-  ai: '',
-  avi: '',
-  css: '',
-  csv: '',
-  dmg: '',
-  doc: '',
-  docx: '',
-  gif: '',
-  html: '',
-  jpeg: '',
-  jpg: '',
-  js: '',
-  json: '',
-  pdf: '',
-  png: '',
-  ppt: '',
-  pptx: '',
-  psd: '',
-  svg: '',
-  xls: '',
-  xlsx: '',
-  xml: '',
-};
-
-export const PaperClipIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    strokeWidth={1.5}
-    stroke="currentColor"
-    className={className}
-  >
-    <path
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
-    />
-  </svg>
-);