disable browser playground + survey blog

eth-sri · Feb 14, 2024 · 67bd95c · 67bd95c
1 parent a9bd191
commit 67bd95c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/docs/blog/posts/developer-survey.md b/docs/blog/posts/developer-survey.md
@@ -8,7 +8,7 @@ title: LMQL Developer Survey
 
 <span class="date">February 14, 2024</span>
 
-<img style="width: 450pt; max-width: calc(100%); margin: auto;border-radius: 4pt;" alt="image" src="https://github.com/eth-sri/lmql/assets/17903049/0c3117f8-bc9c-4e36-92b8-9060621a71f7">
+<img style="width: 450pt; max-width: calc(100%); margin-right: auto;border-radius: 4pt;" alt="image" src="https://github.com/eth-sri/lmql/assets/17903049/0c3117f8-bc9c-4e36-92b8-9060621a71f7">
 
 We have started a new initiative called the **LMQL developer survey**. With this short survey we have the goal of learning more from everyone around the LMQL and the bigger LLM community. We are looking for some broader feedback signals of how and what people are using LMQL for or would like to use it for. 
 

diff --git a/src/lmql/ui/playground/src/App.jsx b/src/lmql/ui/playground/src/App.jsx
@@ -580,11 +580,6 @@ function ModelSelection(props) {
       {"name": "random", note: "Random (uniform) token sampling.", inprocess: false}
     ],
     "Other Suggestions": [
-      {"name": "openai/text-ada-001", "note": "OpenAI", inprocess: false},
-      {"name": "openai/text-curie-001", "note": "OpenAI", inprocess: false},
-      {"name": "openai/text-babbage-001", "note": "OpenAI", inprocess: false},
-      {"name": "openai/text-davinci-001", "note": "OpenAI", inprocess: false},
-      {"name": "openai/text-davinci-003", "note": "OpenAI", inprocess: false},
       {"name": "openai/gpt-3.5-turbo-instruct", "note": "OpenAI", inprocess: false},
       {"name": "chatgpt", "note": "OpenAI", inprocess: false},
       {"name": "gpt-4", "note": "OpenAI", inprocess: false}
@@ -718,11 +713,12 @@ function EditorPanel(props) {
       />
       </EditorContainer>
       <ButtonGroup>
-        <FancyButton className='green' onClick={() => props.onRun()} disabled={props.processState != "idle" && props.processState != "secret-missing"}>
+        {!configuration.BROWSER_MODE && <FancyButton className='green' onClick={() => props.onRun()} disabled={props.processState != "idle" && props.processState != "secret-missing"}>
           {props.processState == "running" ? <>Running...</> : <>&#x25B6; Run</>}
-        </FancyButton>
+        </FancyButton>}
         {/* status light for connection status */}
-        <StatusLight connectionState={props.status} />
+        {configuration.BROWSER_MODE && <InstallLocallyLink href="https://lmql.ai/docs/installation.html" target="_blank">Install LMQL to run your own programs. ↗</InstallLocallyLink>}
+        {!configuration.BROWSER_MODE && <StatusLight connectionState={props.status} />}
         <StopButton onClick={() => {
           LMQLProcess.kill()
         }} disabled={props.processState != "running"}>
@@ -738,6 +734,18 @@ function EditorPanel(props) {
   );
 }
 
+const InstallLocallyLink = styled.a`
+  color: white;
+  cursor: pointer;
+  font-size: 10pt;
+  line-height: 2.0em;
+  text-decoration: underline;
+
+  &:hover {
+    color: #a0a0a0;
+  }
+`
+
 const ButtonErrorIndicator = styled.button`
   background: none;
   border: none;
@@ -2782,6 +2790,10 @@ class App extends React.Component {
   }
 
   onRun() {
+    if (configuration.BROWSER_MODE) {
+      return; // not supported in browser mode
+    }
+
     const code = persistedState.getItem("lmql-editor-contents");
     const model = persistedState.getItem("playground-model");
     const appData = {