Fix/connector (#572)

* fix twitter color on dark mode to be black bg with white text

* invalidate chat so its refetch even if user is on it when notification comes

* add flag to hide onboarding, holons, tasks and connectors

* add privacy page, remove notion link

* skip anonymize download if no-op

* enable features on dev

* enable on dev, disable on prod, add voice feature dsiabling, inject in go server

Author: Arthurgallina1

.github/workflows/dev-release.yml

@@ -104,10 +104,11 @@ jobs:
           USE_LOCAL_EMBEDDINGS: 'true'
           TTS_ENDPOINT: 'https://inference.tinfoil.sh/v1/audio/speech'
           BUILD_CHANNEL: 'dev'
-          VITE_DISABLE_ONBOARDING: 'true'
-          VITE_DISABLE_HOLONS: 'true'
-          VITE_DISABLE_TASKS: 'true'
-          VITE_DISABLE_CONNECTORS: 'true'
+          VITE_DISABLE_ONBOARDING: 'false'
+          VITE_DISABLE_HOLONS: 'false'
+          VITE_DISABLE_TASKS: 'false'
+          VITE_DISABLE_CONNECTORS: 'false'
+          VITE_DISABLE_VOICE: 'false'
 
         run: make build-dev-mac-silicon
 

.github/workflows/release.yml

@@ -110,6 +110,7 @@ jobs:
           VITE_DISABLE_HOLONS: 'true'
           VITE_DISABLE_TASKS: 'true'
           VITE_DISABLE_CONNECTORS: 'true'
+          VITE_DISABLE_VOICE: 'true'
 
         run: make build-mac-silicon
 

app/src/main/goServer.ts

@@ -100,7 +100,12 @@ async function startGoServer(
         PROXY_TEE_URL: process.env.PROXY_TEE_URL,
         HOLON_API_URL: process.env.HOLON_API_URL,
         ANONYMIZER_TYPE: process.env.ANONYMIZER_TYPE,
-        USE_LOCAL_EMBEDDINGS: process.env.USE_LOCAL_EMBEDDINGS
+        USE_LOCAL_EMBEDDINGS: process.env.USE_LOCAL_EMBEDDINGS,
+        DISABLE_ONBOARDING: process.env.VITE_DISABLE_ONBOARDING,
+        DISABLE_HOLONS: process.env.VITE_DISABLE_HOLONS,
+        DISABLE_TASKS: process.env.VITE_DISABLE_TASKS,
+        DISABLE_CONNECTORS: process.env.VITE_DISABLE_CONNECTORS,
+        DISABLE_VOICE: process.env.VITE_DISABLE_VOICE
       }
     })
 

app/src/main/index.ts

@@ -40,7 +40,10 @@ log.info(`Running in ${IS_PRODUCTION ? 'production' : 'development'} mode`)
 declare const __APP_ENV__: Record<string, string>
 
 for (const [key, val] of Object.entries(typeof __APP_ENV__ === 'object' ? __APP_ENV__ : {})) {
-  if (!(key in process.env) && (key.startsWith('TTS') || key.startsWith('STT'))) {
+  if (
+    !(key in process.env) &&
+    (key.startsWith('TTS') || key.startsWith('STT') || key.startsWith('VITE_'))
+  ) {
     process.env[key] = val
   }
 }

app/src/renderer/src/components/chat/ChatHome.tsx

@@ -17,6 +17,7 @@ import { ChatHomeHeader } from './ChatHomeHeader'
 import { ChatHomeSuggestions } from './ChatHomeSuggestions'
 import { Suggestion } from './ChatHomeSuggestions'
 import { ConnectSourcesButton } from '../data-sources/ConnectButton'
+import { checkConnectorsDisabled } from '@renderer/lib/utils'
 
 interface IndexRouteSearch {
   focusInput?: string
@@ -28,6 +29,7 @@ export function Home() {
   })
   const { isVoiceMode, startVoiceMode } = useVoiceStore()
   const { isVoiceReady } = useDependencyStatus()
+  const isConnectorsDisabled = checkConnectorsDisabled()
 
   const navigate = useNavigate()
   const router = useRouter()
@@ -276,14 +278,16 @@ export function Home() {
           handleSuggestionClick={handleSuggestionClick}
         />
       </div>
-      <motion.div
-        initial={{ opacity: 0, y: 10 }}
-        animate={{ opacity: showSuggestions ? 1 : 0, y: showSuggestions ? 0 : 10 }}
-        transition={{ type: 'spring', stiffness: 150, damping: 15, delay: 0.5 }}
-        className="flex justify-center absolute bottom-0 left-0 right-0 p-4"
-      >
-        <ConnectSourcesButton />
-      </motion.div>
+      {!isConnectorsDisabled && (
+        <motion.div
+          initial={{ opacity: 0, y: 10 }}
+          animate={{ opacity: showSuggestions ? 1 : 0, y: showSuggestions ? 0 : 10 }}
+          transition={{ type: 'spring', stiffness: 150, damping: 15, delay: 0.5 }}
+          className="flex justify-center absolute bottom-0 left-0 right-0 p-4"
+        >
+          <ConnectSourcesButton />
+        </motion.div>
+      )}
     </motion.div>
   )
 }

app/src/renderer/src/components/chat/ChatInputBox.tsx

@@ -5,7 +5,7 @@ import { Tooltip } from '../ui/tooltip'
 import { AnimatePresence, motion } from 'framer-motion'
 import { Button } from '../ui/button'
 import { AudioLinesIcon, Brain, CheckIcon, X } from 'lucide-react'
