more-compute 0.4.3__py3-none-any.whl → 0.4.4__py3-none-any.whl

frontend/components/popups/ComputePopup.tsx

@@ -74,6 +74,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
   const [connectionHealth, setConnectionHealth] = useState<"healthy" | "unhealthy" | "unknown">("unknown");
   const [searchQuery, setSearchQuery] = useState("");
   const [discoveredPod, setDiscoveredPod] = useState<GPUPod | null>(null);
+  const [showApiKeyInput, setShowApiKeyInput] = useState(false);
 
   // Filter popup state
   const [showFilterPopup, setShowFilterPopup] = useState(false);
@@ -218,6 +219,16 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
       setPods(pods);
     } catch (err) {
       console.error("Failed to load GPU pods:", err);
+      // If 401 error, API key is invalid - allow user to reset it
+      if (err instanceof Error && err.message.includes("401")) {
+        setApiConfigured(false);
+        setShowApiKeyInput(true);
+        setErrorModal({
+          isOpen: true,
+          title: "Invalid API Key",
+          message: "Your API key is invalid or has expired. Please enter a new API key to continue.",
+        });
+      }
     } finally {
       setLoading(false);
     }
@@ -561,8 +572,10 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
     try {
       await setGpuApiKey(apiKey);
       setApiConfigured(true);
+      setShowApiKeyInput(false);
       setApiKey("");
       await loadGPUPods();
+      await loadAvailableGPUs();
     } catch (err) {
       setSaveError(
         err instanceof Error ? err.message : "Failed to save API key",
@@ -681,26 +694,43 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
               <h3 className="runtime-section-title" style={{ fontSize: "12px", fontWeight: 500 }}>
                 Remote GPU Pods
               </h3>
-              {apiConfigured && (
-                <button
-                  className="runtime-btn runtime-btn-secondary"
-                  onClick={handleConnectToPrimeIntellect}
-                  style={{
-                    fontSize: "11px",
-                    padding: "6px 12px",
-                    backgroundColor: "#000",
-                    color: "white",
-                    border: "none",
-                    borderRadius: "8px",
-                    cursor: "pointer"
-                  }}
-                >
-                  Manage
-                </button>
+              {apiConfigured && !showApiKeyInput && (
+                <div style={{ display: "flex", gap: "6px" }}>
+                  <button
+                    className="runtime-btn runtime-btn-secondary"
+                    onClick={() => setShowApiKeyInput(true)}
+                    style={{
+                      fontSize: "11px",
+                      padding: "6px 12px",
+                      backgroundColor: "var(--text-secondary)",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "8px",
+                      cursor: "pointer"
+                    }}
+                  >
+                    Reset API Key
+                  </button>
+                  <button
+                    className="runtime-btn runtime-btn-secondary"
+                    onClick={handleConnectToPrimeIntellect}
+                    style={{
+                      fontSize: "11px",
+                      padding: "6px 12px",
+                      backgroundColor: "var(--mc-text-color)",
+                      color: "var(--mc-cell-background)",
+                      border: "none",
+                      borderRadius: "8px",
+                      cursor: "pointer"
+                    }}
+                  >
+                    Manage
+                  </button>
+                </div>
               )}
             </div>
 
-            {apiConfigured === false ? (
+            {(apiConfigured === false || showApiKeyInput) ? (
               <div className="runtime-empty-state" style={{ padding: "6px" }}>
                 <p
                   style={{
@@ -750,8 +780,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                       flex: 1,
                       fontSize: "11px",
                       padding: "6px 12px",
-                      backgroundColor: "#000",
-                      color: "white",
+                      backgroundColor: "var(--mc-text-color)",
+                      color: "var(--mc-cell-background)",
                       border: "none",
                       borderRadius: "8px",
                       cursor: "pointer"
@@ -765,8 +795,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                     style={{
                       fontSize: "11px",
                       padding: "6px 12px",
-                      backgroundColor: "#000",
-                      color: "white",
+                      backgroundColor: "var(--mc-text-color)",
+                      color: "var(--mc-cell-background)",
                       border: "none",
                       borderRadius: "8px",
                       cursor: "pointer"
@@ -788,19 +818,19 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
             ) : !connectedPodId && discoveredPod ? (
               <div style={{ padding: "8px 0" }}>
                 <div style={{
-                  backgroundColor: "#fff3cd",
-                  border: "1px solid #ffc107",
+                  backgroundColor: "rgba(251, 191, 36, 0.1)",
+                  border: "1px solid rgba(251, 191, 36, 0.3)",
                   borderRadius: "8px",
                   padding: "12px",
                   marginBottom: "8px"
                 }}>
-                  <div style={{ fontSize: "11px", fontWeight: 600, color: "#856404", marginBottom: "4px" }}>
+                  <div style={{ fontSize: "11px", fontWeight: 600, color: "var(--mc-text-color)", marginBottom: "4px" }}>
                     ⚠️ Running Pod Detected
                   </div>
-                  <div style={{ fontSize: "10px", color: "#856404", marginBottom: "8px" }}>
+                  <div style={{ fontSize: "10px", color: "var(--text-secondary)", marginBottom: "8px" }}>
                     Found a running pod but not connected (backend may have restarted). This pod is still costing money!
                   </div>
-                  <div style={{ fontSize: "10px", marginBottom: "8px" }}>
+                  <div style={{ fontSize: "10px", marginBottom: "8px", color: "var(--mc-text-color)" }}>
                     <span style={{ fontWeight: 500 }}>{discoveredPod.name}</span> • {discoveredPod.gpuType} • ${discoveredPod.costPerHour.toFixed(2)}/hour
                   </div>
                   <div style={{ display: "flex", gap: "6px" }}>
@@ -811,8 +841,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                         flex: 1,
                         fontSize: "10px",
                         padding: "6px 12px",
-                        backgroundColor: "#ffc107",
-                        color: "#000",
+                        backgroundColor: "rgba(251, 191, 36, 0.8)",
+                        color: "var(--mc-text-color)",
                         border: "none",
                         borderRadius: "8px",
                         cursor: "pointer",
@@ -828,7 +858,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                       style={{
                         fontSize: "10px",
                         padding: "6px 12px",
-                        backgroundColor: "#dc2626",
+                        backgroundColor: "rgba(220, 38, 38, 0.9)",
                         color: "white",
                         border: "none",
                         borderRadius: "8px",
@@ -855,7 +885,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                               <span style={{
                                 marginLeft: "6px",
                                 fontSize: "9px",
-                                backgroundColor: "#10b981",
+                                backgroundColor: "rgba(16, 185, 129, 0.9)",
                                 color: "white",
                                 padding: "2px 6px",
                                 borderRadius: "4px"
@@ -877,8 +907,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                                 style={{
                                   fontSize: "10px",
                                   padding: "6px 12px",
-                                  backgroundColor: "#000",
-                                  color: "white",
+                                  backgroundColor: "var(--mc-text-color)",
+                                  color: "var(--mc-cell-background)",
                                   border: "none",
                                   borderRadius: "8px",
                                   cursor: "pointer"
@@ -893,7 +923,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                                 style={{
                                   fontSize: "10px",
                                   padding: "6px 12px",
-                                  backgroundColor: "#dc2626",
+                                  backgroundColor: "rgba(220, 38, 38, 0.9)",
                                   color: "white",
                                   border: "none",
                                   borderRadius: "8px",
@@ -912,7 +942,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                                 style={{
                                   fontSize: "10px",
                                   padding: "6px 12px",
-                                  backgroundColor: "#10b981",
+                                  backgroundColor: "rgba(16, 185, 129, 0.9)",
                                   color: "white",
                                   border: "none",
                                   borderRadius: "8px",
@@ -928,7 +958,7 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                                 style={{
                                   fontSize: "10px",
                                   padding: "6px 12px",
-                                  backgroundColor: "#dc2626",
+                                  backgroundColor: "rgba(220, 38, 38, 0.9)",
                                   color: "white",
                                   border: "none",
                                   borderRadius: "8px",
@@ -975,10 +1005,10 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                     flex: 1,
                     padding: "6px 12px",
                     fontSize: "11px",
-                    border: "1px solid #d1d5db",
+                    border: "1px solid var(--mc-border)",
                     borderRadius: "8px",
-                    backgroundColor: "var(--background)",
-                    color: "var(--text)",
+                    backgroundColor: "var(--mc-background)",
+                    color: "var(--mc-text-color)",
                     outline: "none",
                   }}
                 />
@@ -989,8 +1019,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                     padding: "6px 12px",
                     fontSize: "11px",
                     position: "relative",
-                    backgroundColor: "#000",
-                    color: "white",
+                    backgroundColor: "var(--mc-text-color)",
+                    color: "var(--mc-cell-background)",
                     border: "none",
                     borderRadius: "8px",
                     cursor: "pointer"
@@ -1119,8 +1149,8 @@ const ComputePopup: React.FC<ComputePopupProps> = ({ onClose }) => {
                               fontSize: "10px",
                               padding: "6px 16px",
                               whiteSpace: "nowrap",
-                              backgroundColor: "#000",
-                              color: "white",
+                              backgroundColor: "var(--mc-text-color)",
+                              color: "var(--mc-cell-background)",
                               border: "none",
                               borderRadius: "8px",
                               cursor: "pointer"

{more_compute-0.4.3.dist-info → more_compute-0.4.4.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: more-compute
-Version: 0.4.3
+Version: 0.4.4
 Summary: An interactive notebook environment for local and GPU computing
 Home-page: https://github.com/DannyMang/MORECOMPUTE
 Author: MoreCompute Team

{more_compute-0.4.3.dist-info → more_compute-0.4.4.dist-info}/RECORD

@@ -28,7 +28,7 @@ frontend/components/modals/SuccessModal.tsx,sha256=7NVg0MFPVvsBGDOHPVyZTNx4kmZLH
 frontend/components/output/CellOutput.tsx,sha256=KLRzwEchvBoeoai8TbabKEwO4tHmog3EKeTJAXtmveI,3665
 frontend/components/output/ErrorDisplay.tsx,sha256=va_jMO9mZnrjOWxVZ7nwL1_7-Ii9I5JVwEwAZR-jsNU,5535
 frontend/components/output/MarkdownRenderer.tsx,sha256=RtZ5yNRxDXIh_NkNsNiy30wMGIW7V1gfhsjecgMdc80,3341
-frontend/components/popups/ComputePopup.tsx,sha256=B7AwwjpJ9_nNI5qSN53jdR2tAulB5yl7spjMXjH4yDM,44021
+frontend/components/popups/ComputePopup.tsx,sha256=JPdJdl9VVIdVf6cRQjiH56TfqmFIyV5b1ZtXNP6ofik,45742
 frontend/components/popups/FilterPopup.tsx,sha256=KRIzRvVxEF47ELWIAvrqv7BZQYmEo_zOX8Nbpz0zEik,14133
 frontend/components/popups/FolderPopup.tsx,sha256=V2tDAbztvNIUyPWtFiwjeIoCmFGQyDosQgST_JsAzLo,5215
 frontend/components/popups/MetricsPopup.tsx,sha256=ublYbOQ-pSU_w48F10uFjDYctysEwmri9lrji5YHIC4,6034
@@ -63,9 +63,9 @@ frontend/public/fonts/Fira.ttf,sha256=dbSM4W7Drd9n_EkfXq8P31KuxbjZ1wtuFiZ8aFebvT
 frontend/public/fonts/Tiempos.woff2,sha256=h83bJKvAK301wXCMIvK7ZG5j0H2K3tzAfgo0yk4z8OE,13604
 frontend/public/fonts/VeraMono.ttf,sha256=2kKB3H2xej385kpiztkodcWJU0AFXsi6JKORTrl7NJ0,49224
 frontend/types/notebook.ts,sha256=v23RaZe6H3lU5tq6sqnJDPxC2mu0NZFDCJfiN0mgvSs,1359
-more_compute-0.4.3.dist-info/licenses/LICENSE,sha256=UQuJtJ2v98w8mXozOPmE8nkNc_8BFY-SVVBgTA327z0,1067
+more_compute-0.4.4.dist-info/licenses/LICENSE,sha256=UQuJtJ2v98w8mXozOPmE8nkNc_8BFY-SVVBgTA327z0,1067
 morecompute/__init__.py,sha256=pcMVq8Q7qb42AOn7tqgoZJOi3epDDBnEriiv2WVKnXY,87
-morecompute/__version__.py,sha256=Nyg0pmk5ea9-SLCAFEIF96ByFx4-TJFtrqYPN-Zn6g4,22
+morecompute/__version__.py,sha256=6G_giX6Ucuweo7w5OiftoXmbNLoqiU_soXJoU8aiLmY,22
 morecompute/cli.py,sha256=kVvzvPBqF8xO6UuhU_-TBn99nKwJ405R2mAS6zU0KBc,734
 morecompute/notebook.py,sha256=KGHORGAAZahT-TyX9HYuSc-b6TmfGgoi92FhRMK--Yg,7730
 morecompute/process_worker.py,sha256=KsE3r-XpkYGuyO4w3t54VKkD51LfNHAZc3TYattMtrg,7185
@@ -96,8 +96,8 @@ morecompute/utils/shell_utils.py,sha256=fGFLhQLZU-lmMGALbbS-fKPkhQtmMhZ1FkgQ3Teo
 morecompute/utils/special_commands.py,sha256=nf2nVea5SyFqpulNYrnRx7anU4-G-e5_kLJ0PLtEi3Q,22030
 morecompute/utils/system_environment_util.py,sha256=32mQRubo0i4X61o-825T7m-eUSidcEp07qkInP1sWZA,4774
 morecompute/utils/zmq_util.py,sha256=tx7-iS04UN69OFtBzkxcEnRhT7xtI9EzRnrZ_nsH_O0,1889
-more_compute-0.4.3.dist-info/METADATA,sha256=U9KhKWUCeCulBSndkv55vtyDzwdIzKIt_VuHSt0Bh50,3869
-more_compute-0.4.3.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-more_compute-0.4.3.dist-info/entry_points.txt,sha256=xp7z9eRPNRM4oxkZZVlyXkhkSjN1AjoYI_B7qpDJ1bI,49
-more_compute-0.4.3.dist-info/top_level.txt,sha256=Tamm6ADzjwaQa1z27O7Izcyhyt9f0gVjMv1_tC810aI,32
-more_compute-0.4.3.dist-info/RECORD,,
+more_compute-0.4.4.dist-info/METADATA,sha256=Lnqd5Wjvhts-cYxKqupUNzzh0ZphJJutprJ0QX3ycy8,3869
+more_compute-0.4.4.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+more_compute-0.4.4.dist-info/entry_points.txt,sha256=xp7z9eRPNRM4oxkZZVlyXkhkSjN1AjoYI_B7qpDJ1bI,49
+more_compute-0.4.4.dist-info/top_level.txt,sha256=Tamm6ADzjwaQa1z27O7Izcyhyt9f0gVjMv1_tC810aI,32
+more_compute-0.4.4.dist-info/RECORD,,

morecompute/__version__.py

@@ -1 +1 @@
-__version__ = "0.4.3"
+__version__ = "0.4.4"