+
+
+ {showApiKeyInput && (
+ + chat with {selectedLlm} - {sheetsMode === 'excel' ? 'excel mode' : 'google sheets mode'} +
+
+
+
+
+
+
+ )}
+
+
+
+
+ {selectedLlm === 'gemini' ? (
+
+ switchLlmProvider(e.target.value as 'gemini' | 'openai')}
+ className="llm-radio"
+ />
+
+
+
+ switchLlmProvider(e.target.value as 'gemini' | 'openai')}
+ className="llm-radio"
+ />
+
+
+
+ setGeminiApiKey(e.target.value)}
+ onKeyPress={(e) => e.key === 'Enter' && setupGemini()}
+ className="api-input"
+ />
+
+
+ ) : (
+
+ setOpenaiApiKey(e.target.value)}
+ onKeyPress={(e) => e.key === 'Enter' && setupOpenAI()}
+ className="api-input"
+ />
+
+
+ )}
+
+ {chatMessages.length === 0 ? (
+
+
+
+
+ ) : (
+ chatMessages.map((msg, index) => (
+
+
+ welcome to excel copilot
+connect with {selectedLlm} to start analyzing your {sheetsMode === 'excel' ? 'excel' : 'google sheets'} data.
+-
+
- ask questions about your data +
- request summaries and insights +
- get help with formulas +
- auto-generate content + {sheetsMode === 'googlesheets' &&
- interact via google sheets gemini } +
+ {sheetsMode === 'excel' ? (
+ <>
+
+ "what's the sum of column a?"
+ "create a summary of this data"
+ "add a formula to calculate average"
+
+ ) : (
+ <>
+ "Add this data to the sheet: Name, Age, City"
+ "Create a bar chart from columns A to C"
+ "Format column B as currency and make row 1 bold"
+
+ )}
+
+
+ ))
+ )}
+
+ {msg.content}
+
+
+ {msg.tool_calls && msg.tool_calls.length > 0 && (
+
+
+ )}
+
+ {msg.role === 'model' && msg.response_details && (
+
+ functions called ({msg.tool_calls.length})
+
+ {msg.tool_calls.map((toolCall, tcIndex) => (
+
+
+ ))}
+
+ {toolCall.function_name}
+
+
+ arguments:
+
+ {JSON.stringify(toolCall.arguments, null, 2)}
+
+ result:
+
+ {toolCall.result}
+
+ {msg.response_details.has_tool_calls && (
+
+ used {msg.response_details.iterations} iteration(s)
+
+ )}
+
+ llm response
+
+
+ )}
+
+
+ {formatTime(msg.timestamp)}
+
+
+ {!isLlmConfigured && (
+
+
+
+ )}
+
+ {isLlmConfigured && attachedPdfs.length > 0 && (
+
+ 🔑
+
+
+ Configure {selectedLlm} API first
+ Click the settings button (⚙) above to enter your {selectedLlm} API key
+
+
+
+ )}
+
+
+ attached pdf files ({attachedPdfs.length})
+
+
+ {attachedPdfs.map((pdf, index) => (
+
+
+ {pdf}
+
+
+ ))}
+
+
+ setCurrentMessage(e.target.value)}
+ onKeyPress={(e) => e.key === 'Enter' && sendMessage()}
+ disabled={isChatInputDisabled}
+ className="message-input"
+ />
+ {isLoading ? (
+
+ ) : (
+
+ )}
+
+