-import { cn } from '@renderer/lib/utils'
+import { checkVoiceDisabled, cn } from '@renderer/lib/utils'
 import { SendButton } from './MessageInput'
 import { toast } from 'sonner'
 import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover'
@@ -37,6 +37,8 @@ export default function ChatInputBox({
   onVoiceModeChange,
   onLayoutAnimationComplete
 }: ChatInputBoxProps) {
+  const isVoiceDisabled = checkVoiceDisabled()
+
   // Auto-resize textarea fallback for browsers without field-sizing support
   useEffect(() => {
     if (!textareaRef.current) return
@@ -139,7 +141,7 @@ export default function ChatInputBox({
                 />
               </motion.div>
             )}
-            {!isVoiceMode && query.length === 0 ? (
+            {!isVoiceMode && query.length === 0 && !isVoiceDisabled ? (
               <motion.div
                 key="talk"
                 layout="position"

app/src/renderer/src/components/chat/ChatView.tsx

@@ -14,6 +14,7 @@ import { Fade } from '../ui/blur-fade'
 import Error from './Error'
 import { AnonToggleButton } from './AnonToggleButton'
 import { usePrevious } from '@renderer/lib/hooks/usePrevious'
+import { checkVoiceDisabled } from '@renderer/lib/utils'
 
 interface ChatViewProps {
   chat: Chat
@@ -28,6 +29,8 @@ export default function ChatView({ chat }: ChatViewProps) {
   const [showScrollToBottom, setShowScrollToBottom] = useState(false)
   const [isAnonymized, setIsAnonymized] = useState(false)
 
+  const isVoiceDisabled = checkVoiceDisabled()
+
   const {
     privacyDict,
     messages,
@@ -74,7 +77,7 @@ export default function ChatView({ chat }: ChatViewProps) {
     }
   }
 
-  if (isVoiceMode) {
+  if (isVoiceMode && !isVoiceDisabled) {
     return (
       <VoiceModeChatView
         chat={chat}

app/src/renderer/src/components/chat/MessageInput.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useRef, useLayoutEffect } from 'react'
 import { Button } from '../ui/button'
 import { ArrowUp, X } from 'lucide-react'
 import { motion, AnimatePresence } from 'framer-motion'
-import { cn } from '../../lib/utils'
+import { checkVoiceDisabled, cn } from '../../lib/utils'
 
 import { EnableVoiceModeButton, ReasoningButton } from './ChatInputBox'
 import useDependencyStatus from '@renderer/hooks/useDependencyStatus'
@@ -145,6 +145,7 @@ export function SendButton({
   type?: 'button' | 'submit' | 'reset'
 }) {
   const [prevWaitingState, setPrevWaitingState] = useState(false)
+  const isVoiceDisabled = checkVoiceDisabled()
 
   useEffect(() => {
     if (!isWaitingTwinResponse && prevWaitingState) {
@@ -160,7 +161,7 @@ export function SendButton({
 
   return (
     <>
-      {!isWaitingForAgent && !text.trim() ? (
+      {!isWaitingForAgent && !text.trim() && !isVoiceDisabled ? (
         <EnableVoiceModeButton onClick={() => onVoiceModeChange?.()} isVoiceReady={isVoiceReady} />
       ) : (
         <Button
@@ -169,7 +170,7 @@ export function SendButton({
           variant={isWaitingForAgent ? 'destructive' : 'default'}
           className={cn('rounded-full transition-all duration-200 ease-in-out relative', className)}
           onClick={isWaitingForAgent ? handleStop : onSend}
-          disabled={isStreamingResponse}
+          disabled={isStreamingResponse || !text.trim()}
         >
           <AnimatePresence mode="wait">
             {isWaitingForAgent ? (

app/src/renderer/src/components/onboarding/new/OnboardingContainer.tsx

@@ -5,7 +5,7 @@ import { useOnboardingStore } from '@renderer/lib/stores/onboarding'
 import { useVoiceStore } from '@renderer/lib/stores/voice'
 import useMicrophonePermission from '@renderer/hooks/useMicrophonePermission'
 import EnableMicrophone from './EnableMicrophone'
-import { checkVoiceDisabled } from '@renderer/lib/utils'
+import { checkOnboardingDisabled } from '@renderer/lib/utils'
 
 import VoiceOnboarding from './VoiceOnboarding'
 import TTSOnboarding from './TTSOnboarding'
@@ -19,7 +19,7 @@ export default function OnboardingContainer() {
   const { microphoneStatus } = useMicrophonePermission()
   const [onboardingType, setOnboardingType] = useState<OnboardingType>('VOICE')
 
-  const isOnboardingDisabled = checkVoiceDisabled()
+  const isOnboardingDisabled = checkOnboardingDisabled()
 
   useEffect(() => {
     if (isCompleted || isOnboardingDisabled) {

app/src/renderer/src/lib/utils.ts

@@ -32,7 +32,7 @@ export function getMockFrequencyData(): Uint8Array {
   return freqData
 }
 
-export const checkVoiceDisabled = (): boolean => {
+export const checkOnboardingDisabled = (): boolean => {
   return import.meta.env.VITE_DISABLE_ONBOARDING === 'true'
 }
 
@@ -47,3 +47,7 @@ export const checkTasksDisabled = (): boolean => {
 export const checkConnectorsDisabled = (): boolean => {
   return import.meta.env.VITE_DISABLE_CONNECTORS === 'true'
 }
+
+export const checkVoiceDisabled = (): boolean => {
+  return import.meta.env.VITE_DISABLE_VOICE === 'true'
+}