Commit Graph

26 Commits

Author SHA1 Message Date
hanishkvc 1751ed1827 SimpleChatTCRV:Cleanup importmap
Remove the unneeded , wrt last entry

Rather the import map isnt used currently, but certain entries
kept there for future, more as a reminder.
2025-12-04 19:41:40 +05:30
hanishkvc 856f403f1d SimpleChatTCRV:AnveshikaSallap: cleanup in general
Rename the default 2 chat session names to make them neutral.

Update internal name to include AnveshikaSallap, better matching
the semantic of the logic, given support for tool calling, vision,
reasoning, ...

Also update usage note wrt simpleproxy.py for web access related
tool calls and few other minor tweeks.
2025-12-04 19:41:40 +05:30
hanishkvc 15dcd4a0a3 SimpleChatTCRV:ImagePopOver: To view and if reqd del before submit
Also had forgotten to rename to image_urls, when switching from
single image with its corresponding field image_url to image_urls,
wrt removing the same after it has been added to the content array.
2025-12-04 19:41:40 +05:30
hanishkvc 720818f8e7 SimpleChatTCRV:UICleanup: new icons short texts, tighter buttons
Update usage note wrt new icons.
2025-12-04 19:41:40 +05:30
hanishkvc ae3d4fa96d SimpleChatTCRV:UICleanup: Icon samples 2025-12-04 19:41:40 +05:30
hanishkvc 08ea5c364c SimpleChatTCRV:MultipleImages: Icon only buttons
Instead of having texts submit and image, replace them with equiv
unicode icons.

Adjust the size of these buttons to be smaller, given that now they
only contain icons in them.

Switch from btn+inputfile+img to btn+inputfile wrt image loading btn
given that the image will be shown in seperate dynamically created
images in the user in div.
2025-12-04 19:41:40 +05:30
hanishkvc 1b9190d722 SimpleChatTCRV:MultipleImages:UI: Load track multiple images 2025-12-04 19:41:40 +05:30
hanishkvc ae68ee1850 SimpleChatTCRV:UIClean:Free up vertical space
move sessions buttons div to heading block

and move program name to the default block added to chat div, if
there is no chat in a given chat session.

cleanup the default block helpers to follow a common pattern.

also make the chat message bubbles/blocks bit more prominently box
shadowy
2025-12-04 19:41:40 +05:30
hanishkvc 72a780e181 SimpleChatTCRV:UICleanup: ToolCall trigger and UserInput block
Add better visual cues wrt the tool call trigger block and the
user input block, and inturn remove the now unneeded horizontal
seperation line between chat messages block and the tool call
trigger block.

Bring in the user role color gradient to the full user input block

Change the TEMP roles to use -TEMP instead of .TEMP suffix, so
that role based css rules get applied without any complexity
that may inturn not get applied.

Avoid extra newlines in the err message returned by the tool call
workers. Given that now there is a proper tool call response
sent back to the ai backend/server, without using user and ai
text content block itself to maintain the tool call and its
response info (which is what this client was doing initially
and so more spacing was added to important parts to bring it
into better focus, just in case).
2025-12-04 19:41:40 +05:30
hanishkvc 519cc46f0e SimpleChatTCRV:Sessions++ button take two: normal html + js + css
Now use javascript to trap the button click and inturn change css
class to hide or show the corresponding div.

This moving away from details with summary being the top level
title + buttons block, avoids the warning wrt non standard use of
details element, as well as gives a clear icon to end users wrt
toggling the sessions+systemprompt block.
2025-12-04 19:41:40 +05:30
hanishkvc a3da445f29 SimpleChatTCRV:UICleanup: Sessions button take one popover 2025-12-04 19:41:40 +05:30
hanishkvc c039447494 SimpleChatTCRV:UiCleanup: Switch to icon only buttons and title 2025-12-04 19:41:40 +05:30
hanishkvc 92bd3557d5 SimpleChatTCRV:UI theme cleanup - html+css r3
Move the heading, sessions list and system prompt into a details
block so that user can hide them if required.

