Better visualizations, lat/long protections

Author: DellaBitta

ai/ai-react-app/src/components/Common/PromptInput.tsx

@@ -25,6 +25,7 @@ interface PromptInputProps {
   currentParams?: ModelParams;
   currentImagenParams?: ImagenModelParams;
   selectedFile: File | null;
+  disabled?: boolean;
 }
 
 const PromptInput: React.FC<PromptInputProps> = ({
@@ -39,6 +40,7 @@ const PromptInput: React.FC<PromptInputProps> = ({
   aiInstance,
   currentParams,
   selectedFile,
+  disabled = false,
 }) => {
   const [tokenCount, setTokenCount] = useState<CountTokensResponse | null>(
     null,
@@ -142,14 +144,14 @@ const PromptInput: React.FC<PromptInputProps> = ({
           value={prompt}
           onChange={(e) => onPromptChange(e.target.value)}
           placeholder={placeholder}
-          disabled={isLoading || isCountingTokens} // Disable if main loading OR counting
+          disabled={disabled || isLoading || isCountingTokens} // Disable if main loading OR counting
           rows={3}
           aria-label="Prompt input"
         />
         <button
           className={styles.runButton}
           onClick={onSubmit}
-          disabled={isLoading || isCountingTokens || !prompt.trim()} // Disable if loading, counting, or empty
+          disabled={disabled || isLoading || isCountingTokens || !prompt.trim()} // Disable if loading, counting, or empty
           aria-label="Submit prompt"
         >
           {isLoading ? "Running..." : "Run ➤"}

ai/ai-react-app/src/components/Layout/RightSidebar.module.css

@@ -252,4 +252,24 @@ input:checked + .slider:before {
 .advancedSettings .controlGroup label {
   font-weight: 400;
   color: var(--color-text-secondary);
+}
+.groupContainer {
+  border: 1px solid var(--color-border-primary);
+  border-radius: 8px;
+  padding: 12px;
+  margin-bottom: 16px;
+  background-color: rgba(255, 255, 255, 0.02);
+}
+
+.errorBanner {
+  background-color: rgba(255, 0, 0, 0.1);
+  border: 1px solid var(--brand-red);
+  color: var(--brand-red);
+  padding: 8px 12px;
+  border-radius: 4px;
+  font-size: 0.8125rem;
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }