onairos 2.0.6 → 2.0.8

package/src/components/UniversalOnboarding.js

@@ -19,8 +19,6 @@ export default function UniversalOnboarding({ onComplete, appIcon, appName = 'Ap
     if (isConnecting) return;
     
     setIsConnecting(true);
-    
-    // Simulate connection delay
     await new Promise(resolve => setTimeout(resolve, 1000));
     
     setConnectedAccounts(prev => ({
@@ -45,112 +43,114 @@ export default function UniversalOnboarding({ onComplete, appIcon, appName = 'Ap
   const connectedCount = Object.values(connectedAccounts).filter(Boolean).length;
 
   return (
-    <div className="max-w-md mx-auto bg-white p-6 min-h-[500px]">
-      {/* Header with App Logo and Arrow to Onairos */}
-      <div className="flex items-center justify-center mb-6">
-        <div className="flex items-center space-x-3">
-          <img 
-            src={appIcon || "https://onairos.sirv.com/Images/OnairosBlack.png"} 
-            alt={appName} 
-            className="w-10 h-10 rounded-lg"
-          />
-          <div className="flex items-center text-gray-400">
-            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
-            </svg>
+    <div className="w-full max-w-md mx-auto bg-white rounded-lg shadow-xl overflow-hidden" style={{ maxHeight: '90vh', height: 'auto' }}>
+      <div className="p-4 sm:p-6 overflow-y-auto" style={{ maxHeight: 'calc(90vh - 4rem)' }}>
+        {/* Header with App Logo and Arrow to Onairos */}
+        <div className="flex items-center justify-center mb-4 sm:mb-6">
+          <div className="flex items-center space-x-3">
+            <img 
+              src={appIcon || "https://onairos.sirv.com/Images/OnairosBlack.png"} 
+              alt={appName} 
+              className="w-8 h-8 sm:w-10 sm:h-10 rounded-lg"
+            />
+            <div className="flex items-center text-gray-400">
+              <svg className="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
+              </svg>
+            </div>
+            <img 
+              src="https://onairos.sirv.com/Images/OnairosBlack.png" 
+              alt="Onairos" 
+              className="w-8 h-8 sm:w-10 sm:h-10 rounded-lg"
+            />
           </div>
-          <img 
-            src="https://onairos.sirv.com/Images/OnairosBlack.png" 
-            alt="Onairos" 
-            className="w-10 h-10 rounded-lg"
-          />
         </div>
-      </div>
 
-      <div className="text-center mb-6">
-        <h2 className="text-xl font-bold text-gray-900 mb-2">Connect Your Accounts</h2>
-        <p className="text-gray-600 text-sm">
-          Choose which accounts to connect for a personalized experience
-        </p>
-      </div>
+        <div className="text-center mb-4 sm:mb-6">
+          <h2 className="text-lg sm:text-xl font-bold text-gray-900 mb-2">Connect Your Accounts</h2>
+          <p className="text-gray-600 text-xs sm:text-sm">
+            Choose which accounts to connect for a personalized experience
+          </p>
+        </div>
 
-      {/* Privacy Notice */}
-      <div className="mb-6 p-3 bg-blue-50 border border-blue-200 rounded-lg">
-        <p className="text-blue-800 text-sm">
-          🔒 Your data is never shared with anyone. It's only used to train your personal model and is stored securely.
-        </p>
-      </div>
+        {/* Privacy Notice */}
+        <div className="mb-4 sm:mb-6 p-2 sm:p-3 bg-blue-50 border border-blue-200 rounded-lg">
+          <p className="text-blue-800 text-xs sm:text-sm">
+            🔒 Your data is never shared with anyone. It's only used to train your personal model and is stored securely.
+          </p>
+        </div>
 
-      {/* Platform List - Vertical Layout with Toggles */}
-      <div className="space-y-3 mb-6">
-        {platforms.map((platform) => {
-          const isConnected = connectedAccounts[platform.name] || false;
-          
-          return (
-            <div 
-              key={platform.name}
-              className="flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50 transition-colors"
-            >
-              <div className="flex items-center space-x-3">
-                <div className={`w-10 h-10 rounded-lg ${platform.color} flex items-center justify-center text-white text-lg`}>
-                  {platform.icon}
-                </div>
-                <div>
-                  <h3 className="font-medium text-gray-900">{platform.name}</h3>
-                  <p className="text-sm text-gray-500">
-                    {isConnected ? 'Connected' : 'Not connected'}
-                  </p>
+        {/* Platform List - Vertical Layout with Toggles */}
+        <div className="space-y-2 sm:space-y-3 mb-4 sm:mb-6">
+          {platforms.map((platform) => {
+            const isConnected = connectedAccounts[platform.name] || false;
+            
+            return (
+              <div 
+                key={platform.name}
+                className="flex items-center justify-between p-3 sm:p-4 border rounded-lg hover:bg-gray-50 transition-colors"
+              >
+                <div className="flex items-center space-x-3">
+                  <div className={`w-8 h-8 sm:w-10 sm:h-10 rounded-lg ${platform.color} flex items-center justify-center text-white text-base sm:text-lg`}>
+                    {platform.icon}
+                  </div>
+                  <div>
+                    <h3 className="font-medium text-gray-900 text-sm sm:text-base">{platform.name}</h3>
+                    <p className="text-xs sm:text-sm text-gray-500">
+                      {isConnected ? 'Connected' : 'Not connected'}
+                    </p>
+                  </div>
                 </div>
+                
+                {/* Toggle Switch */}
+                <button
+                  onClick={() => handleToggle(platform.name)}
+                  disabled={isConnecting}
+                  className={`relative inline-flex h-5 sm:h-6 w-9 sm:w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${
+                    isConnected ? 'bg-blue-600' : 'bg-gray-200'
+                  } ${isConnecting ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
+                >
+                  <span
+                    className={`inline-block h-3 sm:h-4 w-3 sm:w-4 transform rounded-full bg-white transition-transform ${
+                      isConnected ? 'translate-x-5 sm:translate-x-6' : 'translate-x-1'
+                    }`}
+                  />
+                </button>
               </div>
-              
-              {/* Toggle Switch */}
-              <button
-                onClick={() => handleToggle(platform.name)}
-                disabled={isConnecting}
-                className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 ${
-                  isConnected ? 'bg-blue-600' : 'bg-gray-200'
-                } ${isConnecting ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
-              >
-                <span
-                  className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
-                    isConnected ? 'translate-x-6' : 'translate-x-1'
-                  }`}
-                />
-              </button>
-            </div>
-          );
-        })}
-      </div>
-
-      {/* Connection Status */}
-      {connectedCount > 0 && (
-        <div className="mb-4 p-3 bg-green-50 border border-green-200 rounded-lg">
-          <p className="text-green-800 text-sm">
-            ✅ {connectedCount} account{connectedCount > 1 ? 's' : ''} connected
-          </p>
+            );
+          })}
         </div>
-      )}
 
-      {/* Continue Button */}
-      <button
-        onClick={handleContinue}
-        disabled={connectedCount === 0}
-        className={`w-full py-3 px-4 rounded-lg font-semibold transition-colors ${
-          connectedCount > 0
-            ? 'bg-blue-600 text-white hover:bg-blue-700'
-            : 'bg-gray-300 text-gray-500 cursor-not-allowed'
-        }`}
-      >
-        Continue {connectedCount > 0 ? `with ${connectedCount} account${connectedCount > 1 ? 's' : ''}` : ''}
-      </button>
+        {/* Connection Status */}
+        {connectedCount > 0 && (
+          <div className="mb-3 sm:mb-4 p-2 sm:p-3 bg-green-50 border border-green-200 rounded-lg">
+            <p className="text-green-800 text-xs sm:text-sm">
+              ✅ {connectedCount} account{connectedCount > 1 ? 's' : ''} connected
+            </p>
+          </div>
+        )}
+
+        {/* Continue Button */}
+        <button
+          onClick={handleContinue}
+          disabled={connectedCount === 0}
+          className={`w-full py-2 sm:py-3 px-4 rounded-lg font-semibold transition-colors text-sm sm:text-base ${
+            connectedCount > 0
+              ? 'bg-blue-600 text-white hover:bg-blue-700'
+              : 'bg-gray-300 text-gray-500 cursor-not-allowed'
+          }`}
+        >
+          Continue {connectedCount > 0 ? `with ${connectedCount} account${connectedCount > 1 ? 's' : ''}` : ''}
+        </button>
 
-      {/* Skip Option */}
-      <button
-        onClick={() => onComplete({ connectedAccounts: [], totalConnections: 0 })}
-        className="w-full mt-2 py-2 text-gray-500 hover:text-gray-700 text-sm"
-      >
-        Skip for now
-      </button>
+        {/* Skip Option */}
+        <button
+          onClick={() => onComplete({ connectedAccounts: [], totalConnections: 0 })}
+          className="w-full mt-2 py-2 text-gray-500 hover:text-gray-700 text-xs sm:text-sm"
+        >
+          Skip for now
+        </button>
+      </div>
     </div>
   );
 }

package/src/index.js

@@ -1,7 +1,6 @@
 // src/index.js
 
 import { Onairos } from "./onairos.jsx";
-import { OnairosClient } from "./sdk/OnairosClient.js";
 
 // Export the original Onairos component
 export { Onairos };
@@ -9,12 +8,4 @@ export { Onairos };
 // Export the new Onairos SDK
 export { OnairosClient };
 
-// Export SDK components for advanced usage
-export { LLMWrapper } from "./sdk/LLMWrapper.js";
-export { MemoryManager } from "./sdk/MemoryManager.js";
-export { SessionManager } from "./sdk/SessionManager.js";
-
-// Export utility functions
-export { extractMemory, hasMeaningfulMemory, cleanMemoryData } from "./utils/extractMemory.js";
-
 // You can also export additional functions or constants if needed

package/src/onairos.jsx

@@ -1,13 +1,6 @@
 import React from 'react';
 import { OnairosButton } from './onairosButton.jsx';
 
-// Import SDK components
-import { OnairosClient } from './sdk/OnairosClient.js';
-import { LLMWrapper } from './sdk/LLMWrapper.js';
-import { MemoryManager } from './sdk/MemoryManager.js';
-import { SessionManager } from './sdk/SessionManager.js';
-import { extractMemory } from './utils/extractMemory.js';
-
 // Configuration object for the Telegram SDK
 
 export function Onairos(props) {
@@ -19,13 +12,4 @@ export function Onairos(props) {
   );
 }
 
-// Export SDK components for direct usage
-export {
-  OnairosClient,
-  LLMWrapper,
-  MemoryManager,
-  SessionManager,
-  extractMemory
-};
-
 export default Onairos;

package/src/sdk/LLMWrapper.js

@@ -1,221 +0,0 @@
-import OpenAI from 'openai';
-import Anthropic from '@anthropic-ai/sdk';
-import { GoogleGenerativeAI } from '@google/generative-ai';
-
-/**
- * LLM Wrapper that provides unified interface for multiple LLM providers
- * Supports OpenAI, Anthropic Claude, and Google Gemini
- */
-export class LLMWrapper {
-  constructor({ openaiApiKey, anthropicApiKey, googleApiKey }) {
-    // Initialize OpenAI client
-    this.openai = openaiApiKey ? new OpenAI({ apiKey: openaiApiKey }) : null;
-    
-    // Initialize Anthropic client
-    this.anthropic = anthropicApiKey ? new Anthropic({ apiKey: anthropicApiKey }) : null;
-    
-    // Initialize Google Gemini client
-    this.google = googleApiKey ? new GoogleGenerativeAI(googleApiKey) : null;
-  }
-
-  /**
-   * Create a completion using the specified model
-   * @param {Object} params - Completion parameters
-   * @param {string} params.model - Model name
-   * @param {Array} params.messages - Messages array
-   * @param {Object} params.options - Additional options
-   * @returns {Promise<Object>} Standardized response
-   */
-  async createCompletion({ model, messages, options = {} }) {
-    const modelLower = model.toLowerCase();
-
-    // OpenAI models
-    if (modelLower.includes('gpt') || modelLower.includes('o1')) {
-      return this._createOpenAICompletion({ model, messages, options });
-    }
-    
-    // Anthropic models
-    if (modelLower.includes('claude')) {
-      return this._createAnthropicCompletion({ model, messages, options });
-    }
-    
-    // Google Gemini models
-    if (modelLower.includes('gemini')) {
-      return this._createGoogleCompletion({ model, messages, options });
-    }
-
-    throw new Error(`Unsupported model: ${model}`);
-  }
-
-  /**
-   * Create OpenAI completion
-   */
-  async _createOpenAICompletion({ model, messages, options }) {
-    if (!this.openai) {
-      throw new Error('OpenAI not configured. Please provide openaiApiKey.');
-    }
-
-    try {
-      const completion = await this.openai.chat.completions.create({
-        model,
-        messages,
-        temperature: options.temperature || 0.7,
-        max_tokens: options.max_tokens || 1000,
-        top_p: options.top_p || 1,
-        frequency_penalty: options.frequency_penalty || 0,
-        presence_penalty: options.presence_penalty || 0,
-        ...options
-      });
-
-      return {
-        id: completion.id,
-        content: completion.choices[0].message.content,
-        finish_reason: completion.choices[0].finish_reason,
-        usage: completion.usage
-      };
-    } catch (error) {
-      throw new Error(`OpenAI API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Create Anthropic completion
-   */
-  async _createAnthropicCompletion({ model, messages, options }) {
-    if (!this.anthropic) {
-      throw new Error('Anthropic not configured. Please provide anthropicApiKey.');
-    }
-
-    try {
-      // Convert messages format for Anthropic
-      const anthropicMessages = this._convertMessagesForAnthropic(messages);
-      
-      const completion = await this.anthropic.messages.create({
-        model,
-        messages: anthropicMessages.messages,
-        system: anthropicMessages.system,
-        max_tokens: options.max_tokens || 1000,
-        temperature: options.temperature || 0.7,
-        top_p: options.top_p || 1,
-        ...options
-      });
-
-      return {
-        id: completion.id,
-        content: completion.content[0].text,
-        finish_reason: completion.stop_reason,
-        usage: {
-          prompt_tokens: completion.usage.input_tokens,
-          completion_tokens: completion.usage.output_tokens,
-          total_tokens: completion.usage.input_tokens + completion.usage.output_tokens
-        }
-      };
-    } catch (error) {
-      throw new Error(`Anthropic API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Create Google Gemini completion
-   */
-  async _createGoogleCompletion({ model, messages, options }) {
-    if (!this.google) {
-      throw new Error('Google not configured. Please provide googleApiKey.');
-    }
-
-    try {
-      const geminiModel = this.google.getGenerativeModel({ model });
-      
-      // Convert messages to Gemini format
-      const geminiMessages = this._convertMessagesForGemini(messages);
-      
-      const result = await geminiModel.generateContent({
-        contents: geminiMessages,
-        generationConfig: {
-          temperature: options.temperature || 0.7,
-          maxOutputTokens: options.max_tokens || 1000,
-          topP: options.top_p || 1,
-          ...options
-        }
-      });
-
-      const response = await result.response;
-      
-      return {
-        id: `gemini-${Date.now()}`,
-        content: response.text(),
-        finish_reason: 'stop',
-        usage: {
-          prompt_tokens: 0, // Gemini doesn't provide token counts
-          completion_tokens: 0,
-          total_tokens: 0
-        }
-      };
-    } catch (error) {
-      throw new Error(`Google Gemini API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Convert messages format for Anthropic (separate system messages)
-   */
-  _convertMessagesForAnthropic(messages) {
-    const systemMessages = [];
-    const conversationMessages = [];
-
-    for (const message of messages) {
-      if (message.role === 'system') {
-        systemMessages.push(message.content);
-      } else {
-        conversationMessages.push({
-          role: message.role,
-          content: message.content
-        });
-      }
-    }
-
-    return {
-      system: systemMessages.join('\n'),
-      messages: conversationMessages
-    };
-  }
-
-  /**
-   * Convert messages format for Google Gemini
-   */
-  _convertMessagesForGemini(messages) {
-    return messages.map(message => ({
-      role: message.role === 'assistant' ? 'model' : 'user',
-      parts: [{ text: message.content }]
-    }));
-  }
-
-  /**
-   * Get available models for each provider
-   */
-  getAvailableModels() {
-    return {
-      openai: [
-        'gpt-4',
-        'gpt-4-turbo',
-        'gpt-4-turbo-preview',
-        'gpt-3.5-turbo',
-        'gpt-3.5-turbo-16k',
-        'o1-preview',
-        'o1-mini'
-      ],
-      anthropic: [
-        'claude-3-opus-20240229',
-        'claude-3-sonnet-20240229',
-        'claude-3-haiku-20240307',
-        'claude-3-5-sonnet-20241022'
-      ],
-      google: [
-        'gemini-pro',
-        'gemini-pro-vision',
-        'gemini-1.5-pro',
-        'gemini-1.5-flash'
-      ]
-    };
-  }
-}