.dockerignore ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ build/
2
+ dist/
3
+ logs/
4
+ output/
5
+ output2/
6
+ test/
7
+ test.py
8
+ .DS_Store
9
+ .vscode/
10
+ op*
11
+ op_*
12
+ .git
13
+ *.db
14
+ autotrain-data*
15
+ autotrain-*
.gitignore ADDED
@@ -0,0 +1,147 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Local stuff
2
+ .DS_Store
3
+ .vscode/
4
+ test/
5
+ test.py
6
+ output/
7
+ output2/
8
+ logs/
9
+ op_*/
10
+ autotrain.db
11
+ autotrain.log
12
+ *.db
13
+ data/
14
+ # Byte-compiled / optimized / DLL files
15
+ __pycache__/
16
+ *.py[cod]
17
+ *$py.class
18
+ autotrain-data*
19
+ autotrain-*
20
+ op-*
21
+ # C extensions
22
+ *.so
23
+ test.yml
24
+ test.ipynb
25
+ output.png
26
+
27
+ # Distribution / packaging
28
+ .Python
29
+ build/
30
+ develop-eggs/
31
+ dist/
32
+ downloads/
33
+ eggs/
34
+ .eggs/
35
+ lib/
36
+ lib64/
37
+ parts/
38
+ sdist/
39
+ var/
40
+ wheels/
41
+ pip-wheel-metadata/
42
+ share/python-wheels/
43
+ *.egg-info/
44
+ .installed.cfg
45
+ *.egg
46
+ MANIFEST
47
+
48
+ # PyInstaller
49
+ # Usually these files are written by a python script from a template
50
+ # before PyInstaller builds the exe, so as to inject date/other infos into it.
51
+ *.manifest
52
+ *.spec
53
+
54
+ # Installer logs
55
+ pip-log.txt
56
+ pip-delete-this-directory.txt
57
+
58
+ # Unit test / coverage reports
59
+ htmlcov/
60
+ .tox/
61
+ .nox/
62
+ .coverage
63
+ .coverage.*
64
+ .cache
65
+ nosetests.xml
66
+ coverage.xml
67
+ *.cover
68
+ *.py,cover
69
+ .hypothesis/
70
+ .pytest_cache/
71
+
72
+ # Translations
73
+ *.mo
74
+ *.pot
75
+
76
+ # Django stuff:
77
+ *.log
78
+ local_settings.py
79
+ db.sqlite3
80
+ db.sqlite3-journal
81
+
82
+ # Flask stuff:
83
+ instance/
84
+ .webassets-cache
85
+
86
+ # Scrapy stuff:
87
+ .scrapy
88
+
89
+ # Sphinx documentation
90
+ docs/_build/
91
+
92
+ # PyBuilder
93
+ target/
94
+
95
+ # Jupyter Notebook
96
+ .ipynb_checkpoints
97
+
98
+ # IPython
99
+ profile_default/
100
+ ipython_config.py
101
+
102
+ # pyenv
103
+ .python-version
104
+
105
+ # pipenv
106
+ # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
107
+ # However, in case of collaboration, if having platform-specific dependencies or dependencies
108
+ # having no cross-platform support, pipenv may install dependencies that don't work, or not
109
+ # install all needed dependencies.
110
+ #Pipfile.lock
111
+
112
+ # PEP 582; used by e.g. github.com/David-OConnor/pyflow
113
+ __pypackages__/
114
+
115
+ # Celery stuff
116
+ celerybeat-schedule
117
+ celerybeat.pid
118
+
119
+ # SageMath parsed files
120
+ *.sage.py
121
+
122
+ # Environments
123
+ .env
124
+ .venv
125
+ env/
126
+ venv/
127
+ ENV/
128
+ env.bak/
129
+ venv.bak/
130
+
131
+ # Spyder project settings
132
+ .spyderproject
133
+ .spyproject
134
+
135
+ # Rope project settings
136
+ .ropeproject
137
+
138
+ # mkdocs documentation
139
+ /site
140
+
141
+ # mypy
142
+ .mypy_cache/
143
+ .dmypy.json
144
+ dmypy.json
145
+
146
+ # Pyre type checker
147
+ .pyre/
Dockerfile ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ FROM nvidia/cuda:12.1.1-cudnn8-runtime-ubuntu22.04
2
+
3
+ ENV DEBIAN_FRONTEND=noninteractive \
4
+ TZ=UTC \
5
+ HF_HUB_ENABLE_HF_TRANSFER=1
6
+
7
+ ENV PATH="${HOME}/miniconda3/bin:${PATH}"
8
+ ARG PATH="${HOME}/miniconda3/bin:${PATH}"
9
+ ENV PATH="/app/ngc-cli:${PATH}"
10
+ ARG PATH="/app/ngc-cli:${PATH}"
11
+
12
+ RUN mkdir -p /tmp/model && \
13
+ chown -R 1000:1000 /tmp/model && \
14
+ mkdir -p /tmp/data && \
15
+ chown -R 1000:1000 /tmp/data
16
+
17
+ RUN apt-get update && \
18
+ apt-get upgrade -y && \
19
+ apt-get install -y \
20
+ build-essential \
21
+ cmake \
22
+ curl \
23
+ ca-certificates \
24
+ gcc \
25
+ git \
26
+ locales \
27
+ net-tools \
28
+ wget \
29
+ libpq-dev \
30
+ libsndfile1-dev \
31
+ git \
32
+ git-lfs \
33
+ libgl1 \
34
+ unzip \
35
+ libjpeg-dev \
36
+ libpng-dev \
37
+ libgomp1 \
38
+ && rm -rf /var/lib/apt/lists/* && \
39
+ apt-get clean
40
+
41
+
42
+ RUN curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | bash && \
43
+ git lfs install
44
+
45
+ WORKDIR /app
46
+ RUN mkdir -p /app/.cache
47
+ ENV HF_HOME="/app/.cache"
48
+ RUN useradd -m -u 1000 user
49
+ RUN chown -R user:user /app
50
+ USER user
51
+ ENV HOME=/app
52
+
53
+ ENV PYTHONPATH=$HOME/app \
54
+ PYTHONUNBUFFERED=1 \
55
+ GRADIO_ALLOW_FLAGGING=never \
56
+ GRADIO_NUM_PORTS=1 \
57
+ GRADIO_SERVER_NAME=0.0.0.0 \
58
+ SYSTEM=spaces
59
+
60
+
61
+ RUN wget https://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh \
62
+ && sh Miniconda3-latest-Linux-x86_64.sh -b -p /app/miniconda \
63
+ && rm -f Miniconda3-latest-Linux-x86_64.sh
64
+ ENV PATH /app/miniconda/bin:$PATH
65
+
66
+ RUN conda create -p /app/env -y python=3.10
67
+
68
+ SHELL ["conda", "run","--no-capture-output", "-p","/app/env", "/bin/bash", "-c"]
69
+
70
+ RUN conda install pytorch==2.4.0 torchvision==0.19.0 torchaudio==2.4.0 pytorch-cuda=12.1 -c pytorch -c nvidia && \
71
+ conda clean -ya && \
72
+ conda install -c "nvidia/label/cuda-12.1.1" cuda-nvcc && conda clean -ya && \
73
+ conda install xformers -c xformers && conda clean -ya
74
+
75
+ COPY --chown=1000:1000 . /app/
76
+
77
+ RUN pip install -e . && \
78
+ python -m nltk.downloader punkt && \
79
+ pip install -U ninja && \
80
+ pip install -U flash-attn --no-build-isolation && \
81
+ pip install -U deepspeed && \
82
+ pip install --upgrade --force-reinstall --no-cache-dir "unsloth[cu121-ampere-torch230] @ git+https://github.com/unslothai/unsloth.git" --no-deps && \
83
+ pip cache purge
Dockerfile.api ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ FROM huggingface/autotrain-advanced:latest
2
+
3
+ CMD autotrain api --port 7860 --host 0.0.0.0
Dockerfile.app ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ FROM huggingface/autotrain-advanced:latest
2
+ CMD uvicorn autotrain.app:app --host 0.0.0.0 --port 7860 --reload --workers 4
LICENSE ADDED
@@ -0,0 +1,202 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ Apache License
3
+ Version 2.0, January 2004
4
+ http://www.apache.org/licenses/
5
+
6
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
7
+
8
+ 1. Definitions.
9
+
10
+ "License" shall mean the terms and conditions for use, reproduction,
11
+ and distribution as defined by Sections 1 through 9 of this document.
12
+
13
+ "Licensor" shall mean the copyright owner or entity authorized by
14
+ the copyright owner that is granting the License.
15
+
16
+ "Legal Entity" shall mean the union of the acting entity and all
17
+ other entities that control, are controlled by, or are under common
18
+ control with that entity. For the purposes of this definition,
19
+ "control" means (i) the power, direct or indirect, to cause the
20
+ direction or management of such entity, whether by contract or
21
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
22
+ outstanding shares, or (iii) beneficial ownership of such entity.
23
+
24
+ "You" (or "Your") shall mean an individual or Legal Entity
25
+ exercising permissions granted by this License.
26
+
27
+ "Source" form shall mean the preferred form for making modifications,
28
+ including but not limited to software source code, documentation
29
+ source, and configuration files.
30
+
31
+ "Object" form shall mean any form resulting from mechanical
32
+ transformation or translation of a Source form, including but
33
+ not limited to compiled object code, generated documentation,
34
+ and conversions to other media types.
35
+
36
+ "Work" shall mean the work of authorship, whether in Source or
37
+ Object form, made available under the License, as indicated by a
38
+ copyright notice that is included in or attached to the work
39
+ (an example is provided in the Appendix below).
40
+
41
+ "Derivative Works" shall mean any work, whether in Source or Object
42
+ form, that is based on (or derived from) the Work and for which the
43
+ editorial revisions, annotations, elaborations, or other modifications
44
+ represent, as a whole, an original work of authorship. For the purposes
45
+ of this License, Derivative Works shall not include works that remain
46
+ separable from, or merely link (or bind by name) to the interfaces of,
47
+ the Work and Derivative Works thereof.
48
+
49
+ "Contribution" shall mean any work of authorship, including
50
+ the original version of the Work and any modifications or additions
51
+ to that Work or Derivative Works thereof, that is intentionally
52
+ submitted to Licensor for inclusion in the Work by the copyright owner
53
+ or by an individual or Legal Entity authorized to submit on behalf of
54
+ the copyright owner. For the purposes of this definition, "submitted"
55
+ means any form of electronic, verbal, or written communication sent
56
+ to the Licensor or its representatives, including but not limited to
57
+ communication on electronic mailing lists, source code control systems,
58
+ and issue tracking systems that are managed by, or on behalf of, the
59
+ Licensor for the purpose of discussing and improving the Work, but
60
+ excluding communication that is conspicuously marked or otherwise
61
+ designated in writing by the copyright owner as "Not a Contribution."
62
+
63
+ "Contributor" shall mean Licensor and any individual or Legal Entity
64
+ on behalf of whom a Contribution has been received by Licensor and
65
+ subsequently incorporated within the Work.
66
+
67
+ 2. Grant of Copyright License. Subject to the terms and conditions of
68
+ this License, each Contributor hereby grants to You a perpetual,
69
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
70
+ copyright license to reproduce, prepare Derivative Works of,
71
+ publicly display, publicly perform, sublicense, and distribute the
72
+ Work and such Derivative Works in Source or Object form.
73
+
74
+ 3. Grant of Patent License. Subject to the terms and conditions of
75
+ this License, each Contributor hereby grants to You a perpetual,
76
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
77
+ (except as stated in this section) patent license to make, have made,
78
+ use, offer to sell, sell, import, and otherwise transfer the Work,
79
+ where such license applies only to those patent claims licensable
80
+ by such Contributor that are necessarily infringed by their
81
+ Contribution(s) alone or by combination of their Contribution(s)
82
+ with the Work to which such Contribution(s) was submitted. If You
83
+ institute patent litigation against any entity (including a
84
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
85
+ or a Contribution incorporated within the Work constitutes direct
86
+ or contributory patent infringement, then any patent licenses
87
+ granted to You under this License for that Work shall terminate
88
+ as of the date such litigation is filed.
89
+
90
+ 4. Redistribution. You may reproduce and distribute copies of the
91
+ Work or Derivative Works thereof in any medium, with or without
92
+ modifications, and in Source or Object form, provided that You
93
+ meet the following conditions:
94
+
95
+ (a) You must give any other recipients of the Work or
96
+ Derivative Works a copy of this License; and
97
+
98
+ (b) You must cause any modified files to carry prominent notices
99
+ stating that You changed the files; and
100
+
101
+ (c) You must retain, in the Source form of any Derivative Works
102
+ that You distribute, all copyright, patent, trademark, and
103
+ attribution notices from the Source form of the Work,
104
+ excluding those notices that do not pertain to any part of
105
+ the Derivative Works; and
106
+
107
+ (d) If the Work includes a "NOTICE" text file as part of its
108
+ distribution, then any Derivative Works that You distribute must
109
+ include a readable copy of the attribution notices contained
110
+ within such NOTICE file, excluding those notices that do not
111
+ pertain to any part of the Derivative Works, in at least one
112
+ of the following places: within a NOTICE text file distributed
113
+ as part of the Derivative Works; within the Source form or
114
+ documentation, if provided along with the Derivative Works; or,
115
+ within a display generated by the Derivative Works, if and
116
+ wherever such third-party notices normally appear. The contents
117
+ of the NOTICE file are for informational purposes only and
118
+ do not modify the License. You may add Your own attribution
119
+ notices within Derivative Works that You distribute, alongside
120
+ or as an addendum to the NOTICE text from the Work, provided
121
+ that such additional attribution notices cannot be construed
122
+ as modifying the License.
123
+
124
+ You may add Your own copyright statement to Your modifications and
125
+ may provide additional or different license terms and conditions
126
+ for use, reproduction, or distribution of Your modifications, or
127
+ for any such Derivative Works as a whole, provided Your use,
128
+ reproduction, and distribution of the Work otherwise complies with
129
+ the conditions stated in this License.
130
+
131
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
132
+ any Contribution intentionally submitted for inclusion in the Work
133
+ by You to the Licensor shall be under the terms and conditions of
134
+ this License, without any additional terms or conditions.
135
+ Notwithstanding the above, nothing herein shall supersede or modify
136
+ the terms of any separate license agreement you may have executed
137
+ with Licensor regarding such Contributions.
138
+
139
+ 6. Trademarks. This License does not grant permission to use the trade
140
+ names, trademarks, service marks, or product names of the Licensor,
141
+ except as required for reasonable and customary use in describing the
142
+ origin of the Work and reproducing the content of the NOTICE file.
143
+
144
+ 7. Disclaimer of Warranty. Unless required by applicable law or
145
+ agreed to in writing, Licensor provides the Work (and each
146
+ Contributor provides its Contributions) on an "AS IS" BASIS,
147
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148
+ implied, including, without limitation, any warranties or conditions
149
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150
+ PARTICULAR PURPOSE. You are solely responsible for determining the
151
+ appropriateness of using or redistributing the Work and assume any
152
+ risks associated with Your exercise of permissions under this License.
153
+
154
+ 8. Limitation of Liability. In no event and under no legal theory,
155
+ whether in tort (including negligence), contract, or otherwise,
156
+ unless required by applicable law (such as deliberate and grossly
157
+ negligent acts) or agreed to in writing, shall any Contributor be
158
+ liable to You for damages, including any direct, indirect, special,
159
+ incidental, or consequential damages of any character arising as a
160
+ result of this License or out of the use or inability to use the
161
+ Work (including but not limited to damages for loss of goodwill,
162
+ work stoppage, computer failure or malfunction, or any and all
163
+ other commercial damages or losses), even if such Contributor
164
+ has been advised of the possibility of such damages.
165
+
166
+ 9. Accepting Warranty or Additional Liability. While redistributing
167
+ the Work or Derivative Works thereof, You may choose to offer,
168
+ and charge a fee for, acceptance of support, warranty, indemnity,
169
+ or other liability obligations and/or rights consistent with this
170
+ License. However, in accepting such obligations, You may act only
171
+ on Your own behalf and on Your sole responsibility, not on behalf
172
+ of any other Contributor, and only if You agree to indemnify,
173
+ defend, and hold each Contributor harmless for any liability
174
+ incurred by, or claims asserted against, such Contributor by reason
175
+ of your accepting any such warranty or additional liability.
176
+
177
+ END OF TERMS AND CONDITIONS
178
+
179
+ APPENDIX: How to apply the Apache License to your work.
180
+
181
+ To apply the Apache License to your work, attach the following
182
+ boilerplate notice, with the fields enclosed by brackets "[]"
183
+ replaced with your own identifying information. (Don't include
184
+ the brackets!) The text should be enclosed in the appropriate
185
+ comment syntax for the file format. We also recommend that a
186
+ file or class name and description of purpose be included on the
187
+ same "printed page" as the copyright notice for easier
188
+ identification within third-party archives.
189
+
190
+ Copyright [yyyy] [name of copyright owner]
191
+
192
+ Licensed under the Apache License, Version 2.0 (the "License");
193
+ you may not use this file except in compliance with the License.
194
+ You may obtain a copy of the License at
195
+
196
+ http://www.apache.org/licenses/LICENSE-2.0
197
+
198
+ Unless required by applicable law or agreed to in writing, software
199
+ distributed under the License is distributed on an "AS IS" BASIS,
200
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
201
+ See the License for the specific language governing permissions and
202
+ limitations under the License.
Makefile ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .PHONY: quality style test
2
+
3
+ # Check that source code meets quality standards
4
+
5
+ quality:
6
+ black --check --line-length 119 --target-version py38 .
7
+ isort --check-only .
8
+ flake8 --max-line-length 119
9
+
10
+ # Format source code automatically
11
+
12
+ style:
13
+ black --line-length 119 --target-version py38 .
14
+ isort .
15
+
16
+ test:
17
+ pytest -sv ./src/
18
+
19
+ docker:
20
+ docker build -t autotrain-advanced:latest .
21
+ docker tag autotrain-advanced:latest huggingface/autotrain-advanced:latest
22
+ docker push huggingface/autotrain-advanced:latest
23
+
24
+ api:
25
+ docker build -t autotrain-advanced-api:latest -f Dockerfile.api .
26
+ docker tag autotrain-advanced-api:latest public.ecr.aws/z4c3o6n6/autotrain-api:latest
27
+ docker push public.ecr.aws/z4c3o6n6/autotrain-api:latest
28
+
29
+ ngc:
30
+ docker build -t autotrain-advanced:latest .
31
+ docker tag autotrain-advanced:latest nvcr.io/ycymhzotssoi/autotrain-advanced:latest
32
+ docker push nvcr.io/ycymhzotssoi/autotrain-advanced:latest
33
+
34
+ pip:
35
+ rm -rf build/
36
+ rm -rf dist/
37
+ make style && make quality
38
+ python setup.py sdist bdist_wheel
39
+ twine upload dist/* --verbose --repository autotrain-advanced
Manifest.in ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ recursive-include src/autotrain/static *
2
+ recursive-include src/autotrain/templates *
README.md ADDED
@@ -0,0 +1,133 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # 🤗 AutoTrain Advanced
2
+
3
+ AutoTrain Advanced: faster and easier training and deployments of state-of-the-art machine learning models. AutoTrain Advanced is a no-code solution that allows you to train machine learning models in just a few clicks. Please note that you must upload data in correct format for project to be created. For help regarding proper data format and pricing, check out the documentation.
4
+
5
+ NOTE: AutoTrain is free! You only pay for the resources you use in case you decide to run AutoTrain on Hugging Face Spaces. When running locally, you only pay for the resources you use on your own infrastructure.
6
+
7
+ ## Supported Tasks
8
+
9
+ | Task | Status | Python Notebook | Example Configs |
10
+ | --- | --- | --- | --- |
11
+ | LLM SFT Finetuning | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/llm_finetuning.ipynb) | [llm_sft_finetune.yaml](https://github.com/huggingface/autotrain-advanced/blob/main/configs/llm_finetuning/smollm2.yml) |
12
+ | LLM ORPO Finetuning | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/llm_finetuning.ipynb) | [llm_orpo_finetune.yaml](https://github.com/huggingface/autotrain-advanced/blob/main/configs/llm_finetuning/llama3-8b-orpo.yml) |
13
+ | LLM DPO Finetuning | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/llm_finetuning.ipynb) | [llm_dpo_finetune.yaml](https://github.com/huggingface/autotrain-advanced/blob/main/configs/llm_finetuning/llama3-8b-dpo-qlora.yml) |
14
+ | LLM Reward Finetuning | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/llm_finetuning.ipynb) | [llm_reward_finetune.yaml](https://github.com/huggingface/autotrain-advanced/blob/main/configs/llm_finetuning/llama32-1b-sft.yml) |
15
+ | LLM Generic/Default Finetuning | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/llm_finetuning.ipynb) | [llm_generic_finetune.yaml](https://github.com/huggingface/autotrain-advanced/blob/main/configs/llm_finetuning/gpt2_sft.yml) |
16
+ | Text Classification | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/text_classification.ipynb) | [text_classification.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/text_classification) |
17
+ | Text Regression | ✅ | [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/notebooks/text_regression.ipynb) | [text_regression.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/text_regression) |
18
+ | Token Classification | ✅ | Coming Soon | [token_classification.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/token_classification) |
19
+ | Seq2Seq | ✅ | Coming Soon | [seq2seq.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/seq2seq) |
20
+ | Extractive Question Answering | ✅ | Coming Soon | [extractive_qa.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/extractive_question_answering) |
21
+ | Image Classification | ✅ | Coming Soon | [image_classification.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/image_classification) |
22
+ | Image Scoring/Regression | ✅ | Coming Soon | [image_regression.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/image_scoring) |
23
+ | VLM | 🟥 | Coming Soon | [vlm.yaml](https://github.com/huggingface/autotrain-advanced/tree/main/configs/vlm) |
24
+
25
+
26
+ ## Running UI on Colab or Hugging Face Spaces
27
+
28
+ - Deploy AutoTrain on Hugging Face Spaces: [![Deploy on Spaces](https://huggingface.co/datasets/huggingface/badges/resolve/main/deploy-on-spaces-md.svg)](https://huggingface.co/login?next=%2Fspaces%2Fautotrain-projects%2Fautotrain-advanced%3Fduplicate%3Dtrue)
29
+
30
+
31
+ - Run AutoTrain UI on Colab via ngrok: [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/huggingface/autotrain-advanced/blob/main/colabs/AutoTrain_ngrok.ipynb)
32
+
33
+
34
+ ## Local Installation
35
+
36
+ You can Install AutoTrain-Advanced python package via PIP. Please note you will need python >= 3.10 for AutoTrain Advanced to work properly.
37
+
38
+ pip install autotrain-advanced
39
+
40
+ Please make sure that you have git lfs installed. Check out the instructions here: https://github.com/git-lfs/git-lfs/wiki/Installation
41
+
42
+ You also need to install torch, torchaudio and torchvision.
43
+
44
+ The best way to run autotrain is in a conda environment. You can create a new conda environment with the following command:
45
+
46
+ conda create -n autotrain python=3.10
47
+ conda activate autotrain
48
+ pip install autotrain-advanced
49
+ conda install pytorch torchvision torchaudio pytorch-cuda=12.1 -c pytorch -c nvidia
50
+ conda install -c "nvidia/label/cuda-12.1.0" cuda-nvcc
51
+
52
+ Once done, you can start the application using:
53
+
54
+ autotrain app --port 8080 --host 127.0.0.1
55
+
56
+
57
+ If you are not fond of UI, you can use AutoTrain Configs to train using command line or simply AutoTrain CLI.
58
+
59
+ To use config file for training, you can use the following command:
60
+
61
+ autotrain --config <path_to_config_file>
62
+
63
+
64
+ You can find sample config files in the `configs` directory of this repository.
65
+
66
+ Example config file for finetuning SmolLM2:
67
+
68
+ ```yaml
69
+ task: llm-sft
70
+ base_model: HuggingFaceTB/SmolLM2-1.7B-Instruct
71
+ project_name: autotrain-smollm2-finetune
72
+ log: tensorboard
73
+ backend: local
74
+
75
+ data:
76
+ path: HuggingFaceH4/no_robots
77
+ train_split: train
78
+ valid_split: null
79
+ chat_template: tokenizer
80
+ column_mapping:
81
+ text_column: messages
82
+
83
+ params:
84
+ block_size: 2048
85
+ model_max_length: 4096
86
+ epochs: 2
87
+ batch_size: 1
88
+ lr: 1e-5
89
+ peft: true
90
+ quantization: int4
91
+ target_modules: all-linear
92
+ padding: right
93
+ optimizer: paged_adamw_8bit
94
+ scheduler: linear
95
+ gradient_accumulation: 8
96
+ mixed_precision: bf16
97
+ merge_adapter: true
98
+
99
+ hub:
100
+ username: ${HF_USERNAME}
101
+ token: ${HF_TOKEN}
102
+ push_to_hub: true
103
+ ```
104
+
105
+ To fine-tune a model using the config file above, you can use the following command:
106
+
107
+ ```bash
108
+ $ export HF_USERNAME=<your_hugging_face_username>
109
+ $ export HF_TOKEN=<your_hugging_face_write_token>
110
+ $ autotrain --config <path_to_config_file>
111
+ ```
112
+
113
+
114
+ ## Documentation
115
+
116
+ Documentation is available at https://hf.co/docs/autotrain/
117
+
118
+ ## Citation
119
+
120
+ ```
121
+ @inproceedings{thakur-2024-autotrain,
122
+ title = "{A}uto{T}rain: No-code training for state-of-the-art models",
123
+ author = "Thakur, Abhishek",
124
+ booktitle = "Proceedings of the 2024 Conference on Empirical Methods in Natural Language Processing: System Demonstrations",
125
+ month = nov,
126
+ year = "2024",
127
+ address = "Miami, Florida, USA",
128
+ publisher = "Association for Computational Linguistics",
129
+ url = "https://aclanthology.org/2024.emnlp-demo.44",
130
+ pages = "419--423",
131
+ abstract = "With the advancements in open-source models, training(or finetuning) models on custom datasets has become a crucial part of developing solutions which are tailored to specific industrial or open-source applications. Yet, there is no single tool which simplifies the process of training across different types of modalities or tasks.We introduce AutoTrain(aka AutoTrain Advanced){---}an open-source, no code tool/library which can be used to train (or finetune) models for different kinds of tasks such as: large language model (LLM) finetuning, text classification/regression, token classification, sequence-to-sequence task, finetuning of sentence transformers, visual language model (VLM) finetuning, image classification/regression and even classification and regression tasks on tabular data. AutoTrain Advanced is an open-source library providing best practices for training models on custom datasets. The library is available at https://github.com/huggingface/autotrain-advanced. AutoTrain can be used in fully local mode or on cloud machines and works with tens of thousands of models shared on Hugging Face Hub and their variations.",
132
+ }
133
+ ```
ai/.gitattributes DELETED
@@ -1,42 +0,0 @@
1
- *.7z filter=lfs diff=lfs merge=lfs -text
2
- *.arrow filter=lfs diff=lfs merge=lfs -text
3
- *.bin filter=lfs diff=lfs merge=lfs -text
4
- *.bz2 filter=lfs diff=lfs merge=lfs -text
5
- *.ckpt filter=lfs diff=lfs merge=lfs -text
6
- *.ftz filter=lfs diff=lfs merge=lfs -text
7
- *.gz filter=lfs diff=lfs merge=lfs -text
8
- *.h5 filter=lfs diff=lfs merge=lfs -text
9
- *.joblib filter=lfs diff=lfs merge=lfs -text
10
- *.lfs.* filter=lfs diff=lfs merge=lfs -text
11
- *.mlmodel filter=lfs diff=lfs merge=lfs -text
12
- *.model filter=lfs diff=lfs merge=lfs -text
13
- *.msgpack filter=lfs diff=lfs merge=lfs -text
14
- *.npy filter=lfs diff=lfs merge=lfs -text
15
- *.npz filter=lfs diff=lfs merge=lfs -text
16
- *.onnx filter=lfs diff=lfs merge=lfs -text
17
- *.ot filter=lfs diff=lfs merge=lfs -text
18
- *.parquet filter=lfs diff=lfs merge=lfs -text
19
- *.pb filter=lfs diff=lfs merge=lfs -text
20
- *.pickle filter=lfs diff=lfs merge=lfs -text
21
- *.pkl filter=lfs diff=lfs merge=lfs -text
22
- *.pt filter=lfs diff=lfs merge=lfs -text
23
- *.pth filter=lfs diff=lfs merge=lfs -text
24
- *.rar filter=lfs diff=lfs merge=lfs -text
25
- *.safetensors filter=lfs diff=lfs merge=lfs -text
26
- saved_model/**/* filter=lfs diff=lfs merge=lfs -text
27
- *.tar.* filter=lfs diff=lfs merge=lfs -text
28
- *.tar filter=lfs diff=lfs merge=lfs -text
29
- *.tflite filter=lfs diff=lfs merge=lfs -text
30
- *.tgz filter=lfs diff=lfs merge=lfs -text
31
- *.wasm filter=lfs diff=lfs merge=lfs -text
32
- *.xz filter=lfs diff=lfs merge=lfs -text
33
- *.zip filter=lfs diff=lfs merge=lfs -text
34
- *.zst filter=lfs diff=lfs merge=lfs -text
35
- *tfevents* filter=lfs diff=lfs merge=lfs -text
36
- dist/** filter=lfs diff=lfs merge=lfs -text
37
- build/** filter=lfs diff=lfs merge=lfs -text
38
- .out/** filter=lfs diff=lfs merge=lfs -text
39
- .next/** filter=lfs diff=lfs merge=lfs -text
40
- coverage/** filter=lfs diff=lfs merge=lfs -text
41
- logs/** filter=lfs diff=lfs merge=lfs -text
42
- *.log filter=lfs diff=lfs merge=lfs -text
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/Dockerfile DELETED
@@ -1,22 +0,0 @@
1
- #
2
- # SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- # SPDX-License-Identifier: Apache-2.0
4
- #
5
-
6
- # Use a specific container image for the sever
7
- FROM hadadrjt/ai:latest
8
-
9
- # Set the main working directory inside the container
10
- WORKDIR /node
11
-
12
- # Copy all files into the container
13
- COPY . .
14
-
15
- # Install all dependencies
16
- RUN npm install
17
-
18
- # Open the port so the web can be accessed
19
- EXPOSE 7860
20
-
21
- # Start the server
22
- CMD ["npm", "start"]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/README.md DELETED
@@ -1,64 +0,0 @@
1
- ---
2
- title: Demo Playground
3
- license: apache-2.0
4
- emoji: ⚡
5
- colorFrom: purple
6
- colorTo: green
7
- sdk: docker
8
- app_port: 7860
9
- pinned: false
10
- thumbnail: >-
11
- https://cdn-uploads.huggingface.co/production/uploads/686e28b405d4ddcdd96adeb2/i9iufR3L-rgj39mk_B9QW.jpeg
12
- # Used to promote this Hugging Face Space
13
- models:
14
- - hadadrjt/JARVIS
15
- - agentica-org/DeepCoder-14B-Preview
16
- - agentica-org/DeepSWE-Preview
17
- - fka/awesome-chatgpt-prompts
18
- - black-forest-labs/FLUX.1-Kontext-dev
19
- - ChatDOC/OCRFlux-3B
20
- - deepseek-ai/DeepSeek-R1
21
- - deepseek-ai/DeepSeek-R1-0528
22
- - deepseek-ai/DeepSeek-R1-Distill-Llama-70B
23
- - deepseek-ai/DeepSeek-R1-Distill-Qwen-32B
24
- - deepseek-ai/DeepSeek-R1-0528-Qwen3-8B
25
- - deepseek-ai/DeepSeek-V3-0324
26
- - google/gemma-3-1b-it
27
- - google/gemma-3-27b-it
28
- - google/gemma-3-4b-it
29
- - google/gemma-3n-E4B-it
30
- - google/gemma-3n-E4B-it-litert-preview
31
- - google/medsiglip-448
32
- - kyutai/tts-1.6b-en_fr
33
- - meta-llama/Llama-3.1-8B-Instruct
34
- - meta-llama/Llama-3.2-3B-Instruct
35
- - meta-llama/Llama-3.3-70B-Instruct
36
- - meta-llama/Llama-4-Maverick-17B-128E-Instruct
37
- - meta-llama/Llama-4-Scout-17B-16E-Instruct
38
- - microsoft/Phi-4-mini-instruct
39
- - mistralai/Devstral-Small-2505
40
- - mistralai/Mistral-Small-3.1-24B-Instruct-2503
41
- - openai/webgpt_comparisons
42
- - openai/whisper-large-v3-turbo
43
- - openai/gpt-oss-120b
44
- - openai/gpt-oss-20b
45
- - Qwen/QwQ-32B
46
- - Qwen/Qwen2.5-VL-32B-Instruct
47
- - Qwen/Qwen2.5-VL-3B-Instruct
48
- - Qwen/Qwen2.5-VL-72B-Instruct
49
- - Qwen/Qwen3-235B-A22B
50
- - THUDM/GLM-4.1V-9B-Thinking
51
- - tngtech/DeepSeek-TNG-R1T2-Chimera
52
- - moonshotai/Kimi-K2-Instruct
53
- - Qwen/Qwen3-235B-A22B-Instruct-2507
54
- - Qwen/Qwen3-Coder-480B-A35B-Instruct
55
- - Qwen/Qwen3-235B-A22B-Thinking-2507
56
- - zai-org/GLM-4.5
57
- - zai-org/GLM-4.5-Air
58
- - zai-org/GLM-4.5V
59
- - deepseek-ai/DeepSeek-V3.1
60
- - deepseek-ai/DeepSeek-V3.1-Base
61
- # Used to promote this Hugging Face Space
62
- datasets:
63
- - fka/awesome-chatgpt-prompts
64
- ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/animation/style.css DELETED
@@ -1,1628 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .loading {
7
- display: inline-block;
8
- width: 1.1rem;
9
- height: 1.1rem;
10
- border: 2px solid #999;
11
- border-top-color: transparent;
12
- border-radius: 50%;
13
- animation: spin 1s linear infinite;
14
- }
15
-
16
- @keyframes spin {
17
- to {
18
- transform: rotate(360deg);
19
- }
20
- }
21
-
22
- @keyframes fadeIn {
23
- to {
24
- opacity: 1;
25
- }
26
- }
27
-
28
- @keyframes fadeInDown {
29
- from {
30
- opacity: 0;
31
- transform: translateY(-20px);
32
- }
33
- to {
34
- opacity: 1;
35
- transform: translateY(0);
36
- }
37
- }
38
-
39
- @keyframes slideInUp {
40
- from {
41
- opacity: 0;
42
- transform: translateY(20px);
43
- }
44
- to {
45
- opacity: 1;
46
- transform: translateY(0);
47
- }
48
- }
49
-
50
- .pulse-animation {
51
- animation: pulse 2s infinite;
52
- }
53
-
54
- @keyframes pulse {
55
- 0% {
56
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
57
- }
58
- 70% {
59
- box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
60
- }
61
- 100% {
62
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
63
- }
64
- }
65
-
66
- .floating-animation {
67
- animation: floating 3s ease-in-out infinite;
68
- }
69
-
70
- @keyframes floating {
71
- 0% {
72
- transform: translateY(0px);
73
- }
74
- 50% {
75
- transform: translateY(-10px);
76
- }
77
- 100% {
78
- transform: translateY(0px);
79
- }
80
- }
81
-
82
- .gradient-text {
83
- background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
84
- -webkit-background-clip: text;
85
- -webkit-text-fill-color: transparent;
86
- background-clip: text;
87
- }
88
-
89
- .typing-animation::after {
90
- content: "|";
91
- animation: blink 1s infinite;
92
- margin-left: 2px;
93
- }
94
-
95
- @keyframes blink {
96
- 0%, 100% { opacity: 1; }
97
- 50% { opacity: 0; }
98
- }
99
-
100
- .shine-effect {
101
- position: relative;
102
- overflow: hidden;
103
- }
104
-
105
- .shine-effect::before {
106
- content: "";
107
- position: absolute;
108
- top: 0;
109
- left: -100%;
110
- width: 100%;
111
- height: 100%;
112
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
113
- transition: 0.5s;
114
- }
115
-
116
- .shine-effect:hover::before {
117
- left: 100%;
118
- }
119
-
120
- .bounce-in {
121
- animation: bounceIn 0.6s ease-out;
122
- }
123
-
124
- @keyframes bounceIn {
125
- 0% {
126
- transform: scale(0.8);
127
- opacity: 0;
128
- }
129
- 50% {
130
- transform: scale(1.05);
131
- }
132
- 100% {
133
- transform: scale(1);
134
- opacity: 1;
135
- }
136
- }
137
-
138
- .slide-in-left {
139
- animation: slideInLeft 0.5s ease-out;
140
- }
141
-
142
- @keyframes slideInLeft {
143
- from {
144
- transform: translateX(-100%);
145
- opacity: 0;
146
- }
147
- to {
148
- transform: translateX(0);
149
- opacity: 1;
150
- }
151
- }
152
-
153
- .slide-in-right {
154
- animation: slideInRight 0.5s ease-out;
155
- }
156
-
157
- @keyframes slideInRight {
158
- from {
159
- transform: translateX(100%);
160
- opacity: 0;
161
- }
162
- to {
163
- transform: translateX(0);
164
- opacity: 1;
165
- }
166
- }
167
-
168
- .zoom-in {
169
- animation: zoomIn 0.4s ease-out;
170
- }
171
-
172
- @keyframes zoomIn {
173
- from {
174
- transform: scale(0.8);
175
- opacity: 0;
176
- }
177
- to {
178
- transform: scale(1);
179
- opacity: 1;
180
- }
181
- }
182
-
183
- .flip-in {
184
- animation: flipIn 0.6s ease-out;
185
- }
186
-
187
- @keyframes flipIn {
188
- from {
189
- transform: rotateY(90deg);
190
- opacity: 0;
191
- }
192
- to {
193
- transform: rotateY(0deg);
194
- opacity: 1;
195
- }
196
- }
197
-
198
- .fade-in-up {
199
- animation: fadeInUp 0.5s ease-out;
200
- }
201
-
202
- @keyframes fadeInUp {
203
- from {
204
- transform: translateY(20px);
205
- opacity: 0;
206
- }
207
- to {
208
- transform: translateY(0);
209
- opacity: 1;
210
- }
211
- }
212
-
213
- .fade-in-down {
214
- animation: fadeInDown 0.5s ease-out;
215
- }
216
-
217
- @keyframes fadeInDown {
218
- from {
219
- transform: translateY(-20px);
220
- opacity: 0;
221
- }
222
- to {
223
- transform: translateY(0);
224
- opacity: 1;
225
- }
226
- }
227
-
228
- .rotate-in {
229
- animation: rotateIn 0.6s ease-out;
230
- }
231
-
232
- @keyframes rotateIn {
233
- from {
234
- transform: rotate(15deg);
235
- opacity: 0;
236
- }
237
- to {
238
- transform: rotate(0deg);
239
- opacity: 1;
240
- }
241
- }
242
-
243
- .scale-pulse {
244
- animation: scalePulse 1.5s infinite;
245
- }
246
-
247
- @keyframes scalePulse {
248
- 0%, 100% {
249
- transform: scale(1);
250
- }
251
- 50% {
252
- transform: scale(1.05);
253
- }
254
- }
255
-
256
- .wave-animation {
257
- animation: wave 2s infinite linear;
258
- }
259
-
260
- @keyframes wave {
261
- 0% {
262
- background-position: 0 0;
263
- }
264
- 100% {
265
- background-position: 100% 0;
266
- }
267
- }
268
-
269
- .glow-effect {
270
- box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
271
- transition: box-shadow 0.3s ease;
272
- }
273
-
274
- .glow-effect:hover {
275
- box-shadow: 0 0 20px rgba(59, 130, 246, 0.8);
276
- }
277
-
278
- .neon-glow {
279
- text-shadow: 0 0 5px #3b82f6, 0 0 10px #3b82f6, 0 0 15px #3b82f6, 0 0 20px #3b82f6;
280
- animation: neonPulse 2s infinite alternate;
281
- }
282
-
283
- @keyframes neonPulse {
284
- from {
285
- text-shadow: 0 0 5px #3b82f6, 0 0 10px #3b82f6, 0 0 15px #3b82f6, 0 0 20px #3b82f6;
286
- }
287
- to {
288
- text-shadow: 0 0 10px #3b82f6, 0 0 20px #3b82f6, 0 0 30px #3b82f6, 0 0 40px #3b82f6;
289
- }
290
- }
291
-
292
- .rainbow-text {
293
- background: linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);
294
- background-size: 200% 200%;
295
- -webkit-background-clip: text;
296
- -webkit-text-fill-color: transparent;
297
- background-clip: text;
298
- animation: rainbow 3s linear infinite;
299
- }
300
-
301
- @keyframes rainbow {
302
- 0% {
303
- background-position: 0% 50%;
304
- }
305
- 100% {
306
- background-position: 200% 50%;
307
- }
308
- }
309
-
310
- .hologram-effect {
311
- position: relative;
312
- overflow: hidden;
313
- }
314
-
315
- .hologram-effect::before {
316
- content: "";
317
- position: absolute;
318
- top: 0;
319
- left: 0;
320
- width: 100%;
321
- height: 100%;
322
- background: linear-gradient(45deg, rgba(255,255,255,0.1) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, transparent 75%, transparent);
323
- background-size: 20px 20px;
324
- animation: hologram 1s linear infinite;
325
- pointer-events: none;
326
- }
327
-
328
- @keyframes hologram {
329
- 0% {
330
- background-position: 0 0;
331
- }
332
- 100% {
333
- background-position: 20px 20px;
334
- }
335
- }
336
-
337
- .matrix-effect {
338
- position: relative;
339
- overflow: hidden;
340
- }
341
-
342
- .matrix-effect::before {
343
- content: "";
344
- position: absolute;
345
- top: 0;
346
- left: 0;
347
- width: 100%;
348
- height: 100%;
349
- background: linear-gradient(rgba(0, 255, 0, 0.1) 50%, transparent 50%);
350
- background-size: 100% 4px;
351
- animation: matrix 0.5s linear infinite;
352
- pointer-events: none;
353
- }
354
-
355
- @keyframes matrix {
356
- 0% {
357
- background-position: 0 0;
358
- }
359
- 100% {
360
- background-position: 0 4px;
361
- }
362
- }
363
-
364
- .glass-effect {
365
- background: rgba(255, 255, 255, 0.05);
366
- backdrop-filter: blur(10px);
367
- -webkit-backdrop-filter: blur(10px);
368
- border: 1px solid rgba(255, 255, 255, 0.1);
369
- }
370
-
371
- .card-hover {
372
- transition: all 0.3s ease;
373
- transform: translateY(0);
374
- }
375
-
376
- .card-hover:hover {
377
- transform: translateY(-5px);
378
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
379
- }
380
-
381
- .text-glow {
382
- text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
383
- transition: text-shadow 0.3s ease;
384
- }
385
-
386
- .text-glow:hover {
387
- text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
388
- }
389
-
390
- .border-glow {
391
- border: 1px solid rgba(255, 255, 255, 0.1);
392
- transition: border-color 0.3s ease;
393
- }
394
-
395
- .border-glow:hover {
396
- border-color: rgba(59, 130, 246, 0.5);
397
- }
398
-
399
- .shadow-glow {
400
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
401
- transition: box-shadow 0.3s ease;
402
- }
403
-
404
- .shadow-glow:hover {
405
- box-shadow: 0 8px 15px rgba(59, 130, 246, 0.3);
406
- }
407
-
408
- .pulse-glow {
409
- animation: pulseGlow 2s infinite;
410
- }
411
-
412
- @keyframes pulseGlow {
413
- 0% {
414
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
415
- }
416
- 70% {
417
- box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
418
- }
419
- 100% {
420
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
421
- }
422
- }
423
-
424
- .floating-glow {
425
- animation: floatingGlow 3s ease-in-out infinite;
426
- }
427
-
428
- @keyframes floatingGlow {
429
- 0% {
430
- transform: translateY(0);
431
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
432
- }
433
- 50% {
434
- transform: translateY(-10px);
435
- box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);
436
- }
437
- 100% {
438
- transform: translateY(0);
439
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
440
- }
441
- }
442
-
443
- .rotate-glow {
444
- animation: rotateGlow 4s linear infinite;
445
- }
446
-
447
- @keyframes rotateGlow {
448
- 0% {
449
- transform: rotate(0deg);
450
- box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
451
- }
452
- 25% {
453
- box-shadow: 5px 0 5px rgba(59, 130, 246, 0.5);
454
- }
455
- 50% {
456
- box-shadow: 0 -5px 5px rgba(59, 130, 246, 0.5);
457
- }
458
- 75% {
459
- box-shadow: -5px 0 5px rgba(59, 130, 246, 0.5);
460
- }
461
- 100% {
462
- transform: rotate(360deg);
463
- box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
464
- }
465
- }
466
-
467
- .wave-glow {
468
- position: relative;
469
- overflow: hidden;
470
- }
471
-
472
- .wave-glow::before {
473
- content: "";
474
- position: absolute;
475
- top: 0;
476
- left: -100%;
477
- width: 100%;
478
- height: 100%;
479
- background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);
480
- animation: waveGlow 2s linear infinite;
481
- }
482
-
483
- @keyframes waveGlow {
484
- 0% {
485
- left: -100%;
486
- }
487
- 100% {
488
- left: 100%;
489
- }
490
- }
491
-
492
- .sparkle {
493
- position: relative;
494
- }
495
-
496
- .sparkle::before {
497
- content: "";
498
- position: absolute;
499
- top: -2px;
500
- right: -2px;
501
- width: 6px;
502
- height: 6px;
503
- background: #fff;
504
- border-radius: 50%;
505
- box-shadow: 0 0 10px #fff, 0 0 20px #fff;
506
- animation: sparkle 1.5s infinite;
507
- }
508
-
509
- @keyframes sparkle {
510
- 0%, 100% {
511
- opacity: 0;
512
- }
513
- 50% {
514
- opacity: 1;
515
- }
516
- }
517
-
518
- .shimmer {
519
- background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
520
- background-size: 200% 100%;
521
- animation: shimmer 2s infinite;
522
- }
523
-
524
- @keyframes shimmer {
525
- 0% {
526
- background-position: -200% 0;
527
- }
528
- 100% {
529
- background-position: 200% 0;
530
- }
531
- }
532
-
533
- .ripple {
534
- position: relative;
535
- overflow: hidden;
536
- }
537
-
538
- .ripple::after {
539
- content: "";
540
- position: absolute;
541
- top: 50%;
542
- left: 50%;
543
- width: 0;
544
- height: 0;
545
- border-radius: 50%;
546
- background: rgba(255, 255, 255, 0.2);
547
- transform: translate(-50%, -50%);
548
- opacity: 0;
549
- }
550
-
551
- .ripple:active::after {
552
- width: 200px;
553
- height: 200px;
554
- opacity: 1;
555
- transition: width 0.3s, height 0.3s, opacity 0.3s;
556
- }
557
-
558
- .morph {
559
- transition: all 0.3s ease;
560
- border-radius: 10px;
561
- }
562
-
563
- .morph:hover {
564
- border-radius: 20px;
565
- }
566
-
567
- .tilt {
568
- transition: transform 0.3s ease;
569
- transform-style: preserve-3d;
570
- }
571
-
572
- .tilt:hover {
573
- transform: rotateY(10deg) rotateX(10deg);
574
- }
575
-
576
- .pop {
577
- transition: all 0.2s ease;
578
- }
579
-
580
- .pop:active {
581
- transform: scale(0.95);
582
- }
583
-
584
- .skew {
585
- transition: transform 0.3s ease;
586
- }
587
-
588
- .skew:hover {
589
- transform: skew(-5deg);
590
- }
591
-
592
- .stretch {
593
- transition: all 0.3s ease;
594
- }
595
-
596
- .stretch:hover {
597
- transform: scaleX(1.05);
598
- }
599
-
600
- .compress {
601
- transition: all 0.3s ease;
602
- }
603
-
604
- .compress:hover {
605
- transform: scaleY(0.95);
606
- }
607
-
608
- .swing {
609
- transition: transform 0.3s ease;
610
- transform-origin: top center;
611
- }
612
-
613
- .swing:hover {
614
- transform: rotate(5deg);
615
- }
616
-
617
- .wobble {
618
- animation: wobble 1s ease-in-out;
619
- }
620
-
621
- @keyframes wobble {
622
- 0%, 100% {
623
- transform: translateX(0);
624
- }
625
- 25% {
626
- transform: translateX(-10px);
627
- }
628
- 75% {
629
- transform: translateX(10px);
630
- }
631
- }
632
-
633
- .jello {
634
- animation: jello 0.6s ease;
635
- }
636
-
637
- @keyframes jello {
638
- 0%, 100% {
639
- transform: scale(1, 1);
640
- }
641
- 25% {
642
- transform: scale(1.1, 0.9);
643
- }
644
- 50% {
645
- transform: scale(0.9, 1.1);
646
- }
647
- 75% {
648
- transform: scale(1.05, 0.95);
649
- }
650
- }
651
-
652
- .heartbeat {
653
- animation: heartbeat 1.5s ease-in-out infinite;
654
- }
655
-
656
- @keyframes heartbeat {
657
- 0%, 100% {
658
- transform: scale(1);
659
- }
660
- 50% {
661
- transform: scale(1.1);
662
- }
663
- }
664
-
665
- .bounce {
666
- animation: bounce 1s infinite;
667
- }
668
-
669
- @keyframes bounce {
670
- 0%, 100% {
671
- transform: translateY(0);
672
- }
673
- 50% {
674
- transform: translateY(-20px);
675
- }
676
- }
677
-
678
- .flip {
679
- animation: flip 1s ease;
680
- }
681
-
682
- @keyframes flip {
683
- 0% {
684
- transform: rotateY(0deg);
685
- }
686
- 100% {
687
- transform: rotateY(360deg);
688
- }
689
- }
690
-
691
- .roll {
692
- animation: roll 1s ease;
693
- }
694
-
695
- @keyframes roll {
696
- 0% {
697
- transform: rotate(0deg);
698
- }
699
- 100% {
700
- transform: rotate(360deg);
701
- }
702
- }
703
-
704
- .rubberBand {
705
- animation: rubberBand 1s ease;
706
- }
707
-
708
- @keyframes rubberBand {
709
- 0%, 100% {
710
- transform: scale(1, 1);
711
- }
712
- 30% {
713
- transform: scaleX(1.25) scaleY(0.75);
714
- }
715
- 40% {
716
- transform: scaleX(0.75) scaleY(1.25);
717
- }
718
- 60% {
719
- transform: scaleX(1.15) scaleY(0.85);
720
- }
721
- }
722
-
723
- .shake {
724
- animation: shake 0.5s ease;
725
- }
726
-
727
- @keyframes shake {
728
- 0%, 100% {
729
- transform: translateX(0);
730
- }
731
- 25% {
732
- transform: translateX(-5px);
733
- }
734
- 75% {
735
- transform: translateX(5px);
736
- }
737
- }
738
-
739
- .tada {
740
- animation: tada 1s ease;
741
- }
742
-
743
- @keyframes tada {
744
- 0%, 100% {
745
- transform: scale(1);
746
- }
747
- 10%, 20% {
748
- transform: scale(0.9) rotate(-3deg);
749
- }
750
- 30%, 50%, 70%, 90% {
751
- transform: scale(1.1) rotate(3deg);
752
- }
753
- 40%, 60%, 80% {
754
- transform: scale(1.1) rotate(-3deg);
755
- }
756
- }
757
-
758
- .lightSpeedIn {
759
- animation: lightSpeedIn 0.5s ease-out;
760
- }
761
-
762
- @keyframes lightSpeedIn {
763
- 0% {
764
- transform: translateX(100%) skewX(-30deg);
765
- opacity: 0;
766
- }
767
- 60% {
768
- transform: translateX(-20%) skewX(30deg);
769
- opacity: 1;
770
- }
771
- 80% {
772
- transform: translateX(0%) skewX(-15deg);
773
- opacity: 1;
774
- }
775
- 100% {
776
- transform: translateX(0%) skewX(0deg);
777
- opacity: 1;
778
- }
779
- }
780
-
781
- .lightSpeedOut {
782
- animation: lightSpeedOut 0.5s ease-in;
783
- }
784
-
785
- @keyframes lightSpeedOut {
786
- 0% {
787
- transform: translateX(0%) skewX(0deg);
788
- opacity: 1;
789
- }
790
- 100% {
791
- transform: translateX(100%) skewX(-30deg);
792
- opacity: 0;
793
- }
794
- }
795
-
796
- .rotateInDownLeft {
797
- animation: rotateInDownLeft 0.6s ease-out;
798
- }
799
-
800
- @keyframes rotateInDownLeft {
801
- 0% {
802
- transform-origin: left bottom;
803
- transform: rotate(-90deg);
804
- opacity: 0;
805
- }
806
- 100% {
807
- transform-origin: left bottom;
808
- transform: rotate(0deg);
809
- opacity: 1;
810
- }
811
- }
812
-
813
- .rotateInDownRight {
814
- animation: rotateInDownRight 0.6s ease-out;
815
- }
816
-
817
- @keyframes rotateInDownRight {
818
- 0% {
819
- transform-origin: right bottom;
820
- transform: rotate(90deg);
821
- opacity: 0;
822
- }
823
- 100% {
824
- transform-origin: right bottom;
825
- transform: rotate(0deg);
826
- opacity: 1;
827
- }
828
- }
829
-
830
- .rotateInUpLeft {
831
- animation: rotateInUpLeft 0.6s ease-out;
832
- }
833
-
834
- @keyframes rotateInUpLeft {
835
- 0% {
836
- transform-origin: left bottom;
837
- transform: rotate(90deg);
838
- opacity: 0;
839
- }
840
- 100% {
841
- transform-origin: left bottom;
842
- transform: rotate(0deg);
843
- opacity: 1;
844
- }
845
- }
846
-
847
- .rotateInUpRight {
848
- animation: rotateInUpRight 0.6s ease-out;
849
- }
850
-
851
- @keyframes rotateInUpRight {
852
- 0% {
853
- transform-origin: right bottom;
854
- transform: rotate(-90deg);
855
- opacity: 0;
856
- }
857
- 100% {
858
- transform-origin: right bottom;
859
- transform: rotate(0deg);
860
- opacity: 1;
861
- }
862
- }
863
-
864
- .hinge {
865
- animation: hinge 2s ease;
866
- }
867
-
868
- @keyframes hinge {
869
- 0% {
870
- transform-origin: top left;
871
- animation-timing-function: ease-in-out;
872
- }
873
- 20%, 60% {
874
- transform: rotate(80deg);
875
- transform-origin: top left;
876
- animation-timing-function: ease-in-out;
877
- }
878
- 40%, 80% {
879
- transform: rotate(60deg);
880
- transform-origin: top left;
881
- animation-timing-function: ease-in-out;
882
- opacity: 1;
883
- }
884
- 100% {
885
- transform: translateY(700px);
886
- opacity: 0;
887
- }
888
- }
889
-
890
- .jackInTheBox {
891
- animation: jackInTheBox 0.7s ease;
892
- }
893
-
894
- @keyframes jackInTheBox {
895
- 0% {
896
- opacity: 0;
897
- transform: scale(0.1) rotate(30deg);
898
- transform-origin: center bottom;
899
- }
900
- 50% {
901
- transform: rotate(-10deg);
902
- }
903
- 70% {
904
- transform: rotate(3deg);
905
- }
906
- 100% {
907
- opacity: 1;
908
- transform: scale(1);
909
- }
910
- }
911
-
912
- .rollIn {
913
- animation: rollIn 0.7s ease;
914
- }
915
-
916
- @keyframes rollIn {
917
- 0% {
918
- opacity: 0;
919
- transform: translateX(-100%) rotate(-120deg);
920
- }
921
- 100% {
922
- opacity: 1;
923
- transform: translateX(0) rotate(0deg);
924
- }
925
- }
926
-
927
- .rollOut {
928
- animation: rollOut 0.7s ease;
929
- }
930
-
931
- @keyframes rollOut {
932
- 0% {
933
- opacity: 1;
934
- transform: translateX(0) rotate(0deg);
935
- }
936
- 100% {
937
- opacity: 0;
938
- transform: translateX(100%) rotate(120deg);
939
- }
940
- }
941
-
942
- .zoomInDown {
943
- animation: zoomInDown 0.6s ease;
944
- }
945
-
946
- @keyframes zoomInDown {
947
- 0% {
948
- opacity: 0;
949
- transform: scale(0.1) translateY(-1000px);
950
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
951
- }
952
- 60% {
953
- opacity: 1;
954
- transform: scale(0.475) translateY(60px);
955
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
956
- }
957
- }
958
-
959
- .zoomInLeft {
960
- animation: zoomInLeft 0.6s ease;
961
- }
962
-
963
- @keyframes zoomInLeft {
964
- 0% {
965
- opacity: 0;
966
- transform: scale(0.1) translateX(-1000px);
967
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
968
- }
969
- 60% {
970
- opacity: 1;
971
- transform: scale(0.475) translateX(10px);
972
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
973
- }
974
- }
975
-
976
- .zoomInRight {
977
- animation: zoomInRight 0.6s ease;
978
- }
979
-
980
- @keyframes zoomInRight {
981
- 0% {
982
- opacity: 0;
983
- transform: scale(0.1) translateX(1000px);
984
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
985
- }
986
- 60% {
987
- opacity: 1;
988
- transform: scale(0.475) translateX(-10px);
989
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
990
- }
991
- }
992
-
993
- .zoomInUp {
994
- animation: zoomInUp 0.6s ease;
995
- }
996
-
997
- @keyframes zoomInUp {
998
- 0% {
999
- opacity: 0;
1000
- transform: scale(0.1) translateY(1000px);
1001
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1002
- }
1003
- 60% {
1004
- opacity: 1;
1005
- transform: scale(0.475) translateY(-60px);
1006
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1007
- }
1008
- }
1009
-
1010
- .zoomOut {
1011
- animation: zoomOut 0.6s ease;
1012
- }
1013
-
1014
- @keyframes zoomOut {
1015
- 0% {
1016
- opacity: 1;
1017
- transform: scale(1);
1018
- }
1019
- 50% {
1020
- opacity: 0;
1021
- transform: scale(0.3);
1022
- }
1023
- 100% {
1024
- opacity: 0;
1025
- }
1026
- }
1027
-
1028
- .zoomOutDown {
1029
- animation: zoomOutDown 0.6s ease;
1030
- }
1031
-
1032
- @keyframes zoomOutDown {
1033
- 40% {
1034
- opacity: 1;
1035
- transform: scale(0.475) translateY(-60px);
1036
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1037
- }
1038
- 100% {
1039
- opacity: 0;
1040
- transform: scale(0.1) translateY(2000px);
1041
- transform-origin: center bottom;
1042
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1043
- }
1044
- }
1045
-
1046
- .zoomOutLeft {
1047
- animation: zoomOutLeft 0.6s ease;
1048
- }
1049
-
1050
- @keyframes zoomOutLeft {
1051
- 40% {
1052
- opacity: 1;
1053
- transform: scale(0.475) translateX(42px);
1054
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1055
- }
1056
- 100% {
1057
- opacity: 0;
1058
- transform: scale(0.1) translateX(-2000px);
1059
- transform-origin: left center;
1060
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1061
- }
1062
- }
1063
-
1064
- .zoomOutRight {
1065
- animation: zoomOutRight 0.6s ease;
1066
- }
1067
-
1068
- @keyframes zoomOutRight {
1069
- 40% {
1070
- opacity: 1;
1071
- transform: scale(0.475) translateX(-42px);
1072
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1073
- }
1074
- 100% {
1075
- opacity: 0;
1076
- transform: scale(0.1) translateX(2000px);
1077
- transform-origin: right center;
1078
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1079
- }
1080
- }
1081
-
1082
- .zoomOutUp {
1083
- animation: zoomOutUp 0.6s ease;
1084
- }
1085
-
1086
- @keyframes zoomOutUp {
1087
- 40% {
1088
- opacity: 1;
1089
- transform: scale(0.475) translateY(60px);
1090
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1091
- }
1092
- 100% {
1093
- opacity: 0;
1094
- transform: scale(0.1) translateY(-2000px);
1095
- transform-origin: center top;
1096
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1097
- }
1098
- }
1099
-
1100
- .slideInDown {
1101
- animation: slideInDown 0.5s ease-out;
1102
- }
1103
-
1104
- @keyframes slideInDown {
1105
- from {
1106
- transform: translateY(-100%);
1107
- opacity: 0;
1108
- }
1109
- to {
1110
- transform: translateY(0);
1111
- opacity: 1;
1112
- }
1113
- }
1114
-
1115
- .slideInLeft {
1116
- animation: slideInLeft 0.5s ease-out;
1117
- }
1118
-
1119
- @keyframes slideInLeft {
1120
- from {
1121
- transform: translateX(-100%);
1122
- opacity: 0;
1123
- }
1124
- to {
1125
- transform: translateX(0);
1126
- opacity: 1;
1127
- }
1128
- }
1129
-
1130
- .slideInRight {
1131
- animation: slideInRight 0.5s ease-out;
1132
- }
1133
-
1134
- @keyframes slideInRight {
1135
- from {
1136
- transform: translateX(100%);
1137
- opacity: 0;
1138
- }
1139
- to {
1140
- transform: translateX(0);
1141
- opacity: 1;
1142
- }
1143
- }
1144
-
1145
- .slideInUp {
1146
- animation: slideInUp 0.5s ease-out;
1147
- }
1148
-
1149
- @keyframes slideInUp {
1150
- from {
1151
- transform: translateY(100%);
1152
- opacity: 0;
1153
- }
1154
- to {
1155
- transform: translateY(0);
1156
- opacity: 1;
1157
- }
1158
- }
1159
-
1160
- .slideOutDown {
1161
- animation: slideOutDown 0.5s ease-out;
1162
- }
1163
-
1164
- @keyframes slideOutDown {
1165
- from {
1166
- transform: translateY(0);
1167
- opacity: 1;
1168
- }
1169
- to {
1170
- transform: translateY(100%);
1171
- opacity: 0;
1172
- }
1173
- }
1174
-
1175
- .slideOutLeft {
1176
- animation: slideOutLeft 0.5s ease-out;
1177
- }
1178
-
1179
- @keyframes slideOutLeft {
1180
- from {
1181
- transform: translateX(0);
1182
- opacity: 1;
1183
- }
1184
- to {
1185
- transform: translateX(-100%);
1186
- opacity: 0;
1187
- }
1188
- }
1189
-
1190
- .slideOutRight {
1191
- animation: slideOutRight 0.5s ease-out;
1192
- }
1193
-
1194
- @keyframes slideOutRight {
1195
- from {
1196
- transform: translateX(0);
1197
- opacity: 1;
1198
- }
1199
- to {
1200
- transform: translateX(100%);
1201
- opacity: 0;
1202
- }
1203
- }
1204
-
1205
- .slideOutUp {
1206
- animation: slideOutUp 0.5s ease-out;
1207
- }
1208
-
1209
- @keyframes slideOutUp {
1210
- from {
1211
- transform: translateY(0);
1212
- opacity: 1;
1213
- }
1214
- to {
1215
- transform: translateY(-100%);
1216
- opacity: 0;
1217
- }
1218
- }
1219
-
1220
- .fadeIn {
1221
- animation: fadeIn 0.5s ease-out;
1222
- }
1223
-
1224
- .fadeOut {
1225
- animation: fadeOut 0.5s ease-out;
1226
- }
1227
-
1228
- @keyframes fadeOut {
1229
- from {
1230
- opacity: 1;
1231
- }
1232
- to {
1233
- opacity: 0;
1234
- }
1235
- }
1236
-
1237
- .fadeInDown {
1238
- animation: fadeInDown 0.5s ease-out;
1239
- }
1240
-
1241
- .fadeOutDown {
1242
- animation: fadeOutDown 0.5s ease-out;
1243
- }
1244
-
1245
- @keyframes fadeOutDown {
1246
- from {
1247
- opacity: 1;
1248
- }
1249
- to {
1250
- opacity: 0;
1251
- transform: translateY(100%);
1252
- }
1253
- }
1254
-
1255
- .fadeInDownBig {
1256
- animation: fadeInDownBig 0.5s ease-out;
1257
- }
1258
-
1259
- @keyframes fadeInDownBig {
1260
- from {
1261
- opacity: 0;
1262
- transform: translateY(-2000px);
1263
- }
1264
- to {
1265
- opacity: 1;
1266
- transform: translateY(0);
1267
- }
1268
- }
1269
-
1270
- .fadeOutDownBig {
1271
- animation: fadeOutDownBig 0.5s ease-out;
1272
- }
1273
-
1274
- @keyframes fadeOutDownBig {
1275
- from {
1276
- opacity: 1;
1277
- }
1278
- to {
1279
- opacity: 0;
1280
- transform: translateY(2000px);
1281
- }
1282
- }
1283
-
1284
- .fadeInLeft {
1285
- animation: fadeInLeft 0.5s ease-out;
1286
- }
1287
-
1288
- .fadeOutLeft {
1289
- animation: fadeOutLeft 0.5s ease-out;
1290
- }
1291
-
1292
- @keyframes fadeOutLeft {
1293
- from {
1294
- opacity: 1;
1295
- }
1296
- to {
1297
- opacity: 0;
1298
- transform: translateX(-100%);
1299
- }
1300
- }
1301
-
1302
- .fadeInLeftBig {
1303
- animation: fadeInLeftBig 0.5s ease-out;
1304
- }
1305
-
1306
- @keyframes fadeInLeftBig {
1307
- from {
1308
- opacity: 0;
1309
- transform: translateX(-2000px);
1310
- }
1311
- to {
1312
- opacity: 1;
1313
- transform: translateX(0);
1314
- }
1315
- }
1316
-
1317
- .fadeOutLeftBig {
1318
- animation: fadeOutLeftBig 0.5s ease-out;
1319
- }
1320
-
1321
- @keyframes fadeOutLeftBig {
1322
- from {
1323
- opacity: 1;
1324
- }
1325
- to {
1326
- opacity: 0;
1327
- transform: translateX(-2000px);
1328
- }
1329
- }
1330
-
1331
- .fadeInRight {
1332
- animation: fadeInRight 0.5s ease-out;
1333
- }
1334
-
1335
- .fadeOutRight {
1336
- animation: fadeOutRight 0.5s ease-out;
1337
- }
1338
-
1339
- @keyframes fadeOutRight {
1340
- from {
1341
- opacity: 1;
1342
- }
1343
- to {
1344
- opacity: 0;
1345
- transform: translateX(100%);
1346
- }
1347
- }
1348
-
1349
- .fadeInRightBig {
1350
- animation: fadeInRightBig 0.5s ease-out;
1351
- }
1352
-
1353
- @keyframes fadeInRightBig {
1354
- from {
1355
- opacity: 0;
1356
- transform: translateX(2000px);
1357
- }
1358
- to {
1359
- opacity: 1;
1360
- transform: translateX(0);
1361
- }
1362
- }
1363
-
1364
- .fadeOutRightBig {
1365
- animation: fadeOutRightBig 0.5s ease-out;
1366
- }
1367
-
1368
- @keyframes fadeOutRightBig {
1369
- from {
1370
- opacity: 1;
1371
- }
1372
- to {
1373
- opacity: 0;
1374
- transform: translateX(2000px);
1375
- }
1376
- }
1377
-
1378
- .fadeInUp {
1379
- animation: fadeInUp 0.5s ease-out;
1380
- }
1381
-
1382
- .fadeOutUp {
1383
- animation: fadeOutUp 0.5s ease-out;
1384
- }
1385
-
1386
- @keyframes fadeOutUp {
1387
- from {
1388
- opacity: 1;
1389
- }
1390
- to {
1391
- opacity: 0;
1392
- transform: translateY(-100%);
1393
- }
1394
- }
1395
-
1396
- .fadeInUpBig {
1397
- animation: fadeInUpBig 0.5s ease-out;
1398
- }
1399
-
1400
- @keyframes fadeInUpBig {
1401
- from {
1402
- opacity: 0;
1403
- transform: translateY(2000px);
1404
- }
1405
- to {
1406
- opacity: 1;
1407
- transform: translateY(0);
1408
- }
1409
- }
1410
-
1411
- .fadeOutUpBig {
1412
- animation: fadeOutUpBig 0.5s ease-out;
1413
- }
1414
-
1415
- @keyframes fadeOutUpBig {
1416
- from {
1417
- opacity: 1;
1418
- }
1419
- to {
1420
- opacity: 0;
1421
- transform: translateY(-2000px);
1422
- }
1423
- }
1424
-
1425
- .flipInX {
1426
- animation: flipInX 0.6s ease;
1427
- }
1428
-
1429
- @keyframes flipInX {
1430
- 0% {
1431
- transform: perspective(400px) rotateX(90deg);
1432
- opacity: 0;
1433
- }
1434
- 40% {
1435
- transform: perspective(400px) rotateX(-10deg);
1436
- }
1437
- 70% {
1438
- transform: perspective(400px) rotateX(10deg);
1439
- }
1440
- 100% {
1441
- transform: perspective(400px) rotateX(0deg);
1442
- opacity: 1;
1443
- }
1444
- }
1445
-
1446
- .flipInY {
1447
- animation: flipInY 0.6s ease;
1448
- }
1449
-
1450
- @keyframes flipInY {
1451
- 0% {
1452
- transform: perspective(400px) rotateY(90deg);
1453
- opacity: 0;
1454
- }
1455
- 40% {
1456
- transform: perspective(400px) rotateY(-10deg);
1457
- }
1458
- 70% {
1459
- transform: perspective(400px) rotateY(10deg);
1460
- }
1461
- 100% {
1462
- transform: perspective(400px) rotateY(0deg);
1463
- opacity: 1;
1464
- }
1465
- }
1466
-
1467
- .flipOutX {
1468
- animation: flipOutX 0.6s ease;
1469
- }
1470
-
1471
- @keyframes flipOutX {
1472
- 0% {
1473
- transform: perspective(400px) rotateX(0deg);
1474
- opacity: 1;
1475
- }
1476
- 100% {
1477
- transform: perspective(400px) rotateX(90deg);
1478
- opacity: 0;
1479
- }
1480
- }
1481
-
1482
- .flipOutY {
1483
- animation: flipOutY 0.6s ease;
1484
- }
1485
-
1486
- @keyframes flipOutY {
1487
- 0% {
1488
- transform: perspective(400px) rotateY(0deg);
1489
- opacity: 1;
1490
- }
1491
- 100% {
1492
- transform: perspective(400px) rotateY(90deg);
1493
- opacity: 0;
1494
- }
1495
- }
1496
-
1497
- .lightSpeedInRight {
1498
- animation: lightSpeedInRight 0.5s ease-out;
1499
- }
1500
-
1501
- @keyframes lightSpeedInRight {
1502
- 0% {
1503
- transform: translateX(-100%) skewX(30deg);
1504
- opacity: 0;
1505
- }
1506
- 60% {
1507
- transform: translateX(20%) skewX(-30deg);
1508
- opacity: 1;
1509
- }
1510
- 80% {
1511
- transform: translateX(0%) skewX(15deg);
1512
- opacity: 1;
1513
- }
1514
- 100% {
1515
- transform: translateX(0%) skewX(0deg);
1516
- opacity: 1;
1517
- }
1518
- }
1519
-
1520
- .lightSpeedOutLeft {
1521
- animation: lightSpeedOutLeft 0.5s ease-in;
1522
- }
1523
-
1524
- @keyframes lightSpeedOutLeft {
1525
- 0% {
1526
- transform: translateX(0%) skewX(0deg);
1527
- opacity: 1;
1528
- }
1529
- 100% {
1530
- transform: translateX(-100%) skewX(30deg);
1531
- opacity: 0;
1532
- }
1533
- }
1534
-
1535
- .lightSpeedOutRight {
1536
- animation: lightSpeedOutRight 0.5s ease-in;
1537
- }
1538
-
1539
- @keyframes lightSpeedOutRight {
1540
- 0% {
1541
- transform: translateX(0%) skewX(0deg);
1542
- opacity: 1;
1543
- }
1544
- 100% {
1545
- transform: translateX(100%) skewX(-30deg);
1546
- opacity: 0;
1547
- }
1548
- }
1549
-
1550
- .rotateOut {
1551
- animation: rotateOut 0.6s ease;
1552
- }
1553
-
1554
- @keyframes rotateOut {
1555
- 0% {
1556
- transform-origin: center;
1557
- opacity: 1;
1558
- }
1559
- 100% {
1560
- transform-origin: center;
1561
- transform: rotate(200deg);
1562
- opacity: 0;
1563
- }
1564
- }
1565
-
1566
- .rotateOutDownLeft {
1567
- animation: rotateOutDownLeft 0.6s ease;
1568
- }
1569
-
1570
- @keyframes rotateOutDownLeft {
1571
- 0% {
1572
- transform-origin: left bottom;
1573
- opacity: 1;
1574
- }
1575
- 100% {
1576
- transform-origin: left bottom;
1577
- transform: rotate(45deg);
1578
- opacity: 0;
1579
- }
1580
- }
1581
-
1582
- .rotateOutDownRight {
1583
- animation: rotateOutDownRight 0.6s ease;
1584
- }
1585
-
1586
- @keyframes rotateOutDownRight {
1587
- 0% {
1588
- transform-origin: right bottom;
1589
- opacity: 1;
1590
- }
1591
- 100% {
1592
- transform-origin: right bottom;
1593
- transform: rotate(-45deg);
1594
- opacity: 0;
1595
- }
1596
- }
1597
-
1598
- .rotateOutUpLeft {
1599
- animation: rotateOutUpLeft 0.6s ease;
1600
- }
1601
-
1602
- @keyframes rotateOutUpLeft {
1603
- 0% {
1604
- transform-origin: left bottom;
1605
- opacity: 1;
1606
- }
1607
- 100% {
1608
- transform-origin: left bottom;
1609
- transform: rotate(-45deg);
1610
- opacity: 0;
1611
- }
1612
- }
1613
-
1614
- .rotateOutUpRight {
1615
- animation: rotateOutUpRight 0.6s ease;
1616
- }
1617
-
1618
- @keyframes rotateOutUpRight {
1619
- 0% {
1620
- transform-origin: right bottom;
1621
- opacity: 1;
1622
- }
1623
- 100% {
1624
- transform-origin: right bottom;
1625
- transform: rotate(45deg);
1626
- opacity: 0;
1627
- }
1628
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/button.css DELETED
@@ -1,65 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- #sendBtn, #stopBtn {
7
- width: 2.75rem;
8
- height: 2.75rem;
9
- border: none;
10
- border-radius: 50%;
11
- display: flex;
12
- justify-content: center;
13
- align-items: center;
14
- cursor: pointer;
15
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16
- flex-shrink: 0;
17
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
18
- }
19
-
20
- #sendBtn {
21
- background: linear-gradient(135deg, var(--color-primary), #2563eb);
22
- color: white;
23
- }
24
-
25
- #sendBtn:hover:not(:disabled) {
26
- transform: translateY(-2px) scale(1.05);
27
- box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
28
- }
29
-
30
- #sendBtn:active:not(:disabled) {
31
- transform: translateY(0) scale(0.98);
32
- }
33
-
34
- #sendBtn:disabled {
35
- opacity: 0.6;
36
- cursor: not-allowed;
37
- transform: scale(0.96);
38
- }
39
-
40
- #stopBtn {
41
- background: linear-gradient(135deg, #ef4444, #dc2626);
42
- color: white;
43
- display: none;
44
- box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
45
- }
46
-
47
- #stopBtn:hover {
48
- transform: translateY(-2px) scale(1.05);
49
- box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
50
- }
51
-
52
- #stopBtn:active {
53
- transform: translateY(0) scale(0.98);
54
- }
55
-
56
- #sendIcon {
57
- width: 1.25rem;
58
- height: 1.25rem;
59
- stroke: #fff;
60
- transition: transform 0.2s ease;
61
- }
62
-
63
- #sendBtn:hover:not(:disabled) #sendIcon {
64
- transform: translateX(2px);
65
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/chat/bubble.css DELETED
@@ -1,56 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .bubble {
7
- display: block;
8
- align-self: flex-start;
9
- background: #1f1f1f;
10
- color: #e8e8e8;
11
- border-radius: var(--bubble-radius);
12
- line-height: 1.5;
13
- white-space: normal;
14
- font-family: 'Inter', sans-serif;
15
- font-size: 0.95rem;
16
- position: relative;
17
- opacity: 0;
18
- animation: bubbleAppear 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
19
- margin: 0.75rem 0;
20
- overflow-wrap: break-word;
21
- word-break: break-word;
22
- vertical-align: middle;
23
- padding: 1rem 1rem;
24
- box-sizing: border-box;
25
- max-width: 100%;
26
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
27
- border: 1px solid rgba(255, 255, 255, 0.05);
28
- transition: all 0.3s ease;
29
- }
30
-
31
- .bubble:hover {
32
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
33
- transform: translateY(-1px);
34
- }
35
-
36
- @keyframes bubbleAppear {
37
- to {
38
- opacity: 1;
39
- transform: translateY(0);
40
- }
41
- }
42
-
43
- .bubble-user {
44
- align-self: flex-end;
45
- background: #2b2b2b;
46
- color: #fff;
47
- border-bottom-right-radius: 0.5rem;
48
- box-shadow: none;
49
- }
50
-
51
- .bubble-assist {
52
- align-self: flex-start;
53
- background: transparent;
54
- border: none;
55
- box-shadow: none;
56
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/chat/markdown.css DELETED
@@ -1,163 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .md-content {
7
- color: inherit;
8
- font-size: 0.95rem;
9
- line-height: 1.6;
10
- overflow-wrap: break-word;
11
- word-break: break-word;
12
- }
13
-
14
- .md-content p {
15
- margin: 0.5rem 0;
16
- }
17
-
18
- .md-content pre {
19
- overflow: auto;
20
- padding: 1rem;
21
- border-radius: 0.75rem;
22
- margin: 0.75rem 0;
23
- max-width: 100%;
24
- box-sizing: border-box;
25
- background: rgba(0, 0, 0, 0.3);
26
- border: 1px solid rgba(255, 255, 255, 0.1);
27
- }
28
-
29
- .md-content code {
30
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
31
- font-size: 0.85em;
32
- word-break: break-word;
33
- background: rgba(0, 0, 0, 0.2);
34
- padding: 0.2em 0.4em;
35
- border-radius: 0.3rem;
36
- }
37
-
38
- .md-content pre code {
39
- background: transparent;
40
- padding: 0;
41
- }
42
-
43
- .md-content table {
44
- width: 100%;
45
- border-collapse: collapse;
46
- margin: 0.75rem 0;
47
- min-width: 100%;
48
- box-sizing: border-box;
49
- }
50
-
51
- .table-wrapper {
52
- overflow: auto;
53
- border-radius: 0.6rem;
54
- border: 1px solid rgba(255, 255, 255, 0.2);
55
- margin: 0.5rem 0;
56
- max-width: 100%;
57
- box-sizing: border-box;
58
- }
59
-
60
- .md-content th, .md-content td {
61
- padding: 0.6rem 0.8rem;
62
- border: 1px solid rgba(255, 255, 255, 0.2);
63
- text-align: left;
64
- vertical-align: top;
65
- word-break: break-word;
66
- max-width: 200px;
67
- }
68
-
69
- .md-content th, tbody tr:nth-child(odd) td {
70
- background: rgba(0, 0, 0, 0.3);
71
- }
72
-
73
- .md-content ul {
74
- list-style-type: none;
75
- padding-left: 0;
76
- }
77
-
78
- .md-content ul ul {
79
- list-style-type: none;
80
- padding-left: 2em;
81
- }
82
-
83
- .md-content ul ul ul {
84
- list-style-type: none;
85
- padding-left: 2em;
86
- }
87
-
88
- .md-content ol {
89
- list-style-type: none;
90
- padding-left: 0;
91
- counter-reset: list-counter;
92
- }
93
-
94
- .md-content ol ol {
95
- list-style-type: none;
96
- padding-left: 2em;
97
- }
98
-
99
- .md-content ol ol ol {
100
- list-style-type: none;
101
- padding-left: 2em;
102
- }
103
-
104
- .md-content ul > li, .md-content ol > li {
105
- margin-top: 0.5rem;
106
- margin-bottom: 0.5rem;
107
- position: relative;
108
- padding-left: 2.8em;
109
- }
110
-
111
- .md-content ul > li::before {
112
- content: "•";
113
- position: absolute;
114
- left: 1em;
115
- top: 0;
116
- font-size: 1.2em;
117
- }
118
-
119
- .md-content ol > li {
120
- counter-increment: list-counter;
121
- }
122
-
123
- .md-content ol > li::before {
124
- content: counter(list-counter) ".";
125
- position: absolute;
126
- left: 0;
127
- top: 0;
128
- min-width: 2.5em;
129
- text-align: right;
130
- padding-right: 0.5em;
131
- font-weight: 500;
132
- }
133
-
134
- .md-content hr {
135
- border: 0;
136
- height: 2px;
137
- background: #ffffff;
138
- margin: 1.2rem 0;
139
- border-radius: 2px;
140
- }
141
-
142
- .md-content blockquote {
143
- border-left: 4px solid rgba(59, 130, 246, 0.5);
144
- padding: 0.75rem 1rem;
145
- margin: 0.75rem 0;
146
- color: rgba(255, 255, 255, 0.9);
147
- background: rgba(59, 130, 246, 0.1);
148
- border-radius: 0.5rem;
149
- overflow-wrap: break-word;
150
- }
151
-
152
- .md-content img {
153
- max-width: 100%;
154
- height: auto;
155
- display: block;
156
- margin: 0.75rem auto;
157
- border-radius: 8px;
158
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
159
- }
160
-
161
- .md-content table td pre, .md-content table th pre {
162
- overflow: auto;
163
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/chat/style.css DELETED
@@ -1,58 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .chat-title {
7
- font-weight: 700;
8
- font-size: 1rem;
9
- color: #e6eefc;
10
- display: flex;
11
- align-items: center;
12
- gap: 0.5rem;
13
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
14
- white-space: nowrap;
15
- overflow: hidden;
16
- text-overflow: ellipsis;
17
- }
18
-
19
- .chat-controls {
20
- display: flex;
21
- align-items: center;
22
- gap: 0.5rem;
23
- }
24
-
25
- .chat-section {
26
- display: flex;
27
- flex-direction: column;
28
- width: 100%;
29
- height: 100%;
30
- }
31
-
32
- #chatArea {
33
- flex: 1;
34
- display: flex;
35
- flex-direction: column;
36
- overflow-y: auto;
37
- width: 100%;
38
- height: 100%;
39
- box-sizing: border-box;
40
- overflow-wrap: break-word;
41
- word-wrap: break-word;
42
- word-break: break-word;
43
- max-width: 100%;
44
- }
45
-
46
- #chatBox {
47
- display: none;
48
- flex-direction: column;
49
- width: 100%;
50
- height: 100%;
51
- overflow-y: auto;
52
- padding: 0.75rem 0.75rem calc(var(--footer-height) + 1rem) 1rem;
53
- box-sizing: border-box;
54
- max-width: 100%;
55
- overflow-wrap: break-word;
56
- word-wrap: break-word;
57
- word-break: break-word;
58
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/footer.css DELETED
@@ -1,21 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- #footerForm {
7
- display: flex;
8
- gap: 0.75rem;
9
- background-color: transparent;
10
- align-items: center;
11
- width: 100%;
12
- max-width: 100%;
13
- box-sizing: border-box;
14
- position: fixed;
15
- bottom: 5rem;
16
- left: 0;
17
- right: 0;
18
- z-index: 1000;
19
- animation: slideInUp 0.3s ease-out forwards;
20
- height: 0;
21
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/header.css DELETED
@@ -1,30 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .main-header, .chat-header {
7
- position: fixed;
8
- top: 0;
9
- left: 0;
10
- right: 0;
11
- z-index: 1000;
12
- display: flex;
13
- align-items: center;
14
- width: 100%;
15
- box-sizing: border-box;
16
- backdrop-filter: blur(10px);
17
- -webkit-backdrop-filter: blur(10px);
18
- transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1);
19
- height: var(--header-height);
20
- background-color: rgba(15, 15, 15, 0.85);
21
- }
22
-
23
- .main-header {
24
- justify-content: space-between;
25
- }
26
-
27
- .chat-header {
28
- justify-content: space-between;
29
- display: none;
30
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/icon.css DELETED
@@ -1,83 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .icon-btn {
7
- background: transparent;
8
- border: none;
9
- cursor: pointer;
10
- padding: 0.5rem;
11
- border-radius: 0.5rem;
12
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- gap: 0.5rem;
17
- color: #dbe3ff;
18
- backdrop-filter: blur(4px);
19
- -webkit-backdrop-filter: blur(4px);
20
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21
- height: 2.5rem;
22
- width: 2.5rem;
23
- }
24
-
25
- .icon-btn:hover {
26
- background: rgba(255, 255, 255, 0.1);
27
- transform: translateY(-2px);
28
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
29
- }
30
-
31
- .icon-btn:active {
32
- transform: translateY(0);
33
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
34
- }
35
-
36
- .icon {
37
- width: 1.2rem;
38
- height: 1.2rem;
39
- color: #9ca3af;
40
- flex-shrink: 0;
41
- transition: transform 0.2s ease;
42
- }
43
-
44
- .prompt-item:hover .icon {
45
- transform: scale(1.1);
46
- }
47
-
48
- #leftIcon {
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- padding: 0.2rem;
53
- color: #9ca3af;
54
- cursor: pointer;
55
- transition: all 0.2s ease;
56
- }
57
-
58
- #leftIcon:hover {
59
- color: var(--color-primary);
60
- transform: scale(1.1);
61
- }
62
-
63
- #rightIconGroup {
64
- display: flex;
65
- align-items: center;
66
- justify-content: center;
67
- padding: 0.2rem;
68
- gap: 0.5rem;
69
- }
70
-
71
- .linkedin {
72
- display: inline-block;
73
- width: 1rem;
74
- height: 1rem;
75
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23dbe3ff' class='bi bi-linkedin' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z'/%3E%3C/svg%3E");
76
- background-size: contain;
77
- background-repeat: no-repeat;
78
- transition: transform 0.2s ease;
79
- }
80
-
81
- .icon-btn:hover .linkedin {
82
- transform: scale(1.1);
83
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/input.css DELETED
@@ -1,41 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- #inputContainer {
7
- display: flex;
8
- align-items: center;
9
- flex: 1;
10
- background: linear-gradient(145deg, #1a1a1a, #141414);
11
- border-radius: 2rem;
12
- border: 1px solid rgba(255, 255, 255, 0.1);
13
- padding: 0.25rem;
14
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
15
- max-width: 100%;
16
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
17
- }
18
-
19
- #inputContainer:focus-within {
20
- border-color: var(--color-primary);
21
- background: linear-gradient(145deg, #1f1f1f, #1a1a1a);
22
- box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2);
23
- transform: translateY(-1px);
24
- }
25
-
26
- #userInput {
27
- flex: 1;
28
- padding: 0.75rem 0.75rem;
29
- border-radius: 2rem;
30
- border: 1px solid transparent;
31
- background-color: transparent;
32
- color: #e0e0e0;
33
- font-size: 1rem;
34
- outline: none;
35
- transition: border-color 0.2s, background-color 0.2s;
36
- word-break: break-word;
37
- overflow-wrap: break-word;
38
- max-width: 100%;
39
- min-width: 0;
40
- font-family: 'Inter', sans-serif;
41
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/logo.css DELETED
@@ -1,20 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .logo {
7
- font-weight: 800;
8
- font-size: 1.125rem;
9
- display: flex;
10
- align-items: center;
11
- gap: 0.5rem;
12
- color: #eaeef8;
13
- word-break: break-word;
14
- transition: transform 0.2s ease;
15
- height: 100%;
16
- }
17
-
18
- .logo:hover {
19
- transform: scale(1.05);
20
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/prompts.css DELETED
@@ -1,46 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .prompts {
7
- display: grid;
8
- grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
9
- gap: 1rem;
10
- width: 100%;
11
- max-width: 100%;
12
- margin-bottom: 1.5rem;
13
- }
14
-
15
- .prompt-item {
16
- background: linear-gradient(145deg, #1a1a1a, #141414);
17
- padding: 1rem 1.25rem;
18
- border-radius: var(--prompt-radius);
19
- display: flex;
20
- align-items: center;
21
- gap: 0.8rem;
22
- cursor: pointer;
23
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24
- word-break: break-word;
25
- overflow-wrap: break-word;
26
- border: 1px solid rgba(255, 255, 255, 0.05);
27
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
28
- animation: fadeIn 0.5s ease-out forwards;
29
- transform: translateY(20px);
30
- opacity: 0;
31
- }
32
-
33
- .prompt-item:nth-child(1) { animation-delay: 0.1s; }
34
- .prompt-item:nth-child(2) { animation-delay: 0.2s; }
35
- .prompt-item:nth-child(3) { animation-delay: 0.3s; }
36
- .prompt-item:nth-child(4) { animation-delay: 0.4s; }
37
-
38
- .prompt-item:hover {
39
- background: linear-gradient(145deg, #1f1f1f, #1a1a1a);
40
- transform: translateY(-3px) scale(1.02);
41
- box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
42
- }
43
-
44
- .prompt-item:active {
45
- transform: translateY(0) scale(0.98);
46
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/1200.css DELETED
@@ -1,15 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (min-width: 1200px) {
7
- .prompts {
8
- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
9
- max-width: 1200px;
10
- }
11
-
12
- .title {
13
- font-size: clamp(2rem, 3vw, 3rem);
14
- }
15
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/2000.css DELETED
@@ -1,50 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (min-width: 2000px) {
7
- :root {
8
- --header-height: 4.5rem;
9
- --footer-height: 6rem;
10
- --border-radius: 1.25rem;
11
- --bubble-radius: 1.25rem;
12
- --prompt-radius: 1.25rem;
13
- font-size: 1.1rem;
14
- }
15
-
16
- .title {
17
- font-size: clamp(2.5rem, 2.5vw, 3.5rem);
18
- }
19
-
20
- .prompts {
21
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
22
- max-width: 1600px;
23
- }
24
-
25
- .prompt-item {
26
- padding: 1.25rem 1.5rem;
27
- border-radius: 1.25rem;
28
- }
29
-
30
- .bubble {
31
- padding: 1.25rem 1.5rem;
32
- font-size: 1.1rem;
33
- border-radius: 1.25rem;
34
- }
35
-
36
- #userInput {
37
- padding: 1rem 1.25rem;
38
- font-size: 1.1rem;
39
- }
40
-
41
- #sendBtn, #stopBtn {
42
- width: 3.25rem;
43
- height: 3.25rem;
44
- }
45
-
46
- .icon-btn {
47
- width: 3rem;
48
- height: 3rem;
49
- }
50
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/320.css DELETED
@@ -1,82 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (max-width: 320px) {
7
- :root {
8
- --header-height: 2.25rem;
9
- --footer-height: 3.5rem;
10
- --border-radius: 0.5rem;
11
- --bubble-radius: 0.5rem;
12
- --prompt-radius: 0.5rem;
13
- }
14
-
15
- .main-header, .chat-header {
16
- padding: 0.3rem 0.4rem;
17
- }
18
-
19
- #chatBox {
20
- padding: 0.3rem 0.4rem calc(var(--footer-height) + 0.4rem) 0.4rem;
21
- }
22
-
23
- #footerForm {
24
- padding: 0.3rem 0.4rem;
25
- }
26
-
27
- #userInput {
28
- padding: 0.4rem 0.5rem;
29
- font-size: 0.8rem;
30
- }
31
-
32
- #sendBtn, #stopBtn {
33
- width: 1.75rem;
34
- height: 1.75rem;
35
- }
36
-
37
- .title {
38
- font-size: clamp(1rem, 5vw, 1.4rem);
39
- margin-bottom: 0.7rem;
40
- }
41
-
42
- .prompts {
43
- gap: 0.4rem;
44
- margin-bottom: 0.7rem;
45
- }
46
-
47
- .prompt-item {
48
- padding: 0.5rem 0.7rem;
49
- gap: 0.4rem;
50
- }
51
-
52
- .icon {
53
- width: 0.8rem;
54
- height: 0.8rem;
55
- }
56
-
57
- .system {
58
- font-size: 0.6rem;
59
- margin-top: 0.7rem;
60
- }
61
-
62
- .bubble {
63
- padding: 0.5rem 0.7rem;
64
- font-size: 0.75rem;
65
- border-radius: 0.5rem;
66
- margin: 0.3rem 0;
67
- }
68
-
69
- .chat-title {
70
- font-size: 0.8rem;
71
- }
72
-
73
- .icon-btn {
74
- padding: 0.25rem;
75
- width: 1.5rem;
76
- height: 1.5rem;
77
- }
78
-
79
- .logo {
80
- font-size: 0.85rem;
81
- }
82
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/360.css DELETED
@@ -1,82 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (max-width: 360px) {
7
- :root {
8
- --header-height: 2.5rem;
9
- --footer-height: 3.75rem;
10
- --border-radius: 0.625rem;
11
- --bubble-radius: 0.625rem;
12
- --prompt-radius: 0.625rem;
13
- }
14
-
15
- .main-header, .chat-header {
16
- padding: 0.35rem 0.5rem;
17
- }
18
-
19
- #chatBox {
20
- padding: 0.4rem 0.5rem calc(var(--footer-height) + 0.5rem) 0.5rem;
21
- }
22
-
23
- #footerForm {
24
- padding: 0.4rem 0.5rem;
25
- }
26
-
27
- #userInput {
28
- padding: 0.45rem 0.6rem;
29
- font-size: 0.85rem;
30
- }
31
-
32
- #sendBtn, #stopBtn {
33
- width: 2rem;
34
- height: 2rem;
35
- }
36
-
37
- .title {
38
- font-size: clamp(1.1rem, 5vw, 1.6rem);
39
- margin-bottom: 0.8rem;
40
- }
41
-
42
- .prompts {
43
- gap: 0.5rem;
44
- margin-bottom: 0.8rem;
45
- }
46
-
47
- .prompt-item {
48
- padding: 0.6rem 0.8rem;
49
- gap: 0.5rem;
50
- }
51
-
52
- .icon {
53
- width: 0.9rem;
54
- height: 0.9rem;
55
- }
56
-
57
- .system {
58
- font-size: 0.65rem;
59
- margin-top: 0.8rem;
60
- }
61
-
62
- .bubble {
63
- padding: 0.6rem 0.8rem;
64
- font-size: 0.8rem;
65
- border-radius: 0.625rem;
66
- margin: 0.4rem 0;
67
- }
68
-
69
- .chat-title {
70
- font-size: 0.85rem;
71
- }
72
-
73
- .icon-btn {
74
- padding: 0.3rem;
75
- width: 1.75rem;
76
- height: 1.75rem;
77
- }
78
-
79
- .logo {
80
- font-size: 0.9rem;
81
- }
82
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/3840.css DELETED
@@ -1,51 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (min-width: 3840px) {
7
- :root {
8
- --header-height: 5.5rem;
9
- --footer-height: 7rem;
10
- --border-radius: 1.5rem;
11
- --bubble-radius: 1.5rem;
12
- --prompt-radius: 1.5rem;
13
- font-size: 1.3rem;
14
- }
15
-
16
- .title {
17
- font-size: clamp(3rem, 2vw, 5rem);
18
- }
19
-
20
- .prompts {
21
- grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
22
- max-width: 2000px;
23
- gap: 1.5rem;
24
- }
25
-
26
- .prompt-item {
27
- padding: 1.5rem 1.75rem;
28
- border-radius: 1.5rem;
29
- }
30
-
31
- .bubble {
32
- padding: 1.5rem 1.75rem;
33
- font-size: 1.2rem;
34
- border-radius: 1.5rem;
35
- }
36
-
37
- #userInput {
38
- padding: 1.25rem 1.5rem;
39
- font-size: 1.2rem;
40
- }
41
-
42
- #sendBtn, #stopBtn {
43
- width: 3.75rem;
44
- height: 3.75rem;
45
- }
46
-
47
- .icon-btn {
48
- width: 3.5rem;
49
- height: 3.5rem;
50
- }
51
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/480.css DELETED
@@ -1,78 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (max-width: 480px) {
7
- :root {
8
- --header-height: 2.75rem;
9
- --footer-height: 4rem;
10
- --border-radius: 0.75rem;
11
- --bubble-radius: 0.75rem;
12
- --prompt-radius: 0.75rem;
13
- }
14
-
15
- .main-header, .chat-header {
16
- padding: 0.4rem 0.6rem;
17
- }
18
-
19
- #chatBox {
20
- padding: 0.5rem 0.6rem calc(var(--footer-height) + 0.6rem) 0.6rem;
21
- }
22
-
23
- #footerForm {
24
- padding: 0.5rem 0.6rem;
25
- }
26
-
27
- #userInput {
28
- padding: 0.5rem 0.7rem;
29
- font-size: 0.9rem;
30
- }
31
-
32
- #sendBtn, #stopBtn {
33
- width: 2.25rem;
34
- height: 2.25rem;
35
- }
36
-
37
- .title {
38
- font-size: clamp(1.2rem, 5vw, 1.8rem);
39
- margin-bottom: 1rem;
40
- }
41
-
42
- .prompts {
43
- gap: 0.6rem;
44
- margin-bottom: 1rem;
45
- }
46
-
47
- .prompt-item {
48
- padding: 0.7rem 0.9rem;
49
- gap: 0.6rem;
50
- }
51
-
52
- .icon {
53
- width: 1rem;
54
- height: 1rem;
55
- }
56
-
57
- .system {
58
- font-size: 0.7rem;
59
- margin-top: 1rem;
60
- }
61
-
62
- .bubble {
63
- padding: 0.7rem 0.9rem;
64
- font-size: 0.85rem;
65
- border-radius: 0.75rem;
66
- margin: 0.5rem 0;
67
- }
68
-
69
- .chat-title {
70
- font-size: 0.9rem;
71
- }
72
-
73
- .icon-btn {
74
- padding: 0.35rem;
75
- width: 2rem;
76
- height: 2rem;
77
- }
78
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/720.css DELETED
@@ -1,88 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (max-width: 767px) {
7
- :root {
8
- --header-height: 3rem;
9
- --footer-height: 4.5rem;
10
- --border-radius: 0.875rem;
11
- --bubble-radius: 0.875rem;
12
- --prompt-radius: 0.875rem;
13
- }
14
-
15
- .main-header, .chat-header {
16
- padding: 0.5rem 0.75rem;
17
- }
18
-
19
- #chatBox {
20
- padding: 0.6rem 0.75rem calc(var(--footer-height) + 0.75rem) 0.75rem;
21
- }
22
-
23
- #footerForm {
24
- padding: 0.6rem 0.75rem;
25
- }
26
-
27
- #inputContainer {
28
- padding: 0.2rem;
29
- }
30
-
31
- #userInput {
32
- padding: 0.6rem 0.8rem;
33
- font-size: 0.95rem;
34
- }
35
-
36
- #sendBtn, #stopBtn {
37
- width: 2.5rem;
38
- height: 2.5rem;
39
- }
40
-
41
- .title {
42
- font-size: clamp(1.3rem, 5vw, 2rem);
43
- margin-bottom: 1.2rem;
44
- }
45
-
46
- .prompts {
47
- grid-template-columns: 1fr;
48
- gap: 0.75rem;
49
- margin-bottom: 1.2rem;
50
- }
51
-
52
- .prompt-item {
53
- padding: 0.8rem 1rem;
54
- gap: 0.7rem;
55
- }
56
-
57
- .icon {
58
- width: 1.1rem;
59
- height: 1.1rem;
60
- }
61
-
62
- .system {
63
- font-size: 0.75rem;
64
- margin-top: 1.2rem;
65
- line-height: 1.5;
66
- }
67
-
68
- .bubble {
69
- padding: 0.8rem 1rem;
70
- font-size: 0.9rem;
71
- border-radius: 0.875rem;
72
- margin: 0.6rem 0;
73
- }
74
-
75
- .chat-title {
76
- font-size: 0.95rem;
77
- }
78
-
79
- .chat-controls {
80
- gap: 0.4rem;
81
- }
82
-
83
- .icon-btn {
84
- padding: 0.4rem;
85
- width: 2.25rem;
86
- height: 2.25rem;
87
- }
88
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/7680.css DELETED
@@ -1,51 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- @media (min-width: 7680px) {
7
- :root {
8
- --header-height: 7rem;
9
- --footer-height: 9rem;
10
- --border-radius: 2rem;
11
- --bubble-radius: 2rem;
12
- --prompt-radius: 2rem;
13
- font-size: 1.6rem;
14
- }
15
-
16
- .title {
17
- font-size: clamp(4rem, 1.5vw, 7rem);
18
- }
19
-
20
- .prompts {
21
- grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
22
- max-width: 3000px;
23
- gap: 2rem;
24
- }
25
-
26
- .prompt-item {
27
- padding: 2rem 2.25rem;
28
- border-radius: 2rem;
29
- }
30
-
31
- .bubble {
32
- padding: 2rem 2.25rem;
33
- font-size: 1.4rem;
34
- border-radius: 2rem;
35
- }
36
-
37
- #userInput {
38
- padding: 1.5rem 2rem;
39
- font-size: 1.4rem;
40
- }
41
-
42
- #sendBtn, #stopBtn {
43
- width: 4.5rem;
44
- height: 4.5rem;
45
- }
46
-
47
- .icon-btn {
48
- width: 4rem;
49
- height: 4rem;
50
- }
51
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/screen/common.css DELETED
@@ -1,66 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- .max-w-screen-xl {
7
- max-width: min(1280px, 100%);
8
- margin-left: auto;
9
- margin-right: auto;
10
- width: 100%;
11
- padding-left: 1rem;
12
- padding-right: 1rem;
13
- box-sizing: border-box;
14
- }
15
-
16
- @media (min-width: 640px) {
17
- .max-w-screen-xl {
18
- padding-left: 1.5rem;
19
- padding-right: 1.5rem;
20
- }
21
- }
22
-
23
- @media (min-width: 1024px) {
24
- .max-w-screen-xl {
25
- padding-left: 2rem;
26
- padding-right: 2rem;
27
- }
28
- }
29
-
30
- @media (min-width: 1280px) {
31
- .max-w-screen-xl {
32
- padding-left: 3rem;
33
- padding-right: 3rem;
34
- }
35
- }
36
-
37
- @media (min-width: 1536px) {
38
- .max-w-screen-xl {
39
- padding-left: 4rem;
40
- padding-right: 4rem;
41
- }
42
- }
43
-
44
- @media (min-width: 2000px) {
45
- .max-w-screen-xl {
46
- max-width: 1600px;
47
- padding-left: 5rem;
48
- padding-right: 5rem;
49
- }
50
- }
51
-
52
- @media (min-width: 3840px) {
53
- .max-w-screen-xl {
54
- max-width: 2400px;
55
- padding-left: 6rem;
56
- padding-right: 6rem;
57
- }
58
- }
59
-
60
- @media (min-width: 7680px) {
61
- .max-w-screen-xl {
62
- max-width: 4000px;
63
- padding-left: 8rem;
64
- padding-right: 8rem;
65
- }
66
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/style.css DELETED
@@ -1,94 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- *, *::before, *::after {
7
- box-sizing: border-box;
8
- margin: 0;
9
- padding: 0;
10
- }
11
-
12
- html, body {
13
- width: 100%;
14
- height: 100%;
15
- overflow-x: hidden;
16
- font-family: 'Inter', sans-serif;
17
- font-size: 1rem;
18
- -webkit-font-smoothing: antialiased;
19
- -moz-osx-font-smoothing: grayscale;
20
- }
21
-
22
- body {
23
- display: flex;
24
- flex-direction: column;
25
- background-color: var(--background-dark);
26
- color: var(--text-dark);
27
- overflow: hidden;
28
- word-wrap: break-word;
29
- }
30
-
31
- :root {
32
- --color-primary: #3b82f6;
33
- --background-dark: #0f0f0f;
34
- --background-light: #fff;
35
- --text-dark: #e5e7eb;
36
- --text-light: #111;
37
- --white-line-color: #ffffff;
38
- --header-height: 3.5rem;
39
- --footer-height: 5rem;
40
- --transition-speed: 0.3s;
41
- --border-radius: 1rem;
42
- --bubble-radius: 1rem;
43
- --prompt-radius: 1rem;
44
- }
45
-
46
- main {
47
- flex: 1;
48
- display: flex;
49
- flex-direction: column;
50
- margin-top: var(--header-height);
51
- height: calc(100vh - var(--header-height));
52
- overflow: hidden;
53
- }
54
-
55
- #initialContent {
56
- display: flex;
57
- flex-direction: column;
58
- align-items: center;
59
- text-align: center;
60
- max-width: 100%;
61
- width: 100%;
62
- height: 100%;
63
- padding: 1.5rem 1rem;
64
- box-sizing: border-box;
65
- overflow-wrap: break-word;
66
- word-wrap: break-word;
67
- word-break: break-word;
68
- animation: fadeIn 0.8s ease-out forwards;
69
- }
70
-
71
- .title {
72
- font-size: clamp(1.5rem, 4vw, 2.5rem);
73
- font-weight: 800;
74
- color: #eaeef8;
75
- margin-bottom: 1.5rem;
76
- word-break: break-word;
77
- overflow-wrap: break-word;
78
- text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
79
- animation: slideInUp 0.6s ease-out forwards;
80
- }
81
-
82
- .system {
83
- text-align: center;
84
- margin-top: 5rem;
85
- margin-bottom: 5rem;
86
- font-size: 0.7rem;
87
- color: #9ca3af;
88
- word-break: break-word;
89
- overflow-wrap: break-word;
90
- max-width: 600px;
91
- line-height: 1.6;
92
- animation: fadeIn 1s ease-out 0.6s forwards;
93
- opacity: 0;
94
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/css/webkit.css DELETED
@@ -1,27 +0,0 @@
1
- /*
2
- * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- * SPDX-License-Identifier: Apache-2.0
4
- */
5
-
6
- ::-webkit-scrollbar {
7
- width: 8px;
8
- height: 8px;
9
- }
10
-
11
- ::-webkit-scrollbar-track {
12
- background: rgba(255, 255, 255, 0.05);
13
- border-radius: 4px;
14
- }
15
-
16
- ::-webkit-scrollbar-thumb {
17
- background: rgba(59, 130, 246, 0.5);
18
- border-radius: 4px;
19
- }
20
-
21
- ::-webkit-scrollbar-thumb:hover {
22
- background: rgba(59, 130, 246, 0.7);
23
- }
24
-
25
- * {
26
- -webkit-tap-highlight-color: transparent;
27
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/assets/images/favicon.ico DELETED
Binary file (15.4 kB)
 
ai/assets/plugins/loader.js DELETED
@@ -1,315 +0,0 @@
1
- //
2
- // SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // Prism.
7
- Prism.plugins.autoloader.languages_path = 'https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/';
8
-
9
- // WebSocket URL helper.
10
- function createWebSocket() {
11
- return new WebSocket((window.location.protocol === "https:" ? "wss" : "ws") + "//" + window.location.host);
12
- }
13
-
14
- // UI elements.
15
- const chatArea = document.getElementById('chatArea');
16
- const chatBox = document.getElementById('chatBox');
17
- const initialContent = document.getElementById('initialContent');
18
- const form = document.getElementById('footerForm');
19
- const input = document.getElementById('userInput');
20
- const btn = document.getElementById('sendBtn');
21
- const stopBtn = document.getElementById('stopBtn');
22
- const promptItems = document.querySelectorAll('.prompt-item');
23
- const mainHeader = document.getElementById('mainHeader');
24
- const chatHeader = document.getElementById('chatHeader');
25
- const homeBtn = document.getElementById('homeBtn');
26
- const clearBtn = document.getElementById('clearBtn');
27
-
28
- // Track state.
29
- let socket = null;
30
- let streamMsg = null;
31
- let conversationHistory = [];
32
- let currentAssistantText = "";
33
- let isRequestActive = false;
34
- let abortController = null;
35
-
36
- // Render markdown content.
37
- function renderMarkdown(el) {
38
- const raw = el.dataset.text || "";
39
- const html = marked.parse(raw, {
40
- gfm: true,
41
- breaks: true,
42
- smartLists: true,
43
- smartypants: false,
44
- headerIds: false
45
- });
46
- el.innerHTML = '<div class="md-content">' + html + '</div>';
47
- const wrapper = el.querySelector('.md-content');
48
-
49
- // Wrap tables.
50
- const tables = wrapper.querySelectorAll('table');
51
- tables.forEach(t => {
52
- if (t.parentNode && t.parentNode.classList && t.parentNode.classList.contains('table-wrapper')) return;
53
- const div = document.createElement('div');
54
- div.className = 'table-wrapper';
55
- t.parentNode.insertBefore(div, t);
56
- div.appendChild(t);
57
- });
58
-
59
- // Style horizontal rules.
60
- const hrs = wrapper.querySelectorAll('hr');
61
- hrs.forEach(h => {
62
- if (!h.classList.contains('styled-hr')) {
63
- h.classList.add('styled-hr');
64
- }
65
- });
66
-
67
- // Highlight code.
68
- Prism.highlightAllUnder(wrapper);
69
- }
70
-
71
- // Chat view.
72
- function enterChatView() {
73
- mainHeader.style.display = 'none';
74
- chatHeader.style.display = 'flex';
75
- chatHeader.setAttribute('aria-hidden', 'false');
76
- chatBox.style.display = 'flex';
77
- initialContent.style.display = 'none';
78
- }
79
-
80
- // Home view.
81
- function leaveChatView() {
82
- mainHeader.style.display = 'flex';
83
- chatHeader.style.display = 'none';
84
- chatHeader.setAttribute('aria-hidden', 'true');
85
- chatBox.style.display = 'none';
86
- initialContent.style.display = 'flex';
87
- }
88
-
89
- // Chat bubble.
90
- function addMsg(who, text) {
91
- const div = document.createElement('div');
92
- div.className = 'bubble ' + (who === 'user' ? 'bubble-user' : 'bubble-assist');
93
- div.dataset.text = text;
94
- renderMarkdown(div);
95
- chatBox.appendChild(div);
96
- chatBox.style.display = 'flex';
97
- chatBox.scrollTop = chatBox.scrollHeight;
98
- return div;
99
- }
100
-
101
- // Clear all chat.
102
- function clearAllMessages() {
103
- stopStream(true);
104
- conversationHistory = [];
105
- currentAssistantText = "";
106
- if (streamMsg) {
107
- const loadingEl = streamMsg.querySelector('.loading');
108
- if (loadingEl) loadingEl.remove();
109
- streamMsg = null;
110
- }
111
- chatBox.innerHTML = "";
112
- input.value = "";
113
- btn.disabled = true;
114
- stopBtn.style.display = 'none';
115
- btn.style.display = 'inline-flex';
116
- enterChatView();
117
- }
118
-
119
- // Reconnect WebSocket.
120
- let reconnectAttempts = 0;
121
- function setupWebSocket() {
122
- if (socket) {
123
- socket.onopen = null;
124
- socket.onclose = null;
125
- socket.onmessage = null;
126
- socket.onerror = null;
127
- socket.close();
128
- socket = null;
129
- }
130
-
131
- socket = createWebSocket();
132
-
133
- socket.onopen = () => {
134
- reconnectAttempts = 0;
135
- };
136
-
137
- socket.onclose = () => {
138
- reconnectAttempts++;
139
- // Try reconnecting.
140
- const delay = Math.min(30000, 1000 * Math.pow(2, reconnectAttempts)); // 30 seconds.
141
- setTimeout(setupWebSocket, delay);
142
- };
143
-
144
- socket.onmessage = handleSocketMessage;
145
-
146
- socket.onerror = () => {
147
- socket.close();
148
- };
149
- }
150
-
151
- // Handle incoming socket messages.
152
- function handleSocketMessage(e) {
153
- const data = JSON.parse(e.data);
154
- if (data.type === 'chunk') {
155
- if (streamMsg) {
156
- const loadingEl = streamMsg.querySelector('.loading');
157
- if (loadingEl) loadingEl.remove();
158
- streamMsg.dataset.text += data.chunk;
159
- currentAssistantText = streamMsg.dataset.text || "";
160
- renderMarkdown(streamMsg);
161
- chatBox.scrollTop = chatBox.scrollHeight;
162
- }
163
- } else if (data.type === 'end' || data.type === 'error') {
164
- if (streamMsg) {
165
- const loadingEl = streamMsg.querySelector('.loading');
166
- if (loadingEl) loadingEl.remove();
167
- streamMsg.dataset.done = '1';
168
- if (data.type === 'error') {
169
- streamMsg.dataset.text = data.error || 'An error occurred during the request.';
170
- renderMarkdown(streamMsg);
171
- } else {
172
- conversationHistory.push({ role: 'assistant', content: streamMsg.dataset.text });
173
- }
174
- streamMsg = null;
175
- isRequestActive = false;
176
- abortController = null;
177
- }
178
- btn.style.display = 'inline-flex';
179
- stopBtn.style.display = 'none';
180
- stopBtn.style.pointerEvents = 'auto';
181
- }
182
- }
183
-
184
- // Send user message.
185
- async function submitMessage() {
186
- const message = input.value.trim();
187
- if (!message || isRequestActive) return;
188
- enterChatView();
189
- addMsg('user', message);
190
- conversationHistory.push({ role: 'user', content: message });
191
- streamMsg = addMsg('assistant', '');
192
- const loadingEl = document.createElement('span');
193
- loadingEl.className = 'loading';
194
- streamMsg.appendChild(loadingEl);
195
- stopBtn.style.display = 'inline-flex';
196
- btn.style.display = 'none';
197
- input.value = '';
198
- btn.disabled = true;
199
-
200
- isRequestActive = true;
201
-
202
- // Stopping request.
203
- abortController = new AbortController();
204
- try {
205
- socket.send(JSON.stringify({
206
- type: 'ask',
207
- message,
208
- history: conversationHistory,
209
- abortSignal: true
210
- }));
211
- } catch (error) {
212
- if (streamMsg) {
213
- const loadingEl = streamMsg.querySelector('.loading');
214
- if (loadingEl) loadingEl.remove();
215
- streamMsg.dataset.text = error.message || 'An error occurred during the request.';
216
- renderMarkdown(streamMsg);
217
- streamMsg.dataset.done = '1';
218
- streamMsg = null;
219
- isRequestActive = false;
220
- abortController = null;
221
- }
222
- btn.style.display = 'inline-flex';
223
- stopBtn.style.display = 'none';
224
- }
225
- }
226
-
227
- // Stop streaming and cancel the ongoing request.
228
- function stopStream(forceCancel = false) {
229
- if (!isRequestActive) return;
230
-
231
- isRequestActive = false;
232
-
233
- if (abortController) {
234
- abortController.abort();
235
- abortController = null;
236
- }
237
-
238
- // Notify server to stop sending streams / processing.
239
- try {
240
- socket.send(JSON.stringify({ type: 'stop' }));
241
- } catch {}
242
-
243
- if (streamMsg && !forceCancel) {
244
- const loadingEl = streamMsg.querySelector('.loading');
245
- if (loadingEl) loadingEl.remove();
246
- streamMsg.dataset.text += '';
247
- renderMarkdown(streamMsg);
248
- streamMsg.dataset.done = '1';
249
- streamMsg = null;
250
- }
251
-
252
- stopBtn.style.display = 'none';
253
- btn.style.display = 'inline-flex';
254
- stopBtn.style.pointerEvents = 'auto';
255
- }
256
-
257
- // Wait for socket ready.
258
- function sendWhenReady(msgFn) {
259
- if (socket.readyState === WebSocket.OPEN) {
260
- msgFn();
261
- } else {
262
- socket.addEventListener('open', function handler() {
263
- msgFn();
264
- socket.removeEventListener('open', handler);
265
- });
266
- }
267
- }
268
-
269
- // Prompts.
270
- promptItems.forEach(p => {
271
- p.addEventListener('click', () => {
272
- input.value = p.dataset.prompt;
273
- sendWhenReady(submitMessage);
274
- });
275
- });
276
-
277
- // Submit.
278
- form.addEventListener('submit', e => {
279
- e.preventDefault();
280
- submitMessage();
281
- });
282
-
283
- // Stop.
284
- stopBtn.addEventListener('click', () => {
285
- stopBtn.style.pointerEvents = 'none';
286
- stopStream();
287
- });
288
-
289
- // Home.
290
- homeBtn.addEventListener('click', () => {
291
- leaveChatView();
292
- });
293
-
294
- // Clear messages.
295
- clearBtn.addEventListener('click', () => {
296
- clearAllMessages();
297
- });
298
-
299
- // Enable send button only if input has text.
300
- input.addEventListener('input', () => {
301
- btn.disabled = input.value.trim() === '';
302
- });
303
-
304
- // Animations.
305
- document.addEventListener('DOMContentLoaded', function () {
306
- AOS.init({
307
- duration: 800,
308
- easing: 'ease-out-cubic',
309
- once: true,
310
- offset: 50
311
- });
312
- });
313
-
314
- // Initialize WebSocket connection.
315
- setupWebSocket();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/mapping.js DELETED
@@ -1,50 +0,0 @@
1
- //
2
- // SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- import express from "express";
7
- import http from "http";
8
- import cookieParser from "cookie-parser";
9
- import path from "path";
10
- import { PORT } from "./src/backend/config.js";
11
- import attachWss from "./src/backend/request.js";
12
- import { fileURLToPath } from "url";
13
-
14
- const app = express();
15
- const server = http.createServer(app);
16
- const __filename = fileURLToPath(import.meta.url);
17
- const __dirname = path.dirname(__filename);
18
-
19
- // Cookies.
20
- app.use(cookieParser());
21
-
22
- // Root.
23
- app.get("/", (_req, res) => {
24
- res.sendFile(path.resolve(__dirname, "src/frontend/loader.html"));
25
- });
26
-
27
- // Assets.
28
- app.use("/assets", express.static(path.resolve("assets")));
29
-
30
- // SEO.
31
- app.get("/robots.txt", (_req, res) => {
32
- res.sendFile(path.resolve("src/crawlers/robots.txt"));
33
- }); // https://umint-ai.hf.space/robots.txt
34
-
35
- app.get("/sitemap.xml", (_req, res) => {
36
- res.sendFile(path.resolve("src/crawlers/sitemap.xml"));
37
- }); // https://umint-ai.hf.space/sitemap.xml
38
-
39
- app.get("/google15aba15fe250d693.html", (_req, res) => {
40
- res.sendFile(path.resolve("src/webmasters/google.html"));
41
- }); // https://umint-ai.hf.space/google15aba15fe250d693.html
42
-
43
- app.get("/BingSiteAuth.xml", (_req, res) => {
44
- res.sendFile(path.resolve("src/webmasters/bing.xml"));
45
- }); // https://umint-ai.hf.space/BingSiteAuth.xml
46
-
47
- // Attach WebSocket server.
48
- attachWss(server);
49
-
50
- server.listen(PORT);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/package.json DELETED
@@ -1,20 +0,0 @@
1
- {
2
- "name": "UltimaX Intelligence",
3
- "version": "1.0.0",
4
- "type": "module",
5
- "main": "mapping.js",
6
- "scripts": {
7
- "start": "node mapping.js"
8
- },
9
- "dependencies": {
10
- "express": "latest",
11
- "http": "latest",
12
- "ws": "latest",
13
- "node-fetch": "latest",
14
- "cookie-parser": "latest",
15
- "path": "latest",
16
- "url": "latest",
17
- "body-parser": "latest",
18
- "cors": "latest"
19
- }
20
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/requirements.txt DELETED
@@ -1,11 +0,0 @@
1
- streamlit
2
- gradio
3
- transformers
4
- torch
5
- pandas
6
- numpy
7
- scikit-learn
8
- requests
9
- sentencepiece
10
- accelerate
11
- huggingface_hub
 
 
 
 
 
 
 
 
 
 
 
 
ai/src/backend/config.js DELETED
@@ -1,11 +0,0 @@
1
- //
2
- // SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // Server port.
7
- export const PORT = process.env.PORT;
8
- // API endpoint.
9
- export const OPENAI_API_BASE_URL = process.env.OPENAI_API_BASE_URL;
10
- // API key.
11
- export const OPENAI_API_KEY = process.env.OPENAI_API_KEY;
 
 
 
 
 
 
 
 
 
 
 
 
ai/src/backend/request.js DELETED
@@ -1,140 +0,0 @@
1
- //
2
- // SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- import { WebSocketServer } from "ws";
7
- import fetch from "node-fetch";
8
- import {
9
- OPENAI_API_BASE_URL,
10
- OPENAI_API_KEY
11
- } from "./config.js";
12
-
13
- export default function attachWss(server) {
14
- const wss = new WebSocketServer({ server });
15
-
16
- // Handle WebSocket connections.
17
- wss.on("connection", (ws) => {
18
- let currentAbortController = null;
19
-
20
- // Send messages to client.
21
- const sendToClient = (type, payload) => {
22
- ws.send(JSON.stringify({ type, ...payload }));
23
- };
24
-
25
- // Send logs to client.
26
- const sendError = (message) => {
27
- sendToClient("error", { error: message });
28
- };
29
-
30
- // Make a request.
31
- const streamRequest = async (messages, retries = 3) => {
32
- for (let attempt = 1; attempt <= retries; attempt++) {
33
- currentAbortController = new AbortController();
34
- const signal = currentAbortController.signal;
35
-
36
- try {
37
- const response = await fetch(OPENAI_API_BASE_URL, {
38
- method: "POST",
39
- headers: {
40
- "Content-Type": "application/json",
41
- "Authorization": `Bearer ${OPENAI_API_KEY}`,
42
- },
43
- body: JSON.stringify({
44
- model: "gpt-4.1-nano",
45
- messages,
46
- stream: true,
47
- private: true,
48
- isPrivate: true
49
- }),
50
- signal
51
- });
52
-
53
- if (response.status === 502) {
54
- if (attempt === retries) {
55
- sendError(
56
- "The server is currently busy. Please wait a moment or try again later."
57
- );
58
- return;
59
- }
60
- continue;
61
- }
62
-
63
- if (!response.ok) {
64
- const errText = await response.text();
65
- sendError(`HTTP ${response.status}: ${response.statusText} - ${errText}`);
66
- return;
67
- }
68
-
69
- if (!response.body) {
70
- sendError("Response body is empty.");
71
- return;
72
- }
73
-
74
- let buffer = "";
75
- for await (const chunk of response.body) {
76
- if (signal.aborted) {
77
- sendToClient("end", {});
78
- return;
79
- }
80
- buffer += chunk.toString();
81
- let idx;
82
- while ((idx = buffer.indexOf("\n")) !== -1) {
83
- const line = buffer.slice(0, idx).trim();
84
- buffer = buffer.slice(idx + 1);
85
- if (line.startsWith("data: ")) {
86
- const dataStr = line.substring(6).trim();
87
- if (!dataStr || dataStr === "[DONE]") continue;
88
- try {
89
- const parsed = JSON.parse(dataStr);
90
- const part = parsed?.choices?.[0]?.delta?.content;
91
- if (part) sendToClient("chunk", { chunk: part });
92
- } catch (err) {
93
- sendError(`Parse error: ${err.message}`);
94
- }
95
- }
96
- }
97
- }
98
-
99
- sendToClient("end", {});
100
- return;
101
- } catch (err) {
102
- if (signal.aborted) {
103
- sendToClient("end", {});
104
- return;
105
- }
106
- if (attempt === retries) {
107
- sendError(err.message || "Unknown error.");
108
- }
109
- }
110
- }
111
- };
112
-
113
- // Handle messages from client.
114
- ws.on("message", async (msg) => {
115
- try {
116
- const data = JSON.parse(msg.toString());
117
-
118
- if (data.type === "stop") {
119
- if (currentAbortController) currentAbortController.abort();
120
- sendToClient("end", {});
121
- return;
122
- }
123
-
124
- const message = data.message;
125
- const history = data.history || [];
126
- const setupMessages = [...history, { role: "user", content: message }];
127
- await streamRequest(setupMessages);
128
-
129
- } catch (err) {
130
- sendError(err.message || "An unknown error occurred.");
131
- if (currentAbortController) currentAbortController.abort();
132
- }
133
- });
134
-
135
- // Abort on WebSocket close.
136
- ws.on("close", () => {
137
- if (currentAbortController) currentAbortController.abort();
138
- });
139
- });
140
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/src/crawlers/robots.txt DELETED
@@ -1,4 +0,0 @@
1
- User-agent: *
2
- Allow: /
3
-
4
- Sitemap: https://umint-ai.hf.space/sitemap.xml
 
 
 
 
 
ai/src/crawlers/sitemap.xml DELETED
@@ -1,12 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <!--
3
- SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
4
- SPDX-License-Identifier: Apache-2.0
5
- -->
6
- <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
7
- <url>
8
- <loc>https://umint-ai.hf.space</loc>
9
- <changefreq>daily</changefreq>
10
- <priority>1.0</priority>
11
- </url>
12
- </urlset>
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/src/frontend/loader.html DELETED
@@ -1,350 +0,0 @@
1
- <!--
2
- SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
- SPDX-License-Identifier: Apache-2.0
4
- -->
5
-
6
- <!DOCTYPE html>
7
- <html lang="en" class="dark-theme">
8
- <head>
9
- <meta charset="UTF-8" />
10
- <meta name="viewport"
11
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
12
- user-scalable=no, viewport-fit=cover" />
13
- <meta name="robots" content="index, follow" />
14
- <title>UltimaX Intelligence</title>
15
-
16
- <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />
17
-
18
- <meta name="author" content="Hadad Darajat" />
19
- <meta name="description"
20
- content="UltimaX Intelligence is a free AI platform unifying multiple
21
- premium AI models with an intuitive ChatGPT-like interface.
22
- Powered by Pollinations open-source AI and integrated with
23
- OpenWebUI, it offers advanced features, no cost, no
24
- registration, and ensures user privacy with temporary,
25
- unsaved conversations." />
26
- <meta name="keywords"
27
- content="UltimaX Intelligence, free AI platform, premium AI models,
28
- Pollinations AI, open-source AI, Open-WebUI integration,
29
- ChatGPT alternative, AI tools free, no registration AI,
30
- AI privacy, temporary AI conversations, AI platform no login,
31
- advanced AI features, AI community powered,
32
- seamless AI experience" />
33
-
34
- <!-- Open Graph -->
35
- <meta property="og:domain" content="umint-ai.hf.space" />
36
- <meta property="og:url" content="https://umint-ai.hf.space" />
37
- <meta property="og:title" content="UltimaX Intelligence" />
38
- <meta property="og:description"
39
- content="UltimaX Intelligence is a free AI platform unifying multiple
40
- premium AI models with an intuitive ChatGPT-like interface.
41
- Powered by Pollinations open-source AI and integrated with
42
- OpenWebUI, it offers advanced features, no cost, no
43
- registration, and ensures user privacy with temporary,
44
- unsaved conversations." />
45
- <meta property="og:image"
46
- content="https://cdn-uploads.huggingface.co/production/uploads/686e28b405d4ddcdd96adeb2/i9iufR3L-rgj39mk_B9QW.jpeg" />
47
-
48
- <!-- Twitter -->
49
- <meta name="twitter:card" content="summary_large_image" />
50
- <meta name="twitter:domain" content="umint-ai.hf.space" />
51
- <meta name="twitter:url" content="https://umint-ai.hf.space" />
52
- <meta name="twitter:title" content="UltimaX Intelligence" />
53
- <meta name="twitter:description"
54
- content="UltimaX Intelligence is a free AI platform unifying multiple
55
- premium AI models with an intuitive ChatGPT-like interface.
56
- Powered by Pollinations open-source AI and integrated with
57
- OpenWebUI, it offers advanced features, no cost, no
58
- registration, and ensures user privacy with temporary,
59
- unsaved conversations." />
60
- <meta name="twitter:image"
61
- content="https://cdn-uploads.huggingface.co/production/uploads/686e28b405d4ddcdd96adeb2/i9iufR3L-rgj39mk_B9QW.jpeg" />
62
-
63
- <!-- Favicon -->
64
- <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon" />
65
-
66
- <!-- Fonts & Styles -->
67
- <link rel="preconnect" href="https://fonts.googleapis.com" />
68
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
69
- rel="stylesheet" />
70
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
71
- rel="stylesheet" />
72
- <script src="https://cdn.tailwindcss.com"></script>
73
-
74
- <!-- Markdown & Syntax Highlight -->
75
- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
76
- <link rel="stylesheet"
77
- href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" />
78
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
79
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
80
-
81
- <!-- Animations -->
82
- <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
83
- <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet" />
84
-
85
- <!-- Carousel -->
86
- <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
87
- <link rel="stylesheet"
88
- href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" />
89
-
90
- <!-- Smooth Scroll -->
91
- <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.4/dist/locomotive-scroll.min.js"></script>
92
- <link rel="stylesheet"
93
- href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.4/dist/locomotive-scroll.min.css" />
94
-
95
- <!-- Styles -->
96
- <link rel="stylesheet" href="/assets/css/animation/style.css" />
97
- <link rel="stylesheet" href="/assets/css/button.css" />
98
- <link rel="stylesheet" href="/assets/css/chat/bubble.css" />
99
- <link rel="stylesheet" href="/assets/css/chat/markdown.css" />
100
- <link rel="stylesheet" href="/assets/css/chat/style.css" />
101
- <link rel="stylesheet" href="/assets/css/footer.css" />
102
- <link rel="stylesheet" href="/assets/css/header.css" />
103
- <link rel="stylesheet" href="/assets/css/icon.css" />
104
- <link rel="stylesheet" href="/assets/css/input.css" />
105
- <link rel="stylesheet" href="/assets/css/logo.css" />
106
- <link rel="stylesheet" href="/assets/css/prompts.css" />
107
- <link rel="stylesheet" href="/assets/css/screen/1200.css" />
108
- <link rel="stylesheet" href="/assets/css/screen/2000.css" />
109
- <link rel="stylesheet" href="/assets/css/screen/320.css" />
110
- <link rel="stylesheet" href="/assets/css/screen/360.css" />
111
- <link rel="stylesheet" href="/assets/css/screen/3840.css" />
112
- <link rel="stylesheet" href="/assets/css/screen/480.css" />
113
- <link rel="stylesheet" href="/assets/css/screen/720.css" />
114
- <link rel="stylesheet" href="/assets/css/screen/7680.css" />
115
- <link rel="stylesheet" href="/assets/css/screen/common.css" />
116
- <link rel="stylesheet" href="/assets/css/style.css" />
117
- <link rel="stylesheet" href="/assets/css/webkit.css" />
118
- </head>
119
- <body>
120
- <!-- Header -->
121
- <header class="main-header" id="mainHeader">
122
- <div class="logo d-flex align-items-center">
123
- <a id="toggleLink"
124
- class="icon-btn"
125
- aria-label="LinkedIn"
126
- title="Hadad Darajat"
127
- href="https://linkedin.com/in/hadadrjt"
128
- target="_blank"
129
- rel="noopener noreferrer">
130
- <span class="linkedin"></span>
131
- </a>
132
- </div>
133
- </header>
134
-
135
- <!-- Chat Header -->
136
- <header class="chat-header" id="chatHeader" aria-hidden="true">
137
- <button id="homeBtn"
138
- class="icon-btn"
139
- aria-label="Back to Home"
140
- title="Back to Home">
141
- <svg width="20" height="20"
142
- viewBox="0 0 24 24"
143
- fill="none"
144
- stroke="currentColor"
145
- stroke-width="1.8"
146
- stroke-linecap="round"
147
- stroke-linejoin="round"
148
- xmlns="http://www.w3.org/2000/svg">
149
- <path d="M3 11.5L12 4l9 7.5" />
150
- <path d="M5 21V11.5h14V21" />
151
- </svg>
152
- </button>
153
-
154
- <div class="chat-title" id="chatTitle">Demo Playground</div>
155
-
156
- <div class="chat-controls">
157
- <button id="clearBtn"
158
- class="icon-btn"
159
- aria-label="Clear All Messages"
160
- title="Clear All Messages">
161
- <svg width="20" height="20"
162
- viewBox="0 0 24 24"
163
- fill="none"
164
- stroke="currentColor"
165
- stroke-width="1.6"
166
- stroke-linecap="round"
167
- stroke-linejoin="round"
168
- xmlns="http://www.w3.org/2000/svg">
169
- <path d="M3 6h18" />
170
- <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
171
- <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" />
172
- <path d="M10 11v6" />
173
- <path d="M14 11v6" />
174
- </svg>
175
- </button>
176
-
177
- <a href="https://umint-openwebui.hf.space"
178
- target="_blank"
179
- rel="noopener noreferrer"
180
- class="icon-btn"
181
- aria-label="OpenWebUI"
182
- title="OpenWebUI">
183
- <svg width="20" height="20"
184
- viewBox="0 0 24 24"
185
- fill="none"
186
- stroke="currentColor"
187
- stroke-width="1.8"
188
- stroke-linecap="round"
189
- stroke-linejoin="round"
190
- xmlns="http://www.w3.org/2000/svg">
191
- <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
192
- <path d="M15 3h6v6" />
193
- <path d="M10 14 21 3" />
194
- </svg>
195
- </a>
196
- </div>
197
- </header>
198
-
199
- <!-- Main Content -->
200
- <main>
201
- <div class="flex-1 flex flex-col h-full max-w-screen-xl w-full mx-auto">
202
- <div id="chatArea" class="flex-1" aria-live="polite">
203
- <div id="initialContent"
204
- class="flex flex-col items-center justify-center text-center"
205
- style="width:100%; height:100%;">
206
- <div class="title mb-4 gradient-text">
207
- How can I help you today?
208
- </div>
209
-
210
- <!-- Prompts -->
211
- <div class="prompts w-full max-w-md mx-auto grid gap-2"
212
- style="width:100%;">
213
- <div class="prompt-item"
214
- data-prompt="How far away is the sun from Earth?"
215
- style="word-break: break-word;">
216
- <svg class="icon"
217
- viewBox="0 0 24 24"
218
- fill="none"
219
- stroke="currentColor">
220
- <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M18.66 18.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M18.66 5.34l1.41-1.41"
221
- stroke-width="2"
222
- stroke-linecap="round"
223
- stroke-linejoin="round" />
224
- <circle cx="12" cy="12" r="4" stroke-width="2" />
225
- </svg>
226
- <span>How far away is the sun from Earth?</span>
227
- </div>
228
-
229
- <div class="prompt-item"
230
- data-prompt="Create complex python code, anything."
231
- style="word-break: break-word;">
232
- <svg class="icon"
233
- viewBox="0 0 24 24"
234
- fill="none"
235
- stroke="currentColor">
236
- <path d="M4 7h16M4 12h16M4 17h16"
237
- stroke-width="2"
238
- stroke-linecap="round"
239
- stroke-linejoin="round" />
240
- </svg>
241
- <span>Create complex python code.</span>
242
- </div>
243
-
244
- <div class="prompt-item"
245
- data-prompt="How many R’s are in strawberry?"
246
- style="word-break: break-word;">
247
- <svg class="icon"
248
- viewBox="0 0 24 24"
249
- fill="none"
250
- stroke="currentColor">
251
- <path d="M3 12h18M12 3v18"
252
- stroke-width="2"
253
- stroke-linecap="round"
254
- stroke-linejoin="round" />
255
- </svg>
256
- <span>How many R’s are in strawberry?</span>
257
- </div>
258
-
259
- <div class="prompt-item"
260
- data-prompt="Suggest a random prompt."
261
- style="word-break: break-word;">
262
- <svg class="icon"
263
- viewBox="0 0 24 24"
264
- fill="none"
265
- stroke="currentColor">
266
- <path d="M12 3v18M7 12h10"
267
- stroke-width="2"
268
- stroke-linecap="round"
269
- stroke-linejoin="round" />
270
- </svg>
271
- <span>Suggest a random prompt.</span>
272
- </div>
273
- </div>
274
-
275
- <p class="system"
276
- style="word-wrap:break-word;">
277
- Demo only!
278
- <a href="https://umint-openwebui.hf.space"
279
- style="color: #3b82f6;"
280
- target="_blank">Click here</a>
281
- to continue.<br>
282
- Please read the
283
- <a href="https://huggingface.co/spaces/umint/ai/discussions"
284
- style="color: #3b82f6;"
285
- target="_blank">discussions</a>
286
- before you go.<br>
287
- Premium AI, all in one tools, and website builder.<br>
288
- Free, no cost at all.
289
- </p>
290
- </div>
291
- </div>
292
-
293
- <div id="chatBox"
294
- class="hidden flex-col"
295
- aria-live="polite"></div>
296
-
297
- <!-- Footer Form -->
298
- <form id="footerForm"
299
- class="flex p-3 bg-transparent"
300
- autocomplete="off"
301
- style="position: relative; margin-top: auto; width: 100%;">
302
- <div id="inputContainer">
303
- <input type="text"
304
- id="userInput"
305
- placeholder="Ask anything..."
306
- required
307
- style="word-break:break-word;" />
308
- <div id="rightIconGroup">
309
- <button type="submit"
310
- id="sendBtn"
311
- disabled
312
- aria-label="Send">
313
- <svg id="sendIcon"
314
- xmlns="http://www.w3.org/2000/svg"
315
- fill="none"
316
- viewBox="0 0 24 24"
317
- stroke="currentColor">
318
- <path stroke-linecap="round"
319
- stroke-linejoin="round"
320
- stroke-width="2"
321
- d="M14 5l7 7-7 7M3 12h11" />
322
- </svg>
323
- </button>
324
- <button id="stopBtn"
325
- class="icon-btn"
326
- aria-label="Stop"
327
- title="Stop">
328
- <svg width="20"
329
- height="20"
330
- viewBox="0 0 24 24"
331
- fill="white"
332
- xmlns="http://www.w3.org/2000/svg">
333
- <rect x="6" y="6"
334
- width="12"
335
- height="12"
336
- rx="2"
337
- fill="white" />
338
- </svg>
339
- </button>
340
- </div>
341
- </div>
342
- </form>
343
- </div>
344
- </main>
345
-
346
- <!-- Plugins -->
347
- <script src="/assets/plugins/loader.js"></script>
348
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
349
- </body>
350
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ai/src/webmasters/bing.xml DELETED
@@ -1,4 +0,0 @@
1
- <?xml version="1.0"?>
2
- <users>
3
- <user>6F0E69E47393F89FAEEEE8B9212EBAE4</user>
4
- </users>
 
 
 
 
 
ai/src/webmasters/google.html DELETED
@@ -1 +0,0 @@
1
- google-site-verification: google15aba15fe250d693.html
 
 
requirements.txt ADDED
@@ -0,0 +1,49 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ albumentations==1.4.23
2
+ datasets[vision]~=3.2.0
3
+ evaluate==0.4.3
4
+ ipadic==1.0.0
5
+ jiwer==3.0.5
6
+ joblib==1.4.2
7
+ loguru==0.7.3
8
+ pandas==2.2.3
9
+ nltk==3.9.1
10
+ optuna==4.1.0
11
+ Pillow==11.0.0
12
+ sacremoses==0.1.1
13
+ scikit-learn==1.6.0
14
+ sentencepiece==0.2.0
15
+ tqdm==4.67.1
16
+ werkzeug==3.1.3
17
+ xgboost==2.1.3
18
+ huggingface_hub==0.27.0
19
+ requests==2.32.3
20
+ einops==0.8.0
21
+ packaging==24.2
22
+ cryptography==44.0.0
23
+ nvitop==1.3.2
24
+ # latest versions
25
+ tensorboard==2.18.0
26
+ peft==0.14.0
27
+ trl==0.13.0
28
+ tiktoken==0.8.0
29
+ transformers==4.48.0
30
+ accelerate==1.2.1
31
+ bitsandbytes==0.45.0
32
+ # extras
33
+ rouge_score==0.1.2
34
+ py7zr==0.22.0
35
+ fastapi==0.115.6
36
+ uvicorn==0.34.0
37
+ python-multipart==0.0.20
38
+ pydantic==2.10.4
39
+ hf-transfer
40
+ pyngrok==7.2.1
41
+ authlib==1.4.0
42
+ itsdangerous==2.2.0
43
+ seqeval==1.2.2
44
+ httpx==0.28.1
45
+ pyyaml==6.0.2
46
+ timm==1.0.12
47
+ torchmetrics==1.6.0
48
+ pycocotools==2.0.8
49
+ sentence-transformers==3.3.1
setup.cfg ADDED
@@ -0,0 +1,26 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ [metadata]
2
+ license_files = LICENSE
3
+ version = attr: autotrain.__version__
4
+
5
+ [isort]
6
+ ensure_newline_before_comments = True
7
+ force_grid_wrap = 0
8
+ include_trailing_comma = True
9
+ line_length = 119
10
+ lines_after_imports = 2
11
+ multi_line_output = 3
12
+ use_parentheses = True
13
+
14
+ [flake8]
15
+ ignore = E203, E501, W503
16
+ max-line-length = 119
17
+ per-file-ignores =
18
+ # imported but unused
19
+ __init__.py: F401, E402
20
+ src/autotrain/params.py: F401
21
+ exclude =
22
+ .git,
23
+ .venv,
24
+ __pycache__,
25
+ dist
26
+ build
setup.py ADDED
@@ -0,0 +1,106 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Lint as: python3
2
+ """
3
+ HuggingFace / AutoTrain Advanced
4
+ """
5
+ import os
6
+
7
+ from setuptools import find_packages, setup
8
+
9
+
10
+ DOCLINES = __doc__.split("\n")
11
+
12
+ this_directory = os.path.abspath(os.path.dirname(__file__))
13
+ with open(os.path.join(this_directory, "README.md"), encoding="utf-8") as f:
14
+ LONG_DESCRIPTION = f.read()
15
+
16
+ # get INSTALL_REQUIRES from requirements.txt
17
+ INSTALL_REQUIRES = []
18
+ requirements_path = os.path.join(this_directory, "requirements.txt")
19
+ with open(requirements_path, encoding="utf-8") as f:
20
+ for line in f:
21
+ # Exclude 'bitsandbytes' if installing on macOS
22
+ if "bitsandbytes" in line:
23
+ line = line.strip() + " ; sys_platform == 'linux'"
24
+ INSTALL_REQUIRES.append(line.strip())
25
+ else:
26
+ INSTALL_REQUIRES.append(line.strip())
27
+
28
+ QUALITY_REQUIRE = [
29
+ "black",
30
+ "isort",
31
+ "flake8==3.7.9",
32
+ ]
33
+
34
+ TESTS_REQUIRE = ["pytest"]
35
+
36
+ CLIENT_REQUIRES = ["requests", "loguru"]
37
+
38
+
39
+ EXTRAS_REQUIRE = {
40
+ "base": INSTALL_REQUIRES,
41
+ "dev": INSTALL_REQUIRES + QUALITY_REQUIRE + TESTS_REQUIRE,
42
+ "quality": INSTALL_REQUIRES + QUALITY_REQUIRE,
43
+ "docs": INSTALL_REQUIRES
44
+ + [
45
+ "recommonmark",
46
+ "sphinx==3.1.2",
47
+ "sphinx-markdown-tables",
48
+ "sphinx-rtd-theme==0.4.3",
49
+ "sphinx-copybutton",
50
+ ],
51
+ "client": CLIENT_REQUIRES,
52
+ }
53
+
54
+ setup(
55
+ name="autotrain-advanced",
56
+ description=DOCLINES[0],
57
+ long_description=LONG_DESCRIPTION,
58
+ long_description_content_type="text/markdown",
59
+ author="HuggingFace Inc.",
60
+ author_email="autotrain@huggingface.co",
61
+ url="https://github.com/huggingface/autotrain-advanced",
62
+ download_url="https://github.com/huggingface/autotrain-advanced/tags",
63
+ license="Apache 2.0",
64
+ package_dir={"": "src"},
65
+ packages=find_packages("src"),
66
+ extras_require=EXTRAS_REQUIRE,
67
+ install_requires=INSTALL_REQUIRES,
68
+ entry_points={"console_scripts": ["autotrain=autotrain.cli.autotrain:main"]},
69
+ classifiers=[
70
+ "Development Status :: 5 - Production/Stable",
71
+ "Intended Audience :: Developers",
72
+ "Intended Audience :: Education",
73
+ "Intended Audience :: Science/Research",
74
+ "License :: OSI Approved :: Apache Software License",
75
+ "Operating System :: OS Independent",
76
+ "Programming Language :: Python :: 3.8",
77
+ "Programming Language :: Python :: 3.9",
78
+ "Programming Language :: Python :: 3.10",
79
+ "Programming Language :: Python :: 3.11",
80
+ "Topic :: Scientific/Engineering :: Artificial Intelligence",
81
+ ],
82
+ keywords="automl autonlp autotrain huggingface",
83
+ data_files=[
84
+ (
85
+ "static",
86
+ [
87
+ "src/autotrain/app/static/logo.png",
88
+ "src/autotrain/app/static/scripts/fetch_data_and_update_models.js",
89
+ "src/autotrain/app/static/scripts/listeners.js",
90
+ "src/autotrain/app/static/scripts/utils.js",
91
+ "src/autotrain/app/static/scripts/poll.js",
92
+ "src/autotrain/app/static/scripts/logs.js",
93
+ ],
94
+ ),
95
+ (
96
+ "templates",
97
+ [
98
+ "src/autotrain/app/templates/index.html",
99
+ "src/autotrain/app/templates/error.html",
100
+ "src/autotrain/app/templates/duplicate.html",
101
+ "src/autotrain/app/templates/login.html",
102
+ ],
103
+ ),
104
+ ],
105
+ include_package_data=True,
106
+ )