Comments (6)
Thanks for the clarification. The problem is that there are some linebreaks in the completion that our Markdown parser (mis)interprets as different list entities. This is a bit fiddly to fix and might have side effects on other completions. Because we have a workaround (asking for a list explicitly), I'd also consider this a low priority issue. I'll leave the issue open in case somebody wants to give it a shot and for documentation purposes.
from slickgpt.
@ansysic Could you please share this chat and paste the share URL here for easier debugging?
Looks like the completion markdown is parsed as a bunch of ordered lists resulting in a DOM structure like this
<ol>
<li>Point</li>
</ol>
<ol>
<li>Point</li>
</ol>
That would explain the large spacing and the numbering.
Does it also happen if you rephrase your prompt as "Give me a list of ..." or add that to the context like here: https://slickgpt.vercel.app/shared/flat-poor-train
from slickgpt.
Unfortunately I don't have sharing features enabled. I could however reproduce it.
Source code of the screenshot above:
<div class="md:place-self-start svelte-1lw6cj4">
<div class="grid px-5 py-2 rounded-2xl svelte-1lw6cj4 variant-ghost-secondary rounded-tl-none">
<div class="flex justify-between mb-1 svelte-1lw6cj4"><span class="font-bold svelte-1lw6cj4">AI:</span>
<div class="flex items-center text-xs text-slate-500"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round"
d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125">
</path>
</svg> <span>360</span></div>
<div class="text-xs text-center card variant-filled p-2 whitespace-nowrap shadow-xl"
data-popup="tokenTooltip">Approximate token cost <div class="arrow variant-filled"></div>
</div>
</div>
<div class="svelte-1lw6cj4">
<ol>
<li>Plan ahead: London is a busy city and popular attractions can book out quickly, so it's best to plan
ahead and book tickets and accommodation in advance.</li>
</ol><br>
<ol>
<li>Use public transport: London has a great public transport system that includes the tube, buses, and
trains. Using public transport is the most efficient way to get around and get the most out of your
trip.</li>
</ol><br>
<ol>
<li>Dress for the weather: London is known for its unpredictable weather, so be prepared with layers and
a water-proof jacket.</li>
</ol><br>
<ol>
<li>Be polite: The British are known for their politeness and courtesy, so make sure to be respectful of
locals and their culture.</li>
</ol><br>
<ol>
<li>Watch out for traffic: London has many busy roads, so make sure to be careful when crossing the
street.</li>
</ol><br>
<ol>
<li>Explore the city's neighborhoods: London is made up of many unique neighborhoods, each with its own
flavor and attractions. Take the time to explore a few different areas to get a real sense of the
city.</li>
</ol><br>
<ol>
<li>Try the local cuisine: London has a rich culinary scene that includes both traditional British fare
and food from around the world. Make sure to try some of the local specialties!</li>
</ol><br>
<ol>
<li>Stay safe: As with any big city, it's important to stay aware of your surroundings and take
precautions to stay safe, especially when travelling alone or at night.</li>
</ol><br>
<ol>
<li>Visit the museums: London is home to some of the world's best museums, and many of them are free to
enter. Make sure to visit a few during your trip.</li>
</ol><br>
<ol>
<li>Have fun!: London is an exciting city with plenty to do and see. Enjoy your time there and make the
most of your visit!</li>
</ol>
</div>
</div>
</div>
from slickgpt.
It does not happen when asking for a list specifically, which is good.
from slickgpt.
It seems to sometimes still do this when I ask for a list.
from slickgpt.
@jondcoleman
Now that there is a "pipe" in place (see #44 (comment)), one could try to reformat the broken lists. My guess is that the markdown list items in these error cases contain line breaks that lead to several lists being rendered by our markdown parser. I'm currently pretty busy and would need a couple of days before I could tackle that. Do you want to give it a shot? Contributions are always very welcome.
from slickgpt.
Related Issues (20)
- Feature Request: Import chat histories from chatgpt @ openai and aichat's cli tool HOT 2
- Cannot select/copy text during response
- token tooltip flickering HOT 1
- Self-hosted, behind nginx proxy: CORS and JSON errors HOT 3
- I can't access the app from my private vps HOT 3
- pls add copy code button HOT 2
- Add other models HOT 1
- Future Requests: requests direct to OpenAI and not through the public slickgpt server HOT 1
- Use basic encryption to encrypt the openai key in browser local storage.
- [Feature] Fuzzy search all messages in all chats HOT 3
- GPT-4-vision-preview support HOT 1
- [Feature] Add assistants interface.
- Long code-formatted text won't wrap during generation HOT 2
- Premature AI reply display under old branch upon branching
- Setting dialogue manually with `enter` key triggers Automatic Suggestion and overwrites the manual title.
- Wrong max token limits for GPT4-Turbo-1106 HOT 3
- [enhancement] Tutorial on dialogue sync or import/export HOT 1
- [enhancement] Automagically set titles at appropriate time to suit mobile navigation and browser behaviors.
- Seeing a lot of crashes mid thread HOT 4
- Option to set API endpoint
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slickgpt.