avoid the borders around chat message blocks and the chat message
role blocks within them, instead go for a subtle box shadow.

Use gradiants wrt heading, as well as chat message role based color
codings.

Update both the normal/screen view as well as the print view wr
above.
2025-12-04 19:41:40 +05:30
hanishkvc 9f782d70b8 SimpleChatTCRV:UI theme simple cleanup - css round 2
Have a common 1vmin radius wrt buttons in general and chat messages.

While the input area and its buttons have more rounded look.

Force a minimum height wrt the buttons in general, while ensuring
that the popover menu buttons tightly fit the content/icons in them.
2025-12-04 19:41:40 +05:30
hanishkvc 62fb992e0e SimpleChatTCRV:CMPopOver: show within chatmessage, del logic
Trap the mouseenter and mouseleave events wrt the chatmessage
block to show the chatmessage-popover ui inturn within the
corresponding chatmessage.

When ever user clicks the popover menu's delete button, the
uniqId associated with each chat message, is now used to
delete the user selected chat message.

Initial skeleton wrt clipboard copy.
2025-12-04 19:41:39 +05:30
hanishkvc 1d2ef9dddb SimpleChatTCRV:ChatMessage: UniqId, Delete logic, edit popover ui 2025-12-04 19:41:39 +05:30
hanishkvc f8c0fe6845 SimpleChatTCRV:UICleanup: gradient wrt heading
and placeholders for few other logical elements
2025-12-04 19:41:39 +05:30
hanishkvc c94471a56f SimpleChatTCRV:UI Cleanup: scrollOnlyIf, Tool HR, Msg Margin
Limit scroll to veritical dir and inturn show only when needed

Move the Tool Call Edit UI's HR into its div.

Add a bottom margin wrt the individual chat messages.
2025-12-04 19:41:39 +05:30
hanishkvc 930fd656b9 SimpleChatTCRV:Basic skeleton to load a dataUrl 2025-12-04 19:41:39 +05:30
hanishkvc da75564d26 SimpleChatTCRV:Vision: Add file input to get hold of img file
If I cant control the look of the file type input, I may have to
hide it and use a normal button, which chains into file selection
or so
2025-12-04 19:41:39 +05:30
hanishkvc 899dff4eb4 SimpleChatTC:IndexHTML:Fix a oversight with new module added
Add forgotten to add , after simplechat entry.

Currently I am not strictly using the importmap feature, so the
error didnt create any problem, but the error was there which has
been fixed.
2025-12-04 19:41:39 +05:30
hanishkvc d56a4a06b0 SimpleChatTC:Cleanup:Make main chat related classes importable
Have main classes defined independent of and away from runtime flow

Move out the entry point including runtime instantiation of the
core Me class (which inturn brings other class instances as neede)
into its own main.js file.

With this one should be able to import simplechat.js into other
files, where one might need the SimpleChat or MultiChat or Me class
definitions.
2025-12-04 19:41:39 +05:30
hanishkvc 0fcb13257c SimpleChatTC:UI:ClearChat, Unicode icons for Clear, settings
Allow user to clear the existing chat. The user does have the
option to load the just cleared chat, if required.

Add icons wrt clearing chat and settings.
2025-12-04 19:41:39 +05:30
hanishkvc a8c8176d09 SimpleChatTC: Tool Calling UI elements use up horizontal space 2025-12-04 19:41:39 +05:30
hanishkvc 1fc44c971d SimpleChatTC: Add ui elements for tool call verify and trigger
Instead of automatically calling the requested tool with supplied
arguments, rather allow user to verify things before triggering the
tool.

NOTE: User already provided control over tool_response before
submitting it to the ai assistant.
2025-12-04 19:41:38 +05:30
Diego Devesa 1d36b3670b
llama : move end-user examples to tools directory (#13249)
* llama : move end-user examples to tools directory

---------

Co-authored-by: Xuan Son Nguyen <son@huggingface.co>
2025-05-02 20:27:13 +02:00
Renamed from examples/server/public_simplechat/index.html (Browse further)