@kudoai/chatgpt.js 3.8.1 → 3.8.3

package/starters/chrome/extension/components/icons.js

@@ -1,33 +1,40 @@
-// Requires lib/dom.js + app
+// Requires lib/dom.js
 
 window.icons = {
 
-    create(name, { size = 16, width, height, ...additionalAttrs } = {}) {
-        const iconData = icons[name],
-              iconAttrs = { width: width || size, height: height || size, ...additionalAttrs }
-        if (iconData.type == 'svg') {
-            const svg = dom.create.svgElem('svg', { viewBox: iconData.viewBox, ...iconAttrs  })
-            iconData.elems.forEach(([tag, attrs]) => svg.append(dom.create.svgElem(tag, attrs)))
-            return svg
-        } else // img w/ src
-            return dom.create.elem('img', { src: iconData.src, ...iconAttrs })
+    create({ key, size = 18, width, height, ...otherAttrs }) {
+        if (!key) return console.error('Option \'key\' required by icons.create()')
+        const icon = {
+            data: this[key], attrs: { width: width || size, height: height || size, class: key, ...otherAttrs }}
+        if (icon.data?.svg) { // return <svg>
+            icon.svg = dom.create.svgElem('svg', { ...icon.data.svg, ...icon.attrs })
+            ;(function create(elems) {
+                return elems.map(elem => {
+                    const [tag, attrs] = Object.entries(elem)[0], svgElem = dom.create.svgElem(tag, attrs)
+                    if (attrs.elems) svgElem.append(...create(attrs.elems)) // recursively create() sub-elems
+                    return svgElem
+                })
+            })(icon.data.elems).forEach(elem => icon.svg.append(elem))
+            return icon.svg
+        } else if (icon.data?.src) // return <img> w/ src
+            return dom.create.elem('img', { src: icon.data.src, ...icon.attrs })
+        else
+            return console.error(`No <svg|src> data found for key ${key}`)
     },
 
-    caretDown: {
-        type: 'svg', viewBox: '0 0 24 24',
-        elems: [[ 'path', { d: 'm0 6.4 12 12 12-12z' }]]
+    caretDown: { svg: { viewBox: '0 0 24 24' }, elems: [{ path: { d: 'm0 6.4 12 12 12-12z' }}]},
+
+    open: {
+        svg: { viewBox: '0 0 512 512' },
+        elems: [{ path: { transform: 'translate(85.333333, 64)',
+            d: 'M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z' }}]
     },
 
     plus: {
-        type: 'svg',  viewBox: '0 0 1024 1024',
-        elems: [
-            [ 'path', { d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' }]
-        ]
+        svg: { viewBox: '0 0 1024 1024' },
+        elems: [{ path: { d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' }}]
     },
 
     questionMark: {
-        type: 'png',
-        get src() { return `${app.urls.assetHost.replace(
-            '@latest', '@00e245b')}/images/icons/question-mark/icon16.png` }
-    }
+        src: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js-chrome-starter@8a59f80/images/icons/question-mark/icon16.png' }
 };

package/starters/chrome/extension/components/modals.js

@@ -21,10 +21,13 @@ window.modals = {
             + `<span style="${labelStyles}">📜 Open source code:</span> `
                 + `<a href="${app.urls.gitHub}" target="_blank" rel="nopener">`
                     + app.urls.gitHub + '</a>\n'
+            + `<span style="${labelStyles}">🚀 Latest changes:</span> `
+                + `<a href="${app.urls.gitHub}/commits" target="_blank" rel="nopener">`
+                    + `${app.urls.gitHub}/commits</a>\n`
             + `<span style="${labelStyles}">⚡ Powered by:</span> `
-                + `<a href="${app.urls.chatgptJS}" target="_blank" rel="noopener">chatgpt.js</a>`,
+                + `<a href="${app.urls.chatgptjs}" target="_blank" rel="noopener">chatgpt.js</a>`,
             [ function getSupport(){}, function rateUs(){}, function moreAiExtensions(){} ], // button labels
-            '', 656 // modal width
+            '', 747 // modal width
         )
 
         // Format text

package/starters/chrome/extension/content.js

@@ -20,7 +20,7 @@
             alert: () => modals.alert(...['title', 'msg', 'btns', 'checkbox', 'width'].map(arg => options[arg])),
             showAbout: () => { config.skipAlert = true ; chatgpt.isLoaded().then(() => modals.open('about')) },
             syncConfigToUI: () => syncConfigToUI(options)
-        }[action]?.() || console.warn(`Received unsupported action: "${action}"`))
+        }[action]?.() || console.warn(`Chome msg listener warning: "${action}"`))
     })
 
     // Init SETTINGS
@@ -36,7 +36,7 @@
         if (foundState) msg = msg.replace(foundState, '')
 
         // Show notification
-        chatgpt.notify(`${app.symbol} ${msg}`, pos, notifDuration, shadow || env.ui.scheme == 'dark' ? '' : 'shadow')
+        chatgpt.notify(`${app.symbol} ${msg}`, pos, notifDuration, shadow || env.ui.scheme == 'light')
         const notif = document.querySelector('.chatgpt-notif:last-child')
 
         // Append styled state word
@@ -81,7 +81,7 @@
     // Add RISING PARTICLES styles for modals
     ;['gray', 'white'].forEach(color => document.head.append(
         dom.create.elem('link', { rel: 'stylesheet',
-            href: `https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@727feff/assets/styles/rising-particles/dist/${
+            href: `https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@71695ca/assets/styles/rising-particles/dist/${
                 color}.min.css`
     })))
 

package/starters/chrome/extension/lib/chatgpt.js

@@ -25,8 +25,8 @@ const chatgpt = {
     selectors: {
         btns: {
             continue: 'button:has(svg[class*=rotate] > path[d^="M4.47189"])',
-            createImage: 'button[data-testid="composer-create-image"]',
-            deepResearch: 'button[data-testid="composer-deep-research"]',
+            createImage: 'button[data-testid=composer-create-image]',
+            deepResearch: 'button[data-testid=composer-deep-research]',
             login: 'button[data-testid*=login]',
             newChat: 'a[href="/"]:has(svg),' // Pencil button (when logged in)
                    + 'button:has([d^="M3.06957"])', // Cycle Arrows button (in temp chat logged out)
@@ -34,10 +34,10 @@ const chatgpt = {
                     // 'Try Again' entry of model selector below msg
                  + 'div[role=menuitem] div:has(svg):has(path[d^="M3.06957"])',
             scroll: 'button:has(> svg > path[d^="M12 21C11.7348"])',
-            search: 'button[data-testid="composer-button-search"]',
-            reason: 'button[data-testid="composer-button-reason"]',
+            search: 'button[data-testid=composer-button-search]',
+            reason: 'button[data-testid=composer-button-reason]',
             send: 'button[data-testid=send-button]',
-            sidebar: 'button[data-testid*=sidebar-button]',
+            sidebar: 'div[style*=-sidebar-width] button[data-testid=close-sidebar-button], div[style*=-sidebar-rail-width] button[aria-controls=stage-slideover-sidebar]',
             stop: 'button[data-testid=stop-button]',
             upload: 'button:has(> svg > path[d^="M12 3C12.5523"])',
             voice: 'button[data-testid*=composer-speech-button]'
@@ -49,9 +49,9 @@ const chatgpt = {
         chatHistory: 'div#history',
         errors: { toast: 'div.toast-root', txt: 'div[class*=text-error]' },
         footer: 'div#thread-bottom-container > div:last-of-type > div, span.text-sm.leading-none',
-        header: 'div#page-header, main div.sticky:first-of-type',
+        header: 'header#page-header',
         links: { newChat: 'nav a[href="/"]', sidebarItem: 'nav a' },
-        sidebar: 'div.bg-token-sidebar-surface-primary',
+        sidebar: 'div#stage-slideover-sidebar, div.bg-token-sidebar-surface-primary',
         ssgManifest: 'script[src*="_ssgManifest.js"]'
     },
 
@@ -69,14 +69,14 @@ const chatgpt = {
                     console.log('\n%c🤖 chatgpt.js personas\n',
                         'font-family: sans-serif ; font-size: xxx-large ; font-weight: bold')
                     for (const prompt of data) // list personas
-                        console.log(`%c${ prompt.title }`, 'font-family: monospace ; font-size: larger ;')
+                        console.log(`%c${prompt.title}`, 'font-family: monospace ; font-size: larger ;')
                     return resolve()
                 }
                 const selectedPrompt = data.find(obj => obj.title.toLowerCase() == persona.toLowerCase())
                 if (!selectedPrompt)
-                    return reject(`🤖 chatgpt.js >> Persona '${ persona }' was not found!`)
+                    return reject(`🤖 chatgpt.js >> Persona '${persona}' was not found!`)
                 chatgpt.send(selectedPrompt.prompt, 'click')
-                console.info(`Loading ${ persona } persona...`)
+                console.info(`Loading ${persona} persona...`)
                 chatgpt.isIdle().then(() => console.info('Persona activated!'))
                 return resolve()
             }
@@ -183,11 +183,11 @@ const chatgpt = {
             }
             modalStyle.textContent = ( // update prev/new style contents
                 `.chatgpt-modal { /* vars */
-                      --transition: opacity 0.65s cubic-bezier(.165,.84,.44,1), /* for fade-in */
-                                    transform 0.55s cubic-bezier(.165,.84,.44,1) ; /* for move-in */
-                      --bg-transition: background-color 0.25s ease ; /* for bg dim */
-                      --btn-transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out ; /* for smooth zoom */
-                      --btn-shadow: 2px 1px ${ scheme == 'dark' ? '54px #00cfff' : '30px #9cdaff' }}`
+                    --transition: opacity 0.65s cubic-bezier(.165,.84,.44,1), /* for fade-in */
+                                  transform 0.55s cubic-bezier(.165,.84,.44,1) ; /* for move-in */
+                    --bg-transition: background-color 0.25s ease ; /* for bg dim */
+                    --btn-transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out ; /* for smooth zoom */
+                    --btn-shadow: 2px 1px ${ scheme == 'dark' ? '54px #00cfff' : '30px #9cdaff' }}`
 
                 + '.no-mobile-tap-outline { outline: none ; -webkit-tap-highlight-color: transparent }'
 
@@ -197,8 +197,8 @@ const chatgpt = {
                       position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 100% ; /* expand to full view-port */
                       display: flex ; justify-content: center ; align-items: center ; z-index: 9999 ; /* align */
                       transition: var(--bg-transition) ; /* for bg dim */
-                          -webkit-transition: var(--bg-transition) ; -moz-transition: var(--bg-transition) ;
-                          -o-transition: var(--bg-transition) ; -ms-transition: var(--bg-transition) }`
+                         -webkit-transition: var(--bg-transition) ; -moz-transition: var(--bg-transition) ;
+                         -o-transition: var(--bg-transition) ; -ms-transition: var(--bg-transition) }`
 
                 // Alert styles
                 + `.chatgpt-modal > div {
@@ -212,13 +212,13 @@ const chatgpt = {
                       border: 1px solid ${ scheme == 'dark' ? 'white' : '#b5b5b5' };
                       transform: translateX(-3px) translateY(7px) ; /* offset to move-in from */
                       max-width: 75vw ; word-wrap: break-word ; border-radius: 15px ;
-                      --shadow: 0 30px 60px rgba(0,0,0,0.12) ; box-shadow: var(--shadow) ;
-                          -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) ;
+                    --shadow: 0 30px 60px rgba(0,0,0,0.12) ; box-shadow: var(--shadow) ;
+                         -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) ;
                       user-select: none ; -webkit-user-select: none ; -moz-user-select: none ;
-                          -o-user-select: none ; -ms-user-select: none ;
+                         -o-user-select: none ; -ms-user-select: none ;
                       transition: var(--transition) ; /* for fade-in + move-in */
-                          -webkit-transition: var(--transition) ; -moz-transition: var(--transition) ;
-                          -o-transition: var(--transition) ; -ms-transition: var(--transition) }
+                         -webkit-transition: var(--transition) ; -moz-transition: var(--transition) ;
+                         -o-transition: var(--transition) ; -ms-transition: var(--transition) }
                   .chatgpt-modal h2 { font-weight: bold ; font-size: 24px ; margin-bottom: 9px }
                   .chatgpt-modal a { color: ${ scheme == 'dark' ? '#00cfff' : '#1e9ebb' }}
                   .chatgpt-modal a:hover { text-decoration: underline }
@@ -238,8 +238,8 @@ const chatgpt = {
                       ${ isMobile ? 'margin-top: 5px ; margin-bottom: 3px ;' : '' }
                       border-radius: 0 ; border: 1px solid ${ scheme == 'dark' ? 'white' : 'black' };
                       transition: var(--btn-transition) ;
-                          -webkit-transition: var(--btn-transition) ; -moz-transition: var(--btn-transition) ;
-                          -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) }
+                         -webkit-transition: var(--btn-transition) ; -moz-transition: var(--btn-transition) ;
+                         -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) }
                   .chatgpt-modal button:hover {
                       transform: scale(1.055) ; color: black ;
                       background-color: #${ scheme == 'dark' ? '00cfff' : '9cdaff' };
@@ -422,7 +422,7 @@ const chatgpt = {
                 this.toggle.refreshFrame()
                 document.removeEventListener('visibilitychange', this.toggle.beacons)
                 clearTimeout(this.isActive) ; this.isActive = null
-                console.log(`↻ ChatGPT >> [${ chatgpt.autoRefresh.nowTimeStamp()}] Auto refresh de-activated`)
+                console.log(`↻ ChatGPT >> [${chatgpt.autoRefresh.nowTimeStamp()}] Auto refresh de-activated`)
             } else
                 console.log(`↻ ChatGPT >> [${chatgpt.autoRefresh.nowTimeStamp()}] Auto refresh already inactive!`)
         },
@@ -648,7 +648,7 @@ const chatgpt = {
                   year = now.getFullYear(),
                   hour = now.getHours().toString().padStart(2, '0'),
                   minute = now.getMinutes().toString().padStart(2, '0')
-            filename = `ChatGPT_${ day }-${ month }-${ year }_${ hour }-${ minute }.txt`
+            filename = `ChatGPT_${day}-${month}-${year}_${hour}-${minute}.txt`
 
             // Create transcript from active chat
             if (chatToGet == 'active' && /\/\w{8}-\w{4}-\w{4}-\w{4}-\w{12}$/.test(window.location.href)) {
@@ -692,13 +692,13 @@ const chatgpt = {
         }
 
         // Export transcript
-        console.info(`Exporting transcript as ${ format.toUpperCase() }...`)
+        console.info(`Exporting transcript as ${format.toUpperCase()}...`)
         if (format == 'pdf') { // convert SVGs + launch PDF printer
 
             // Convert SVG icons to data URLs for proper PDF rendering
             transcript = transcript.replace(/<svg.*?<\/svg>/g, (match) => {
                 const dataURL = 'data:image/svg+xml,' + encodeURIComponent(match)
-                return `<img src="${ dataURL }">`
+                return `<img src="${dataURL}">`
             })
 
             // Launch PDF printer
@@ -886,7 +886,7 @@ const chatgpt = {
                             (chatToGet == 'active' && !new RegExp(`\/${re_chatID.source}$`).test(location.href))) {
                         chatToGet = Number.isInteger(chatToGet) ? chatToGet : 0 // preserve index, otherwise get latest
                         if (chatToGet > data.length) // reject if index out-of-bounds
-                            return reject(`🤖 chatgpt.js >> Chat with index ${ chatToGet + 1 }`
+                            return reject(`🤖 chatgpt.js >> Chat with index ${ chatToGet +1 }`
                                 + ` is out of bounds. Only ${data.length} chats exist!`)
                         for (const detail of detailsToGet) detailsToReturn[detail] = data[chatToGet][detail]
                         return resolve(detailsToReturn)
@@ -931,7 +931,7 @@ const chatgpt = {
                         userMessages.sort((a, b) => a.msg.create_time - b.msg.create_time) // sort in chronological order
 
                         if (parseInt(msgToGet, 10) + 1 > userMessages.length) // reject if index out of bounds
-                            return reject(`🤖 chatgpt.js >> Message/response with index ${ msgToGet + 1 }`
+                            return reject(`🤖 chatgpt.js >> Message/response with index ${ msgToGet +1 }`
                                 + ` is out of bounds. Only ${userMessages.length} messages/responses exist!`)
 
                         // Fill [chatGPTMessages]
@@ -939,8 +939,9 @@ const chatgpt = {
                             let sub = []
                             for (const key in data) {
                                 if (data[key].message != null && data[key].message.author.role == 'assistant'
-                                    && data[key].parent == userMessage.id)
+                                    && isUserMsgAncestor(key, userMessage.id)) {
                                         sub.push(data[key].message)
+                                }
                             }
                             sub.sort((a, b) => a.create_time - b.create_time) // sort in chronological order
                             sub = sub.map(x => { // pull out msgs after sorting
@@ -973,6 +974,17 @@ const chatgpt = {
                         return resolve(msgToGet == 'all' ? msgsToReturn // if 'all' passed, return array
                                      : msgToGet == 'latest' ? msgsToReturn[msgsToReturn.length - 1] // else if 'latest' passed, return latest
                                      : msgsToReturn[msgToGet] ) // else return element of array
+
+                        function isUserMsgAncestor(msgID, targetUserID) {
+                            let currentID = msgID ; const maxDepth = 10 ; let depth = 0
+                            while (currentID && depth < maxDepth) {
+                                const currentMsg = data[currentID]
+                                if (!currentMsg?.message) return false
+                                if (currentMsg.id == targetUserID) return true
+                                currentID = currentMsg.parent ; depth++
+                            }
+                            return false
+                        }
                     }
                     xhr.send()
         })})}
@@ -1105,7 +1117,7 @@ const chatgpt = {
             const validMethods = ['POST', 'GET']
             method = (method || '').trim().toUpperCase()
             if (!method || !validMethods.includes(method)) // reject if not valid method
-                return console.error(`Valid methods are ${ validMethods }`)
+                return console.error(`Valid methods are ${validMethods}`)
             if (!token) return console.error('Please provide a valid access token!')
             if (body && typeof body != 'object') // reject if body is passed but not an object
                 return console.error(`Invalid body data type. Got ${ typeof body }, expected object`)
@@ -1126,7 +1138,7 @@ const chatgpt = {
                         return reject('🤖 chatgpt.js >> ' + responseData.detail.description)
                     else if (xhr.status != 200)
                         return reject('🤖 chatgpt.js >> Request failed. Cannot contact custom instructions endpoint.')
-                    console.info(`Custom instructions successfully contacted with method ${ method }`)
+                    console.info(`Custom instructions successfully contacted with method ${method}`)
                     return resolve(responseData || {}) // return response data no matter what the method is
                 }
                 xhr.send(JSON.stringify(body) || '') // if body is passed send it, else just send the request
@@ -1291,7 +1303,12 @@ const chatgpt = {
 
     minify() { chatgpt.code.minify(); },
 
-    notify(msg, position, notifDuration, shadow) {
+    notify(...args) {
+        const scheme = chatgpt.isDarkMode() ? 'dark' : 'light'
+        let msg, position, notifDuration, shadow, toast
+        if (typeof args[0] == 'object' && !Array.isArray(args[0]))
+            ({ msg, position, notifDuration, shadow, toast } = args[0])
+        else [msg, position, notifDuration, shadow] = args
         notifDuration = notifDuration ? +notifDuration : 1.75; // sec duration to maintain notification visibility
         const fadeDuration = 0.35, // sec duration of fade-out
               vpYoffset = 23, vpXoffset = 27 // px offset from viewport border
@@ -1325,7 +1342,7 @@ const chatgpt = {
                                  + (notificationDiv.isRight ? 'Right' : 'Left')
 
         // Create/append/update notification style (if missing or outdated)
-        const thisUpdated = 1735767823541 // timestamp of last edit for this file's `notifStyle`
+        const thisUpdated = 1746996635555 // timestamp of last edit for this file's `notifStyle`
         let notifStyle = document.querySelector('#chatgpt-notif-style') // try to select existing style
         if (!notifStyle || parseInt(notifStyle.getAttribute('last-updated'), 10) < thisUpdated) { // if missing or outdated
             if (!notifStyle) { // outright missing, create/id/attr/append it first
@@ -1356,6 +1373,13 @@ const chatgpt = {
                     + '45% { opacity: 0.05 ; transform: rotateX(-81deg) }'
                     + '100% { opacity: 0 ; transform: rotateX(-180deg) scale(1.15) }}'
             )
+            if (toast) notifStyle.textContent += `
+                div.chatgpt-notif {
+                    position: absolute ; left: 50% ; right: 21% !important ; text-align: center ;
+                    ${ scheme == 'dark' ? 'border: 2px solid white ;' : '' }
+                    margin-${ !notificationDiv.isTop ? 'bottom: 105px' : 'top: 42px' };
+                    transform: translate(-50%, -50%) scale(0.6) !important }
+                div.chatgpt-notif > div.notif-close-btn { top: 18px ; right: 7px ; transform: scale(2) }`
         }
 
         // Enqueue notification
@@ -1377,7 +1401,7 @@ const chatgpt = {
                     const oldDiv = document.getElementById(divId),
                           offsetProp = oldDiv.style.top ? 'top' : 'bottom', // pick property to change
                           vOffset = +parseInt(oldDiv.style[offsetProp]) +5 + oldDiv.getBoundingClientRect().height
-                    oldDiv.style[offsetProp] = `${ vOffset }px` // change prop
+                    oldDiv.style[offsetProp] = `${vOffset}px` // change prop
                 }
             } catch (err) { console.warn('Failed to re-position notification:', err) }
         }
@@ -1395,7 +1419,7 @@ const chatgpt = {
 
         // Add notification dismissal to timeout schedule + button clicks
         const dismissNotif = () => {
-            notificationDiv.style.animation = `notif-zoom-fade-out ${ fadeDuration }s ease-out`;
+            notificationDiv.style.animation = `notif-zoom-fade-out ${fadeDuration}s ease-out`;
             clearTimeout(dismissFuncTID)
         }
         const dismissFuncTID = setTimeout(dismissNotif, hideDelay * 1000) // maintain visibility for `hideDelay` secs, then dismiss
@@ -1426,7 +1450,7 @@ const chatgpt = {
         }
         Object.keys(colors).forEach(elem => { // populate dark scheme colors if missing
             colors[elem][1] = colors[elem][1] ||
-                '#' + (Number(`0x1${ colors[elem][0].replace(/^#/, '') }`) ^ 0xFFFFFF)
+                '#' + (Number(`0x1${colors[elem][0].replace(/^#/, '')}`) ^ 0xFFFFFF)
                     .toString(16).substring(1).toUpperCase() // convert to hex
         })
 
@@ -1456,7 +1480,7 @@ const chatgpt = {
                     : (( Object.keys(this).find(obj => Object.keys(this[obj]).includes(this[functionName[1]].name)) + '.' )
                         + this[functionName[1]].name )),
                   isAsync = this[functionName[1]]?.constructor.name == 'AsyncFunction'
-            console.log('%c>> %c' + ( isChatGptObjParent ? '' : `${ functionName[0] }.%c`) + functionName[1]
+            console.log('%c>> %c' + ( isChatGptObjParent ? '' : `${functionName[0]}.%c`) + functionName[1]
                     + ' - https://chatgptjs.org/userguide/' + /(?:.*\.)?(.*)/.exec(rootFunction)[1].toLowerCase() + ( isAsync ? '-async' : '' ) + '\n%c[%c'
                 + ((( functionName[0] == 'chatgpt' && functionName[1] == this[functionName[1]].name ) || // parent is chatgpt + names match or
                     !isChatGptObjParent) // parent is chatgpt.obj
@@ -1641,14 +1665,14 @@ const chatgpt = {
                 const validValues = ['dark', 'light', 'system']
                 if (!value) return console.error('Please specify a scheme value!')
                 if (!validValues.includes(value))
-                    return console.error(`Invalid scheme value. Valid values are [${ validValues }]`)
+                    return console.error(`Invalid scheme value. Valid values are [${validValues}]`)
 
                 // Determine scheme to set
                 let schemeToSet = value
                 if (value == 'system')
                     schemeToSet = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
                 localStorage.setItem('theme', value)
-                console.info(`Scheme set to ${ value.toUpperCase() }.`)
+                console.info(`Scheme set to ${value.toUpperCase()}.`)
 
                 // Toggle scheme if necessary
                 if (!document.documentElement.classList.contains(schemeToSet)) this.toggle()
@@ -1666,7 +1690,7 @@ const chatgpt = {
         for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
             return console.error(`Argument ${ i + 1 } must be a string.`)
         chatgpt.send('What is the sentiment of the following text'
-            + ( entity ? ` towards the entity ${ entity },` : '')
+            + ( entity ? ` towards the entity ${entity},` : '')
             + ' from strongly negative to strongly positive?\n\n' + text )
         console.info('Analyzing sentiment...')
         await chatgpt.isIdle()
@@ -1687,7 +1711,7 @@ const chatgpt = {
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest()
                 chatgpt.getChatData(chatToGet).then(chat => {
-                    xhr.open('GET', `${ chatgpt.endpoints.openAI.chat }/${ chat.id }`, true)
+                    xhr.open('GET', `${chatgpt.endpoints.openAI.chat}/${chat.id}`, true)
                     xhr.setRequestHeader('Content-Type', 'application/json')
                     xhr.setRequestHeader('Authorization', 'Bearer ' + token)
                     xhr.onload = () => {
@@ -1720,13 +1744,13 @@ const chatgpt = {
         const confirmShareChat = (token, data) => {
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest()
-                xhr.open('PATCH', `${ chatgpt.endpoints.openAI.share }/${ data.share_id }`, true)
+                xhr.open('PATCH', `${chatgpt.endpoints.openAI.share}/${data.share_id}`, true)
                 xhr.setRequestHeader('Content-Type', 'application/json')
                 xhr.setRequestHeader('Authorization', 'Bearer ' + token)
                 xhr.onload = () => {
                     if (xhr.status != 200)
                         return reject('🤖 chatgpt.js >> Request failed. Cannot share chat.')
-                    console.info(`Chat shared at '${ data.share_url }'`)
+                    console.info(`Chat shared at '${data.share_url}'`)
                     return resolve() // the response has nothing useful
                 }
                 xhr.send(JSON.stringify({ // request body
@@ -1869,7 +1893,7 @@ const chatgpt = {
             if (!sidebar) { return console.error('Sidebar element not found!') || false }
             else return chatgpt.browser.isMobile() ?
                 document.documentElement.style.overflow == 'hidden'
-              : sidebar.style.visibility != 'hidden' && sidebar.style.width != '0px'
+              : sidebar.style.visibility != 'hidden' && parseInt(getComputedStyle(sidebar).width) > 150
         },
 
         toggle() {
@@ -1900,7 +1924,7 @@ const chatgpt = {
         for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
             return console.error(`Argument ${ i + 1 } must be a string.`)
         chatgpt.send('Suggest some names. ' + ( details || '' ))
-        console.info(`Creating ${ ideaType }...`)
+        console.info(`Creating ${ideaType}...`)
         await chatgpt.isIdle()
         return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest')
     },

package/starters/chrome/extension/lib/settings.js

@@ -3,12 +3,14 @@ window.settings = {
 
     controls: {
         // Add settings options as keys, with each key's value being an object that includes:
-        // - 'type': the control type (e.g. 'toggle', 'link' or 'prompt')
+        // - 'type': the control type (e.g. 'toggle', 'slider', 'link' or 'prompt')
         // - 'label': a descriptive label
         // - 'defaultVal' (optional): default value of setting (true for toggles if unspecified, false otherwise)
         // - 'category' (optional): string key from this.categories to group control under
         // - 'symbol' (optional): for icon display (e.g. ⌚)
         // - 'helptip' (optional): tooltip to display on hover
+        // - 'throttle' (optional): true/false or ms to disable toggles on click (defaults to 1500 if true)
+        // - 'dependencies' (optional): array of key names of categories/controls that must also be enabled
 
         // NOTE: Controls are displayed in top-to-bottom order (within categories and in top-level)
         // NOTE: Toggles are disabled by default unless defaultVal is true
@@ -26,6 +28,9 @@ window.settings = {
         // - 'color' (optional): hex code (w/o #) of color for left-border
         // - 'helptip' (optional): tooltip to display on hover
         // - 'autoExpand' (optional): true/false to auto-expand categories on toolbar icon click
+        // - 'throttle' (optional): true/false or ms to disable toggles on click (defaults to 1500 if true)
+        // - 'throttle' (optional): true/false or ms to disable toggles on click (defaults to 1500 if true)
+        // - 'dependencies' (optional): array of key names of categories/controls that must also be enabled
 
         // NOTE: Categories are displayed in top-to-bottom order
 
@@ -43,9 +48,11 @@ window.settings = {
 
     load(...keys) {
         return Promise.all(keys.flat().map(async key => // resolve promise when all keys load
-            config[key] = (await chrome.storage.local.get(key))[key]
-                ?? this.controls[key]?.defaultVal ?? this.controls[key]?.type == 'toggle'
-        ))
+            config[key] = (await chrome.storage.local.get(key))[key] ?? initDefaultVal(key)))
+        function initDefaultVal(key) {
+            const ctrlData = settings.controls?.[key]
+            return ctrlData?.defaultVal ?? ( ctrlData?.type == 'slider' ? 100 : ctrlData?.type == 'toggle' )
+        }
     },
 
     save(key, val) {

package/starters/chrome/extension/manifest.json

@@ -3,7 +3,7 @@
   "name": "ChatGPT Extension",
   "short_name": "ChatGPT 🧩",
   "description": "A Chromium extension template to start using chatgpt.js like a boss!",
-  "version": "2025.5.11",
+  "version": "2025.8.14",
   "author": "KudoAI",
   "homepage_url": "https://github.com/KudoAI/chatgpt.js-chrome-starter",
   "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "64": "icons/icon64.png", "128": "icons/icon128.png" },